@gooddata/sdk-ui-dashboard 11.65.0-alpha.9 → 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,7 +36,7 @@ $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 {

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";