uikit 3.8.1-dev.3a43322ca → 3.9.1

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.8.1-dev.3a43322ca",
+  "version": "3.9.1",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -34,26 +34,27 @@
   },
   "homepage": "https://getuikit.com",
   "devDependencies": {
-    "@rollup/plugin-alias": "^3.1.5",
+    "@rollup/plugin-alias": "^3.1.8",
     "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-replace": "^2.4.2",
-    "archiver": "5.3.0",
+    "@rollup/plugin-replace": "^3.0.0",
+    "archiver": "^5.3.0",
     "camelcase": "^6.2.0",
-    "clean-css": "^5.1.5",
-    "dateformat": "^4.6.3",
-    "eslint": "8.0.1",
+    "clean-css": "^5.2.2",
+    "dateformat": "^5.0.2",
+    "eslint": "^8.2.0",
+    "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
-    "inquirer": "8.2.0",
-    "less": "^2.7.2",
+    "inquirer": "^8.2.0",
+    "less": "^4.1.2",
     "minimist": "^1.2.5",
     "npm-watch": "github:dasdeck/npm-watch#46a8a36c61cfd998ed53d27f62eaf79e11c395b4",
-    "postcss": "8.3.9",
-    "rollup": "^2.57.0",
+    "postcss": "^8.3.11",
+    "rollup": "^2.59.0",
     "rollup-plugin-html": "^0.2.1",
-    "rtlcss": "^3.3.0",
+    "rtlcss": "^3.5.0",
     "semver": "^7.3.2",
-    "svgo": "^1.3.2",
-    "uglify-js": "^3.14.2"
+    "svgo": "^2.8.0",
+    "uglify-js": "^3.14.3"
   },
   "watch": {
     "compile-js": "src/js/**/*.js",

package/src/js/util/event.js

@@ -57,7 +57,7 @@ export function once(...args) {
 
 export function trigger(targets, event, detail) {
     return toEventTargets(targets).reduce((notCanceled, target) =>
-        notCanceled && target.dispatchEvent(createEvent(event, true, true, detail))
+            notCanceled && target.dispatchEvent(createEvent(event, true, true, detail))
         , true);
 }
 
@@ -121,12 +121,12 @@ function toEventTarget(target) {
 
 export function toEventTargets(target) {
     return isArray(target)
-            ? target.map(toEventTarget).filter(Boolean)
-            : isString(target)
-                ? findAll(target)
-                : isEventTarget(target)
-                    ? [target]
-                    : toNodes(target);
+        ? target.map(toEventTarget).filter(Boolean)
+        : isString(target)
+            ? findAll(target)
+            : isEventTarget(target)
+                ? [target]
+                : toNodes(target);
 }
 
 export function isTouch(e) {

package/src/less/components/accordion.less

@@ -31,7 +31,7 @@
 .uk-accordion {
     padding: 0;
     list-style: none;
-    .hook-accordion;
+    .hook-accordion();
 }
 
 
@@ -40,7 +40,7 @@
 
 .uk-accordion > :nth-child(n+2) {
     margin-top: @accordion-item-margin-top;
-    .hook-accordion-item;
+    .hook-accordion-item();
 }
 
 
@@ -52,14 +52,14 @@
     font-size: @accordion-title-font-size;
     line-height: @accordion-title-line-height;
     color: @accordion-title-color;
-    .hook-accordion-title;
+    .hook-accordion-title();
 }
 
 /* Hover */
 .uk-accordion-title:hover {
     color: @accordion-title-hover-color;
     text-decoration: none;
-    .hook-accordion-title-hover;
+    .hook-accordion-title-hover();
 }
 
 
@@ -69,7 +69,7 @@
 .uk-accordion-content {
     display: flow-root;
     margin-top: @accordion-content-margin-top;
-    .hook-accordion-content;
+    .hook-accordion-content();
 }
 
 /*
@@ -82,7 +82,7 @@
 // Hooks
 // ========================================================================
 
-.hook-accordion-misc;
+.hook-accordion-misc();
 
 .hook-accordion() {}
 .hook-accordion-item() {}
@@ -101,21 +101,21 @@
 .hook-inverse() {
 
     .uk-accordion > :nth-child(n+2) {
-        .hook-inverse-accordion-item;
+        .hook-inverse-accordion-item();
     }
 
     .uk-accordion-title {
         color: @inverse-accordion-title-color;
-        .hook-inverse-accordion-title;
+        .hook-inverse-accordion-title();
     }
 
     .uk-accordion-title:hover {
         color: @inverse-accordion-title-hover-color;
-        .hook-inverse-accordion-title-hover;
+        .hook-inverse-accordion-title-hover();
     }
 
 }
 
 .hook-inverse-accordion-item() {}
 .hook-inverse-accordion-title() {}
-.hook-inverse-accordion-title-hover() {}
+.hook-inverse-accordion-title-hover() {}

package/src/less/components/alert.less

@@ -48,7 +48,7 @@
     padding: @alert-padding @alert-padding-right @alert-padding @alert-padding;
     background: @alert-background;
     color: @alert-color;
-    .hook-alert;
+    .hook-alert();
 }
 
 /* Add margin if adjacent element */
@@ -69,7 +69,7 @@
     position: absolute;
     top: @alert-close-top;
     right: @alert-close-right;
-    .hook-alert-close;
+    .hook-alert-close();
 }
 
 /*
@@ -83,7 +83,7 @@
  */
 
 .uk-alert-close:hover {
-    .hook-alert-close-hover;
+    .hook-alert-close-hover();
 }
 
 
@@ -97,7 +97,7 @@
 .uk-alert-primary {
     background: @alert-primary-background;
     color: @alert-primary-color;
-    .hook-alert-primary;
+    .hook-alert-primary();
 }
 
 /*
@@ -107,7 +107,7 @@
 .uk-alert-success {
     background: @alert-success-background;
     color: @alert-success-color;
-    .hook-alert-success;
+    .hook-alert-success();
 }
 
 /*
@@ -117,7 +117,7 @@
 .uk-alert-warning {
     background: @alert-warning-background;
     color: @alert-warning-color;
-    .hook-alert-warning;
+    .hook-alert-warning();
 }
 
 /*
@@ -127,14 +127,14 @@
 .uk-alert-danger {
     background: @alert-danger-background;
     color: @alert-danger-color;
-    .hook-alert-danger;
+    .hook-alert-danger();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-alert-misc;
+.hook-alert-misc();
 
 .hook-alert() {}
 .hook-alert-close() {}
@@ -143,4 +143,4 @@
 .hook-alert-success() {}
 .hook-alert-warning() {}
 .hook-alert-danger() {}
-.hook-alert-misc() {}
+.hook-alert-misc() {}

package/src/less/components/align.less

@@ -137,6 +137,6 @@
 // Hooks
 // ========================================================================
 
-.hook-align-misc;
+.hook-align-misc();
 
-.hook-align-misc() {}
+.hook-align-misc() {}

package/src/less/components/animation.less

@@ -84,7 +84,7 @@
 /*
  * Slide Medium
  */
- 
+
 .uk-animation-slide-top-medium { animation-name: uk-fade, uk-slide-top-medium; }
 .uk-animation-slide-bottom-medium { animation-name: uk-fade, uk-slide-bottom-medium; }
 .uk-animation-slide-left-medium { animation-name: uk-fade, uk-slide-left-medium; }
@@ -278,6 +278,6 @@
 // Hooks
 // ========================================================================
 
-.hook-animation-misc;
+.hook-animation-misc();
 
 .hook-animation-misc() {}

package/src/less/components/article.less

@@ -29,7 +29,7 @@
 
 .uk-article {
     display: flow-root;
-    .hook-article;
+    .hook-article();
 }
 
 /*
@@ -44,7 +44,7 @@
 
 .uk-article + .uk-article {
     margin-top: @article-margin-top;
-    .hook-article-adjacent;
+    .hook-article-adjacent();
 }
 
 
@@ -54,7 +54,7 @@
 .uk-article-title {
     font-size: @article-title-font-size;
     line-height: @article-title-line-height;
-    .hook-article-title;
+    .hook-article-title();
 }
 
 /* Tablet landscape and bigger */
@@ -72,14 +72,14 @@
     font-size: @article-meta-font-size;
     line-height: @article-meta-line-height;
     color: @article-meta-color;
-    .hook-article-meta;
+    .hook-article-meta();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-article-misc;
+.hook-article-misc();
 
 .hook-article() {}
 .hook-article-adjacent() {}
@@ -96,15 +96,15 @@
 .hook-inverse() {
 
     .uk-article-title  {
-        .hook-inverse-article-title;
+        .hook-inverse-article-title();
     }
 
     .uk-article-meta  {
         color: @inverse-article-meta-color;
-        .hook-inverse-article-meta;
+        .hook-inverse-article-meta();
     }
 
 }
 
 .hook-inverse-article-title() {}
-.hook-inverse-article-meta() {}
+.hook-inverse-article-meta() {}

package/src/less/components/background.less

@@ -143,6 +143,6 @@
 // Hooks
 // ========================================================================
 
-.hook-background-misc;
+.hook-background-misc();
 
 .hook-background-misc() {}

package/src/less/components/badge.less

@@ -43,7 +43,7 @@
     justify-content: center;
     align-items: center;
     line-height: 0;
-    .hook-badge;
+    .hook-badge();
 }
 
 /*
@@ -52,14 +52,14 @@
 
 .uk-badge:hover {
     text-decoration: none;
-    .hook-badge-hover;
+    .hook-badge-hover();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-badge-misc;
+.hook-badge-misc();
 
 .hook-badge() {}
 .hook-badge-hover() {}
@@ -77,14 +77,14 @@
     .uk-badge {
         background-color: @inverse-badge-background;
         color: @inverse-badge-color !important;
-        .hook-inverse-badge;
+        .hook-inverse-badge();
     }
 
     .uk-badge:hover {
-        .hook-inverse-badge-hover;
+        .hook-inverse-badge-hover();
     }
 
 }
 
 .hook-inverse-badge() {}
-.hook-inverse-badge-hover() {}
+.hook-inverse-badge-hover() {}

package/src/less/components/base.less

@@ -107,7 +107,7 @@ html {
     /* 3 */
     background: @base-body-background;
     color: @base-body-color;
-    .hook-base-body;
+    .hook-base-body();
 }
 
 /*
@@ -129,7 +129,7 @@ a,
     color: @base-link-color;
     text-decoration: @base-link-text-decoration;
     cursor: pointer;
-    .hook-base-link;
+    .hook-base-link();
 }
 
 a:hover,
@@ -137,7 +137,7 @@ a:hover,
 .uk-link-toggle:hover .uk-link {
     color: @base-link-hover-color;
     text-decoration: @base-link-hover-text-decoration;
-    .hook-base-link-hover;
+    .hook-base-link-hover();
 }
 
 
@@ -179,7 +179,7 @@ strong { font-weight: @base-strong-font-weight; }
     /* 3 */
     color: @base-code-color;
     white-space: nowrap;
-    .hook-base-code;
+    .hook-base-code();
 }
 
 /*
@@ -351,7 +351,7 @@ h6, .uk-h6,
     font-weight: @base-heading-font-weight;
     color: @base-heading-color;
     text-transform: @base-heading-text-transform;
-    .hook-base-heading;
+    .hook-base-heading();
 }
 
 /* Add margin if adjacent element */
@@ -374,37 +374,37 @@ h6, .uk-h6,
 h1, .uk-h1 {
     font-size: @base-h1-font-size;
     line-height: @base-h1-line-height;
-    .hook-base-h1;
+    .hook-base-h1();
 }
 
 h2, .uk-h2 {
     font-size: @base-h2-font-size;
     line-height: @base-h2-line-height;
-    .hook-base-h2;
+    .hook-base-h2();
 }
 
 h3, .uk-h3 {
     font-size: @base-h3-font-size;
     line-height: @base-h3-line-height;
-    .hook-base-h3;
+    .hook-base-h3();
 }
 
 h4, .uk-h4 {
     font-size: @base-h4-font-size;
     line-height: @base-h4-line-height;
-    .hook-base-h4;
+    .hook-base-h4();
 }
 
 h5, .uk-h5 {
     font-size: @base-h5-font-size;
     line-height: @base-h5-line-height;
-    .hook-base-h5;
+    .hook-base-h5();
 }
 
 h6, .uk-h6 {
     font-size: @base-h6-font-size;
     line-height: @base-h6-line-height;
-    .hook-base-h6;
+    .hook-base-h6();
 }
 
 /* Tablet landscape and bigger */
@@ -457,7 +457,7 @@ hr, .uk-hr {
     margin: 0 0 @base-hr-margin-vertical 0;
     border: 0;
     border-top: @base-hr-border-width solid @base-hr-border;
-    .hook-base-hr;
+    .hook-base-hr();
 }
 
 /* Add margin if adjacent element */
@@ -479,7 +479,7 @@ blockquote {
     font-size: @base-blockquote-font-size;
     line-height: @base-blockquote-line-height;
     font-style: @base-blockquote-font-style;
-    .hook-base-blockquote;
+    .hook-base-blockquote();
 }
 
 /* Add margin if adjacent element */
@@ -495,7 +495,7 @@ blockquote footer {
     margin-top:  @base-blockquote-footer-margin-top;
     font-size: @base-blockquote-footer-font-size;
     line-height: @base-blockquote-footer-line-height;
-    .hook-base-blockquote-footer;
+    .hook-base-blockquote-footer();
 }
 
 
@@ -513,7 +513,7 @@ pre {
     tab-size: 4;
     /* 1 */
     overflow: auto;
-    .hook-base-pre;
+    .hook-base-pre();
 }
 
 pre code { font-family: @base-pre-font-family; }
@@ -523,7 +523,7 @@ pre code { font-family: @base-pre-font-family; }
  ========================================================================== */
 
 /*
- * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor. 
+ * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor.
  * 1. Fallback: Remove `:focus` for a negative tabindexes.
  * 2. Fallback: Set `:focus` style but not for negative tabindexes.
  * 3. Fallback: Remove `:focus` style for browsers which support `:focus-visible`.
@@ -604,7 +604,7 @@ template { display: none; }
 // Hooks
 // ========================================================================
 
-.hook-base-misc;
+.hook-base-misc();
 
 .hook-base-body() {}
 .hook-base-link() {}
@@ -650,14 +650,14 @@ template { display: none; }
     a,
     .uk-link  {
         color: @inverse-base-link-color;
-        .hook-inverse-base-link;
+        .hook-inverse-base-link();
     }
 
     a:hover,
     .uk-link:hover,
     .uk-link-toggle:hover .uk-link {
         color: @inverse-base-link-hover-color;
-        .hook-inverse-base-link-hover;
+        .hook-inverse-base-link-hover();
     }
 
     //
@@ -668,7 +668,7 @@ template { display: none; }
     :not(pre) > kbd,
     :not(pre) > samp {
         color: @inverse-base-code-color;
-        .hook-inverse-base-code;
+        .hook-inverse-base-code();
     }
 
     //
@@ -693,31 +693,31 @@ template { display: none; }
     .uk-heading-xlarge,
     .uk-heading-2xlarge {
         color: @inverse-base-heading-color;
-        .hook-inverse-base-heading;
+        .hook-inverse-base-heading();
     }
 
     h1, .uk-h1 {
-        .hook-inverse-base-h1;
+        .hook-inverse-base-h1();
     }
 
     h2, .uk-h2 {
-        .hook-inverse-base-h2;
+        .hook-inverse-base-h2();
     }
 
     h3, .uk-h3 {
-        .hook-inverse-base-h3;
+        .hook-inverse-base-h3();
     }
 
     h4, .uk-h4 {
-        .hook-inverse-base-h4;
+        .hook-inverse-base-h4();
     }
 
     h5, .uk-h5 {
-        .hook-inverse-base-h5;
+        .hook-inverse-base-h5();
     }
 
     h6, .uk-h6 {
-        .hook-inverse-base-h6;
+        .hook-inverse-base-h6();
     }
 
     //
@@ -725,11 +725,11 @@ template { display: none; }
     //
 
     blockquote {
-        .hook-inverse-base-blockquote;
+        .hook-inverse-base-blockquote();
     }
 
     blockquote footer {
-        .hook-inverse-base-blockquote-footer;
+        .hook-inverse-base-blockquote-footer();
     }
 
     //
@@ -738,7 +738,7 @@ template { display: none; }
 
     hr, .uk-hr {
         border-top-color: @inverse-base-hr-border;
-        .hook-inverse-base-hr;
+        .hook-inverse-base-hr();
     }
 
     //

package/src/less/components/breadcrumb.less

@@ -34,7 +34,7 @@
 .uk-breadcrumb {
     padding: 0;
     list-style: none;
-    .hook-breadcrumb;
+    .hook-breadcrumb();
 }
 
 /*
@@ -50,26 +50,26 @@
 .uk-breadcrumb > * > * {
     font-size: @breadcrumb-item-font-size;
     color: @breadcrumb-item-color;
-    .hook-breadcrumb-item;
+    .hook-breadcrumb-item();
 }
 
 /* Hover */
 .uk-breadcrumb > * > :hover {
     color: @breadcrumb-item-hover-color;
     text-decoration: @breadcrumb-item-hover-text-decoration;
-    .hook-breadcrumb-item-hover;
+    .hook-breadcrumb-item-hover();
 }
 
 /* Disabled */
 .uk-breadcrumb > .uk-disabled > * {
-    .hook-breadcrumb-item-disabled;
+    .hook-breadcrumb-item-disabled();
 }
 
 /* Active */
 .uk-breadcrumb > :last-child > span,
 .uk-breadcrumb > :last-child > a:not([href]) {
     color: @breadcrumb-item-active-color;
-    .hook-breadcrumb-item-active;
+    .hook-breadcrumb-item-active();
 }
 
 /*
@@ -87,14 +87,14 @@
     /* 2 */
     font-size: @breadcrumb-divider-font-size;
     color: @breadcrumb-divider-color;
-    .hook-breadcrumb-divider;
+    .hook-breadcrumb-divider();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-breadcrumb-misc;
+.hook-breadcrumb-misc();
 
 .hook-breadcrumb() {}
 .hook-breadcrumb-item() {}
@@ -117,22 +117,22 @@
 
     .uk-breadcrumb > * > * {
         color: @inverse-breadcrumb-item-color;
-        .hook-inverse-breadcrumb-item;
+        .hook-inverse-breadcrumb-item();
     }
 
     .uk-breadcrumb > * > :hover {
         color: @inverse-breadcrumb-item-hover-color;
-        .hook-inverse-breadcrumb-item-hover;
+        .hook-inverse-breadcrumb-item-hover();
     }
 
 
     .uk-breadcrumb > .uk-disabled > * {
-        .hook-inverse-breadcrumb-item-disabled;
+        .hook-inverse-breadcrumb-item-disabled();
     }
 
     .uk-breadcrumb > :last-child > * {
         color: @inverse-breadcrumb-item-active-color;
-        .hook-inverse-breadcrumb-item-active;
+        .hook-inverse-breadcrumb-item-active();
     }
 
     //
@@ -141,7 +141,7 @@
 
     .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
         color: @inverse-breadcrumb-divider-color;
-        .hook-inverse-breadcrumb-divider;
+        .hook-inverse-breadcrumb-divider();
     }
 
 }