uikit 3.9.1 → 3.9.2-dev.774931570

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.9.1",
+  "version": "3.9.2-dev.774931570",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -20,7 +20,7 @@
     "prefix": "node build/prefix",
     "scope": "node build/scope",
     "release": "node build/release",
-    "watch": "npm-watch",
+    "watch-less": "watch-run -i -p 'src/less/**/*.less' yarn compile-less",
     "eslint": "eslint src/js",
     "eslint-fix": "eslint --fix src/js"
   },
@@ -47,20 +47,17 @@
     "inquirer": "^8.2.0",
     "less": "^4.1.2",
     "minimist": "^1.2.5",
-    "npm-watch": "github:dasdeck/npm-watch#46a8a36c61cfd998ed53d27f62eaf79e11c395b4",
     "postcss": "^8.3.11",
     "rollup": "^2.59.0",
     "rollup-plugin-html": "^0.2.1",
+    "rollup-plugin-modify": "^3.0.0",
+    "rollup-plugin-uglify": "^6.0.4",
     "rtlcss": "^3.5.0",
     "semver": "^7.3.2",
     "svgo": "^2.8.0",
-    "uglify-js": "^3.14.3"
+    "watch-run": "^1.2.5"
   },
-  "watch": {
-    "compile-js": "src/js/**/*.js",
-    "compile-less": {
-      "patterns": "**/*.less",
-      "extensions": "less"
-    }
+  "resolutions": {
+    "serialize-javascript": "^6.0.0"
   }
 }

package/src/js/uikit-core.js

@@ -2,7 +2,7 @@ import UIkit from './api/index';
 import Core from './core/core';
 import boot from './api/boot';
 import * as components from './core/index';
-import {each} from './util/lang';
+import {each} from 'uikit-util';
 
 // register components
 each(components, (component, name) =>

package/src/js/uikit.js

@@ -1,6 +1,6 @@
 import UIkit from './uikit-core';
 import * as components from './components/index';
-import {each} from './util/lang';
+import {each} from 'uikit-util';
 
 each(components, (component, name) =>
     UIkit.component(name, component)

package/src/js/util/style.js

@@ -1,5 +1,5 @@
 import {isIE} from './env';
-import {append, remove} from './dom';
+import {append, fragment, remove} from './dom';
 import {addClass} from './class';
 import {each, hyphenate, isArray, isNumber, isNumeric, isObject, isString, isUndefined, memoize, toNodes, toWindow} from './lang';
 
@@ -68,21 +68,23 @@ function getStyle(element, property, pseudoElt) {
 const parseCssVar = memoize(name => {
     /* usage in css: .uk-name:before { content:"xyz" } */
 
-    const element = append(document.documentElement, document.createElement('div'));
+    const element = append(document.documentElement, fragment('<div>'));
 
     addClass(element, `uk-${name}`);
 
-    name = getStyle(element, 'content', ':before').replace(/^["'](.*)["']$/, '$1');
+    const value = getStyle(element, 'content', ':before');
 
     remove(element);
 
-    return name;
+    return value;
 });
 
+const propertyRe = /^\s*(["'])?(.*?)\1\s*$/;
 export function getCssVar(name) {
-    return !isIE
-        ? getStyles(document.documentElement).getPropertyValue(`--uk-${name}`)
-        : parseCssVar(name);
+    return (isIE
+        ? parseCssVar(name)
+        : getStyles(document.documentElement).getPropertyValue(`--uk-${name}`)
+    ).replace(propertyRe, '$2');
 }
 
 // https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-setproperty

package/src/less/components/leader.less

@@ -50,7 +50,7 @@
  */
 
 .uk-leader-fill-content::before { content: '@{leader-fill-content}'; }
-:root { --uk-leader-fill-content: @leader-fill-content; }
+:root { --uk-leader-fill-content: '@{leader-fill-content}'; }
 
 
 // Hooks

package/src/scss/components/leader.scss

@@ -50,7 +50,7 @@ $leader-fill-margin-left:                        $global-small-gutter !default;
  */
 
 .uk-leader-fill-content::before { content: '#{$leader-fill-content}'; }
-:root { --uk-leader-fill-content: #{$leader-fill-content}; }
+:root { --uk-leader-fill-content: '#{$leader-fill-content}'; }
 
 
 // Hooks

package/tests/js/index.js

@@ -1,4 +1,4 @@
-/* global UIkit */
+/* global UIkit, TESTS */
 import {on} from '../../src/js/util/event';
 import {css} from '../../src/js/util/style';
 import {ucfirst} from '../../src/js/util/lang';
@@ -6,6 +6,7 @@ import {prepend} from '../../src/js/util/dom';
 import {addClass, removeClass} from '../../src/js/util/class';
 import {fastdom} from '../../src/js/util/fastdom';
 
+const tests = TESTS;
 const storage = window.sessionStorage;
 const key = '_uikit_style';
 const keyinverse = '_uikit_inverse';
@@ -61,7 +62,7 @@ on(window, 'load', () => setTimeout(() => fastdom.write(() => {
         <div class="uk-container">
             <select class="uk-select uk-form-width-small" style="margin: 20px 20px 20px 0">
                 <option value="index.html">Overview</option>
-                ${TESTS.map(name => `<option value="${name}.html">${name.split('-').map(ucfirst).join(' ')}</option>`).join('')}
+                ${tests.map(name => `<option value="${name}.html">${name.split('-').map(ucfirst).join(' ')}</option>`).join('')}
             </select>
             <select class="uk-select uk-form-width-small" style="margin: 20px">
                 ${Object.keys(styles).map(style => `<option value="${style}">${ucfirst(style)}</option>`).join('')}