uikit 3.13.9 → 3.13.11-dev.3b88fea57

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Changelog
 
+## WIP
+
+### Added
+
+- Add position shifting to Drop and Dropdown components
+- Add axis flipping if overflowing on both sides to Drop and Dropdown components
+- Add `max-width` to prevent overflowing the viewport to Drop and Dropdown components
+- Add support for negative `start` value in Sticky component
+- Add `overflow-flip` option to Sticky component
+- Add navbar justify to Navbar component
+- Add subtitle classes to Nav, Dropdown and Navbar components
+- Add support for `vw`,`vh`,`%` and `px` units to scale property in Parallax component
+- Add resize horizontal class to Utility component
+
+### Changed
+
+- Rename `top` and `bottom` options to `start` and `end` in Sticky component
+- Allow text to wrap into the next line for navs in Dropdown component
+
+### Removed
+
+- Remove `position: auto` option in Sticky component, use `overflow-flip` option instead
+- Remove `overflow-x: hidden` on html element, while horizontal animation is active
+
+### Fixed
+
+- Fix dropbar dropdown alignment if boundary-align is true
+- Fix viewport helper functions take border into account
+- Fix Sticky component responsiveness on window resize
+
+## 3.13.10 (April 20, 2022)
+
+### Fixed
+
+- Revert: Fix reposition Drop on scroll
+- Fix Toggle component does not `defaultPrevent()` click on anchor with touch gesture
+- Fix Sticky component uses wrong offsetParent while it's positioned fixed
+
 ## 3.13.9 (April 20, 2022)
 
 ### Fixed
@@ -35,7 +73,6 @@
 
 - Image component no longer sets a `background-size` for elements with `background-size` set to `auto`
 
-
 ### Fixed
 
 - Fix Position component

package/build/build.js

@@ -1,6 +1,9 @@
 import camelize from 'camelcase';
 import { basename, resolve } from 'path';
 import { args, compile, glob, icons } from './util.js';
+import pLimit from 'p-limit';
+
+const limit = pLimit(Number(process.env.cpus || 2));
 
 const bundles = getBundleTasks();
 const components = await getComponentTasks();
@@ -42,7 +45,7 @@ if (buildAll) {
         .filter((t) => t);
 }
 
-await Promise.all(Object.values(tasks).map((task) => task()));
+await Promise.all(Object.values(tasks).map((task) => limit(task)));
 
 function getBundleTasks() {
     return {

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.13.11-dev.3b88fea57 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -1136,9 +1136,12 @@ button.uk-icon:not(:disabled) {
  ========================================================================== */
 /*
  * Link
+ * 1. Allow text within link
  */
 .uk-icon-link {
   color: #999;
+  /* 1 */
+  text-decoration: none !important;
 }
 .uk-icon-link:hover {
   color: #666;
@@ -3231,7 +3234,6 @@ select.uk-form-width-xsmall {
   /* 3 */
   box-sizing: border-box;
   width: 300px;
-  max-width: 100vw;
 }
 /* Show */
 .uk-drop.uk-open {
@@ -3274,9 +3276,6 @@ select.uk-form-width-xsmall {
 /* Nav
  * Adopts `uk-nav`
  ========================================================================== */
-.uk-dropdown-nav {
-  white-space: nowrap;
-}
 /*
  * Items
  */
@@ -3288,6 +3287,12 @@ select.uk-form-width-xsmall {
 .uk-dropdown-nav > li.uk-active > a {
   color: #666;
 }
+/*
+ * Subtitle
+ */
+.uk-dropdown-nav .uk-nav-subtitle {
+  font-size: 0.875rem;
+}
 /*
  * Header
  */
@@ -3645,17 +3650,20 @@ select.uk-form-width-xsmall {
    Component: Sticky
  ========================================================================== */
 /*
- * Create position context so it's t the same like when fixed.
+ * 1. Create position context so it's t the same like when fixed.
+ * 2. More robust if padding and border are used and the sticky height is transitioned
  */
 .uk-sticky {
+  /* 1 */
   position: relative;
+  /* 2 */
+  box-sizing: border-box;
 }
 /*
  * 1. Force new layer to resolve frame rate issues on devices with lower frame rates
  */
 .uk-sticky-fixed {
   z-index: 980;
-  box-sizing: border-box;
   margin: 0 !important;
   /* 1 */
   -webkit-backface-visibility: hidden;
@@ -4645,6 +4653,12 @@ ul.uk-nav-sub {
 .uk-nav-default > li.uk-active > a {
   color: #333;
 }
+/*
+ * Subtitle
+ */
+.uk-nav-default .uk-nav-subtitle {
+  font-size: 0.875rem;
+}
 /*
  * Header
  */
@@ -4687,6 +4701,12 @@ ul.uk-nav-sub {
 .uk-nav-primary > li.uk-active > a {
   color: #333;
 }
+/*
+ * Subtitle
+ */
+.uk-nav-primary .uk-nav-subtitle {
+  font-size: 1.25rem;
+}
 /*
  * Header
  */
@@ -4917,6 +4937,16 @@ ul.uk-nav-sub {
 .uk-navbar-subtitle {
   font-size: 0.875rem;
 }
+/* Justify modifier
+ ========================================================================== */
+.uk-navbar-justify .uk-navbar-right,
+.uk-navbar-justify .uk-navbar-left,
+.uk-navbar-justify .uk-navbar-nav,
+.uk-navbar-justify .uk-navbar-nav > li,
+.uk-navbar-justify .uk-navbar-item,
+.uk-navbar-justify .uk-navbar-toggle {
+  flex-grow: 1;
+}
 /* Style modifiers
  ========================================================================== */
 /* Dropdown
@@ -4993,7 +5023,9 @@ ul.uk-nav-sub {
   --uk-position-offset: 0px;
   /* 2 */
   margin-bottom: 0px;
-  padding: 15px;
+  /* 3 */
+  padding-right: 15px;
+  padding-left: 15px;
 }
 /* Dropdown Nav
  * Adopts `uk-nav`
@@ -5012,6 +5044,12 @@ ul.uk-nav-sub {
 .uk-navbar-dropdown-nav > li.uk-active > a {
   color: #333;
 }
+/*
+ * Subtitle
+ */
+.uk-navbar-dropdown-nav .uk-nav-subtitle {
+  font-size: 0.875rem;
+}
 /*
  * Header
  */
@@ -7373,6 +7411,9 @@ iframe[data-uk-cover] {
 .uk-resize {
   resize: both;
 }
+.uk-resize-horizontal {
+  resize: horizontal;
+}
 .uk-resize-vertical {
   resize: vertical;
 }