@broxus/react-uikit 0.23.3 → 0.24.1

package/dist/assets/modal.css

@@ -22,13 +22,13 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-modal-wrap {
     padding: var(--modal-padding-vertical-s) var(--modal-padding-horizontal-s);
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-modal-wrap {
     padding-left: var(--modal-padding-horizontal-m);
     padding-right: var(--modal-padding-horizontal-m);
@@ -189,7 +189,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   /* 1 */
   .uk-modal-close-outside {
     right: var(--modal-close-outside-position);
@@ -225,4 +225,4 @@
   --modal-close-outside-translate: 100%;
   --modal-close-outside-color: white;
   --modal-close-outside-hover-color: var(--global-inverse-color);
-}
+}

package/dist/assets/motion.css

@@ -1,4 +1,5 @@
-/* Motions
+/* ========================================================================
+   Component: Motions
  ========================================================================== */
 /*
  * Noop
@@ -489,4 +490,4 @@
   100% {
     font-size: 1rem;
   }
-}
+}

package/dist/assets/nav.css

@@ -386,21 +386,4 @@ ul.uk-nav-sub {
   --nav-dividers-margin-top: 0;
   --nav-dividers-border-width: var(--global-border-width);
   --nav-dividers-border: var(--global-border);
-  --inverse-nav-parent-icon-color: var(--inverse-global-color);
-  --inverse-nav-default-item-color: var(--inverse-global-muted-color);
-  --inverse-nav-default-item-hover-color: var(--inverse-global-color);
-  --inverse-nav-default-item-active-color: var(--inverse-global-emphasis-color);
-  --inverse-nav-default-header-color: var(--inverse-global-emphasis-color);
-  --inverse-nav-default-divider-border: var(--inverse-global-border);
-  --inverse-nav-default-sublist-item-color: var(--inverse-global-muted-color);
-  --inverse-nav-default-sublist-item-hover-color: var(--inverse-global-color);
-  --inverse-nav-default-sublist-item-active-color: var(--inverse-global-emphasis-color);
-  --inverse-nav-primary-item-color: var(--inverse-global-muted-color);
-  --inverse-nav-primary-item-hover-color: var(--inverse-global-color);
-  --inverse-nav-primary-item-active-color: var(--inverse-global-emphasis-color);
-  --inverse-nav-primary-header-color: var(--inverse-global-emphasis-color);
-  --inverse-nav-primary-divider-border: var(--inverse-global-border);
-  --inverse-nav-primary-sublist-item-color: var(--inverse-global-muted-color);
-  --inverse-nav-primary-sublist-item-hover-color: var(--inverse-global-color);
-  --inverse-nav-primary-sublist-item-active-color: var(--inverse-global-emphasis-color);
-}
+}

package/dist/assets/navbar.css

@@ -32,7 +32,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-navbar-left,
   .uk-navbar-right,
   [class*=uk-navbar-center] {
@@ -164,7 +164,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-navbar-nav > li[class*=uk-nav-item] > a {
     padding: 0 var(--navbar-nav-item-padding-horizontal-m); /* 2 */
   }
@@ -209,7 +209,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-navbar-item {
     padding: 0 var(--navbar-item-padding-horizontal-m); /* 2 */
   }
@@ -237,7 +237,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-navbar-toggle {
     padding: 0 var(--navbar-item-padding-horizontal-m); /* 2 */
   }
@@ -447,22 +447,4 @@
   --navbar-dropdown-nav-sublist-item-color: var(--global-muted-color);
   --navbar-dropdown-nav-sublist-item-hover-color: var(--global-color);
   --navbar-dropdown-nav-sublist-item-active-color: var(--global-emphasis-color);
-  --inverse-navbar-background: var(--inverse-global-muted-background);
-  --inverse-navbar-nav-item-color: var(--inverse-global-muted-color);
-  --inverse-navbar-nav-item-hover-color: var(--inverse-global-color);
-  --inverse-navbar-nav-item-onclick-color: var(--inverse-global-emphasis-color);
-  --inverse-navbar-nav-item-active-color: var(--inverse-global-emphasis-color);
-  --inverse-navbar-item-color: var(--inverse-global-color);
-  --inverse-navbar-toggle-color: var(--inverse-global-muted-color);
-  --inverse-navbar-toggle-hover-color: var(--inverse-global-color);
-  --inverse-navbar-dropdown-background: var(--inverse-global-muted-background);
-  --inverse-navbar-dropdown-color: var(--inverse-global-muted-color);
-  --inverse-navbar-dropdown-nav-item-color: var(--inverse-global-muted-color);
-  --inverse-navbar-dropdown-nav-item-hover-color: var(--inverse-global-color);
-  --inverse-navbar-dropdown-nav-item-active-color: var(--inverse-global-emphasis-color);
-  --inverse-navbar-dropdown-nav-header-color: var(--inverse-global-emphasis-color);
-  --inverse-navbar-dropdown-nav-divider-border: var(--inverse-global-border);
-  --inverse-navbar-dropdown-nav-sublist-item-color: var(--inverse-global-muted-color);
-  --inverse-navbar-dropdown-nav-sublist-item-hover-color: var(--inverse-global-color);
-  --inverse-navbar-dropdown-nav-sublist-item-active-color: var(--inverse-global-emphasis-color);
-}
+}

package/dist/assets/overlay.css

@@ -35,4 +35,4 @@
   --overlay-padding-vertical: var(--global-gutter);
   --overlay-default-background: rgba(255, 255, 255, 0.8);
   --overlay-primary-background: rgba(34, 34, 34, 0.8);
-}
+}

package/dist/assets/padding.css

@@ -6,7 +6,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-padding {
     padding: var(--padding-l);
   }
@@ -24,7 +24,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-padding-large {
     padding: var(--large-padding-l);
   }
@@ -67,4 +67,4 @@
   --small-padding: var(--global-small-gutter);
   --large-padding: var(--global-gutter);
   --large-padding-l: var(--global-large-gutter);
-}
+}

package/dist/assets/pagination.css

@@ -71,8 +71,4 @@
   --pagination-item-hover-text-decoration: none;
   --pagination-item-active-color: var(--global-color);
   --pagination-item-disabled-color: var(--global-muted-color);
-  --inverse-pagination-item-color: var(--inverse-global-muted-color);
-  --inverse-pagination-item-hover-color: var(--inverse-global-color);
-  --inverse-pagination-item-active-color: var(--inverse-global-color);
-  --inverse-pagination-item-disabled-color: var(--inverse-global-muted-color);
-}
+}

package/dist/assets/placeholder.css

@@ -24,4 +24,4 @@
   --placeholder-padding-vertical: var(--global-gutter);
   --placeholder-padding-horizontal: var(--global-gutter);
   --placeholder-background: var(--global-muted-background);
-}
+}

package/dist/assets/position.css

@@ -165,7 +165,7 @@
 }
 
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-position-large {
     --uk-position-margin-offset: var(--position-large-margin-l);
     margin: var(--position-large-margin-l);
@@ -213,4 +213,4 @@
   --position-medium-margin: var(--global-gutter);
   --position-large-margin: var(--global-gutter);
   --position-large-margin-l: 50px;
-}
+}

package/dist/assets/print.css

@@ -15,14 +15,14 @@
   pre,
   blockquote {
     border: 1px solid #999;
-    page-break-inside: avoid;
+    break-inside: avoid;
   }
   thead {
     display: table-header-group;
   }
   tr,
   img {
-    page-break-inside: avoid;
+    break-inside: avoid;
   }
   img {
     max-width: 100% !important;
@@ -38,6 +38,6 @@
   }
   h2,
   h3 {
-    page-break-after: avoid;
+    break-after: avoid;
   }
-}
+}

package/dist/assets/progress.css

@@ -76,4 +76,4 @@
   --progress-margin-vertical: var(--global-margin);
   --progress-background: var(--global-muted-background);
   --progress-bar-background: var(--global-primary-background);
-}
+}

package/dist/assets/radio.css

@@ -193,4 +193,4 @@
   --radio-disabled-background: var(--control-disabled-background);
   --radio-disabled-border: var(--control-disabled-border);
   --radio-disabled-icon-color: var(--global-emphasis-color);
-}
+}

package/dist/assets/search.css

@@ -246,13 +246,4 @@
   --search-large-icon-width: var(--search-large-icon-width);
   --search-toggle-color: var(--global-muted-color);
   --search-toggle-hover-color: var(--global-color);
-  --inverse-search-color: var(--inverse-global-color);
-  --inverse-search-placeholder-color: var(--inverse-global-muted-color);
-  --inverse-search-icon-color: var(--inverse-global-muted-color);
-  --inverse-search-default-background: var(--inverse-global-muted-background);
-  --inverse-search-default-focus-background: var(--inverse-search-default-background);
-  --inverse-search-navbar-background: var(--inverse-search-navbar-background);
-  --inverse-search-large-background: var(--inverse-search-large-background);
-  --inverse-search-toggle-color: var(--inverse-global-muted-color);
-  --inverse-search-toggle-hover-color: var(--inverse-global-color);
-}
+}

package/dist/assets/section.css

@@ -12,7 +12,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-section {
     padding-bottom: var(--section-padding-vertical-m);
     padding-top: var(--section-padding-vertical-m);
@@ -52,7 +52,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-section-large {
     padding-bottom: var(--section-large-padding-vertical-m);
     padding-top: var(--section-large-padding-vertical-m);
@@ -67,7 +67,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-section-xlarge {
     padding-bottom: var(--section-xlarge-padding-vertical-m);
     padding-top: var(--section-xlarge-padding-vertical-m);
@@ -135,4 +135,4 @@
   --section-primary-background: var(--global-primary-background);
   --section-secondary-background: var(--global-secondary-background);
   --section-tertiary-background: var(--global-tertiary-background);
-}
+}

package/dist/assets/segmented.css

@@ -190,4 +190,4 @@
   --segmented-item-selected-color: var(--global-inverse-color);
   --segmented-item-disabled-background: var(--global-muted-background);
   --segmented-item-disabled-color: var(--global-muted-color);
-}
+}

package/dist/assets/select.css

@@ -4,7 +4,7 @@
  ========================================================================== */
 .uk-select {
   cursor: pointer;
-  display: flex;
+  display: inline-flex;
   min-height: 100%;
   padding: 0;
   position: relative;
@@ -117,8 +117,6 @@
 /* Multiple selection
  ========================================================================== */
 .uk-select-multiple .uk-select-content {
-  align-items: center;
-  display: flex;
   flex-wrap: wrap;
   gap: var(--select-gutter);
   height: auto;
@@ -485,7 +483,7 @@
   --select-content-small-padding-horizontal: var(--control-small-padding-horizontal);
   --select-content-medium-padding-horizontal: var(--control-medium-padding-horizontal);
   --select-content-large-padding-horizontal: var(--control-large-padding-horizontal);
-  --select-search-input-width: 4px;
+  --select-search-input-width: 4;
   --select-search-input-color: var(--control-color);
   --select-placeholder-color: var(--control-placeholder-color);
   --select-selection-item-background: var(--global-background);
@@ -512,4 +510,4 @@
   --select-item-group-font-size: var(--global-small-font-size);
   --select-item-group-text-transform: uppercase;
   --select-item-group-padding-horizontal: var(--select-gutter);
-}
+}

package/dist/assets/slider.css

@@ -389,4 +389,4 @@
   --slider-dot-disabled-border: var(--global-muted-border);
   --slider-dot-height: 8px;
   --slider-dot-width: 8px;
-}
+}

package/dist/assets/spinner.css

@@ -48,4 +48,4 @@
   --spinner-size: 30px;
   --spinner-stroke-width: 2;
   --spinner-duration: 1.4s;
-}
+}

package/dist/assets/sticky.css

@@ -28,4 +28,4 @@
   --sticky-z-index: 980;
   --sticky-animation-duration: 0.2s;
   --sticky-reverse-animation-duration: 0.2s;
-}
+}

package/dist/assets/subnav.css

@@ -155,17 +155,4 @@
   --subnav-pill-item-active-background: var(--global-primary-background);
   --subnav-pill-item-active-color: var(--global-inverse-color);
   --subnav-item-disabled-color: var(--global-muted-color);
-  --inverse-subnav-item-color: var(--inverse-global-muted-color);
-  --inverse-subnav-item-hover-color: var(--inverse-global-color);
-  --inverse-subnav-item-active-color: var(--inverse-global-emphasis-color);
-  --inverse-subnav-divider-border: var(--inverse-global-border);
-  --inverse-subnav-pill-item-background: transparent;
-  --inverse-subnav-pill-item-color: var(--inverse-global-muted-color);
-  --inverse-subnav-pill-item-hover-background: var(--inverse-global-muted-background);
-  --inverse-subnav-pill-item-hover-color: var(--inverse-global-color);
-  --inverse-subnav-pill-item-onclick-background: rgba(255, 255, 255, 0.1);
-  --inverse-subnav-pill-item-onclick-color: rgba(255, 255, 255, 0.7);
-  --inverse-subnav-pill-item-active-background: var(--inverse-global-primary-background);
-  --inverse-subnav-pill-item-active-color: var(--inverse-global-inverse-color);
-  --inverse-subnav-item-disabled-color: var(--inverse-global-muted-color);
-}
+}

package/dist/assets/svg.css

@@ -20,4 +20,4 @@
  */
 .uk-svg {
   transform: translate(0, 0);
-}
+}

package/dist/assets/switch.css

@@ -164,4 +164,4 @@
   --switch-handle-checked-background: var(--global-background);
   --switch-handle-border-radius: 100px;
   --switch-handle-offset: 2px;
-}
+}

package/dist/assets/table.css

@@ -160,7 +160,7 @@
 /* Responsive table
  ========================================================================== */
 /* Phone landscape and smaller */
-@media (max-width: 959px) {
+@media (--media-breakpoint-small-max) {
   .uk-table-responsive,
   .uk-table-responsive tbody,
   .uk-table-responsive th,
@@ -215,10 +215,4 @@
   --table-large-cell-padding-vertical: 22px;
   --table-large-cell-padding-horizontal: 12px;
   --table-expand-min-width: 150px;
-  --inverse-table-header-cell-color: var(--inverse-global-color);
-  --inverse-table-caption-color: var(--inverse-global-muted-color);
-  --inverse-table-row-active-background: rgba(255, 255, 255, 0.98);
-  --inverse-table-divider-border: var(--inverse-global-border);
-  --inverse-table-striped-row-background: var(--inverse-global-muted-background);
-  --inverse-table-hover-row-background: var(--inverse-table-row-active-background);
-}
+}

package/dist/assets/tabs.css

@@ -623,9 +623,4 @@
   --tabs-dropdown-item-hover-background: var(--global-primary-background);
   --tabs-dropdown-item-padding-horizontal: var(--tabs-tab-padding-horizontal);
   --tabs-dropdown-item-padding-vertical: var(--tabs-tab-padding-vertical);
-  --inverse-tabs-tab-color: var(--inverse-global-muted-color);
-  --inverse-tabs-tab-hover-color: var(--inverse-global-color);
-  --inverse-tabs-tab-active-color: var(--inverse-global-emphasis-color);
-  --inverse-tabs-tab-disabled-color: var(--inverse-global-muted-color);
-  --inverse-tabs-ink-bar-color: var(--inverse-global-primary-background);
-}
+}

package/dist/assets/text.css

@@ -233,7 +233,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-text-left\@s {
     text-align: left !important;
   }
@@ -245,7 +245,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-text-left\@m {
     text-align: left !important;
   }
@@ -257,7 +257,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-text-left\@l {
     text-align: left !important;
   }
@@ -269,7 +269,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-text-left\@xl {
     text-align: left !important;
   }
@@ -375,11 +375,4 @@ td.uk-text-break {
   --text-background-color: var(--global-primary-background);
   --text-loading-color: var(--global-color);
   --text-loading-emphasis-color: var(--global-muted-color);
-  --inverse-text-lead-color: var(--inverse-global-color);
-  --inverse-text-meta-color: var(--inverse-global-muted-color);
-  --inverse-text-muted-color: var(--inverse-global-muted-color);
-  --inverse-text-emphasis-color: var(--inverse-global-emphasis-color);
-  --inverse-text-primary-color: var(--inverse-global-primary-background);
-  --inverse-text-secondary-color: var(--inverse-global-primary-background);
-  --inverse-text-tertiary-color: var(--inverse-global-primary-background);
-}
+}

package/dist/assets/textarea.css

@@ -51,4 +51,4 @@
   --textarea-counter-border-radius: var(--control-border-radius);
   --textarea-counter-color: var(--global-muted-color);
   --textarea-counter-font-size: 0.8em;
-}
+}

package/dist/assets/thumbnav.css

@@ -64,4 +64,4 @@
 :root {
   --thumbnav-margin-horizontal: 15px;
   --thumbnav-margin-vertical: var(--thumbnav-margin-horizontal);
-}
+}

package/dist/assets/tile.css

@@ -9,14 +9,14 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-tile {
     padding-left: var(--tile-padding-horizontal-s);
     padding-right: var(--tile-padding-horizontal-s);
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-tile {
     padding: var(--tile-padding-vertical-m) var(--tile-padding-horizontal-m);
   }
@@ -55,7 +55,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-tile-large {
     padding-bottom: var(--tile-large-padding-vertical-m);
     padding-top: var(--tile-large-padding-vertical-m);
@@ -70,7 +70,7 @@
 }
 
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-tile-xlarge {
     padding-bottom: var(--tile-xlarge-padding-vertical-m);
     padding-top: var(--tile-xlarge-padding-vertical-m);
@@ -135,4 +135,4 @@
   --tile-primary-background: var(--global-primary-background);
   --tile-secondary-background: var(--global-secondary-background);
   --tile-tertiary-background: var(--global-tertiary-background);
-}
+}

package/dist/assets/tooltip.css

@@ -44,4 +44,4 @@
   --tooltip-color: var(--global-inverse-color);
   --tooltip-font-size: 12px;
   --tooltip-margin: 10px;
-}
+}

package/dist/assets/totop.css

@@ -26,7 +26,4 @@
   --totop-color: var(--global-muted-color);
   --totop-hover-color: var(--global-color);
   --totop-active-color: var(--global-emphasis-color);
-  --inverse-totop-color: var(--inverse-global-muted-color);
-  --inverse-totop-hover-color: var(--inverse-global-color);
-  --inverse-totop-active-color: var(--inverse-global-emphasis-color);
-}
+}

package/dist/assets/transition.css

@@ -151,4 +151,4 @@
   --transition-scale: 1.1;
   --transition-slide-small-translate: 10px;
   --transition-slide-medium-translate: 50px;
-}
+}