uikit 3.10.1 → 3.11.1-dev.592c1431b

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## WIP
+
+### Fixed
+
+- Fix scoping css to exclude `:root` selector
+- Fix `toPx()` correctly uses offsetHeight/Width
+
+## 3.11.0 (February 7, 2022)
+
+### Added
+
+- Add `start` and `end` options to Parallax component
+- Add negative z-index utility class to Position component
+- Add Sticky Parallax test
+
+### Deprecated
+
+- Deprecate `viewport` option in Parallax component: Use `end` option instead
+
+### Fixed
+
+- Use same position context when uk-sticky sticks or not
+- Fix interdependent computed properties being evaluated too often
+- Fix `getIndex()` returns `-1` instead of `NaN` if called with empty elements parameter
+- Fix Scrollspy component no longer sets class `false`
+- Fix Parallax component no longer rounds values to two digits after comma
+- Fix Parallax component running backwards with 'viewport' option set to a value < 1
+- Fix Parallax component easing option for values < -1 || > 1
+
 ## 3.10.1 (January 19, 2022)
 
 ### Fixed
@@ -8,7 +37,7 @@
 - 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
+- Fix space key no longer triggers Toggle on `input` elements
 
 ## 3.10.0 (January 12, 2022)
 
@@ -62,7 +91,7 @@
 
 ### Changed
 
-- Upgrade LESS to version 4
+- Upgrade Less to version 4
 
 ## 3.8.1 (November 5, 2021)
 
@@ -152,7 +181,7 @@
 ### Fixed
 
 - Fix animation classes only partially being removed in Scrollspy component
-- Fix scrollIntoView did not return Promise if element is hidden 
+- Fix scrollIntoView did not return Promise if element is hidden
 
 ## 3.7.0 (June 29, 2021)
 
@@ -252,7 +281,7 @@
 
 ### Added
 
-- Add background-size modifier for width and height to Background component 
+- Add background-size modifier for width and height to Background component
 
 ### Fixed
 
@@ -299,7 +328,7 @@
 
 - Fix IE11 compatibility
 - Fix changing ratio does not correctly apply width and height in SVG component
-- Fix issues from hiding an already hidden Modal 
+- Fix issues from hiding an already hidden Modal
 
 ## 3.6.11 (January 14, 2021)
 
@@ -533,7 +562,7 @@
 ### Added
 
 - Add list marker utility support for WebKit
-- Add `uk-text-default` to Text component 
+- Add `uk-text-default` to Text component
 - Add multiple targets to Filter component
 
 ### Fixed
@@ -542,7 +571,7 @@
 - Fix empty slider throws exception
 - Fix pointer events ignored on SVGs in Sortable component
 - Fix Grid component divider rendering
-- Fix `<select>` closes Drop component in hover mode in Firefox 
+- Fix `<select>` closes Drop component in hover mode in Firefox
 
 ## 3.5.4 (June 12, 2020)
 
@@ -553,7 +582,7 @@
 ### Fixed
 
 - Fix prop observer for dataSrc option in Image component
-- Fix ajax function supports responseType 'json' in IE 11 
+- Fix ajax function supports responseType 'json' in IE 11
 - Fix Accordion component with `multiple: true` and `collapsible: false`
 
 ## 3.5.3 (May 29, 2020)
@@ -606,7 +635,7 @@
 
 ### Added
 
-- Add inBrowser check to enable server-side rendering 
+- Add inBrowser check to enable server-side rendering
 
 ### Fixed
 
@@ -666,7 +695,7 @@
 
 ### Changed
 
-- Change default dimensions to 1920x1080 for YouTube in Lightbox component 
+- Change default dimensions to 1920x1080 for YouTube in Lightbox component
 
 ### Fixed
 
@@ -684,7 +713,7 @@
 
 - Fix Height Match component not matching empty elements
 - Fix Scrollspy Nav component activating wrong elements
-- Fix Modal/Drop close on bgClick behaviour 
+- Fix Modal/Drop close on bgClick behaviour
 - Fix `z-index` on Modal stacked dialogs
 
 ## 3.3.6 (March 12, 2020)
@@ -810,7 +839,7 @@
 ### Fixed
 
 - Fix scrolling containers while dragging in Sortable component
-- Fix show/hide behaviour in Drop component 
+- Fix show/hide behaviour in Drop component
 - Fix Accordion component will scroll title into view if needed
 - Fix component initialization without element
 
@@ -910,7 +939,7 @@
 - Fix swipe gestures in Switcher component (Android)
 - Ensure at most one Height Viewport component set to `expand` is active
 - Height Viewport component no longer calculates its height if invisible
-- Fix using Sortable in scrolling container 
+- Fix using Sortable in scrolling container
 - Fix lazy loading images if parent element is fully clipped
 - Fix clicking Slideshow with `draggable: false` no longer pauses autoplay
 - Fix toggling modal while transition is in progress
@@ -954,7 +983,7 @@
 - Fix selector engine
 - Fix CSS selector in Lightbox component
 - Fix Drop not closing when Toggle component is clicked
- 
+
 ## 3.1.3 (April 23, 2019)
 
 ### Fixed
@@ -1873,7 +1902,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
@@ -2047,7 +2076,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
@@ -2144,7 +2173,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/build/icons.js

@@ -2,16 +2,16 @@ import {args, compile, glob, icons} from './util.js';
 
 if (args.h || args.help) {
     console.log(`
-    
+
         Builds additional custom uikit icons found in './custom/*/icons'
-    
+
         usage:
 
         icons.js [custom|name]
 
-        -c|--custom 
+        -c|--custom
             Specify custom folder to look for icons (default: './custom/*/icons')
-        -n|--name 
+        -n|--name
             Specify name regex to match against folder (default: '([a-z]+)/icons$')
 
     `);

package/build/scope.js

@@ -15,7 +15,7 @@ if (args.h || args.help) {
     `);
     process.exit(0);
 }
-const currentScopeRe = /\/\* scoped: ([^*]*) \*\//;
+const currentScopeRe = /\/\* scoped: ([^*]*) \*\/\n/;
 const currentScopeLegacyRe = /\.(uk-scope)/;
 
 const files = await glob('dist/**/!(*.min).css');
@@ -65,9 +65,7 @@ async function scope(files, scope) {
         await replaceInFile(file, async data => {
             const output = await renderLess(`.${scope} {\n${stripComments(data)}\n}`);
             return `/* scoped: ${scope} */\n${
-                output
-                    .replace(new RegExp(`.${scope} ${/{(.|[\r\n])*?}/.source}`), '')
-                    .replace(new RegExp(`.${scope}${/\s((\.(uk-(drag|modal-page|offcanvas-page|offcanvas-flip)))|html)/.source}`, 'g'), '$1')
+                output.replace(new RegExp(`.${scope}\\s((\\.(uk-(drag|modal-page|offcanvas-page|offcanvas-flip)))|html|:root)`, 'g'), '$1') // unescape
             }`;
         });
         await minify(file);
@@ -78,8 +76,8 @@ async function cleanup(files, scope) {
     const string = scope.split(' ').map(scope => `.${scope}`).join(' ');
     for (const file of files) {
         await replaceInFile(file, data => data
-            .replace(new RegExp(/ */.source + string + / ({[\s\S]*?})?/.source, 'g'), '') // replace classes
-            .replace(new RegExp(currentScopeRe.source, 'g'), '') // remove scope comment
+            .replace(currentScopeRe, '') // remove scope comment
+            .replace(new RegExp(` *${string} ({[\\s\\S]*?})?`, 'g'), '') // replace classes
         );
     }
 }

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

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.10.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.1-dev.592c1431b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3777,6 +3777,12 @@ select.uk-form-width-xsmall {
 /* ========================================================================
    Component: Sticky
  ========================================================================== */
+/*
+ * Create position context so it's t the same like when fixed.
+ */
+.uk-sticky {
+  position: relative;
+}
 /*
  * 1. Force new layer to resolve frame rate issues on devices with lower frame rates
  */
@@ -8612,6 +8618,9 @@ iframe[data-uk-cover] {
 .uk-position-z-index {
   z-index: 1;
 }
+.uk-position-z-index-negative {
+  z-index: -1;
+}
 /* ========================================================================
    Component: Transition
  ========================================================================== */