uikit 3.15.20-dev.8d21874bc → 3.15.20-dev.bf544e984

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.15.20-dev.8d21874bc",
+    "version": "3.15.20-dev.bf544e984",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/components/sortable.js

@@ -349,7 +349,7 @@ function untrackScroll() {
 
 function appendDrag(container, element) {
     let clone;
-    if (['li', 'tr'].some((tag) => isTag(element, tag))) {
+    if (isTag(element, 'li', 'tr')) {
         clone = $('<div>');
         append(clone, element.cloneNode(true).children);
         for (const attribute of element.getAttributeNames()) {

package/src/js/core/img.js

@@ -100,7 +100,7 @@ export default {
 function setSrcAttrs(el, src) {
     if (isImg(el)) {
         const parentNode = parent(el);
-        const elements = isPicture(parentNode) ? children(parentNode) : [el];
+        const elements = isTag(parentNode, 'picture') ? children(parentNode) : [el];
         elements.forEach((el) => setSourceProps(el, el));
     } else if (src) {
         const change = !includes(el.style.backgroundImage, src);
@@ -175,10 +175,6 @@ function ensureSrcAttribute(el) {
     }
 }
 
-function isPicture(el) {
-    return isTag(el, 'picture');
-}
-
 function isImg(el) {
     return isTag(el, 'img');
 }

package/src/js/util/dom.js

@@ -12,8 +12,8 @@ export function ready(fn) {
     once(document, 'DOMContentLoaded', fn);
 }
 
-export function isTag(element, tagName) {
-    return element?.tagName?.toLowerCase() === tagName.toLowerCase();
+export function isTag(element, ...tagNames) {
+    return tagNames.some((tagName) => element?.tagName?.toLowerCase() === tagName.toLowerCase());
 }
 
 export function empty(element) {

package/src/js/util/position.js

@@ -159,7 +159,7 @@ function getScrollArea(element, target, viewportOffset, i) {
 
     if (['auto', 'scroll'].includes(css(scrollElement, `overflow-${axis}`))) {
         viewport[start] -= scrollElement[`scroll${ucfirst(start)}`];
-        viewport[end] = scrollElement[`scroll${ucfirst(prop)}`];
+        viewport[end] = viewport[start] + scrollElement[`scroll${ucfirst(prop)}`];
     }
 
     viewport[start] += viewportOffset;

package/src/js/util/selector.js

@@ -11,11 +11,11 @@ export function queryAll(selector, context) {
 }
 
 export function find(selector, context) {
-    return toNode(_query(selector, context, 'querySelector'));
+    return toNode(_query(selector, toNode(context), 'querySelector'));
 }
 
 export function findAll(selector, context) {
-    return toNodes(_query(selector, context, 'querySelectorAll'));
+    return toNodes(_query(selector, toNode(context), 'querySelectorAll'));
 }
 
 const contextSelectorRe = /(^|[^\\],)\s*[!>+~-]/;

package/src/less/components/_import.less

@@ -39,7 +39,6 @@
 // JavaScript
 @import "accordion.less";
 @import "drop.less"; // After: Card
-@import "dropdown.less"; // After: Card
 @import "dropbar.less";
 @import "modal.less"; // After: Close
 @import "slideshow.less";
@@ -70,6 +69,7 @@
 @import "thumbnav.less";
 @import "iconnav.less";
 
+@import "dropdown.less"; // After: Card, Nav
 @import "lightbox.less"; // After: Close, Slidenav
 
 // Utilities

package/src/less/theme/_import.less

@@ -38,7 +38,6 @@
 // JavaScript
 @import "accordion.less";
 @import "drop.less";
-@import "dropdown.less";
 @import "dropbar.less";
 @import "modal.less";
 @import "slider.less";
@@ -64,6 +63,7 @@
 @import "thumbnav.less";
 @import "iconnav.less";
 
+@import "dropdown.less";
 @import "lightbox.less";
 
 // Utilities

package/src/less/theme/button.less

@@ -37,7 +37,7 @@
 @button-disabled-border:                        @global-border;
 
 @button-text-border-width:                      @global-border-width;
-@button-text-border:                            @button-text-hover-color;
+@button-text-border:                            currentColor;
 
 
 // Component
@@ -169,6 +169,7 @@
      */
 
     .uk-button-group .uk-button:hover,
+    .uk-button-group .uk-button:focus,
     .uk-button-group .uk-button:active,
     .uk-button-group .uk-button.uk-active {
         position: relative;

package/src/less/theme/modal.less

@@ -20,9 +20,11 @@
 @modal-footer-border-width:                    @global-border-width;
 @modal-footer-border:                          @global-border;
 
-@modal-close-full-padding:                     @global-margin;
+@modal-close-full-padding:                     10px;
 @modal-close-full-background:                  @modal-dialog-background;
 
+@modal-close-full-padding-m:                   @global-margin;
+
 
 // Component
 // ========================================================================
@@ -86,4 +88,15 @@
 // Miscellaneous
 // ========================================================================
 
-.hook-modal-misc() {}
+.hook-modal-misc() {
+
+    /* Tablet landscape and bigger */
+    @media (min-width: @breakpoint-medium) {
+
+        .uk-modal-close-full {
+            padding: @modal-close-full-padding-m;
+        }
+
+    }
+
+}

package/src/scss/components/_import.scss

@@ -39,7 +39,6 @@
 // JavaScript
 @import "accordion.scss";
 @import "drop.scss"; // After: Card
-@import "dropdown.scss"; // After: Card
 @import "dropbar.scss";
 @import "modal.scss"; // After: Close
 @import "slideshow.scss";
@@ -70,6 +69,7 @@
 @import "thumbnav.scss";
 @import "iconnav.scss";
 
+@import "dropdown.scss"; // After: Card, Nav
 @import "lightbox.scss"; // After: Close, Slidenav
 
 // Utilities

package/src/scss/mixins-theme.scss

@@ -389,6 +389,7 @@
      */
 
     .uk-button-group .uk-button:hover,
+    .uk-button-group .uk-button:focus,
     .uk-button-group .uk-button:active,
     .uk-button-group .uk-button.uk-active {
         position: relative;
@@ -1756,7 +1757,18 @@
     background: $modal-close-full-background;
 }
 @mixin hook-modal-close-full-hover(){}
-@mixin hook-modal-misc(){}
+@mixin hook-modal-misc(){
+
+    /* Tablet landscape and bigger */
+    @media (min-width: $breakpoint-medium) {
+
+        .uk-modal-close-full {
+            padding: $modal-close-full-padding-m;
+        }
+
+    }
+
+}
 @mixin hook-nav-sub(){}
 @mixin hook-nav-header(){}
 @mixin hook-nav-divider(){}

package/src/scss/theme/_import.scss

@@ -38,7 +38,6 @@
 // JavaScript
 @import "accordion.scss";
 @import "drop.scss";
-@import "dropdown.scss";
 @import "dropbar.scss";
 @import "modal.scss";
 @import "slider.scss";
@@ -64,6 +63,7 @@
 @import "thumbnav.scss";
 @import "iconnav.scss";
 
+@import "dropdown.scss";
 @import "lightbox.scss";
 
 // Utilities

package/src/scss/theme/button.scss

@@ -37,7 +37,7 @@ $button-default-active-border:                   darken($global-border, 30%) !de
 $button-disabled-border:                         $global-border !default;
 
 $button-text-border-width:                       $global-border-width !default;
-$button-text-border:                             $button-text-hover-color !default;
+$button-text-border:                             currentColor !default;
 
 
 // Component

package/src/scss/theme/modal.scss

@@ -20,9 +20,11 @@ $modal-header-border:                           $global-border !default;
 $modal-footer-border-width:                     $global-border-width !default;
 $modal-footer-border:                           $global-border !default;
 
-$modal-close-full-padding:                      $global-margin !default;
+$modal-close-full-padding:                      10px !default;
 $modal-close-full-background:                   $modal-dialog-background !default;
 
+$modal-close-full-padding-m:                    $global-margin !default;
+
 
 // Component
 // ========================================================================
@@ -81,4 +83,3 @@ $modal-close-full-background:                   $modal-dialog-background !defaul
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-modal-misc(){}

package/src/scss/variables-theme.scss

@@ -1169,7 +1169,7 @@ $button-default-hover-border: darken($global-border, 20%) !default;
 $button-default-active-border: darken($global-border, 30%) !default;
 $button-disabled-border: $global-border !default;
 $button-text-border-width: $global-border-width !default;
-$button-text-border: $button-text-hover-color !default;
+$button-text-border: currentColor !default;
 $card-badge-border-radius: 2px !default;
 $card-badge-text-transform: uppercase !default;
 $card-hover-box-shadow: $global-large-box-shadow !default;
@@ -1226,8 +1226,9 @@ $modal-header-border-width: $global-border-width !default;
 $modal-header-border: $global-border !default;
 $modal-footer-border-width: $global-border-width !default;
 $modal-footer-border: $global-border !default;
-$modal-close-full-padding: $global-margin !default;
+$modal-close-full-padding: 10px !default;
 $modal-close-full-background: $modal-dialog-background !default;
+$modal-close-full-padding-m: $global-margin !default;
 $nav-background-margin-top: 0 !default;
 $nav-background-item-padding-horizontal: 10px !default;
 $nav-background-item-padding-vertical: 10px !default;