uikit 3.24.1 → 3.24.2-dev.36b5f74cf

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## WIP
+
+### Added
+
+- Add fit content width to Width component
+
+### Fixed
+
+- Fix overwriting default icons
+- Fix scrollbar gutter stays visible in Modal component even though page is not scrollable
+- Fix lazy loading YouTube/Vimeo videos in Video component in Safari
+- Fix scoping css to handle `attr()` with `type()` function
+
 ## 3.24.1 (October 6, 2025)
 
 ### Fixed

package/build/build.js

@@ -57,7 +57,9 @@ function getBundleTasks() {
         icons: async () =>
             compile('build/wrapper/icons.js', 'dist/js/uikit-icons', {
                 name: 'icons',
-                replaces: { ICONS: await icons('{src/images,custom}/icons/*.svg') },
+                replaces: {
+                    ICONS: await icons('custom/icons/*.svg', 'src/images/icons/*.svg'),
+                },
             }),
 
         tests: async () =>

package/build/icons.js

@@ -29,7 +29,7 @@ async function compileIcons(folder) {
     return compile('build/wrapper/icons.js', `dist/js/uikit-icons-${name}`, {
         name,
         replaces: {
-            ICONS: await icons(`{src/images/icons,${folder}}/*.svg`),
+            ICONS: await icons(`${folder}/*.svg`, 'src/images/icons/*.svg'),
         },
     });
 }

package/build/scope.js

@@ -64,7 +64,7 @@ async function scope(files, scope) {
     for (const file of files) {
         await replaceInFile(file, async (data) => {
             const output = await renderLess(
-                `.${scope} {\n${stripCssComments(data, { preserve: false })}\n}`,
+                `.${scope} {\n${wrapAttrWithTypeNotation(stripCssComments(data, { preserve: false }))}\n}`,
             );
             return `/* scoped: ${scope} */\n${
                 output.replace(
@@ -95,3 +95,12 @@ async function cleanup(files, scope) {
         );
     }
 }
+
+function wrapAttrWithTypeNotation(content) {
+    return content.replace(
+        /([a-zA-Z-]+)\s*:\s*([^;]*attr[^;]*type\(<[^;]+)(;|$)/g,
+        (m, prop, attr, end) => {
+            return `${prop}: ~'${attr}'${end}`;
+        },
+    );
+}

package/build/util.js

@@ -170,20 +170,22 @@ export async function compile(file, dest, { external, globals, name, aliases, re
     }
 }
 
-export async function icons(src) {
-    const files = await glob(src);
-    const icons = await Promise.all(
-        files.map((file) => limit(async () => optimizeSvg(await read(file)))),
-    );
+export async function icons(...src) {
+    let files = {};
+    for (const pattern of src) {
+        for (const file of await glob(pattern)) {
+            files[path.basename(file, '.svg')] ??= limit(
+                async () => await optimizeSvg(await read(file)),
+            );
+        }
+    }
 
-    return JSON.stringify(
-        files.reduce((result, file, i) => {
-            result[path.basename(file, '.svg')] = icons[i];
-            return result;
-        }, {}),
-        null,
-        '    ',
-    );
+    const sorted = {};
+    for (const key of Object.keys(files).sort()) {
+        sorted[key] = await files[key];
+    }
+
+    return JSON.stringify(sorted, null, '    ');
 }
 
 export function ucfirst(str) {

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.24.1 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
+/*! UIkit 3.24.2-dev.36b5f74cf | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -7177,6 +7177,9 @@ ul.uk-nav-sub {
 }
 /* Intrinsic Widths
  ========================================================================== */
+.uk-width-fit-content {
+  width: fit-content;
+}
 .uk-width-max-content {
   width: max-content;
 }