@gooddata/sdk-ui-kit 11.57.0-alpha.2 → 11.57.0-alpha.4

package/src/@ui/UiToolbarStepper/UiToolbarStepper.scss

@@ -0,0 +1,53 @@
+// (C) 2026 GoodData Corporation
+
+@use "../UiToolbar/toolbarItem";
+
+.gd-ui-kit-toolbar-stepper {
+    $root: &;
+
+    display: inline-flex;
+    align-items: center;
+    gap: toolbarItem.$toolbar-item-gap;
+    box-sizing: border-box;
+    height: toolbarItem.$toolbar-item-size;
+    padding: 0 toolbarItem.$toolbar-item-padding;
+
+    &__value {
+        @include toolbarItem.toolbar-item-base;
+
+        --gd-icon-fill-color: var(--gd-palette-complementary-7);
+
+        min-width: 0;
+        color: var(--gd-palette-complementary-7);
+        text-align: center;
+        cursor: default;
+
+        &--isEditable {
+            // A constant width so the toolbar does not move while the value is typed or stepped.
+            // Fits four characters: percentages up to "100%" and whole numbers up to four digits.
+            width: calc(4.5ch + 2 * #{toolbarItem.$toolbar-item-padding});
+            text-align: center;
+            cursor: text;
+
+            @include toolbarItem.toolbar-focus-ring;
+
+            &:not([aria-disabled="true"]) {
+                &:hover {
+                    color: var(--gd-palette-complementary-8);
+                    background-color: var(--gd-palette-complementary-2);
+                }
+
+                &:active,
+                &#{$root}__value--isActive {
+                    color: var(--gd-palette-complementary-8);
+                    background-color: var(--gd-palette-complementary-4);
+                }
+            }
+
+            &[aria-disabled="true"] {
+                color: var(--gd-palette-complementary-4);
+                cursor: default;
+            }
+        }
+    }
+}

package/src/@ui/UiTooltip/UiTooltip.scss

@@ -28,6 +28,11 @@
         margin-top: 5px;
     }
 
+    &--defaultMaxWidth {
+        max-width: var(--gd-tooltip-maxWidth);
+        box-sizing: border-box;
+    }
+
     &--width-same-as-anchor {
         width: auto;
         box-sizing: border-box;

package/src/@ui/defaultTheme.scss

@@ -1,4 +1,4 @@
-// (C) 2025 GoodData Corporation
+// (C) 2026 GoodData Corporation
 // !!! This file is autogenerated and should not be edited manually. !!!
 // To edit default values or add new css variables, please look into variablesSpec folder in @gooddata/sdk-ui-theme-provider package.
 
@@ -261,7 +261,7 @@
     --gd-palette-primary-base-d06: #129cc6;
     --gd-palette-primary-base-d12: #0f86aa;
     --gd-palette-primary-base-darken20: #0c6884;
-    --gd-palette-primary-base-dimmed-darken03: #daf2fa;
+    --gd-palette-primary-base-dimmed-darken03: #daf3fa;
     --gd-palette-primary-base-lighten45: #dff5fc;
     --gd-palette-primary-base-mix15-white: rgba(220, 243, 251, 0.925);
     --gd-palette-primary-base-t02: rgba(20, 178, 226, 0.98);
@@ -316,12 +316,15 @@
     --gd-spacing-16px: 16px;
     --gd-spacing-34px: 34px;
     --gd-transition-all: all 0.25s ease-in-out;
+    --gd-geo-multi-layer-legend__section-header-height: 34px;
+    --gd-geo-multi-layer-legend__toggle-duration: 0.2s;
+    --gd-viz-tooltip-max-height: none;
+    --gd-avatar-background-color: var(--gd-palette-complementary-2);
     --gd-button-XXL: 55px;
     --gd-button-XL: 45px;
     --gd-button-L: 38px;
     --gd-button-M: 32px;
     --gd-button-S: 27px;
-    --gd-button-XS: 21px;
     --gd-icon-fill-color: var(--gd-palette-complementary-9);
     --gd-icon-background-color: var(--gd-palette-complementary-2);
     --gd-tabs-height-L: 56px;
@@ -341,4 +344,6 @@
     --gd-table-multi-line-line-height-large: 23px;
     --gd-table-dropdown-item-height: 28px;
     --gd-table-title-font-size: 24px;
+    --gd-toolbar-borderRadius: 2px;
+    --gd-tooltip-maxWidth: 300px;
 }

package/src/@ui/index.scss

@@ -53,6 +53,16 @@
 @use "./UiGranteeRowControls/UiGranteeRowControls.scss";
 @use "./UiToast/UiToast.scss";
 @use "./UiConfigEditor/UiConfigEditor.scss";
+@use "./UiToolbar/UiToolbar.scss";
+@use "./UiToolbar/UiToolbarChevron.scss";
+@use "./UiToolbarButton/UiToolbarButton.scss";
+@use "./UiToolbarIconButton/UiToolbarIconButton.scss";
+@use "./UiToolbarIconSelect/UiToolbarIconSelect.scss";
+@use "./UiToolbarSelect/UiToolbarSelect.scss";
+@use "./UiToolbarStepper/UiToolbarStepper.scss";
+@use "./UiToolbarSegmentedControl/UiToolbarSegmentedControl.scss";
+@use "./UiToolbarDivider/UiToolbarDivider.scss";
+@use "./UiToolbarColorSwatch/UiToolbarColorSwatch.scss";
 
 // `--gd-font-family` is a `:root` variable only; there is no global `body` font
 // declaration. Apply it once to every kit root so standalone components don't