uikit 3.9.2-dev.836238c9b → 3.9.2-dev.a89eca15f

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## WIP
+
+### Fixed
+
+- Fix build scripts for windows users
+- Fix css in Leader component
+- Fix division deprecation warnings in Sass source
+
 ## 3.9.1 (November 10, 2021)
 
 ### Changed

package/build/build.js

@@ -1,12 +1,11 @@
 import camelize from 'camelcase';
 import {basename, resolve} from 'path';
-import {__dirname, args, compile, glob, icons} from './util.js';
+import {args, compile, glob, icons} from './util.js';
 
 const bundles = getBundleTasks();
 const components = await getComponentTasks();
 
 if (args.h || args.help) {
-
     console.log(`
         usage:
 
@@ -74,7 +73,7 @@ async function getComponentTasks() {
                 name,
                 external: ['uikit', 'uikit-util'],
                 globals: {uikit: 'UIkit', 'uikit-util': 'UIkit.util'},
-                aliases: {component: resolve(__dirname, '../src/js/components', name)},
+                aliases: {component: resolve('src/js/components', name)},
                 replaces: {NAME: `'${camelize(name)}'`}
             });
 

package/build/icons.js

@@ -1,5 +1,23 @@
 import {args, compile, glob, icons} from './util.js';
 
+if (args.h || args.help) {
+    console.log(`
+    
+        Builds additional custom uikit icons found in './custom/*/icons'
+    
+        usage:
+
+        icons.js [custom|name]
+
+        -c|--custom 
+            Specify custom folder to look for icons (default: './custom/*/icons')
+        -n|--name 
+            Specify name regex to match against folder (default: '([a-z]+)/icons$')
+
+    `);
+    process.exit(0);
+}
+
 const path = args.c || args.custom || 'custom/*/icons';
 const match = args.n || args.name || '([a-z]+)/icons$';
 

package/build/less.js

@@ -1,6 +1,6 @@
-import {basename} from 'path';
 import rtlcss from 'rtlcss';
 import postcss from 'postcss';
+import {basename} from 'path';
 import {args, banner, glob, minify, pathExists, read, readJson, renderLess, write} from './util.js';
 
 const {rtl} = args;

package/build/publishDev.js

@@ -1,11 +1,10 @@
 import semver from 'semver';
-import {resolve} from 'path';
-import {__dirname, args, getVersion, run} from './util.js';
+import {args, getVersion, run} from './util.js';
 
 const {inc} = semver;
 
 // default exec options
-const options = {cwd: resolve(`${__dirname}/..`), encoding: 'utf8'};
+const options = {encoding: 'utf8'};
 if (args.f || args.force || await isDevCommit()) {
 
     // increase version patch number

package/build/scss.js

@@ -1,5 +1,8 @@
+import NP from 'number-precision';
 import {glob, read, write} from './util.js';
 
+NP.enableBoundaryChecking(false);
+
 const themeMixins = {};
 const coreMixins = {};
 const themeVar = {};
@@ -78,6 +81,7 @@ for (const file of await glob('src/less/**/*.less')) {
     let scssData = data.replace(/\/less\//g, '/scss/') // change less/ dir to scss/ on imports
         .replace(/\.less/g, '.scss') // change .less extensions to .scss on imports
         .replace(/@/g, '$') // convert variables
+        .replace(/(:[^'"]*?\([^'"]+?)\s*\/\s*([0-9.-]+)\)/g, (exp, m1, m2) => `${m1} * ${NP.round(1 / parseFloat(m2), 5)})`)
         .replace(/--uk-[^\s]+: (\$[^\s]+);/g, (exp, name) => exp.replace(name, `#{${name}}`))
         .replace(/\\\$/g, '\\@') // revert classes using the @ symbol
         .replace(/ e\(/g, ' unquote(') // convert escape function

package/build/util.js

@@ -1,9 +1,7 @@
 import less from 'less';
-import {URL} from 'url';
 import fs from 'fs-extra';
 import postcss from 'postcss';
 import globImport from 'glob';
-import {rollup, watch as rollupWatch} from 'rollup';
 import {optimize} from 'svgo';
 import {promisify} from 'util';
 import minimist from 'minimist';
@@ -14,13 +12,13 @@ import alias from '@rollup/plugin-alias';
 import modify from 'rollup-plugin-modify';
 import {uglify} from 'rollup-plugin-uglify';
 import replace from '@rollup/plugin-replace';
-import {basename, dirname, resolve} from 'path';
+import {basename, dirname, join} from 'path';
 import {exec as execImport} from 'child_process';
+import {rollup, watch as rollupWatch} from 'rollup';
 
 export const exec = promisify(execImport);
 export const glob = promisify(globImport);
 export const {pathExists, readJson} = fs;
-export const __dirname = new URL('.', import.meta.url).pathname;
 
 export const banner = `/*! UIkit ${await getVersion()} | https://www.getuikit.com | (c) 2014 - ${new Date().getFullYear()} YOOtheme | MIT License */\n`;
 export const validClassName = /[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/;
@@ -55,7 +53,7 @@ export async function write(dest, data) {
 
 export async function logFile(file) {
     const data = await read(file);
-    console.log(`${cyan(resolve(file))} ${getSize(data)}`);
+    console.log(`${cyan(file)} ${getSize(data)}`);
 }
 
 export async function minify(file) {
@@ -67,7 +65,7 @@ export async function minify(file) {
         returnPromise: true
     }).minify([file]);
 
-    await write(`${resolve(dirname(file), basename(file, '.css'))}.min.css`, styles);
+    await write(`${join(dirname(file), basename(file, '.css'))}.min.css`, styles);
 
     return styles;
 
@@ -236,7 +234,7 @@ export function ucfirst(str) {
 }
 
 export async function getVersion() {
-    return (await readJson(resolve(__dirname, '../package.json'))).version;
+    return (await readJson('package.json')).version;
 }
 
 export async function replaceInFile(file, fn) {

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.2-dev.836238c9b | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.9.2-dev.a89eca15f | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -4068,7 +4068,7 @@ select.uk-form-width-xsmall {
   content: '.';
 }
 :root {
-  --uk-leader-fill-content: .;
+  --uk-leader-fill-content: '.';
 }
 /* ========================================================================
    Component: Notification