uikit 3.10.1-dev.2a182d8f9 → 3.10.2-dev.3a696ee97

package/.eslintrc.json

@@ -30,7 +30,6 @@
         "linebreak-style": ["error", "unix"],
         "no-array-constructor": "error",
         "no-case-declarations": "warn",
-        "no-console": "off",
         "no-duplicate-imports": "error",
         "no-empty": ["error", {"allowEmptyCatch": true}],
         "no-extend-native": "error",

package/CHANGELOG.md

@@ -4,7 +4,18 @@
 
 ### Fixed
 
+- Fix interdependent computed properties being evaluated too often
+- Fix `getIndex()` returns `-1` instead of `NaN` if called with empty elements parameter
+
+## 3.10.1 (January 19, 2022)
+
+### Fixed
+
+- Fix vertical divider width in Divider component
+- Fix usage of `data-` prefix for Cover and Responsive component
+- Fix pointer events for iframes in Cover component
 - Fix Slideshow component no longer throws if items list does not exist
+- Fix space key no longer triggers Toggle on <input> elements
 
 ## 3.10.0 (January 12, 2022)
 
@@ -44,7 +55,7 @@
 
 ### Fixed
 
-- Fix build scripts for windows users
+- Fix build scripts for Windows users
 - Fix css in Leader component
 - Fix division deprecation warnings in Sass source
 
@@ -58,7 +69,7 @@
 
 ### Changed
 
-- Upgrade LESS to version 4
+- Upgrade Less to version 4
 
 ## 3.8.1 (November 5, 2021)
 
@@ -69,7 +80,7 @@
 ### Changed
 
 - Make padding large a little bigger on small devices
-- Change logo color to emphasis
+- Change logo color to 'emphasis'
 
 ### Fixed
 
@@ -444,7 +455,7 @@
 
 ### Changed
 
-- Sorting starts after traversing half the items height/width in Sortable component
+- Sorting starts after traversing half the item's height/width in Sortable component
 
 ## 3.5.12 (December 7, 2020)
 
@@ -513,7 +524,7 @@
 
 ### Changed
 
-- Sticky component uses window.Date instead of window.performance
+- Sticky component uses 'window.Date' instead of 'window.performance'
 - Sticky component with sticky-on-up no longer hides when Dropdown shows
 
 ### Fixed
@@ -800,7 +811,7 @@
 
 ### Added
 
-- Parallax, Scroll, Scrollspy Nav components work inside of scrollable container
+- Parallax, Scroll, Scrollspy Nav components work inside scrollable container
 - Expose `scrollIntoView` utility function
 
 ### Fixed
@@ -1548,7 +1559,7 @@
 
 ### Added
 
-- Add support to center elements outside of a container to Position component
+- Add support to center elements outside a container to Position component
 
 ### Changed
 
@@ -1869,7 +1880,7 @@
 
 ### Changed
 
-- IMPORTANT: Move LESS/Sass imports into one file. Use `components/_import.less`
+- IMPORTANT: Move Less/Sass imports into one file. Use `components/_import.less`
 - IMPORTANT: Renamed `transition` option to `easing` in Scroll component
 - Improve flip behaviour in Drop component
 - Improve `class` handling
@@ -1955,7 +1966,7 @@
 
 ### Changed
 
-- IMPORTANT: Offcanvas requires to wrap page in extra div
+- IMPORTANT: Offcanvas requires wrapping page in extra div
 - Refactored Offcanvas component
 - Update Instagram, Tumblr and Vimeo icons
 - Component Constructor initializes multiple components at once
@@ -2043,7 +2054,7 @@
 
 ### Fixed
 
-- Fix npm not watching LESS
+- Fix npm not watching Less files
 - Modal no longer closes immediately when toggled from custom `click` handler
 - Fix Accordion component
 - Fix container for Tooltip component
@@ -2140,7 +2151,7 @@
 
 ### Changed
 
-- LESS no longer uses component attribute selectors
+- Less no longer uses component attribute selectors
 - Accordion close and open icons using variables
 
 ### Removed

package/CONTRIBUTING.md

@@ -83,7 +83,7 @@ UIkit adapts the [Vue's commit convention](https://github.com/vuejs/vue/blob/dev
 - `fix:` A bug fix
 - `perf:` A code change that improves performance
 - `refactor:` A code change that neither fixes a bug nor adds a feature
-- `style:` Changes that do not affect the meaning of the code (white-space, formatting, etc)
+- `style:` Changes that do not affect the meaning of the code (white-space, formatting, etc.)
 - `test:` Adding missing tests or correcting existing tests
 
 ## Versioning

package/README.md

@@ -3,6 +3,8 @@
 # UIkit
 
 [![Discord](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/NEt4Pv7)
+[![Build](https://circleci.com/gh/uikit/uikit.svg?style=shield)](https://circleci.com/gh/uikit/uikit)
+[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/uikit/badge?style=rounded)](https://www.jsdelivr.com/package/npm/uikit)
 
 UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.
 
@@ -51,8 +53,8 @@ UIkit is maintained by using the [Semantic Versioning Specification (SemVer)](ht
 ## Browser Support
 
 | ![Firefox](https://raw.github.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/main/src/safari/safari_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/main/src/edge/edge_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/main/src/opera/opera_48x48.png) |
-| -------- | -------- | -------- | -------- | -------- |
-| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
+|-------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------|-------------------------------------------------------------------------------------|
+| Latest ✔                                                                                  | Latest ✔                                                                               | Latest ✔                                                                               | Latest ✔                                                                         | Latest ✔                                                                            |
 
 Tested With<br>[![BrowserStack](https://user-images.githubusercontent.com/355427/27389060-9f716c82-569d-11e7-923c-bd5fe7f1c55a.png)](https://www.browserstack.com)
 

package/build/.eslintrc.json

@@ -11,5 +11,14 @@
     ],
     "parserOptions": {
         "ecmaVersion": 2022
-    }
+    },
+    "overrides": [
+        {
+            "files": ["wrapper/*.js"],
+            "env": {
+                "browser": true,
+                "node": false
+            }
+        }
+    ]
 }

package/build/less.js

@@ -69,8 +69,7 @@ async function compile(file, dist, develop, rtl) {
                             action(prop, value, context) {
                                 return {prop, value: context.util.negate(value)};
                             }
-                        },
-
+                        }
                     ]
                 }
             ],

package/build/scss.js

@@ -77,7 +77,7 @@ for (const file of await glob('src/less/**/*.less')) {
 
     const data = await read(file);
 
-    /* replace all LESS stuff with SCSS */
+    /* replace all Less stuff with SCSS */
     let scssData = data.replace(/\/less\//g, '/scss/') // change less/ dir to scss/ on imports
         .replace(/\.less/g, '.scss') // change .less extensions to .scss on imports
         .replace(/@/g, '$') // convert variables
@@ -90,9 +90,9 @@ for (const file of await glob('src/less/**/*.less')) {
         .replace(/@mixin ([\w-]*)\s*\((.*)\)\s*{\s*}/g, '// @mixin $1($2){}') // comment empty mixins
         .replace(/\.(hook[a-zA-Z\-\d]+)(\(\))?;/g, '@if(mixin-exists($1)) {@include $1();}') // hook calls surrounded by a mixin-exists
         .replace(/\$(import|supports|media|font-face|page|-ms-viewport|keyframes|-webkit-keyframes|-moz-document)/g, '@$1') // replace valid '@' statements
-        .replace(/tint\((\$[\w-]+),\s([^)]*)\)/g, 'mix(white, $1, $2)') // replace LESS function tint with mix
-        .replace(/fade\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => { return `rgba(${p1}, ${p2 / 100})`;}) // replace LESS function fade with rgba
-        .replace(/fadeout\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => { return `fade-out(${p1}, ${p2 / 100})`;}) // replace LESS function fadeout with fade-out
+        .replace(/tint\((\$[\w-]+),\s([^)]*)\)/g, 'mix(white, $1, $2)') // replace Less function tint with mix
+        .replace(/fade\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => { return `rgba(${p1}, ${p2 / 100})`;}) // replace Less function fade with rgba
+        .replace(/fadeout\((\$[\w-]*), ([0-9]+)%\)/g, (match, p1, p2) => { return `fade-out(${p1}, ${p2 / 100})`;}) // replace Less function fadeout with fade-out
         .replace(/\.svg-fill/g, '@include svg-fill') // include svg-fill mixin
         .replace(/(.*):extend\((\.[\w-\\@]*) all\) when \((\$[\w-]*) = ([\w]+)\) {}/g, '@if ( $3 == $4 ) { $1 { @extend $2 !optional;} }') // update conditional extend and add !optional to ignore warnings
         .replace(/(\.[\w-\\@]+)\s*when\s*\((\$[\w-]*)\s*=\s*(\w+)\)\s*{\s*@if\(mixin-exists\(([\w-]*)\)\) {@include\s([\w-]*)\(\);\s*}\s*}/g, '@if ($2 == $3) { $1 { @if (mixin-exists($4)) {@include $4();}}}') // update conditional hook
@@ -236,7 +236,7 @@ async function getVariablesFromFile(file, data) {
 
     while (match) {
 
-        /* check if variable is an background icon, if so replace it directly by the SVG */
+        /* check if variable is a background icon, if so replace it directly by the SVG */
         if (match[0].indexOf('../../images/backgrounds') >= 0) {
 
             const iconregex = /(\$[\w-]+)\s*:\s*"\.\.\/\.\.\/images\/backgrounds\/([\w./-]+)" !default;/g;

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.10.1-dev.2a182d8f9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.10.2-dev.3a696ee97 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -726,7 +726,7 @@ a.uk-link-reset,
 /* Vertical
  ========================================================================== */
 .uk-divider-vertical {
-  width: 1px;
+  width: max-content;
   height: 100px;
   margin-right: auto;
   margin-left: auto;
@@ -7142,7 +7142,8 @@ td.uk-text-break {
  *       is absolute positioned or if the container has a height
  */
 /* 1 */
-[uk-cover] {
+[uk-cover],
+[data-uk-cover] {
   /* 2 */
   max-width: none;
   /* 3 */
@@ -7153,7 +7154,8 @@ td.uk-text-break {
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
 }
-iframe.uk-cover {
+iframe[uk-cover],
+iframe[data-uk-cover] {
   pointer-events: none;
 }
 /* Container
@@ -7616,7 +7618,8 @@ iframe.uk-cover {
 /*
  * Fix initial iframe width. Without the viewport is expanded on iOS devices
  */
-[uk-responsive] {
+[uk-responsive],
+[data-uk-responsive] {
   max-width: 100%;
 }
 /* Border