uikit 3.25.15 → 3.25.16-dev.03f5a77

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## WIP
+
+### Fixed
+
+- Fix negative numbers sorted incorrectly in Filter component
+- Fix Modal component stealing focus from overlays rendered outside the modal
+- Fix component root class not removed after disconnect
+
 ## 3.25.15 (April 9, 2026)
 
 ### Fixed

package/build/build.js

@@ -1,7 +1,7 @@
 import camelize from 'camelcase';
 import { glob } from 'glob';
+import path from 'node:path';
 import pLimit from 'p-limit';
-import path from 'path';
 import { args, compile, icons } from './util.js';
 
 const limit = pLimit(Number(process.env.cpus || 2));

package/build/less.js

@@ -1,6 +1,6 @@
-import fs from 'fs-extra';
-import { glob } from 'glob';
-import path from 'path';
+import fs from 'node:fs';
+import { glob } from 'node:fs/promises';
+import path from 'node:path';
 import rtlcss from 'rtlcss';
 import { args, banner, minify, read, renderLess, write } from './util.js';
 
@@ -11,15 +11,15 @@ const sources = [
     { src: 'src/less/uikit.theme.less', dist: `dist/css/uikit${rtl ? '-rtl' : ''}.css` },
 ];
 
-const themes = (await fs.pathExists('themes.json')) ? await fs.readJson('themes.json') : {};
+const themes = fs.existsSync('themes.json') ? JSON.parse(await read('themes.json')) : {};
 
-for (const src of await glob('custom/*.less')) {
+for await (const src of glob('custom/*.less')) {
     const theme = path.basename(src, '.less');
     const dist = `dist/css/uikit.${theme}${rtl ? '-rtl' : ''}.css`;
 
     themes[theme] = { css: `../${dist}` };
 
-    if (await fs.pathExists(`dist/js/uikit-icons-${theme}.js`)) {
+    if (fs.existsSync(`dist/js/uikit-icons-${theme}.js`)) {
         themes[theme].icons = `../dist/js/uikit-icons-${theme}.js`;
     }
 
@@ -28,7 +28,7 @@ for (const src of await glob('custom/*.less')) {
 
 await Promise.all(sources.map(({ src, dist }) => compile(src, dist, develop, rtl)));
 
-if (!rtl && (Object.keys(themes).length || !(await fs.pathExists('themes.json')))) {
+if (!rtl && (Object.keys(themes).length || !fs.existsSync('themes.json'))) {
     await write('themes.json', JSON.stringify(themes));
 }
 

package/build/prefix.js

@@ -1,5 +1,5 @@
-import { glob } from 'glob';
 import inquirer from 'inquirer';
+import { glob } from 'node:fs/promises';
 import { args, read, replaceInFile } from './util.js';
 
 if (args.h || args.help) {
@@ -60,13 +60,13 @@ function isValidPrefix(prefix) {
 }
 
 async function replacePrefix(from, to) {
-    for (const file of await glob(`${path}/**/*.css`)) {
+    for await (const file of glob(`${path}/**/*.css`)) {
         await replaceInFile(file, (data) =>
             data.replace(new RegExp(`${from}-([a-z\\d-]+)`, 'g'), `${to}-$1`),
         );
     }
 
-    for (const file of await glob(`${path}/**/*.js`)) {
+    for await (const file of glob(`${path}/**/*.js`)) {
         await replaceInFile(file, (data) =>
             data
                 .replace(new RegExp(`${from}-`, 'g'), `${to}-`)

package/build/release.js

@@ -1,9 +1,8 @@
 import archiver from 'archiver';
-import * as date from 'date-fns';
 import { $ } from 'execa';
-import fs from 'fs';
-import { glob } from 'glob';
 import inquirer from 'inquirer';
+import fs from 'node:fs';
+import { glob } from 'node:fs/promises';
 import semver from 'semver';
 import { args, getVersion, logFile, read, replaceInFile } from './util.js';
 
@@ -53,10 +52,7 @@ function raiseVersion(version) {
     return Promise.all([
         $$`npm version ${version} --git-tag-version false`,
         replaceInFile('CHANGELOG.md', (data) =>
-            data.replace(
-                /^##\s*WIP.*$/m,
-                `## ${versionFormat(version)} (${date.format(new Date(), 'MMMM d, yyyy')})`,
-            ),
+            data.replace(/^##\s*WIP.*$/m, `## ${versionFormat(version)} (${dateFormat()})`),
         ),
         replaceInFile('.github/ISSUE_TEMPLATE/bug-report.md', (data) =>
             data.replace(prevVersion, version),
@@ -76,7 +72,7 @@ async function createPackage(version) {
 
     archive.pipe(output);
 
-    for (const file of await glob('dist/{js,css}/uikit?(-icons|-rtl)?(.min).{js,css}')) {
+    for await (const file of glob('dist/{js,css}/uikit?(-icons|-rtl)?(.min).{js,css}')) {
         archive.file(file, { name: file.slice(5) });
     }
 
@@ -105,7 +101,7 @@ async function deploy(version) {
     const branch = `release/v${version}`;
 
     await $$`git checkout -b ${branch}`;
-    await $$`git stage --all`;
+    await $$`git add --all`;
     await $$`git commit -am v${version}`;
 
     await $$`git checkout main`;
@@ -126,3 +122,11 @@ async function deploy(version) {
 
     await $$`git push origin develop`;
 }
+
+function dateFormat() {
+    return new Intl.DateTimeFormat('en-US', {
+        month: 'long',
+        day: 'numeric',
+        year: 'numeric',
+    }).format(new Date());
+}

package/build/scss.js

@@ -1,18 +1,15 @@
-import { emptyDir } from 'fs-extra';
 import { glob } from 'glob';
-import NP from 'number-precision';
-import path from 'path';
+import fs from 'node:fs/promises';
+import path from 'node:path';
 import { read, write } from './util.js';
 
-NP.enableBoundaryChecking(false);
-
 const coreMixins = {};
 const themeMixins = {};
 const coreVariables = {};
 const themeVariables = {};
 const inverseComponentMixins = [];
 
-await emptyDir('src/scss/');
+await emptyDir('src/scss');
 
 for (const file of (await glob('src/less/**/*.less'))
     .sort()
@@ -24,7 +21,7 @@ for (const file of (await glob('src/less/**/*.less'))
         .replace(/@(?!property)/g, '$') // convert variables
         .replace(
             /(:[^'"]*?\([^'"]+?)\s*\/\s*([0-9.-]+)\)/g,
-            (exp, m1, m2) => `${m1} * ${NP.round(1 / parseFloat(m2), 5)})`,
+            (exp, m1, m2) => `${m1} * ${round(1 / parseFloat(m2), 5)})`,
         )
         .replace(/--uk-\S+: (\$\S+);/g, (exp, name) => exp.replace(name, `#{${name}}`))
         .replace(/\\\$/g, '\\@') // revert classes using the @ symbol
@@ -248,3 +245,12 @@ async function getVariablesFromFile(file, source) {
     // Remove variables from source
     return source.replace(/(\$[\w-]*)\s*:(.*);\r?\n/g, '');
 }
+
+async function emptyDir(dir) {
+    await fs.rm(dir, { recursive: true, force: true });
+    await fs.mkdir(dir, { recursive: true });
+}
+
+function round(num, precision) {
+    return Math.round(num * 10 ** precision) / 10 ** precision;
+}

package/build/util.js

@@ -1,11 +1,10 @@
 import alias from '@rollup/plugin-alias';
 import CleanCSS from 'clean-css';
-import fs from 'fs-extra';
-import { glob } from 'glob';
 import less from 'less';
-import minimist from 'minimist';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { parseArgs, styleText } from 'node:util';
 import pLimit from 'p-limit';
-import path from 'path';
 import { rollup, watch as rollupWatch } from 'rollup';
 import { default as esbuild, minify as esbuildMinify } from 'rollup-plugin-esbuild';
 import { optimize } from 'svgo';
@@ -14,21 +13,24 @@ const limit = pLimit(Number(process.env.cpus || 2));
 
 export const banner = `/*! UIkit ${await getVersion()} | https://www.getuikit.com | (c) 2014 - ${new Date().getFullYear()} YOOtheme | MIT License */\n`;
 
-const argv = minimist(process.argv.slice(2));
-
-argv._.forEach((arg) => {
-    const tokens = arg.split('=');
-    argv[tokens[0]] = tokens[1] || true;
+const { positionals, values } = parseArgs({
+    args: process.argv.slice(2),
+    allowPositionals: true,
+    strict: false,
 });
 
-export const args = argv;
+export const args = positionals.reduce((args, arg) => {
+    const tokens = arg.split('=');
+    args[tokens[0]] = tokens[1] || true;
+    return args;
+}, values);
 
 export function read(file) {
     return fs.readFile(file, 'utf8');
 }
 
 export async function write(dest, data) {
-    fs.ensureDir(path.dirname(dest));
+    await fs.mkdir(path.dirname(dest), { recursive: true });
 
     await fs.writeFile(dest, data);
     await logFile(dest);
@@ -38,7 +40,7 @@ export async function write(dest, data) {
 
 export async function logFile(file) {
     const { size } = await fs.stat(file);
-    console.log(`${cyan(file)} ${formatSize(size)}`);
+    console.log(`${styleText(['cyan', 'bold'], file)} ${formatSize(size)}`);
 }
 
 export async function minify(file) {
@@ -174,7 +176,7 @@ export async function compile(
 export async function icons(...src) {
     let files = {};
     for (const pattern of src) {
-        for (const file of await glob(pattern)) {
+        for await (const file of fs.glob(pattern)) {
             files[path.basename(file, '.svg')] ??= limit(
                 async () => await optimizeSvg(await read(file)),
             );
@@ -189,22 +191,18 @@ export async function icons(...src) {
     return JSON.stringify(sorted, null, '    ');
 }
 
-export function ucfirst(str) {
+function ucfirst(str) {
     return str.length ? str.charAt(0).toUpperCase() + str.slice(1) : '';
 }
 
 export async function getVersion() {
-    return (await fs.readJson('package.json')).version;
+    return JSON.parse(await fs.readFile('package.json', 'utf8')).version;
 }
 
 export async function replaceInFile(file, fn) {
     await write(file, await fn(await read(file)));
 }
 
-function cyan(str) {
-    return `\x1b[1m\x1b[36m${str}\x1b[39m\x1b[22m`;
-}
-
 function formatSize(bytes) {
     return `${(bytes / 1024).toFixed(2)}kb`;
 }

package/build/watch.js

@@ -0,0 +1,21 @@
+import { execSync } from 'node:child_process';
+import fs from 'node:fs';
+
+watch('src/less', '.less', 'node build/less');
+
+function watch(path, pattern, cmd) {
+    let debounceTimer;
+
+    execute();
+
+    fs.watch(path, { recursive: true }, (event, filename) => {
+        if (filename?.endsWith(pattern)) {
+            clearTimeout(debounceTimer);
+            debounceTimer = setTimeout(execute, 100);
+        }
+    });
+
+    function execute() {
+        execSync(cmd, { stdio: 'inherit' });
+    }
+}

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.15 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.16-dev.03f5a77 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */