uikit 3.24.2 → 3.24.3-dev.3f7c6f3b

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## WIP 3.25.0
+
+### Added
+
+- Add support for using the Accordion component without any default style
+- Add accordion icon to Accordion component
+- Add `media` option to Height Viewport component
+
+### Changed
+
+- IMPORTANT: Add `uk-accordion-defaut` class to apply style
+- IMPORTANT: Remove accordion icon from CSS. Use `uk-accordion-icon` attribute on HTML elements instead
+- IMPORTANT: Rename `@accordion-*` to `@accordion-default-*` in Accordion component
+- IMPORTANT: Rename `@inverse-accordion-*` to `@inverse-accordion-default-*` in Accordion component
+- IMPORTANT: Rename `.hook-accordion-*` to `.hook-accordion-default-*` in Accordion component
+- IMPORTANT: Rename `.hook-inverse-accordion-*` to `.hook-inverse-accordion-default-*` in Accordion component
+- Refactor Accordion component
+
+### Fixed
+
+- Fix nav parent icon shrinking if text is too long in Nav component
+
 ## 3.24.2 (October 13, 2025)
 
 ### Added

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
+/*! UIkit 3.24.3-dev.3f7c6f3b | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -2678,14 +2678,14 @@ select.uk-form-width-xsmall {
  */
 .uk-card-overlay {
   --uk-inverse: dark;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(255, 255, 255, 0.9);
   color: #666;
 }
 .uk-card-overlay .uk-card-title {
   color: #333;
 }
 .uk-card-overlay.uk-card-hover:hover {
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: #ffffff;
 }
 /* Size modifier
  ========================================================================== */
@@ -2979,14 +2979,14 @@ select.uk-form-width-xsmall {
  */
 .uk-overlay-default {
   --uk-inverse: dark;
-  background: rgba(255, 255, 255, 0.8);
+  background: rgba(255, 255, 255, 0.9);
 }
 /*
  * Primary
  */
 .uk-overlay-primary {
   --uk-inverse: light;
-  background: rgba(34, 34, 34, 0.8);
+  background: rgba(34, 34, 34, 0.9);
 }
 /* ========================================================================
    Component: Article
@@ -3346,35 +3346,64 @@ select.uk-form-width-xsmall {
   padding: 0;
   list-style: none;
 }
-/* Item
+.uk-accordion-title {
+  display: block;
+}
+.uk-accordion-content {
+  display: flow-root;
+}
+/*
+ * Remove margin from the last-child
+ */
+.uk-accordion-content > :last-child {
+  margin-bottom: 0;
+}
+/* Default modifier
  ========================================================================== */
-.uk-accordion > :nth-child(n+2) {
+/*
+ * Item
+ */
+.uk-accordion-default > :nth-child(n+2) {
   margin-top: 20px;
 }
-/* Title
- ========================================================================== */
-.uk-accordion-title {
-  display: block;
+/* Active */
+/*
+ * Title
+ */
+/*
+* 1. Center content vertically, e.g. an icon
+* 2. Imitate white space gap when using flexbox
+* 3. Reset link
+ */
+.uk-accordion-default .uk-accordion-title {
+  /* 1 */
+  display: flex;
+  align-items: center;
+  /* 2 */
+  column-gap: 0.25em;
+  /* 3 */
   font-size: 1.25rem;
   line-height: 1.4;
   color: #333;
 }
 /* Hover */
-.uk-accordion-title:hover {
+.uk-accordion-default .uk-accordion-title:hover {
   color: #666;
   text-decoration: none;
 }
-/* Content
- ========================================================================== */
-.uk-accordion-content {
-  display: flow-root;
-  margin-top: 20px;
+/* Active */
+/*
+ * Icon
+ */
+.uk-accordion-default .uk-accordion-icon {
+  flex: none;
+  margin-right: auto;
 }
 /*
- * Remove margin from the last-child
+ * Content
  */
-.uk-accordion-content > :last-child {
-  margin-bottom: 0;
+.uk-accordion-default .uk-accordion-content {
+  margin-top: 20px;
 }
 /* ========================================================================
    Component: Drop
@@ -4905,6 +4934,7 @@ ul.uk-nav-sub {
 /* Parent icon
  ========================================================================== */
 .uk-nav-parent-icon {
+  flex: none;
   margin-right: auto;
   transition: transform 0.3s ease-out;
 }
@@ -11573,30 +11603,30 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-search-toggle:hover {
   color: rgba(255, 255, 255, 0.7);
 }
-.uk-light .uk-accordion-title,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-card-primary.uk-card-body .uk-accordion-title,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title,
-.uk-card-secondary.uk-card-body .uk-accordion-title,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title,
-.uk-overlay-primary .uk-accordion-title,
-.uk-offcanvas-bar .uk-accordion-title {
+.uk-light .uk-accordion-default .uk-accordion-title,
+.uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
+.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
+.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
+.uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
+.uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
+.uk-overlay-primary .uk-accordion-default .uk-accordion-title,
+.uk-offcanvas-bar .uk-accordion-default .uk-accordion-title {
   color: #fff;
 }
-.uk-light .uk-accordion-title:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-card-primary.uk-card-body .uk-accordion-title:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
-.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
-.uk-overlay-primary .uk-accordion-title:hover,
-.uk-offcanvas-bar .uk-accordion-title:hover {
+.uk-light .uk-accordion-default .uk-accordion-title:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
+.uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
+.uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
+.uk-overlay-primary .uk-accordion-default .uk-accordion-title:hover,
+.uk-offcanvas-bar .uk-accordion-default .uk-accordion-title:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-iconnav > * > a,