@ostack.tech/ui 0.11.3 → 0.12.1

package/scss/scss/_base-variables.scss

@@ -457,7 +457,6 @@ $animation-fade-duration: 0.15s !default;
 $animation-fade-timing-function: linear !default;
 
 // Z-indices
-$z-index-focused: 5 !default;
 $z-index-docked: 10 !default;
 $z-index-dropdown: 1000 !default;
 $z-index-sticky: 1100 !default;
@@ -470,7 +469,6 @@ $z-index-toast: 1700 !default;
 $z-index-tooltip: 1800 !default;
 
 $z-index-by-type: (
-  focused: $z-index-focused,
   docked: $z-index-docked,
   dropdown: $z-index-dropdown,
   sticky: $z-index-sticky,

package/scss/scss/placeholders/button/_button-variables.scss

@@ -9,7 +9,7 @@ $button-border-width: 1px !default;
 $button-border-radius: var(--#{$prefix}border-radius-sm) !default;
 
 // Focus
-$button-focus-z-index: var(--#{$prefix}z-index-focused) !default;
+$button-focus-z-index: 1 !default;
 $button-focus-outline-color: var(--#{$prefix}accent-8) !default;
 $button-focus-outline-width: 2px !default;
 $button-focus-outline-offset: 2px !default;

package/scss/scss/placeholders/button/_button.scss

@@ -151,7 +151,10 @@
     }
   }
 
-  &__keybinds:not(:first-child) {
-    margin-top: $button-keybinds-margin-y;
+  &__keybinds {
+    display: block;
+    &:not(:first-child) {
+      margin-top: $button-keybinds-margin-y;
+    }
   }
 }

package/scss/scss/placeholders/control/_control-variables.scss

@@ -12,7 +12,7 @@ $control-disabled-cursor: not-allowed !default;
 $control-disabled-opacity: 0.5 !default;
 
 // Focus
-$control-focus-z-index: var(--#{$prefix}z-index-focused) !default;
+$control-focus-z-index: 1 !default;
 
 // Default variant
 $control-min-height: 32px !default;
@@ -136,13 +136,11 @@ $control-clear-button-size: null !default;
 $control-clear-button-inset-x: 0.5em !default;
 $control-clear-button-font-size: null !default;
 $control-clear-button-color: null !default;
-$control-clear-button-z-index: calc(
-  var(--#{$prefix}z-index-focused) + 1
-) !default;
+$control-clear-button-z-index: calc($control-focus-z-index + 1) !default;
 
 // Spinner
 $control-spinner-font-size: null !default;
-$control-spinner-z-index: calc(var(--#{$prefix}z-index-focused) + 1) !default;
+$control-spinner-z-index: calc($control-focus-z-index + 1) !default;
 
 // Variants
 $control-variants: default, cell !default;

package/scss/scss/placeholders/popover/_popover-variables.scss

@@ -9,7 +9,6 @@ $popover-color: var(--#{$prefix}neutral-12) !default;
 $popover-background-color: var(--#{$prefix}background-color) !default;
 $popover-box-shadow: var(--#{$prefix}box-shadow-md) !default;
 $popover-scrollbar-width: thin !default;
-$popover-z-index: var(--#{$prefix}z-index-popover) !default;
 
 $popover-animation-duration: var(--#{$prefix}animation-fade-duration) !default;
 $popover-animation-timing-function: var(

package/scss/scss/placeholders/popover/_popover.scss

@@ -19,8 +19,6 @@
   overflow: auto;
   scrollbar-width: $popover-scrollbar-width;
 
-  z-index: $popover-z-index;
-
   &[data-state="open"] {
     @include accessible-animation(
       $animation-fade-in $popover-animation-duration