@gooddata/sdk-ui-kit 10.35.0-alpha.9 → 10.35.0

package/styles/scss/button.scss

@@ -27,7 +27,8 @@
     border-color: button-variables.$button-normal-border-color;
 
     &:hover {
-        box-shadow: 0 1px 1px 0 button-variables.$button-shadow-darker,
+        box-shadow:
+            0 1px 1px 0 button-variables.$button-shadow-darker,
             inset 0 -1px 0 0 button-variables.$button-normal-hover-box-shadow;
         color: variables.$gd-color-text;
         background: button-variables.$button-normal-hover-bg;
@@ -36,8 +37,8 @@
 
     &:focus,
     &.is-focus {
-        box-shadow: button-variables.$button-box-shadow-focus-x-offset
-                button-variables.$button-normal-focus-shadow,
+        box-shadow:
+            button-variables.$button-box-shadow-focus-x-offset button-variables.$button-normal-focus-shadow,
             button-variables.$button-box-shadow-focus-y-offset button-variables.$button-shadow-darker,
             inset 0 -1px 0 0 button-variables.$button-normal-hover-box-shadow;
         border-color: button-variables.$button-action-color-t25;
@@ -91,13 +92,15 @@
     @extend %btn;
 
     &:hover {
-        box-shadow: 0 1px 1px 0 button-variables.$button-shadow-darker, inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+        box-shadow:
+            0 1px 1px 0 button-variables.$button-shadow-darker,
+            inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
         background: button-variables.$button-positive-hover-bg;
     }
 
     &:focus {
-        box-shadow: button-variables.$button-box-shadow-focus-x-offset
-                button-variables.$button-positive-focus-shadow,
+        box-shadow:
+            button-variables.$button-box-shadow-focus-x-offset button-variables.$button-positive-focus-shadow,
             button-variables.$button-positive-box-shadow-focus-y-offset button-variables.$button-shadow-darker,
             inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
     }
@@ -120,13 +123,15 @@
     @extend %btn;
 
     &:hover {
-        box-shadow: 0 1px 1px 0 button-variables.$button-shadow-darker, inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+        box-shadow:
+            0 1px 1px 0 button-variables.$button-shadow-darker,
+            inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
         background: button-variables.$button-negative-hover-bg;
     }
 
     &:focus {
-        box-shadow: button-variables.$button-box-shadow-focus-x-offset
-                button-variables.$button-negative-focus-shadow,
+        box-shadow:
+            button-variables.$button-box-shadow-focus-x-offset button-variables.$button-negative-focus-shadow,
             button-variables.$button-negative-box-shadow-focus-y-offset button-variables.$button-shadow-darker,
             inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
     }
@@ -149,13 +154,15 @@
     @extend %btn;
 
     &:hover {
-        box-shadow: 0 1px 1px 0 button-variables.$button-shadow-darker, inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+        box-shadow:
+            0 1px 1px 0 button-variables.$button-shadow-darker,
+            inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
         background: button-variables.$button-action-hover-bg;
     }
 
     &:focus {
-        box-shadow: button-variables.$button-box-shadow-focus-x-offset
-                button-variables.$button-action-focus-shadow,
+        box-shadow:
+            button-variables.$button-box-shadow-focus-x-offset button-variables.$button-action-focus-shadow,
             button-variables.$button-action-box-shadow-focus-y-offset button-variables.$button-shadow-darker,
             inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
     }

package/styles/scss/descriptionPanel.scss

@@ -4,6 +4,7 @@
 .gd-description-panel-bubble {
     &.bubble-light {
         max-width: 220px;
+
         .bubble-content {
             padding: 0;
         }

package/styles/scss/dialog.scss

@@ -343,10 +343,12 @@
         input[type="radio"] {
             position: absolute;
             opacity: 0;
+
             &:checked ~ span::before {
                 border-color: transparent;
                 background-color: #14b2e2;
             }
+
             &:checked ~ span::after {
                 transform: scale(1);
             }
@@ -403,7 +405,12 @@
             border-radius: var(--gd-button-borderRadius, 3px);
             box-shadow: var(--gd-button-dropShadow, 1px 1px 0)
                 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
-            font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+            font:
+                700 14px/20px gdcustomfont,
+                avenir,
+                "Helvetica Neue",
+                arial,
+                sans-serif;
             white-space: nowrap;
             vertical-align: middle;
             text-align: left;
@@ -414,13 +421,15 @@
             transition: all 0.25s ease-in-out;
 
             &:hover {
-                box-shadow: 0 1px 1px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15)),
+                box-shadow:
+                    0 1px 1px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15)),
                     inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
                 background: var(--gd-palette-primary-base-d06, #129cc6);
             }
 
             &:focus {
-                box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px)
+                box-shadow:
+                    var(--gd-button-dropShadow, 0 0 3px 1px)
                         var(--gd-palette-primary-focus, rgba(41, 190, 236, 0.6)),
                     var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color, rgba(20, 56, 93, 0.15)),
                     inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);

package/styles/scss/dialogList.scss

@@ -179,6 +179,7 @@
         ~ .gd-dialog-list-item-content {
             background-color: var(--gd-palette-error-lightest, #fff2f1);
         }
+
         ~ .gd-dialog-list-item-action {
             background-color: var(--gd-palette-error-lightest, #fff2f1);
         }

package/styles/scss/embedInsightDialog.scss

@@ -118,6 +118,7 @@
 .embed-insight-dialog-prep-env-message {
     width: 100%;
     margin-bottom: 20px;
+
     .gd-message-text {
         display: flex;
         justify-content: space-between;
@@ -175,6 +176,7 @@
     .toggle-switch {
         padding-right: 30px;
     }
+
     .toggle-switch-title {
         margin-left: 10px;
     }
@@ -182,6 +184,7 @@
     .toggle-switch-icon {
         margin: 0 5px;
     }
+
     .toggle-switch-icon::before {
         vertical-align: middle;
         color: variables.$default-gd-color-state-blank;

package/styles/scss/header.scss

@@ -306,6 +306,7 @@ $button-normal-active-shadow: color.adjust($button-normal-active-border-color, $
     &.gd-list-item.gd-menu-item-divider {
         margin-bottom: 18px;
         overflow: visible;
+
         &::after {
             content: "";
             position: absolute;
@@ -316,6 +317,7 @@ $button-normal-active-shadow: color.adjust($button-normal-active-border-color, $
         }
     }
 }
+
 a.gd-list-help-menu-item.gd-list-item {
     &:focus-visible {
         // Disable outline and use box-shadow instead.
@@ -692,11 +694,13 @@ a.gd-list-help-menu-item.gd-list-item {
     position: relative;
     box-sizing: border-box;
     max-width: 146px;
+
     &:hover {
         background: rgba(255, 255, 255, 0.3);
     }
 
     padding-right: 34px;
+
     &::after {
         content: "\e612";
         position: absolute;
@@ -919,11 +923,13 @@ a.gd-list-help-menu-item.gd-list-item {
             font-family: variables.$gd-font-primary;
             font-weight: 400;
         }
+
         a.gd-list-item {
             &:focus-visible {
                 outline: revert;
                 text-decoration: none;
             }
+
             &:focus {
                 text-decoration: none;
             }
@@ -1134,6 +1140,7 @@ button.gd-button-primary {
             margin-left: 23px;
         }
     }
+
     &.gd-icon-model.s-model.gd-button {
         > span {
             margin-left: 22px;
@@ -1167,7 +1174,9 @@ button.gd-button-primary.gd-upsell-button {
     &:hover {
         box-sizing: border-box;
         border: 1px solid rgba(0, 0, 0, 0.1);
-        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 -2px 0 rgba(0, 0, 0, 0.15);
+        box-shadow:
+            0 1px 2px rgba(0, 0, 0, 0.15),
+            inset 0 -2px 0 rgba(0, 0, 0, 0.15);
         color: #fff;
         background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #8351a4;
     }
@@ -1175,7 +1184,9 @@ button.gd-button-primary.gd-upsell-button {
     &:focus {
         box-sizing: border-box;
         border: 1px solid rgba(0, 0, 0, 0.2);
-        box-shadow: 0 0 5px 2px rgba(131, 81, 164, 0.6), 0 1px 2px rgba(0, 0, 0, 0.15),
+        box-shadow:
+            0 0 5px 2px rgba(131, 81, 164, 0.6),
+            0 1px 2px rgba(0, 0, 0, 0.15),
             inset 0 -2px 0 rgba(0, 0, 0, 0.15);
         color: #fff;
         background: #8351a4;

package/styles/scss/indigoFont.scss

@@ -6,7 +6,8 @@ $base_path: "@gooddata/sdk-ui-kit/styles";
 @font-face {
     font-family: "Indigo";
     src: url($base_path + "/fonts/Indigo-v2.eot");
-    src: url($base_path + "/fonts/Indigo-v2.eot?#iefix") format("embedded-opentype"),
+    src:
+        url($base_path + "/fonts/Indigo-v2.eot?#iefix") format("embedded-opentype"),
         url($base_path + "/fonts/Indigo-v2.woff") format("woff"),
         url($base_path + "/fonts/Indigo-v2.ttf") format("truetype"),
         url($base_path + "/fonts/Indigo-v2.svg#Indigo-v2") format("svg");

package/styles/scss/insightList.scss

@@ -4,9 +4,10 @@
 @use "indigoFont";
 
 $base-path: "@gooddata/sdk-ui-kit/styles/images/visualization-types/";
-$visualization-types: area, bar, bubble, column, combo, combo2, donut, dual, funnel, pyramid, headline,
-    heatmap, line, pie, scatter, table, treemap, unknown, xirr, pushpin, region, bullet, dependencywheel,
-    sankey, waterfall, repeater;
+$visualization-types:
+    area, bar, bubble, column, combo, combo2, donut, dual, funnel, pyramid, headline, heatmap, line, pie,
+    scatter, table, treemap, unknown, xirr, pushpin, region, bullet, dependencywheel, sankey, waterfall,
+    repeater;
 
 %visualisation-icon {
     display: inline-block;
@@ -15,10 +16,14 @@ $visualization-types: area, bar, bubble, column, combo, combo2, donut, dual, fun
     vertical-align: top;
     margin-right: 9px;
     background-repeat: no-repeat;
-    background-position: center, -999px -999px;
+    background-position:
+        center,
+        -999px -999px;
 
     .is-selected & {
-        background-position: -999px -999px, center;
+        background-position:
+            -999px -999px,
+            center;
     }
 }
 
@@ -62,7 +67,8 @@ $visualization-types: area, bar, bubble, column, combo, combo2, donut, dual, fun
     &:hover {
         position: relative;
         border-color: var(--gd-palette-complementary-5-from-theme, transparent);
-        box-shadow: 0 1px 3px 0 button-variables.$button-shadow-lighter,
+        box-shadow:
+            0 1px 3px 0 button-variables.$button-shadow-lighter,
             0 2px 9px 0 button-variables.$button-shadow-darker;
         background-color: var(--gd-palette-complementary-0, #fff);
     }

package/styles/scss/list.scss

@@ -165,6 +165,7 @@ button.gd-list-item {
             background-color: variables.$is-selected-focused-background;
         }
     }
+
     &:focus-visible {
         outline: revert;
         outline-offset: -2px; // pull outline inside to not have it clipped by item's overflow: hidden

package/styles/scss/loadingMask.scss

@@ -1,5 +1,6 @@
 // (C) 2007-2025 GoodData Corporation
 @use "sass:math";
+
 .loading-mask {
     position: relative;
 

package/styles/scss/loadingSpinner.scss

@@ -1,4 +1,4 @@
-// (C) 2021 GoodData Corporation
+// (C) 2021-2025 GoodData Corporation
 .gd-loading-spinner {
     animation: spin 1s infinite steps(12);
 
@@ -23,6 +23,7 @@
     from {
         transform: rotate(0deg);
     }
+
     to {
         transform: rotate(360deg);
     }

package/styles/scss/measureNumberFormat.scss

@@ -100,6 +100,7 @@
             .gd-measure-format-button-icon-left {
                 margin-right: 4px;
             }
+
             .gd-measure-format-button-icon-right {
                 margin-left: 4px;
             }
@@ -119,6 +120,7 @@
 
         .gd-measure-format-template-preview {
             position: relative;
+
             .gd-measure-format-template-preview-bubble {
                 position: absolute;
             }

package/styles/scss/recurrenceForm.scss

@@ -17,6 +17,7 @@ $input-width: 128px;
             min-width: 100px;
         }
     }
+
     .gd-recurrence-form-repeat-cron {
         margin-bottom: 0;
     }
@@ -92,6 +93,7 @@ $input-width: 128px;
     .gd-recurrence-form-datetime-help {
         color: variables.$gd-color-state-blank;
     }
+
     .gd-recurrence-form-hint-wrapper {
         margin-bottom: 20px;
 
@@ -156,6 +158,7 @@ $input-width: 128px;
                 font-weight: 400;
                 line-height: 13px;
             }
+
             .gd-recurrence-form-cron-help,
             .gd-recurrence-form-cron-help a {
                 color: variables.$gd-color-state-blank;

package/styles/scss/richText.scss

@@ -31,6 +31,7 @@
     .gd-rich-text-metric-empty {
         color: variables.$gd-color-text;
     }
+
     .gd-rich-text-metric-error,
     .gd-rich-text-metric-multiple {
         color: variables.$gd-palette-error-base;
@@ -55,6 +56,7 @@
             text-decoration: underline;
         }
     }
+
     a:hover,
     a:hover * {
         color: variables.$gd-color-text;

package/styles/scss/shareDialogSelectControl.scss

@@ -26,6 +26,7 @@
         transition-timing-function: ease-in-out;
         border-radius: 3px;
         min-height: 32px;
+
         &:hover {
             border-color: var(--gd-palette-complementary-5-from-theme, #b3b3b3);
         }

package/styles/scss/syntaxHighlightingInput.scss

@@ -19,7 +19,9 @@
         font-family: monospace;
         font-weight: 200;
 
-        transition: all 0.25s ease-in-out, padding 0s;
+        transition:
+            all 0.25s ease-in-out,
+            padding 0s;
         // end of gd-input-base mixin body
 
         @include mixins.border-radius(3px);