@gooddata/sdk-ui-dashboard 10.35.0-alpha.9 → 10.36.0-alpha.1

package/styles/scss/layout.scss

@@ -370,6 +370,7 @@ $gd-dashboards-section-description-color: var(
         align-items: center;
         gap: 8px;
     }
+
     &.small .gd-fluidlayout-item-changed-content {
         display: flex;
         flex-direction: row;
@@ -385,12 +386,14 @@ $gd-dashboards-section-description-color: var(
             max-height: 100%;
         }
     }
+
     &.small .gd-fluidlayout-item-changed-icon {
         svg {
             top: -4px;
             position: relative;
         }
     }
+
     &.big .gd-fluidlayout-item-changed-icon {
         // stylelint-disable-next-line declaration-no-important
         height: auto !important;
@@ -402,6 +405,7 @@ $gd-dashboards-section-description-color: var(
         font-size: 14px;
         line-height: 19px;
     }
+
     .gd-button {
         font-weight: 400;
         font-size: 14px;

package/styles/scss/notifications_channels_dialog.scss

@@ -23,6 +23,7 @@ $min-content-height: 110px;
         max-height: 99vh;
     }
 }
+
 .gd-notifications-channels-dialog-overlay.truncated {
     overflow-y: auto;
     overflow-x: hidden;
@@ -69,6 +70,7 @@ $min-content-height: 110px;
             margin-bottom: 7px;
             margin-top: -3px;
         }
+
         .gd-label:first-child {
             margin-top: 0;
         }
@@ -452,6 +454,7 @@ $min-content-height: 110px;
                 display: block;
             }
         }
+
         &.editable:hover,
         &.editable.hover {
             cursor: pointer;
@@ -897,6 +900,7 @@ $min-content-height: 110px;
 
 .gd-notifications-channels-dialog-menu {
     min-width: 100px;
+
     .deleteItem {
         &:hover {
             background-color: kit-variables.$gd-palette-error-dimmed;
@@ -946,6 +950,7 @@ $min-content-height: 110px;
     border: 1px solid var(--gd-palette-complementary-4);
     background-color: var(--gd-palette-complementary-0);
     color: var(--gd-palette-complementary-7);
+
     &:has(.gd-attachment-chip-delete:hover) {
         background-color: var(--gd-palette-error-dimmed);
         color: var(--gd-palette-error-base);
@@ -970,6 +975,7 @@ $min-content-height: 110px;
     place-items: center;
     width: 27px;
     height: 100%;
+
     &:hover {
         color: var(--gd-palette-complementary-8);
     }

package/styles/scss/resizing.scss

@@ -60,6 +60,7 @@
         &.default {
             border-color: kit-variables.$gd-color-disabled;
         }
+
         &.muted {
             border-color: kit-variables.$gd-color-text;
         }
@@ -148,6 +149,7 @@
         &.error {
             background: variables.$gd-palette-primary-base-mix15-white;
         }
+
         &.squared {
             top: 0;
             bottom: 0;
@@ -221,6 +223,7 @@
         padding: 10px 0;
         border-radius: 4px;
     }
+
     .gd-fluidlayout-width-resizer {
         display: flex;
         flex-direction: column;
@@ -251,9 +254,11 @@
         border: 2px solid;
         border-radius: 3px;
         flex: 0 0 $width-resizer-center-size;
+
         &.default {
             border-color: kit-variables.$gd-color-disabled;
         }
+
         &.muted {
             border-color: kit-variables.$gd-color-text;
         }
@@ -266,6 +271,7 @@
             border-color: kit-variables.$gd-palette-error-base;
         }
     }
+
     .gd-fluidlayout-height-resizer {
         padding: 0;
         margin-top: 7px;
@@ -292,6 +298,7 @@
         width: 20px;
         display: flex;
         justify-content: center;
+
         &.gd-first-container-row-widget {
             .gd-fluidlayout-width-resizer__container {
                 padding-top: 0;
@@ -317,6 +324,7 @@
         width: 100%;
         height: 100%;
     }
+
     .gd-resize-overlay {
         top: 5px;
         bottom: 5px;
@@ -424,7 +432,11 @@
 
         opacity: 0;
         transform: translateY(-20px);
-        transition: transform 0.2s ease-out, opacity 0.1s ease-in, width 0.1s ease-out, height 0.1s ease-out;
+        transition:
+            transform 0.2s ease-out,
+            opacity 0.1s ease-in,
+            width 0.1s ease-out,
+            height 0.1s ease-out;
 
         #{$root}--active & {
             opacity: 1;

package/styles/scss/saveAsDialog.scss

@@ -1,14 +1,16 @@
-// (C) 2021 GoodData Corporation
+// (C) 2021-2025 GoodData Corporation
 @use "variables";
 
 .gd-dialog {
     &.save-as-new-dialog {
         max-width: 450px;
     }
+
     .dashboard-note {
         line-height: variables.$item-headline-lineHeight;
         padding-bottom: 25px;
     }
+
     .dashboard-title {
         padding-bottom: 25px;
     }

package/styles/scss/scheduled_mail_recipients.scss

@@ -8,6 +8,7 @@ $input-height: 28px;
 .gd-recipients-container.gd-input-component--invalid {
     .gd-recipients__control {
         border-color: kit-variables.$gd-palette-error-base;
+
         &:hover {
             border-color: kit-variables.$gd-palette-error-base;
         }

package/styles/scss/shareIndicators.scss

@@ -1,4 +1,4 @@
-// (C) 2021 GoodData Corporation
+// (C) 2021-2025 GoodData Corporation
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 
 .gd-locked-status {
@@ -7,10 +7,12 @@
 
 .gd-share-status {
     display: inline-block;
+
     .gd-share-indicator {
         display: inline-block;
         color: kit-variables.$gd-color-state-blank;
         font-size: 12px;
+
         .gd-share-icon {
             font-size: 16px;
             margin-right: 5px;

package/styles/scss/sharedFilterConfig.scss

@@ -20,6 +20,7 @@
         text-transform: uppercase;
         width: 100%;
     }
+
     .configuration-panel-header-title.clickable {
         cursor: pointer;
     }

package/styles/scss/sidebar.scss

@@ -41,7 +41,8 @@
             --gd-palette-complementary-5-from-theme,
             color.adjust(variables.$dialog-border, $alpha: -0.5)
         );
-        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: var(
             --gd-palette-complementary-0-t10,
@@ -76,6 +77,7 @@
         svg {
             margin: 0 14px;
         }
+
         &::before {
             content: none;
         }

package/styles/scss/topBar.scss

@@ -82,6 +82,7 @@ $gd-dashboards-section-title-lineColor: var(
         padding-bottom: 2px;
         margin-left: 5px;
     }
+
     .gd-share-status {
         padding-bottom: 4px;
     }

package/styles/scss/visualizationSwitcherToolbar.scss

@@ -7,9 +7,11 @@
     .gd-configuration-bubble.gd-visualization-switcher-configuration-bubble {
         width: 270px;
     }
+
     .bubble-content {
         padding: 0;
     }
+
     .content {
         padding: 10px;
     }
@@ -31,10 +33,12 @@
     .gd-bubble-trigger {
         display: inline-block;
     }
+
     .left-section {
         cursor: pointer;
         padding: 4px;
         flex: 0 1 auto;
+
         &:not(.is-active):hover path {
             fill: kit-variables.$gd-color-text;
         }
@@ -46,6 +50,7 @@
         height: 28px;
         background-color: variables.$button-grey-background;
     }
+
     .middle-section {
         flex: 1 0 auto;
         display: flex;
@@ -54,17 +59,21 @@
         color: kit-variables.$gd-color-link;
         font-size: 14px;
     }
+
     .status {
         padding: 2px 0;
         line-height: 21px;
     }
+
     .navigate-button {
         display: flex;
         padding: 4px;
         justify-content: center;
         align-items: center;
+
         &:not(.is-disabled) {
             cursor: pointer;
+
             &:hover path {
                 fill: kit-variables.$gd-color-text;
             }
@@ -99,6 +108,7 @@
     .insight-configuration-content {
         padding: 10px 0 5px 0;
     }
+
     .no-visualizations-text {
         margin-left: 15px;
         padding: 5px 0;
@@ -120,11 +130,13 @@
         width: 100%;
         text-align: center;
         padding: 5px 15px;
+
         .horizontal-divider-line {
             height: 1px;
             background-color: variables.$button-grey-background;
         }
     }
+
     .gd-add-visualization {
         margin-left: 5px;
         font-size: 12px;
@@ -153,7 +165,12 @@
             position: relative;
             padding: 5px 14px;
             border: 1px solid transparent;
-            font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+            font:
+                700 14px/20px gdcustomfont,
+                avenir,
+                "Helvetica Neue",
+                arial,
+                sans-serif;
             height: 40px;
             white-space: nowrap;
             vertical-align: middle;
@@ -166,6 +183,7 @@
             &:hover {
                 color: var(--gd-palette-complementary-9-from-theme, #464e56);
             }
+
             .gd-vis-switcher-show-more-button {
                 // stylelint-disable-next-line max-nesting-depth
                 &:hover {
@@ -174,6 +192,7 @@
                 }
             }
         }
+
         &.is-selected.is-active {
             background-color: kit-variables.$gd-palette-primary-dimmed;
 
@@ -243,10 +262,12 @@
                 }
             }
         }
+
         .visualization-title {
             display: flex;
             align-items: center;
         }
+
         .gd-visualizations-list-item-content-name {
             white-space: nowrap;
             max-width: 150px;

package/styles/scss/visualizationSwitcherWidget.scss

@@ -1,4 +1,4 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 @use "variables";
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 
@@ -17,9 +17,11 @@
         padding: 0;
         position: static;
     }
+
     .dash-item {
         flex: 1 1 100%;
     }
+
     .dash-item-content {
         border-width: 0;
     }
@@ -27,6 +29,7 @@
     .gd-editable-label-inner {
         span {
             text-decoration-line: underline;
+
             &::after {
                 content: "\e612";
                 display: inline-block;
@@ -50,6 +53,7 @@
     justify-content: center;
     align-items: center;
     gap: 8px;
+
     .gd-typography--p {
         color: kit-variables.$gd-color-link;
     }