uikit 3.13.5-dev.fdb50d317 → 3.13.6-dev.d986a0728

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.13.5-dev.fdb50d317",
+    "version": "3.13.6-dev.d986a0728",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [
@@ -38,22 +38,22 @@
         "@babel/preset-env": "^7.16.4",
         "@rollup/plugin-alias": "^3.1.9",
         "@rollup/plugin-babel": "^5.3.1",
-        "@rollup/plugin-replace": "^3.0.1",
+        "@rollup/plugin-replace": "^4.0.0",
         "archiver": "^5.3.0",
         "camelcase": "^6.3.0",
         "clean-css": "^5.2.4",
         "dateformat": "^5.0.3",
-        "esbuild": "^0.14.27",
-        "eslint": "^8.11.0",
+        "esbuild": "^0.14.28",
+        "eslint": "^8.12.0",
         "eslint-config-prettier": "^8.5.0",
         "fs-extra": "^10.0.1",
         "glob": "^7.2.0",
-        "inquirer": "^8.2.1",
+        "inquirer": "^8.2.2",
         "less": "^4.1.2",
-        "minimist": "^1.2.5",
+        "minimist": "^1.2.6",
         "number-precision": "^1.5.2",
         "p-limit": "^4.0.0",
-        "prettier": "^2.6.0",
+        "prettier": "^2.6.1",
         "rollup": "^2.70.1",
         "rollup-plugin-esbuild": "^4.8.2",
         "rollup-plugin-html": "^0.2.1",

package/src/js/components/slider-parallax.js

@@ -8,7 +8,7 @@ export default {
         selItem: '!li',
     },
 
-    connected() {
+    beforeConnect() {
         this.item = query(this.selItem, this.$el);
     },
 

package/src/js/components/upload.js

@@ -92,6 +92,8 @@ export default {
 
     methods: {
         async upload(files) {
+            files = toArray(files);
+
             if (!files.length) {
                 return;
             }
@@ -178,7 +180,6 @@ function match(pattern, path) {
 }
 
 function chunk(files, size) {
-    files = toArray(files);
     const chunks = [];
     for (let i = 0; i < files.length; i += size) {
         chunks.push(files.slice(i, i + size));

package/src/js/core/height-viewport.js

@@ -46,11 +46,13 @@ export default {
             const box = boxModelAdjust(this.$el, 'height', 'content-box');
 
             if (this.expand) {
-                minHeight =
+                minHeight = Math.max(
                     height(window) -
                         (dimensions(document.documentElement).height -
                             dimensions(this.$el).height) -
-                        box || '';
+                        box,
+                    0
+                );
             } else {
                 // on mobile devices (iOS and Android) window.innerHeight !== 100vh
                 minHeight = 'calc(100vh';

package/src/js/mixin/position.js

@@ -43,7 +43,7 @@ export default {
                       getOffset(target)[axis === 'x' ? 'right' : 'bottom']
                     : 0;
             }
-            offset += toPx(getCssVar('position-margin-offset', element));
+            offset = toPx(offset) + toPx(getCssVar('position-offset', element));
 
             positionAt(element, target, {
                 boundary,

package/src/less/components/drop.less

@@ -41,7 +41,7 @@
     /* 2 */
     position: absolute;
     z-index: @drop-z-index;
-    --uk-position-margin-offset: @drop-margin;
+    --uk-position-offset: @drop-margin;
     /* 3 */
     box-sizing: border-box;
     width: @drop-width;

package/src/less/components/dropdown.less

@@ -53,7 +53,7 @@
     /* 2 */
     position: absolute;
     z-index: @dropdown-z-index;
-    --uk-position-margin-offset: @dropdown-margin;
+    --uk-position-offset: @dropdown-margin;
     /* 3 */
     box-sizing: border-box;
     min-width: @dropdown-min-width;

package/src/less/components/nav.less

@@ -94,7 +94,6 @@
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Reset link
-* 4. Space is allocated solely based on content dimensions: 0 0 auto
  */
 
 .uk-nav li > a {
@@ -107,9 +106,6 @@
     text-decoration: none;
 }
 
-/* 4 */
-.uk-nav li > a > * { flex: none; }
-
 /*
  * Items
  * Must target `a` elements to exclude other elements (e.g. lists)
@@ -177,7 +173,7 @@ ul.uk-nav-sub {
 /* Divider
  ========================================================================== */
 
-.uk-nav >.uk-nav-divider {
+.uk-nav .uk-nav-divider {
     margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;
     .hook-nav-divider();
 }

package/src/less/components/navbar.less

@@ -56,7 +56,7 @@
 @navbar-subtitle-font-size:                     @global-small-font-size;
 
 @navbar-dropdown-z-index:                       @global-z-index + 20;
-@navbar-dropdown-margin:                        0;
+@navbar-dropdown-margin:                        0px;
 @navbar-dropdown-width:                         200px;
 @navbar-dropdown-padding:                       15px;
 @navbar-dropdown-background:                    @global-muted-background;
@@ -64,7 +64,7 @@
 @navbar-dropdown-grid-gutter-horizontal:        @global-gutter;
 @navbar-dropdown-grid-gutter-vertical:          @navbar-dropdown-grid-gutter-horizontal;
 
-@navbar-dropdown-dropbar-margin-top:            0;
+@navbar-dropdown-dropbar-margin-top:            0px;
 @navbar-dropdown-dropbar-margin-bottom:         @navbar-dropdown-dropbar-margin-top;
 @navbar-dropdown-dropbar-padding:               @navbar-nav-item-padding-horizontal;
 
@@ -349,7 +349,7 @@
     /* 2 */
     position: absolute;
     z-index: @navbar-dropdown-z-index;
-    --uk-position-margin-offset: @navbar-dropdown-margin;
+    --uk-position-offset: @navbar-dropdown-margin;
     /* 3 */
     box-sizing: border-box;
     width: @navbar-dropdown-width;
@@ -397,7 +397,7 @@
 
 .uk-navbar-dropdown-dropbar {
     /* 1 */
-    --uk-position-margin-offset: @navbar-dropdown-dropbar-margin-top;
+    --uk-position-offset: @navbar-dropdown-dropbar-margin-top;
     /* 2 */
     margin-bottom: @navbar-dropdown-dropbar-margin-bottom;
     padding: @navbar-dropdown-dropbar-padding;

package/src/less/components/tooltip.less

@@ -50,7 +50,7 @@
     /* 2 */
     position: absolute;
     z-index: @tooltip-z-index;
-    --uk-position-margin-offset: @tooltip-margin;
+    --uk-position-offset: @tooltip-margin;
     /* 3 */
     top: 0;
     /* 4 */

package/src/scss/components/drop.scss

@@ -41,7 +41,7 @@ $drop-width:                                 300px !default;
     /* 2 */
     position: absolute;
     z-index: $drop-z-index;
-    --uk-position-margin-offset: #{$drop-margin};
+    --uk-position-offset: #{$drop-margin};
     /* 3 */
     box-sizing: border-box;
     width: $drop-width;

package/src/scss/components/dropdown.scss

@@ -53,7 +53,7 @@ $dropdown-nav-sublist-item-hover-color:          $global-color !default;
     /* 2 */
     position: absolute;
     z-index: $dropdown-z-index;
-    --uk-position-margin-offset: #{$dropdown-margin};
+    --uk-position-offset: #{$dropdown-margin};
     /* 3 */
     box-sizing: border-box;
     min-width: $dropdown-min-width;

package/src/scss/components/nav.scss

@@ -94,7 +94,6 @@ $internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20widt
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Reset link
-* 4. Space is allocated solely based on content dimensions: 0 0 auto
  */
 
 .uk-nav li > a {
@@ -107,9 +106,6 @@ $internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20widt
     text-decoration: none;
 }
 
-/* 4 */
-.uk-nav li > a > * { flex: none; }
-
 /*
  * Items
  * Must target `a` elements to exclude other elements (e.g. lists)
@@ -177,7 +173,7 @@ ul.uk-nav-sub {
 /* Divider
  ========================================================================== */
 
-.uk-nav >.uk-nav-divider {
+.uk-nav .uk-nav-divider {
     margin: $nav-divider-margin-vertical $nav-divider-margin-horizontal;
     @if(mixin-exists(hook-nav-divider)) {@include hook-nav-divider();}
 }

package/src/scss/components/navbar.scss

@@ -56,7 +56,7 @@ $navbar-toggle-hover-color:                      $global-color !default;
 $navbar-subtitle-font-size:                      $global-small-font-size !default;
 
 $navbar-dropdown-z-index:                        $global-z-index + 20 !default;
-$navbar-dropdown-margin:                         0 !default;
+$navbar-dropdown-margin:                         0px !default;
 $navbar-dropdown-width:                          200px !default;
 $navbar-dropdown-padding:                        15px !default;
 $navbar-dropdown-background:                     $global-muted-background !default;
@@ -64,7 +64,7 @@ $navbar-dropdown-color:                          $global-color !default;
 $navbar-dropdown-grid-gutter-horizontal:         $global-gutter !default;
 $navbar-dropdown-grid-gutter-vertical:           $navbar-dropdown-grid-gutter-horizontal !default;
 
-$navbar-dropdown-dropbar-margin-top:             0 !default;
+$navbar-dropdown-dropbar-margin-top:             0px !default;
 $navbar-dropdown-dropbar-margin-bottom:          $navbar-dropdown-dropbar-margin-top !default;
 $navbar-dropdown-dropbar-padding:                $navbar-nav-item-padding-horizontal !default;
 
@@ -349,7 +349,7 @@ $navbar-dropbar-z-index:                         $global-z-index - 20 !default;
     /* 2 */
     position: absolute;
     z-index: $navbar-dropdown-z-index;
-    --uk-position-margin-offset: #{$navbar-dropdown-margin};
+    --uk-position-offset: #{$navbar-dropdown-margin};
     /* 3 */
     box-sizing: border-box;
     width: $navbar-dropdown-width;
@@ -397,7 +397,7 @@ $navbar-dropbar-z-index:                         $global-z-index - 20 !default;
 
 .uk-navbar-dropdown-dropbar {
     /* 1 */
-    --uk-position-margin-offset: #{$navbar-dropdown-dropbar-margin-top};
+    --uk-position-offset: #{$navbar-dropdown-dropbar-margin-top};
     /* 2 */
     margin-bottom: $navbar-dropdown-dropbar-margin-bottom;
     padding: $navbar-dropdown-dropbar-padding;

package/src/scss/components/tooltip.scss

@@ -50,7 +50,7 @@ $tooltip-font-size:                              12px !default;
     /* 2 */
     position: absolute;
     z-index: $tooltip-z-index;
-    --uk-position-margin-offset: #{$tooltip-margin};
+    --uk-position-offset: #{$tooltip-margin};
     /* 3 */
     top: 0;
     /* 4 */

package/src/scss/variables-theme.scss

@@ -746,7 +746,7 @@ $navbar-dropdown-background: $global-background !default;
 $navbar-dropdown-color: $global-color !default;
 $navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default;
 $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
-$navbar-dropdown-dropbar-margin-top: 0 !default;
+$navbar-dropdown-dropbar-margin-top: 0px !default;
 $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
 $navbar-dropdown-dropbar-padding: $navbar-nav-item-padding-horizontal !default;
 $navbar-dropdown-nav-item-color: $global-muted-color !default;

package/src/scss/variables.scss

@@ -737,14 +737,14 @@ $navbar-toggle-color: $global-muted-color !default;
 $navbar-toggle-hover-color: $global-color !default;
 $navbar-subtitle-font-size: $global-small-font-size !default;
 $navbar-dropdown-z-index: $global-z-index + 20 !default;
-$navbar-dropdown-margin: 0 !default;
+$navbar-dropdown-margin: 0px !default;
 $navbar-dropdown-width: 200px !default;
 $navbar-dropdown-padding: 15px !default;
 $navbar-dropdown-background: $global-muted-background !default;
 $navbar-dropdown-color: $global-color !default;
 $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
 $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
-$navbar-dropdown-dropbar-margin-top: 0 !default;
+$navbar-dropdown-dropbar-margin-top: 0px !default;
 $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
 $navbar-dropdown-dropbar-padding: $navbar-nav-item-padding-horizontal !default;
 $navbar-dropdown-nav-item-color: $global-muted-color !default;