Skip to content

v2.0.0-preview.1

Pre-release
Pre-release
Compare
Choose a tag to compare
@desmondinho desmondinho released this 05 Mar 12:48
· 3 commits to release-preview since this release
fbaea4a

This is a pre-release version of v2.0.0, focusing on upgrading the library to Tailwind CSS v4.
Since this introduces breaking changes (dropping Tailwind v3 support), I am releasing this preview version to allow to test and provide feedback before the final release.

🔥 What's New?

⚠️ Breaking Changes

  • Dropped Tailwind CSS v3 support.

  • Custom CSS variables --lumex-box-shadow-* changed to --lumex-shadow-* to be more like new Tailwind CSS variable --shadow-*.

  • Custom CSS variables --lumex-*-opacity change to --lumex-opacity-* to better match the rest of custom CSS variables.

  • The font size of the LumexButton decreases by one step for each size variant:

    Before:

    <LumexButton Size="@Size.Small">...</LumexButton> @* `text-small` CSS class *@
    <LumexButton Size="@Size.Medium">...</LumexButton> @* `text-medium` CSS class *@
    <LumexButton Size="@Size.Large">...</LumexButton> @* `text-large` CSS class *@

    Now:

    <LumexButton Size="@Size.Small">...</LumexButton> @* `text-tiny` CSS class *@
    <LumexButton Size="@Size.Medium">...</LumexButton> @* `text-small` CSS class *@
    <LumexButton Size="@Size.Large">...</LumexButton> @* `text-medium` CSS class *@

🚀 How to Upgrade

👉 Refer to the Tailwind CSS v4 Upgrade Guide for details.
👉 Refer to the new LumexUI installation guide (preview) for details.

I have improved the installation process by including a custom .targets file in the package.

This file contains an MSBuild script that runs automatically after the build, copying all files from the package's theme folder to your project's bin directory, creating a new lumexui folder.

I chose the bin directory because it is ignored by .gitignore by default. However, you can customize this path by manually overriding the LumexUIDir property in your YourProject.csproj file:

<PropertyGroup>
    <LumexUIDir>your/desired/path</LumexUIDir>
</PropertyGroup>

📣 How to Provide Feedback

Since this is a preview release, I encourage testing and feedback.

🔹 Report issues in GitHub.
🔹 Discuss migration challenges in Discussion.

Your feedback will help ensure a smooth final release of v2!

Full Changelog: v1.1.1...v2.0.0-preview.1