uikit 3.16.7-dev.fcb5a4616 → 3.16.8-dev.dc18e16fb

package/CHANGELOG.md

@@ -4,7 +4,29 @@
 
 ### Fixed
 
+- Fix focus style for dropdowns when used with Inverse component
+- Fix regression in Lightbox component
+
+## 3.16.7 (March 16, 2023)
+
+### Added
+
+- Add hidden visually class for assistive technologies to Visibility component
+- Make toggle classes to display elements on hover or focus accessible to screen readers in Visibility component
+
+### Changed
+
+- Change boot behavior: if script is loaded synchronous, UIkit boots as soon as body element is available
+
+### Fixed
+
 - Fix component distributions
+- Fix Slider/Slideshow component autoplay in Firefox
+- Fix using input of type range in Modal component on touch devices
+- Fix accessibility in Slideshow/Slider and Nav component
+- Fix prevent initial transition in Sticky component
+- Fix keyboard navigation in Navbar component
+- Fix importing UIkit in Next.js
 
 ## 3.16.6 (March 10, 2023)
 

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.7-dev.fcb5a4616 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.8-dev.dc18e16fb | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3299,6 +3299,9 @@ select.uk-form-width-xsmall {
     padding-left: 40px;
   }
 }
+.uk-dropbar :focus-visible {
+  outline-color: #333 !important;
+}
 /* Size modifier
  ========================================================================== */
 .uk-dropbar-large {
@@ -5088,6 +5091,9 @@ ul.uk-nav-sub {
 .uk-navbar-dropdown > :last-child {
   margin-bottom: 0;
 }
+.uk-navbar-dropdown :focus-visible {
+  outline-color: #333 !important;
+}
 /*
  * Grid
  * Adopts `uk-grid`
@@ -5797,6 +5803,9 @@ ul.uk-nav-sub {
 .uk-dropdown > :last-child {
   margin-bottom: 0;
 }
+.uk-dropdown :focus-visible {
+  outline-color: #333 !important;
+}
 /* Size modifier
  ========================================================================== */
 .uk-dropdown-large {
@@ -8978,25 +8987,43 @@ iframe[data-uk-cover] {
 /* Based on the State of the Parent Element
  ========================================================================== */
 /*
- * Can't use `display: none` nor `visibility: hidden` because both are not focusable.
+ * Mind that `display: none`, `visibility: hidden` and `opacity: 0`
+ * remove the element from the accessibility tree and that
+ * `display: none` and `visibility: hidden` are not focusable.
+ *
  * The target stays visible if any element within receives focus through keyboard.
  */
 /*
- * Discard space when hidden.
+ * Remove space when hidden.
+ * 1. Remove from document flow.
+ * 2. Hide element and shrink its dimension. Can't use zero dimensions together
+ *    with `overflow: hidden` it would remove it from the accessibility tree.
+ * 3. Hide the single rendered pixel.
+ * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation
+ *    by screen readers and the visual tracking indicator of other assistive technologies.
  */
+.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
 .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
+  /* 1 */
   position: absolute !important;
-  width: 0 !important;
-  height: 0 !important;
+  /* 2 */
+  width: 1px !important;
+  height: 1px !important;
   padding: 0 !important;
+  border: 0 !important;
   margin: 0 !important;
   overflow: hidden !important;
+  /* 3 */
+  clip-path: inset(50%) !important;
+  /* 4 */
+  white-space: nowrap !important;
 }
 /*
  * Keep space when hidden.
+ * Hide element without shrinking its dimension.
  */
 .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
-  opacity: 0 !important;
+  clip-path: inset(50%) !important;
 }
 /* Based on Hover Capability of the Pointing Device
  ========================================================================== */
@@ -9356,19 +9383,6 @@ iframe[data-uk-cover] {
 .uk-offcanvas-bar .uk-hr {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
-.uk-light :focus,
-.uk-section-primary:not(.uk-preserve-color) :focus,
-.uk-section-secondary:not(.uk-preserve-color) :focus,
-.uk-tile-primary:not(.uk-preserve-color) :focus,
-.uk-tile-secondary:not(.uk-preserve-color) :focus,
-.uk-card-primary.uk-card-body :focus,
-.uk-card-primary > :not([class*='uk-card-media']) :focus,
-.uk-card-secondary.uk-card-body :focus,
-.uk-card-secondary > :not([class*='uk-card-media']) :focus,
-.uk-overlay-primary :focus,
-.uk-offcanvas-bar :focus {
-  outline-color: #fff;
-}
 .uk-light :focus-visible,
 .uk-section-primary:not(.uk-preserve-color) :focus-visible,
 .uk-section-secondary:not(.uk-preserve-color) :focus-visible,