Changelog

Latest updates and announcements.

v0.1.0 (July 14, 2024)

DX-Focused Release

This version is all about reducing friction and helping you get started with your app as quickly as possible.

Breaking changes

1. Safelist Property Removal

The safelist property have been removed from presetQuick. If you’re using multiple presets, Tailwind CSS might ignore this property. To avoid issues, move the safelist to your own tailwind.config.js file.

 /** @type {import('tailwindcss').Config} */
 export default {
+  safelist: [
+    {
+      pattern: /^uk-/,
+    },
+  ],
 };

That’s it! The rest of the changes are optional, and you can continue with your existing setup. However, if you want to take advantage of the DX improvements, keep reading.

Optional changes

1. Simplify UIkit Imports

If you’re importing UIkit and its icons from NPM using the uikit package, you can remove that import. Franken UI now includes UIkit as a peerDependency. Instead, import UIkit from franken-ui in your app.js file.

npm remove uikit
- import UIkit from "uikit";
- import Icons from "uikit/dist/js/uikit-icons.js";
+ import { UIkit, Icons } from "franken-ui/uikit/js/dist";

 UIkit.use(Icons);

 window.UIkit = UIkit;

2. Streamline PostCSS Config

If you have postcss-sort-media-queries and postcss-combine-duplicated-selectors installed, you can remove them in your postcss.config.js file and import from franken-ui instead.

npm remove postcss-sort-media-queries postcss-combine-duplicated-selectors
 module.exports = {
      plugins: [
         require('tailwindcss'),
-        require('postcss-sort-media-queries')({
+ 		   require('franken-ui/postcss/sort-media-queries')({
             sort: 'mobile-first'
         }),
-        require('postcss-combine-duplicated-selectors')({
+		     require('franken-ui/postcss/combine-duplicated-selectors')({
             removeDuplicatedProperties: true
         })
      ]
 };

These changes are optional, and you can revert to your previous setup if you encounter any issues.

What’s new

v0.0.13 (June 8, 2024)

v0.0.12 (May 20, 2024)

v0.0.11 (May 11, 2024)

ScreenOriginalNew
SM640px640px
MD960px768px
LG1200px1024px
XL1600px1280px

v0.0.10 (May 1, 2024)

v0.0.9 (April 30, 2024)