@gooddata/sdk-ui-dashboard 11.65.0-alpha.8 → 11.65.0

package/styles/scss/dashboard.scss

@@ -7,6 +7,7 @@
 @use "layout";
 @use "kpi";
 @use "kpi_alert_dialog";
+@use "dashboardContentLoader";
 @use "notifications_channels_dialog";
 @use "scheduled_mail_recipients";
 @use "zIndexes";
@@ -35,11 +36,15 @@ $headline-compact-margin-bottom: 5px;
     inset: 0;
     z-index: zIndexes.$dashboard-ai-building-overlay;
     background: variables.$gd-dashboards-content-backgroundColor;
-    opacity: 0.75;
+    opacity: 0.5;
 }
 
 .gd-dashboard-interaction-composing__status {
     position: absolute;
+    display: flex;
+    align-items: center;
+    pointer-events: all;
+    gap: var(--gd-spacing-10px);
     opacity: 1;
     top: var(--gd-spacing-20px);
     left: 50%;
@@ -55,11 +60,9 @@ $headline-compact-margin-bottom: 5px;
         var(--gd-shadow-color) 0 1px 3px;
     background: var(--gd-palette-complementary-0);
     color: var(--gd-palette-complementary-8);
-    font-weight: 700;
     text-align: left;
     overflow-wrap: anywhere;
     transform: translateX(-50%);
-    pointer-events: none;
     transition:
         opacity 0.3s ease-in-out,
         top 0.3s ease-in-out;
@@ -70,6 +73,12 @@ $headline-compact-margin-bottom: 5px;
     }
 }
 
+.gd-dashboard-interaction-composing__message {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-weight: 700;
+}
+
 .gd-dashboard-ai-composing-overlay {
     position: absolute;
     inset: 0;
@@ -840,6 +849,7 @@ $headline-compact-margin-bottom: 5px;
                 ) {
                 padding: 10px 0; // no place between widgets, render only containers for resizers
             }
+
             &.gd-first-container-row-widget:not(.gd-dashboard-nested-layout-widget) {
                 padding: 0 0 10px 0;
             }

package/styles/scss/dashboardContentLoader.scss

@@ -0,0 +1,45 @@
+// (C) 2026 GoodData Corporation
+
+@use "variables";
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-dashboard-content-loader {
+    width: 100%;
+
+    &__status {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+    }
+
+    &__charts {
+        min-width: 0;
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        gap: variables.$item-outer-padding;
+
+        @media #{kit-variables.$medium-up} {
+            grid-template-columns: var(--dashboard-content-loader-columns, minmax(0, 1fr));
+        }
+    }
+
+    &__chart {
+        box-sizing: border-box;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        padding: variables.$item-inner-padding;
+        border-style: solid;
+        border-width: variables.$gd-dashboards-content-widget-borderWidth;
+        border-color: variables.$gd-dashboards-content-widget-borderColor;
+        border-radius: variables.$gd-dashboards-content-widget-borderRadius;
+        background-color: kit-variables.$gd-widget-background;
+        box-shadow: variables.$gd-dashboards-content-widget-dropShadow;
+    }
+}

package/styles/scss/insightEditor.scss

@@ -0,0 +1,53 @@
+// (C) 2020-2026 GoodData Corporation
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-insight-editor-overlay {
+    visibility: visible;
+
+    .gd-edit-insight-modal-overlay {
+        left: 5vw !important; /* stylelint-disable-line declaration-no-important */
+    }
+
+    .modalityPlugin-mask-visible {
+        opacity: 0;
+        animation: gd-insight-editor-fade-in 0.4s ease-out forwards;
+    }
+
+    .overlay-move-left {
+        animation: gd-insight-editor-move-left 0.4s ease-out;
+    }
+}
+
+// The editor portals to the body with z-index 5001. The sticky dashboard header (6000) and the
+// edit-mode sidebar (6001) must stay in the dashboard stacking context while the editor is open.
+.component-root.is-insight-editor-open {
+    isolation: isolate;
+}
+
+.gd-edit-insight-overlay-content {
+    position: relative;
+    outline: none;
+    overflow-x: hidden;
+    overflow-y: hidden;
+    width: 95vw;
+    height: 100vh;
+    background-color: kit-variables.$gd-color-white;
+}
+
+@keyframes gd-insight-editor-move-left {
+    0% {
+        transform: translateX(100vw);
+    }
+    100% {
+        transform: translateX(0);
+    }
+}
+
+@keyframes gd-insight-editor-fade-in {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0.9;
+    }
+}

package/styles/scss/main.scss

@@ -54,3 +54,4 @@
 @use "pdfExportDialog";
 @use "kdaDialog";
 @use "insightsNotSavedDialog";
+@use "insightEditor";