uikit 3.7.3-dev.82185d0bc → 3.7.4-dev.54855f777

package/CHANGELOG.md

@@ -4,11 +4,24 @@
 
 ### Added
 
+- Add itemNav option to Switcher component
+
+### Fixed
+
+- Fix regression in Toggle component
+- Fix keyboard navigation in Navbar component
+- Fix navbar toggle style and navbar item inverse style if dropdown is open
+
+## 3.7.3 (September 9, 2021)
+
+### Added
+
 - Add tile hover hooks
 
 ### Fixed
 
 - Fix toggle behavior in Toggle component
+- Fix navbar item style if dropdown is open and container option is used
 
 ## 3.7.2 (August 6, 2021)
 
@@ -107,7 +120,7 @@
 
 ### Added
 
-- Add Discord, Twitch and Tiktok icons
+- Add Discord, Twitch and TikTok icons
 
 ### Removed
 
@@ -115,7 +128,7 @@
 
 ### Fixed
 
-- Fix filter inital state
+- Fix filter initial state
 
 ## 3.6.17 (February 25, 2021)
 
@@ -272,7 +285,7 @@
 ### Fixed
 
 - Fix 'aria-expanded' value on toggles
-- Fix responsivness in Switcher component
+- Fix responsiveness in Switcher component
 
 ## 3.5.17 (December 16, 2020)
 
@@ -770,7 +783,7 @@
 
 ### Changed
 
-- By default the Offcanvas `container` option is `false` now
+- By default, the Offcanvas `container` option is `false` now
 - The `focusable` attribute on SVG/Icon component makes SVG focusable in IE
 
 ### Fixed
@@ -955,7 +968,7 @@
 
 ### Fixed
 
-- Fix visible toggle and its child elments not being focusable through keyboard navigation
+- Fix visible toggle and its child elements not being focusable through keyboard navigation
 - Fix Img component correctly escapes urls on background images
 
 ## 3.0.0 rc 26 (January 3, 2019)
@@ -1034,7 +1047,7 @@
 
 ### Added
 
-- Add print, reddit, mircrophone, file-text, file-pdf, chevron-double left and right icons
+- Add print, reddit, microphone, file-text, file-pdf, chevron-double left and right icons
 - Add text emphasis to Text component
 - Add `src` as primary option to SVG component
 
@@ -1100,7 +1113,7 @@
 ### Fixed
 
 - Fix `UIkit.mixin()`
-- Fix issue with list bullet in combination with multi column layouts
+- Fix issue with list bullet in combination with multi-column layouts
 - Allow for special characters in URI hash in Scroll Component
 - Height Match also sets a `height` in IE
 - Slideshow sets `min-height` instead of `height`
@@ -1426,7 +1439,7 @@
 ### Changed
 
 - Add `uk-slider-container` class to clip the Slider component
-- Remove auto-clipping from Slider items. Use `uk-cover-container` instead.
+- Remove auto-clipping from Slider items. Use `uk-cover-container` instead
 
 ### Fixed
 

package/README.md

@@ -16,7 +16,7 @@ UIkit is a lightweight and modular front-end framework for developing fast and p
   <b>UIkit is an Open Source project developed by YOOtheme.</b>
   <br><br>
   <a href="https://yootheme.com" align="center">
-      <img width="134" height="30" src="http://yootheme.com/site/images/yootheme-logo.svg">
+      <img width="134" height="30" src="https://yootheme.com/site/images/yootheme-logo.svg" alt="YOOtheme">
   </a>
 </p>
 
@@ -27,8 +27,8 @@ UIkit is a lightweight and modular front-end framework for developing fast and p
 You have the following options to get UIkit:
 
 - Download the [latest release](https://github.com/uikit/uikit/releases/latest) with pre-built CSS and JS.
-- Install with [npm](https://npmjs.com) to get all source files as they are available on Github: ```npm install uikit```
-- Install with [yarn](https://yarnpkg.com/) to get all source files as they are available on Github: ```yarn add uikit```
+- Install with [npm](https://npmjs.com) to get all source files as they are available on GitHub: ```npm install uikit```
+- Install with [yarn](https://yarnpkg.com/) to get all source files as they are available on GitHub: ```yarn add uikit```
 - Directly load UIkit from [jsDelivr](https://www.jsdelivr.com): https://www.jsdelivr.com/package/npm/uikit
 - Clone the repo to get all source files including build scripts: `git clone git://github.com/uikit/uikit.git`
 

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.7.3-dev.82185d0bc | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.4-dev.54855f777 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -1627,7 +1627,7 @@ select.uk-form-width-xsmall {
 }
 /* 4 */
 .uk-select:not([multiple]):not([size]) option {
-  color: #444;
+  color: #666;
 }
 /*
  * Disabled
@@ -5055,7 +5055,7 @@ ul.uk-nav-sub {
  */
 .uk-navbar-nav > li:hover > a,
 .uk-navbar-nav > li > a:focus,
-.uk-navbar-nav > li > a.uk-open {
+.uk-navbar-nav > li > a[aria-expanded="true"] {
   color: #666;
   outline: none;
 }
@@ -5085,7 +5085,7 @@ ul.uk-nav-sub {
 }
 .uk-navbar-toggle:hover,
 .uk-navbar-toggle:focus,
-.uk-navbar-toggle.uk-open {
+.uk-navbar-toggle[aria-expanded="true"] {
   color: #666;
   outline: none;
   text-decoration: none;
@@ -11308,37 +11308,37 @@ iframe.uk-cover {
 }
 .uk-light .uk-navbar-nav > li:hover > a,
 .uk-light .uk-navbar-nav > li > a:focus,
-.uk-light .uk-navbar-nav > li > a.uk-open,
+.uk-light .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
+.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
+.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
+.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
 .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,
+.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
 .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,
+.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-overlay-primary .uk-navbar-nav > li:hover > a,
 .uk-overlay-primary .uk-navbar-nav > li > a:focus,
-.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,
+.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"],
 .uk-offcanvas-bar .uk-navbar-nav > li:hover > a,
 .uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
-.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open {
+.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-navbar-nav > li > a:active,
@@ -11395,37 +11395,37 @@ iframe.uk-cover {
 }
 .uk-light .uk-navbar-toggle:hover,
 .uk-light .uk-navbar-toggle:focus,
-.uk-light .uk-navbar-toggle.uk-open,
+.uk-light .uk-navbar-toggle[aria-expanded="true"],
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
 .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
+.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
+.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
 .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
+.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
 .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
 .uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
-.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
+.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
 .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
-.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
+.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
 .uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
-.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
+.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
 .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
-.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
+.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded="true"],
 .uk-overlay-primary .uk-navbar-toggle:hover,
 .uk-overlay-primary .uk-navbar-toggle:focus,
-.uk-overlay-primary .uk-navbar-toggle.uk-open,
+.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"],
 .uk-offcanvas-bar .uk-navbar-toggle:hover,
 .uk-offcanvas-bar .uk-navbar-toggle:focus,
-.uk-offcanvas-bar .uk-navbar-toggle.uk-open {
+.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-subnav > * > :first-child,