uikit 3.9.3-dev.770c92c8a → 3.9.5-dev.1c5ab040d

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## WIP
+
+### Added
+
+- Add support for <picture> element in Img component
+
+## 3.9.4 (November 25, 2021)
+
+### Fixed
+
+- Fix Sticky position when bottom option is used
+
+## 3.9.3 (November 18, 2021)
+
+### Fixed
+
+- Fix logo image alignment if logo line-height is larger than the image
+
 ## 3.9.2 (November 11, 2021)
 
 ### Fixed

package/build/build.js

@@ -4,6 +4,9 @@ import {args, compile, glob, icons} from './util.js';
 
 const bundles = getBundleTasks();
 const components = await getComponentTasks();
+const buildAll = args.all || Object.keys(args).filter(name =>
+    ['d', 'debug', 'nominify', 'watch'].includes(name)
+).length <= 1;
 
 if (args.h || args.help) {
     console.log(`
@@ -28,7 +31,7 @@ if (args.h || args.help) {
 
 let tasks;
 const allTasks = {...bundles, ...components};
-if (args.all || Object.keys(args).length <= 1) {
+if (buildAll) {
     tasks = allTasks;
 } else if (args.components) {
     tasks = components;

package/build/util.js

@@ -1,5 +1,6 @@
 import less from 'less';
 import fs from 'fs-extra';
+import pLimit from 'p-limit';
 import postcss from 'postcss';
 import globImport from 'glob';
 import {optimize} from 'svgo';
@@ -10,11 +11,13 @@ import html from 'rollup-plugin-html';
 import buble from '@rollup/plugin-buble';
 import alias from '@rollup/plugin-alias';
 import modify from 'rollup-plugin-modify';
-import {terser} from 'rollup-plugin-terser';
 import replace from '@rollup/plugin-replace';
 import {basename, dirname, join} from 'path';
 import {exec as execImport} from 'child_process';
 import {rollup, watch as rollupWatch} from 'rollup';
+import {minify as rollupMinify} from 'rollup-plugin-esbuild';
+
+const limit = pLimit(Number(process.env.cpus || 2));
 
 export const exec = promisify(execImport);
 export const glob = promisify(globImport);
@@ -58,12 +61,12 @@ export async function logFile(file) {
 
 export async function minify(file) {
 
-    const {styles} = await new CleanCSS({
+    const {styles} = await limit(() => new CleanCSS({
         advanced: false,
         keepSpecialComments: 0,
         rebase: false,
         returnPromise: true
-    }).minify([file]);
+    }).minify([file]));
 
     await write(`${join(dirname(file), basename(file, '.css'))}.min.css`, styles);
 
@@ -71,8 +74,8 @@ export async function minify(file) {
 
 }
 
-export async function renderLess(data, options) {
-    return postcss()
+export function renderLess(data, options) {
+    return limit(async () => postcss()
         .use({
             postcssPlugin: 'calc',
             Once(root) {
@@ -89,7 +92,8 @@ export async function renderLess(data, options) {
             }
         })
         .process((await less.render(data, options)).css)
-        .css;
+        .css
+    );
 }
 
 export async function compile(file, dest, {external, globals, name, aliases, replaces} = {}) {
@@ -149,7 +153,7 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
         output.push({
             ...outputOptions,
             file: `${dest}.min.js`,
-            plugins: [minify ? terser() : undefined]
+            plugins: [minify ? rollupMinify() : undefined]
         });
     }
 
@@ -157,7 +161,7 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
         const bundle = await rollup(inputOptions);
 
         for (const options of output) {
-            await bundle.write(options);
+            await limit(() => bundle.write(options));
             logFile(options.file);
         }
 
@@ -171,7 +175,7 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
             output
         });
 
-        watcher.on('event', ({code, result, output}) => {
+        watcher.on('event', ({code, result, output, error}) => {
             if (result) {
                 result.close();
 
@@ -179,6 +183,9 @@ export async function compile(file, dest, {external, globals, name, aliases, rep
             if (code === 'BUNDLE_END' && output) {
                 output.map(logFile);
             }
+            if (error) {
+                console.error(error);
+            }
         });
 
         watcher.close();
@@ -213,9 +220,13 @@ export async function icons(src) {
     };
 
     const files = await glob(src, {nosort: true});
-    const icons = await Promise.all(files.map(async file =>
-        (await optimize(await read(file), options)).data
-    ));
+    const icons = await Promise.all(
+        files.map(file =>
+            limit(async () =>
+                (await optimize(await read(file), options)).data
+            )
+        )
+    );
 
     return JSON.stringify(files.reduce((result, file, i) => {
         result[basename(file, '.svg')] = icons[i];
@@ -225,7 +236,7 @@ export async function icons(src) {
 }
 
 export async function run(cmd, options) {
-    const {stdout, stderr} = await exec(cmd, options);
+    const {stdout, stderr} = await limit(() => exec(cmd, options));
 
     stdout && console.log(stdout.trim());
     stderr && console.log(stderr.trim());

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.3-dev.770c92c8a | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.9.5-dev.1c5ab040d | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -7730,6 +7730,9 @@ iframe.uk-cover {
   /* 1 */
   text-decoration: none;
 }
+.uk-logo > :where(img, svg, video) {
+  display: block;
+}
 .uk-logo-inverse {
   display: none;
 }
@@ -11567,7 +11570,7 @@ iframe.uk-cover {
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse,
 .uk-overlay-primary .uk-logo-inverse,
 .uk-offcanvas-bar .uk-logo-inverse {
-  display: inline;
+  display: block;
 }
 /* ========================================================================
    Component: Print