uikit 3.7.7-dev.8ab84e819 → 3.8.2-dev.713899c03

package/CHANGELOG.md

@@ -1,6 +1,38 @@
 # Changelog
 
-## WIP
+### WIP
+
+### Changed
+
+- Upgrade LESS to version 4
+
+## 3.8.1 (November 5, 2021)
+
+### Added
+
+- Add Less variables for outline style
+
+### Changed
+
+- Make padding large a little bigger on small devices
+- Change logo color to emphasis
+
+### Fixed
+
+- Fix scrollIntoView funtion with offset argument provided
+
+## 3.8.0 (October 28, 2021)
+
+### Changed
+
+- Refactor focus styles to use `focus-visible` in all components
+- Use custom properties in Position component
+- Make transition classes work with position or cover classes on the same element
+- Refactor animation component
+
+### Changed
+
+- Improve sticky performance when bottom option is used
 
 ### Fixed
 
@@ -30,7 +62,7 @@
 
 - Add itemNav option to Switcher component
 
-### Change
+### Changed
 
 - Focus modal/offcanvas upon opening
 
@@ -72,7 +104,7 @@
 - Add width variable to range thumb in to Form Range component
 - Add Bag icon
 
-### Change
+### Changed
 
 - Change default search width and horizontal padding in Search component
 - Change badge width and font size in Badge component
@@ -124,7 +156,7 @@
 
 ## 3.6.20 (April 22, 2021)
 
-### Change
+### Changed
 
 - Toggle component in hover mode toggles on focus and blur
 
@@ -134,7 +166,7 @@
 
 ## 3.6.19 (April 7, 2021)
 
-### Change
+### Changed
 
 - Update card badge style
 
@@ -170,7 +202,7 @@
 
 ## 3.6.16 (February 5, 2021)
 
-### Change
+### Changed
 
 - Make multiple select resizable
 

package/build/prefix.js

@@ -44,7 +44,7 @@ function findExistingPrefix() {
     // find existing prefix
     let currentPrefix;
 
-    allFiles.filter(({file}) => ~file.indexOf('uikit.css')).some(({file, data}) => {
+    allFiles.filter(({file}) => ~file.indexOf('uikit.css')).some(({data}) => {
 
         const res = data.match(new RegExp(`(${util.validClassName.source})(-[a-z]+)?-grid`));
         currentPrefix = res && res[1];
@@ -84,7 +84,7 @@ function replacePrefix(from, to) {
     }
 }
 
-function readAllFiles(prefix) {
+function readAllFiles() {
 
     const globs = [];
 

package/build/release.js

@@ -41,7 +41,7 @@ async function updateVersion(version) {
     await Promise.all([
         run(`npm version ${version} --git-tag-version false`),
         replaceInFile('CHANGELOG.md', data => data.replace(/^##\s*WIP/m, `## ${versionFormat(version)} (${dateFormat(Date.now(), 'mmmm d, yyyy')})`)),
-        replaceInFile('.github/ISSUE_TEMPLATE/bug-report.md', data => data.replace(pkg.version, version)),
+        replaceInFile('.github/ISSUE_TEMPLATE/bug-report.md', data => data.replace(pkg.version, version))
     ]);
 
     return version;
@@ -58,17 +58,17 @@ async function compile(version) {
 }
 
 async function createPackage(version) {
-    return new Promise(async resolve => {
-        const archive = archiver('zip');
-        const file = `dist/uikit-${version}.zip`;
-
-        archive.pipe(fs.createWriteStream(file).on('close', () => {
-            logFile(file);
-            resolve();
-        }));
-        await globToArchive(archive, 'dist/{js,css}/uikit?(-icons|-rtl)?(.min).{js,css}');
-        archive.finalize();
-    });
+    const file = `dist/uikit-${version}.zip`;
+    const archive = archiver('zip');
+
+    archive.pipe(fs.createWriteStream(file));
+
+    (await glob('dist/{js,css}/uikit?(-icons|-rtl)?(.min).{js,css}')).forEach(file =>
+        archive.file(file, {name: file.substring(5)})
+    );
+
+    await archive.finalize();
+    await logFile(file);
 }
 
 function versionFormat(version) {
@@ -79,10 +79,6 @@ async function replaceInFile(file, fn) {
     await write(file, fn(await read(file)));
 }
 
-async function globToArchive(archive, pattern) {
-    await glob(pattern).then(files => files.forEach(file => archive.file(file, {name: file.substring(5)})));
-}
-
 async function sequential(tasks) {
     await tasks.reduce((promise, task) => promise.then(task), Promise.resolve());
 }

package/build/scope.js

@@ -31,30 +31,25 @@ async function run() {
     const files = await readFiles();
     const oldScope = getScope(files);
 
-    try {
-
-        if (argv.cleanup && oldScope) {
-            cleanup(files, oldScope);
-        } else if (oldScope) {
-            const newScope = getNewScope();
-
-            if (oldScope === newScope) {
-                throw new Error(`Already scoped with: ${oldScope}`);
-            }
-
-            cleanup(files, oldScope);
-            await scope(files, newScope);
-
-        } else {
-            await scope(files, getNewScope());
+    if (argv.cleanup && oldScope) {
+        cleanup(files, oldScope);
+    } else if (oldScope) {
+        const newScope = getNewScope();
+
+        if (oldScope === newScope) {
+            console.warn(`Already scoped with: ${oldScope}`);
+            return;
         }
 
-        await store(files);
+        cleanup(files, oldScope);
+        await scope(files, newScope);
 
-    } catch (e) {
-        console.error(e);
+    } else {
+        await scope(files, getNewScope());
     }
 
+    await store(files);
+
 }
 
 async function readFiles() {

package/build/scss.js

@@ -98,6 +98,7 @@ glob.sync('src/less/**/*.less').forEach(file => {
         .replace(/(\.[\w-\\@]+)\s*when\s*\((\$[\w-]*)\s*=\s*(\w+)\)\s*({\s*.*?\s*})/gs, '@if ($2 == $3) {\n$1 $4\n}') // replace conditionals
         .replace(/\${/g, '#{$') // string literals: from: /~"(.*)"/g, to: '#{"$1"}'
         .replace(/[^(](-\$[\w-]*)/g, ' ($1)') // surround negative variables with brackets
+        .replace(/(--[\w-]+:\s*)~'([^']+)'/g, '$1$2') // string literals in custom properties
         .replace(/~('[^']+')/g, 'unquote($1)'); // string literals: for real
 
     /* File name of the current file */

package/build/util.js

@@ -38,7 +38,7 @@ exports.write = async function (dest, data) {
         throw err;
     }
 
-    exports.logFile(dest);
+    await exports.logFile(dest);
 
     return dest;