@broxus/react-uikit 0.21.0 → 0.23.0

package/styles/tabs.scss

@@ -92,7 +92,6 @@
 
 .uk-tabs-nav-more {
     --icon-size: var(--tabs-nav-more-font-size);
-
     background: transparent;
     border: 0;
     color: var(--tabs-tab-color);
@@ -120,10 +119,12 @@
     border: var(--tabs-card-tab-border-width) var(--tabs-card-tab-border-style) var(--tabs-card-tab-border);
     color: var(--tabs-tab-color);
     cursor: pointer;
-    min-width: var(--tabs-card-height);
     outline: 0 none;
-    padding: 0 var(--small-padding);
+    padding: var(--tabs-card-tab-padding-vertical) var(--tabs-card-tab-padding-horizontal);
     transition: all var(--transition-duration) var(--ease-in-out);
+    @if meta.mixin-exists('hook-tabs-nav-add') {
+        @include hook-tabs-nav-add;
+    }
 }
 
 .uk-tabs-nav-add:hover {
@@ -204,7 +205,6 @@
 
 .uk-tabs-tab-remove {
     --icon-size: var(--tabs-tab-remove-font-size);
-
     align-items: center;
     background: transparent;
     border: none;
@@ -239,6 +239,9 @@
     margin: 0;
     padding: var(--tabs-card-tab-padding-vertical) var(--tabs-card-tab-padding-horizontal);
     transition: all var(--transition-duration) var(--ease-in-out);
+    @if meta.mixin-exists('hook-tabs-tab-card') {
+        @include hook-tabs-tab-card;
+    }
 }
 
 .uk-tabs-card .uk-tabs-tab-active {
@@ -280,7 +283,7 @@
 .uk-tabs-top {
     flex-direction: column;
 
-    .uk-tabs-nav::before {
+    > .uk-tabs-nav::before {
         border-bottom: var(--global-border-width) var(--global-border-style) var(--global-border);
         content: '';
         left: 0;
@@ -316,12 +319,12 @@
  */
 
 .uk-tabs-bottom {
-    .uk-tabs-nav {
+    > .uk-tabs-nav {
         margin-top: var(--tabs-margin-vertical);
         order: 1;
     }
 
-    .uk-tabs-nav::before {
+    > .uk-tabs-nav::before {
         top: 0;
     }
 
@@ -363,11 +366,11 @@
  */
 
 .uk-tabs-top {
-    .uk-tabs-nav {
+    > .uk-tabs-nav {
         margin-bottom: var(--tabs-margin-vertical);
     }
 
-    .uk-tabs-nav::before {
+    > .uk-tabs-nav::before {
         bottom: 0;
     }
 
@@ -447,6 +450,10 @@
         flex: 1 0 auto; // fix safari scroll problem
         flex-direction: column;
     }
+
+    &.uk-tabs-centered .uk-tabs-nav-list {
+        flex: none;
+    }
 }
 
 /*
@@ -574,11 +581,21 @@
 /* Size modifier
  ========================================================================== */
 
+.uk-tabs-medium .uk-tabs-tab {
+    padding: var(--tabs-medium-tab-padding-vertical) var(--tabs-medium-tab-padding-horizontal);
+}
+
 .uk-tabs-large .uk-tabs-tab {
     padding: var(--tabs-large-tab-padding-vertical) var(--tabs-large-tab-padding-horizontal);
 }
 
-.uk-tabs-card-large .uk-tabs-tab {
+.uk-tabs-medium.uk-tabs-card .uk-tabs-tab,
+.uk-tabs-medium.uk-tabs-card .uk-tabs-nav-add {
+    padding: var(--tabs-card-medium-tab-padding-vertical) var(--tabs-card-medium-tab-padding-horizontal);
+}
+
+.uk-tabs-large.uk-tabs-card .uk-tabs-tab,
+.uk-tabs-large.uk-tabs-card .uk-tabs-nav-add {
     padding: var(--tabs-card-large-tab-padding-vertical) var(--tabs-card-large-tab-padding-horizontal);
 }
 
@@ -597,6 +614,9 @@
     position: absolute;
     top: -9999px;
     z-index: calc(var(--global-z-index) + 50);
+    @if meta.mixin-exists('hook-tabs-dropdown') {
+        @include hook-tabs-dropdown;
+    }
 }
 
 .uk-tabs-dropdown-hidden {
@@ -653,6 +673,7 @@
 }
 
 .uk-tabs-dropdown-menu-item-remove {
+    --icon-size: var(--tabs-tab-remove-font-size);
     background: transparent;
     border: 0;
     color: var(--tabs-tab-remove-color);
@@ -686,31 +707,33 @@
 // Motion
 // ========================================================================
 
-.uk-tabs-motion-switch {
-    &-appear,
-    &-enter {
-        transition: none;
+.uk-tabs-motion-switch-appear,
+.uk-tabs-motion-switch-enter {
+    transition: none;
+}
 
-        &-start { opacity: 0; }
+.uk-tabs-motion-switch-appear-start,
+.uk-tabs-motion-switch-enter-start {
+    opacity: 0;
+}
 
-        &-active {
-            opacity: 1;
-            transition: opacity var(--transition-duration);
-        }
-    }
+.uk-tabs-motion-switch-appear-active,
+.uk-tabs-motion-switch-enter-active {
+    opacity: 1;
+    transition: opacity var(--transition-duration);
+}
 
-    &-leave {
-        inset: 0;
-        position: absolute;
-        transition: none;
+.uk-tabs-motion-switch-leave {
+    inset: 0;
+    position: absolute;
+    transition: none;
+}
 
-        &-start { opacity: 1; }
+.uk-tabs-motion-switch-leave-start { opacity: 1; }
 
-        &-active {
-            opacity: 0;
-            transition: opacity var(--transition-duration);
-        }
-    }
+.uk-tabs-motion-switch-leave-active {
+    opacity: 0;
+    transition: opacity var(--transition-duration);
 }
 
 
@@ -730,6 +753,8 @@
     --tabs-margin-vertical: #{$tabs-margin-vertical};
     --tabs-tab-padding-horizontal: #{$tabs-tab-padding-horizontal};
     --tabs-tab-padding-vertical: #{$tabs-tab-padding-vertical};
+    --tabs-medium-tab-padding-horizontal: #{$tabs-medium-tab-padding-horizontal};
+    --tabs-medium-tab-padding-vertical: #{$tabs-medium-tab-padding-vertical};
     --tabs-large-tab-padding-horizontal: #{$tabs-large-tab-padding-horizontal};
     --tabs-large-tab-padding-vertical: #{$tabs-large-tab-padding-vertical};
     --tabs-tab-font-size: var(--global-font-size);
@@ -738,10 +763,10 @@
     --tabs-tab-active-color: var(--global-primary-color);
     --tabs-tab-disabled-color: var(--global-muted-color);
     --tabs-tab-remove-color: var(--global-muted-color);
-    --tabs-tab-remove-font-size: var(--global-small-font-size);
+    --tabs-tab-remove-font-size: var(--global-font-size);
     --tabs-tab-remove-hover-color: var(--global-danger-color);
     --tabs-tab-remove-active-color: var(--global-danger-color);
-    --tabs-nav-more-font-size: var(--global-small-font-size);
+    --tabs-nav-more-font-size: var(--global-font-size);
     --tabs-ink-bar-color: var(--global-primary-color);
     --tabs-ink-bar-height: #{$tabs-ink-bar-height};
     --tabs-ink-bar-width: #{$tabs-ink-bar-width};
@@ -750,12 +775,15 @@
     --tabs-card-tab-border-style: var(--global-border-style);
     --tabs-card-tab-border: var(--global-border);
     --tabs-card-tab-border-radius: var(--global-border-radius);
-    --tabs-card-gutter: var(--global-xsmall-gutter);
-    --tabs-card-tab-padding-horizontal: #{$tabs-card-tab-padding-horizontal};
-    --tabs-card-tab-padding-vertical: #{$tabs-card-tab-padding-vertical};
-    --tabs-card-large-tab-padding-horizontal: #{$tabs-card-tab-padding-horizontal};
-    --tabs-card-large-tab-padding-vertical: #{$tabs-card-tab-padding-vertical};
+    --tabs-card-tab-padding-horizontal: var(--tabs-tab-padding-horizontal);
+    --tabs-card-tab-padding-vertical: var(--tabs-tab-padding-vertical);
+    --tabs-card-medium-tab-padding-horizontal: var(--tabs-medium-tab-padding-horizontal);
+    --tabs-card-medium-tab-padding-vertical: var(--tabs-medium-tab-padding-vertical);
+    --tabs-card-large-tab-padding-horizontal: var(--tabs-large-tab-padding-horizontal);
+    --tabs-card-large-tab-padding-vertical: var(--tabs-large-tab-padding-vertical);
     --tabs-card-tab-active-background: var(--global-background);
+    --tabs-card-tab-active-color: var(--global-emphasis-color);
+    --tabs-card-gutter: var(--global-xsmall-gutter);
     --tabs-dropdown-background: var(--dropdown-background);
     --tabs-dropdown-border-radius: var(--global-border-radius);
     --tabs-dropdown-item-color: var(--tabs-tab-color);

package/styles/text.scss

@@ -176,81 +176,81 @@
 @supports (-webkit-background-clip: text) {
     .uk-text-loading {
         background-image: linear-gradient(
-                90deg,
-                var(--text-loading-color) 25%,
-                var(--text-loading-emphasis-color) 50%,
-                var(--text-loading-color) 75%
+            90deg,
+            var(--text-loading-color) 25%,
+            var(--text-loading-emphasis-color) 50%,
+            var(--text-loading-color) 75%
         );
         color: transparent !important;
 
-        .uk-text-muted.uk-text-loading,
-        .uk-text-muted .uk-text-loading {
-            background-image: linear-gradient(
-                    90deg,
-                    var(--text-muted-color) 25%,
-                    var(--text-color) 50%,
-                    var(--text-muted-color) 75%
-            );
+        @if meta.mixin-exists('hook-text-loading') {
+            @include hook-text-loading;
         }
+    }
 
-        .uk-text-primary.uk-text-loading,
-        .uk-text-primary .uk-text-loading {
-            --primary-muted-color: color-mix(in sRGB, var(--text-primary-color) 50%, transparent);
-            background-image: linear-gradient(
-                    90deg,
-                    var(--text-primary-color) 25%,
-                    var(--primary-muted-color) 50%,
-                    var(--text-primary-color) 75%
-            );
-        }
+    .uk-text-muted.uk-text-loading,
+    .uk-text-muted .uk-text-loading {
+        background-image: linear-gradient(
+            90deg,
+            var(--text-muted-color) 25%,
+            var(--text-base-color) 50%,
+            var(--text-muted-color) 75%
+        );
+    }
 
-        .uk-text-secondary.uk-text-loading,
-        .uk-text-secondary .uk-text-loading {
-            --secondary-muted-color: color-mix(in sRGB, var(--text-secondary-color) 50%, transparent);
-            background-image: linear-gradient(
-                    90deg,
-                    var(--text-secondary-color) 25%,
-                    var(--secondary-muted-color) 50%,
-                    var(--text-secondary-color) 75%
-            );
-        }
+    .uk-text-primary.uk-text-loading,
+    .uk-text-primary .uk-text-loading {
+        --primary-muted-color: color-mix(in sRGB, var(--text-primary-color) 50%, transparent);
+        background-image: linear-gradient(
+            90deg,
+            var(--text-primary-color) 25%,
+            var(--primary-muted-color) 50%,
+            var(--text-primary-color) 75%
+        );
+    }
 
-        .uk-text-tertiary.uk-text-loading,
-        .uk-text-tertiary .uk-text-loading {
-            --tertiary-muted-color: color-mix(in sRGB, var(--text-tertiary-color) 50%, transparent);
-            background-image: linear-gradient(
-                    90deg,
-                    var(--text-tertiary-color) 25%,
-                    var(--tertiary-muted-color) 50%,
-                    var(--text-tertiary-color) 75%
-            );
-        }
+    .uk-text-secondary.uk-text-loading,
+    .uk-text-secondary .uk-text-loading {
+        --secondary-muted-color: color-mix(in sRGB, var(--text-secondary-color) 50%, transparent);
+        background-image: linear-gradient(
+            90deg,
+            var(--text-secondary-color) 25%,
+            var(--secondary-muted-color) 50%,
+            var(--text-secondary-color) 75%
+        );
+    }
 
-        .uk-text-warning.uk-text-loading,
-        .uk-text-warning .uk-text-loading {
-            --warning-muted-color: color-mix(in sRGB, var(--text-warning-color) 50%, transparent);
-            background-image: linear-gradient(
-                    90deg,
-                    var(--text-warning-color) 25%,
-                    var(--warning-muted-color) 50%,
-                    var(--text-warning-color) 75%
-            );
-        }
+    .uk-text-tertiary.uk-text-loading,
+    .uk-text-tertiary .uk-text-loading {
+        --tertiary-muted-color: color-mix(in sRGB, var(--text-tertiary-color) 50%, transparent);
+        background-image: linear-gradient(
+            90deg,
+            var(--text-tertiary-color) 25%,
+            var(--tertiary-muted-color) 50%,
+            var(--text-tertiary-color) 75%
+        );
+    }
 
-        .uk-text-danger.uk-text-loading,
-        .uk-text-danger .uk-text-loading {
-            --danger-muted-color: color-mix(in sRGB, var(--text-danger-color) 50%, transparent);
-            background-image: linear-gradient(
-                    90deg,
-                    var(--text-danger-color) 25%,
-                    var(--danger-muted-color) 50%,
-                    var(--text-danger-color) 75%
-            );
-        }
+    .uk-text-warning.uk-text-loading,
+    .uk-text-warning .uk-text-loading {
+        --warning-muted-color: color-mix(in sRGB, var(--text-warning-color) 50%, transparent);
+        background-image: linear-gradient(
+            90deg,
+            var(--text-warning-color) 25%,
+            var(--warning-muted-color) 50%,
+            var(--text-warning-color) 75%
+        );
+    }
 
-        @if meta.mixin-exists('hook-text-loading') {
-            @include hook-text-loading;
-        }
+    .uk-text-danger.uk-text-loading,
+    .uk-text-danger .uk-text-loading {
+        --danger-muted-color: color-mix(in sRGB, var(--text-danger-color) 50%, transparent);
+        background-image: linear-gradient(
+            90deg,
+            var(--text-danger-color) 25%,
+            var(--danger-muted-color) 50%,
+            var(--text-danger-color) 75%
+        );
     }
 }
 

package/styles/thumbnav.scss

@@ -50,7 +50,7 @@
 
 .uk-thumbnav > * {
     /* 1 */
-    padding-left: var(thumbnav-margin-horizontal);
+    padding-left: var(--thumbnav-margin-horizontal);
 }
 
 
@@ -99,13 +99,13 @@
 
     /* 2 */
     margin-left: 0;
-    margin-top: calc(var(thumbnav-margin-vertical) * -1);
+    margin-top: calc(var(--thumbnav-margin-vertical) * -1);
 }
 
 /* 2 */
 .uk-thumbnav-vertical > * {
     padding-left: 0;
-    padding-top: var(thumbnav-margin-vertical);
+    padding-top: var(--thumbnav-margin-vertical);
 }
 
 
@@ -120,7 +120,7 @@
 // Vars
 // ========================================================================
 
-.hook-inverse() {
+:root {
     --thumbnav-margin-horizontal: #{$thumbnav-margin-horizontal};
     --thumbnav-margin-vertical: var(--thumbnav-margin-horizontal);
 }

package/styles/variables.scss

@@ -207,7 +207,8 @@ $transition-slow-duration:                                      0.7s !default;
 // Accordion
 // ========================================================================
 
-$accordion-item-margin-top:                                     $global-margin !default;
+$accordion-gutter:                                              $global-margin !default;
+$accordion-header-color:                                        $global-emphasis-color !default;
 $accordion-title-font-size:                                     $global-medium-font-size !default;
 $accordion-title-line-height:                                   1.4 !default;
 $accordion-title-color:                                         $global-emphasis-color !default;
@@ -364,7 +365,7 @@ $base-pre-color:                                                $global-color !d
 $base-focus-outline-width:                                      2px !default;
 $base-focus-outline-style:                                      dotted !default;
 $base-focus-outline:                                            $global-emphasis-color !default;
-$base-focus-outline-offset:                                     1px !default;
+$base-focus-outline-offset:                                     -2px !default;
 $base-selection-background:                                     #39f !default;
 $base-selection-color:                                          $global-inverse-color !default;
 
@@ -745,6 +746,7 @@ $inverse-control-focus-border:                                  $inverse-control
 $inverse-control-focus-color:                                   $inverse-global-color !default;
 $inverse-control-disabled-background:                           color.scale($inverse-global-muted-background, $lightness: -30%) !default;
 $inverse-control-disabled-border:                               color.scale($inverse-control-border, $lightness: -4%) !default;
+$inverse-control-disabled-color:                                $inverse-global-color !default;
 $inverse-control-placeholder-color:                             $inverse-global-muted-color !default;
 $inverse-control-icon-color:                                    $inverse-global-muted-color !default;
 $inverse-control-icon-hover-color:                              $inverse-global-color !default;
@@ -795,6 +797,7 @@ $countdown-separator-font-size-m:                               3rem !default; /
 $datepicker-border:                                             $control-border !default;
 $datepicker-border-style:                                       $control-border-style !default;
 $datepicker-border-width:                                       $control-border-width !default;
+$datepicker-gutter:                                             $global-small-gutter !default;
 $datepicker-height:                                             $control-height - $datepicker-border-width * 2 !default;
 $datepicker-small-height:                                       $control-small-height - $datepicker-border-width * 2 !default;
 $datepicker-medium-height:                                      $control-medium-height - $datepicker-border-width * 2 !default;
@@ -1098,7 +1101,7 @@ $inverse-label-color:                                           $inverse-global-
 // Leader
 // ========================================================================
 
-$leader-fill-content:                                           '.' !default;
+$leader-fill-content:                                           '"."' !default;
 $leader-fill-margin-left:                                       $global-small-gutter !default;
 
 
@@ -1297,41 +1300,48 @@ $inverse-nav-primary-sublist-item-active-color:                 $inverse-global-
 // Navbar
 // ========================================================================
 
+$navbar-color-mode:                                             dark !default;
 $navbar-background:                                             $global-muted-background !default;
-$navbar-color-mode:                                             none !default;
+$navbar-gap:                                                    20px !default; // Must have a unit because of `calc`
+$navbar-nav-gap:                                                20px !default; // Must have a unit because of `calc`
+$navbar-gap-m:                                                  30px !default;
+$navbar-nav-gap-m:                                              30px !default;
 $navbar-nav-item-height:                                        80px !default;
-$navbar-nav-item-padding-horizontal:                            15px !default;
+$navbar-nav-item-padding-horizontal:                            10px !default;
+$navbar-nav-item-padding-horizontal-m:                          $navbar-nav-item-padding-horizontal * 1.5 !default;
 $navbar-nav-item-color:                                         $global-muted-color !default;
 $navbar-nav-item-font-size:                                     $global-font-size !default;
 $navbar-nav-item-font-family:                                   $global-font-family !default;
 $navbar-nav-item-hover-color:                                   $global-color !default;
 $navbar-nav-item-onclick-color:                                 $global-emphasis-color !default;
 $navbar-nav-item-active-color:                                  $global-emphasis-color !default;
+$navbar-parent-icon-margin-left:                                4px !default;
+$navbar-item-padding-horizontal:                                0 !default;
+$navbar-item-padding-horizontal-m:                              $navbar-item-padding-horizontal * 1.5 !default;
 $navbar-item-color:                                             $global-color !default;
 $navbar-toggle-color:                                           $global-muted-color !default;
 $navbar-toggle-hover-color:                                     $global-color !default;
 $navbar-subtitle-font-size:                                     $global-small-font-size !default;
-$navbar-dropdown-background:                                    $global-muted-background !default;
-$navbar-dropdown-color:                                         $global-color !default;
+$navbar-dropdown-color-mode:                                    dark !default;
 $navbar-dropdown-margin:                                        0 !default;
 $navbar-dropdown-padding:                                       15px !default;
 $navbar-dropdown-width:                                         200px !default;
+$navbar-dropdown-background:                                    $global-muted-background !default;
+$navbar-dropdown-color:                                         $global-color !default;
+$navbar-dropdown-focus-outline:                                 $base-focus-outline !default;
 $navbar-dropdown-z-index:                                       $global-z-index + 20 !default;
 $navbar-dropdown-grid-gutter-horizontal:                        $global-gutter !default;
 $navbar-dropdown-grid-gutter-vertical:                          $navbar-dropdown-grid-gutter-horizontal !default;
-$navbar-dropdown-dropbar-margin-top:                            0 !default;
-$navbar-dropdown-dropbar-margin-bottom:                         $navbar-dropdown-dropbar-margin-top !default;
 $navbar-dropdown-nav-item-color:                                $global-muted-color !default;
 $navbar-dropdown-nav-item-hover-color:                          $global-color !default;
 $navbar-dropdown-nav-item-active-color:                         $global-emphasis-color !default;
+$navbar-dropdown-nav-subtitle-font-size:                        $global-small-font-size !default;
 $navbar-dropdown-nav-header-color:                              $global-emphasis-color !default;
 $navbar-dropdown-nav-divider-border-width:                      $global-border-width !default;
 $navbar-dropdown-nav-divider-border:                            $global-border !default;
 $navbar-dropdown-nav-sublist-item-color:                        $global-muted-color !default;
 $navbar-dropdown-nav-sublist-item-hover-color:                  $global-color !default;
 $navbar-dropdown-nav-sublist-item-active-color:                 $global-emphasis-color !default;
-$navbar-dropbar-background:                                     $navbar-dropdown-background !default;
-$navbar-dropbar-z-index:                                        $global-z-index - 20 !default;
 
 // Inverse
 $inverse-navbar-background:                                     $inverse-global-muted-background !default;
@@ -1350,7 +1360,6 @@ $inverse-navbar-dropdown-nav-header-color:                      $inverse-global-
 $inverse-navbar-dropdown-nav-divider-border:                    $inverse-global-border !default;
 $inverse-navbar-dropdown-nav-sublist-item-color:                $inverse-global-muted-color !default;
 $inverse-navbar-dropdown-nav-sublist-item-hover-color:          $inverse-global-color !default;
-$inverse-navbar-dropbar-background:                             $inverse-navbar-dropdown-background !default;
 
 
 // Overlay
@@ -1540,11 +1549,14 @@ $select-gutter:                                                 5px !default;
 $select-small-gutter:                                           5px !default;
 $select-medium-gutter:                                          15px !default;
 $select-large-gutter:                                           12px !default;
-$select-selector-padding-horizontal:                            $control-padding-horizontal !default;
-$select-selector-medium-padding-horizontal:                     $control-medium-padding-horizontal !default;
-$select-selector-large-padding-horizontal:                      $control-large-padding-horizontal !default;
-$select-selection-search-input-color:                           $control-color !default;
-$select-selection-placeholder-color:                            $control-placeholder-color !default;
+$select-content-padding-horizontal:                             $control-padding-horizontal !default;
+$select-content-padding-vertical:                               $select-gutter !default;
+$select-content-small-padding-horizontal:                       $control-small-padding-horizontal !default;
+$select-content-medium-padding-horizontal:                      $control-medium-padding-horizontal !default;
+$select-content-large-padding-horizontal:                       $control-large-padding-horizontal !default;
+$select-search-input-width:                                     4px !default;
+$select-search-input-color:                                     $control-color !default;
+$select-placeholder-color:                                      $control-placeholder-color !default;
 $select-selection-item-background:                              $global-background !default;
 $select-selection-item-border-radius:                           $control-border-radius !default;
 $select-selection-item-font-size:                               14px !default;
@@ -1568,6 +1580,7 @@ $select-item-disabled-color:                                    $control-disable
 $select-item-group-color:                                       $global-muted-color !default;
 $select-item-group-font-size:                                   $global-small-font-size !default;
 $select-item-group-text-transform:                              uppercase !default;
+$select-item-group-padding-horizontal:                          $select-gutter !default;
 
 
 // Slidenav
@@ -1590,10 +1603,49 @@ $inverse-slidenav-active-color:                                 rgba($inverse-gl
 // Slider
 // ========================================================================
 
-$slider-container-margin-top:                                   -11px !default;
-$slider-container-margin-bottom:                                -39px !default;
-$slider-container-margin-left:                                  -25px !default;
-$slider-container-margin-right:                                 -25px !default;
+$slider-height:                                                 14px !default;
+$slider-width:                                                  14px !default;
+$slider-padding-horizontal:                                     5px !default;
+$slider-padding-vertical:                                       5px !default;
+$slider-border-radius:                                          $global-border-radius !default;
+$slider-rail-background:                                        $global-default-background !default;
+$slider-rail-height:                                            4px !default;
+$slider-rail-width:                                             4px !default;
+$slider-track-background:                                       $global-primary-background !default;
+$slider-track-height:                                           4px !default;
+$slider-track-width:                                            4px !default;
+$slider-track-disabled-background:                              $global-default-background !default;
+$slider-handle-background:                                      $global-default-background !default;
+$slider-handle-border:                                          $global-primary-border !default;
+$slider-handle-hover-background:                                $global-default-background !default;
+$slider-handle-hover-border:                                    $global-primary-border !default;
+$slider-handle-focus-border:                                    $global-primary-border !default;
+$slider-handle-active-border:                                   $global-primary-border !default;
+$slider-handle-dragging-border:                                 $global-primary-border !default;
+$slider-handle-disabled-background:                             $global-default-background !default;
+$slider-handle-disabled-border:                                 $global-border !default;
+$slider-handle-focus-box-shadow:                                rgba($global-primary-border, 8%) !default;
+$slider-handle-active-box-shadow:                               rgba($global-primary-border, 16%) !default;
+$slider-handle-dragging-box-shadow:                             rgba($global-primary-border, 24%) !default;
+$slider-handle-border-width:                                    2px !default;
+$slider-handle-offset:                                          -5px !default;
+$slider-handle-height:                                          14px !default;
+$slider-handle-width:                                           14px !default;
+$slider-mark-font-size:                                         $global-xsmall-font-size !default;
+$slider-mark-offset:                                            18px !default;
+$slider-mark-text-color:                                        $global-muted-color !default;
+$slider-mark-text-active-color:                                 $global-emphasis-color !default;
+$slider-step-height:                                            4px !default;
+$slider-step-width:                                             4px !default;
+$slider-dot-background:                                         $global-default-background !default;
+$slider-dot-border:                                             $global-border !default;
+$slider-dot-border-width:                                       2px !default;
+$slider-dot-active-background:                                  $global-default-background !default;
+$slider-dot-active-border:                                      $global-primary-border !default;
+$slider-dot-disabled-background:                                $global-default-background !default;
+$slider-dot-disabled-border:                                    $global-muted-border !default;
+$slider-dot-height:                                             8px !default;
+$slider-dot-width:                                              8px !default;
 
 
 // Sortable
@@ -1686,6 +1738,8 @@ $tabs-margin-horizontal:                                        20px !default;
 $tabs-margin-vertical:                                          10px !default;
 $tabs-tab-padding-horizontal:                                   15px !default;
 $tabs-tab-padding-vertical:                                     10px !default;
+$tabs-medium-tab-padding-horizontal:                            20px !default;
+$tabs-medium-tab-padding-vertical:                              15px !default;
 $tabs-large-tab-padding-horizontal:                             25px !default;
 $tabs-large-tab-padding-vertical:                               20px !default;
 $tabs-tab-font-size:                                            $global-font-size !default;
@@ -1694,10 +1748,10 @@ $tabs-tab-hover-color:                                          $global-primary-
 $tabs-tab-active-color:                                         $global-primary-color !default;
 $tabs-tab-disabled-color:                                       $global-muted-color !default;
 $tabs-tab-remove-color:                                         $global-muted-color !default;
-$tabs-tab-remove-font-size:                                     $global-small-font-size !default;
+$tabs-tab-remove-font-size:                                     $global-font-size !default;
 $tabs-tab-remove-hover-color:                                   $global-danger-color !default;
 $tabs-tab-remove-active-color:                                  $global-danger-color !default;
-$tabs-nav-more-font-size:                                       $global-small-font-size !default;
+$tabs-nav-more-font-size:                                       $global-font-size !default;
 $tabs-ink-bar-color:                                            $global-primary-color !default;
 $tabs-ink-bar-height:                                           2px !default;
 $tabs-ink-bar-width:                                            2px !default;
@@ -1706,12 +1760,15 @@ $tabs-card-tab-border-width:                                    $global-border-w
 $tabs-card-tab-border-style:                                    $global-border-style !default;
 $tabs-card-tab-border:                                          $global-border !default;
 $tabs-card-tab-border-radius:                                   $global-border-radius !default;
-$tabs-card-tab-padding-horizontal:                              15px !default;
-$tabs-card-tab-padding-vertical:                                10px !default;
-$tabs-card-large-tab-padding-horizontal:                        25px !default;
-$tabs-card-large-tab-padding-vertical:                          20px !default;
-$tabs-card-tab-active-background:                               $global-background !default;
+$tabs-card-tab-padding-horizontal:                              $tabs-tab-padding-horizontal !default;
+$tabs-card-tab-padding-vertical:                                $tabs-tab-padding-vertical !default;
+$tabs-card-medium-tab-padding-horizontal:                       $tabs-medium-tab-padding-horizontal !default;
+$tabs-card-medium-tab-padding-vertical:                         $tabs-medium-tab-padding-vertical !default;
+$tabs-card-large-tab-padding-horizontal:                        $tabs-large-tab-padding-horizontal !default;
+$tabs-card-large-tab-padding-vertical:                          $tabs-large-tab-padding-vertical !default;
 $tabs-card-gutter:                                              $global-xsmall-gutter !default;
+$tabs-card-tab-active-background:                               $global-background !default;
+$tabs-card-tab-active-color:                                    $global-emphasis-color !default;
 $tabs-dropdown-background:                                      $dropdown-background !default;
 $tabs-dropdown-border-radius:                                   $global-border-radius !default;
 $tabs-dropdown-item-color:                                      $tabs-tab-color !default;

package/dist/cjs/components/Nav/Group/InternalNavItemGroup.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { type NavItemGroupType } from '../../../components/Nav/types';
-export interface NavItemGroupProps extends Omit<NavItemGroupType, 'children' | 'type' | 'label'> {
-    children?: React.ReactNode;
-    /** @private Internal filled key. Do not set it directly */
-    eventKey?: string;
-    title?: React.ReactNode;
-    /** @private Do not use. Private warning empty usage */
-    warnKey?: boolean;
-}
-export declare function InternalNavItemGroup({ children, className, title, ...restProps }: NavItemGroupProps): React.JSX.Element;
-export declare namespace InternalNavItemGroup {
-    var displayName: string;
-}