@gooddata/sdk-ui-ext 10.27.0-alpha.8 → 10.27.0

package/styles/internal/css/headline.css

@@ -114,18 +114,22 @@
 .headline-compare-section.headline-paginated-compare-section button.second-item:hover::before {
   color: var(--gd-palette-primary-base, #14b2e2);
 }
-.headline-compare-section.headline-paginated-compare-section button.first-item[disabled], .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:hover, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:focus, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:active,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled],
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:hover,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:focus,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:active {
+.headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled {
+  cursor: default;
+}
+.headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled, .headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled:hover, .headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled:focus, .headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled:active,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled:hover,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled:focus,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled:active {
   background-color: var(--gd-palette-complementary-1-from-theme, rgba(238, 238, 238, 0.5));
 }
-.headline-compare-section.headline-paginated-compare-section button.first-item[disabled]::before, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:hover::before, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:focus::before, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:active::before,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]::before,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:hover::before,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:focus::before,
-.headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:active::before {
+.headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled::before, .headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled:hover::before, .headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled:focus::before, .headline-compare-section.headline-paginated-compare-section button.first-item.is-disabled:active::before,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled::before,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled:hover::before,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled:focus::before,
+.headline-compare-section.headline-paginated-compare-section button.second-item.is-disabled:active::before {
   color: var(--gd-palette-complementary-5, #b0beca);
 }
 .headline-compare-section .kpi-pop-section-item {

package/styles/internal/css/headline.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/layout.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../../node_modules/@gooddata/sdk-ui-vis-commons/styles/scss/headlinePagination.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../../../node_modules/@gooddata/sdk-ui-charts/styles/scss/headline.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss"],"names":[],"mappings":"AAII;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAMR;EAxCI;IACI;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;;ACoFR;AA4DA;AC7KQ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AD4IZ;AAAA;AAAA;AAAA;AAAA;ECxIY;EACA;;AAGA;AAAA;AAAA;AAAA;AAAA;EACI;;AAMJ;AAAA;EACI,OCTM;;AFqItB;AAAA;AAAA;AAAA;AAAA;ECrHgB;;AAMA;AAAA;AAAA;AAAA;AAAA;EACI,OC3CJ;;ADkDhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EAEI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EAQA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;AAAA;AAAA;EAEI;EACA;;AAGJ;AAAA;AAAA;EAEI;EACA;EAQA;EACA;;AAMJ;EACI;EACA;;;AE7KZ;EACI;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;;AAEA;EACI;;AAKZ;ECFA,OFMY;EEvBZ,aFuFc;EEnFd;EAIA;EAmBA;EACA;EDNI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKA;AAAA;EACI;EACA;;AAGJ;AAAA;EACI;;AAGR;EACI;;AAMJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAIZ;AAAA;EAEI;EACA;;AAEA;AAAA;AAAA;AAAA;EAEI;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEI;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEI;;AAKJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAKZ;AAAA;EAEI;;AAaA;AAAA;AAAA;EACI;EACA;EACA;;AAIR;EACI;;AAQI;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAKZ;EC1IA,aFuFc;EEnFd;EDyII;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;AAGJ;AAAA;EAEI;;AAGJ;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI","file":"headline.css"}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/layout.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../../node_modules/@gooddata/sdk-ui-vis-commons/styles/scss/headlinePagination.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../../../node_modules/@gooddata/sdk-ui-charts/styles/scss/headline.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss"],"names":[],"mappings":"AAII;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAMR;EAxCI;IACI;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;;ACoFR;AA4DA;AC7KQ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AD4IZ;AAAA;AAAA;AAAA;AAAA;ECxIY;EACA;;AAGA;AAAA;AAAA;AAAA;AAAA;EACI;;AAMJ;AAAA;EACI,OCTM;;ADad;AAAA;EACI;;ADuHZ;AAAA;AAAA;AAAA;AAAA;ECpHgB;;AAMA;AAAA;AAAA;AAAA;AAAA;EACI,OC5CJ;;ADmDhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EAEI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EAQA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;AAAA;AAAA;EAEI;EACA;;AAGJ;AAAA;AAAA;EAEI;EACA;EAQA;EACA;;AAMJ;EACI;EACA;;;AE9KZ;EACI;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;;AAEA;EACI;;AAKZ;ECFA,OFMY;EEvBZ,aFuFc;EEnFd;EAIA;EAmBA;EACA;EDNI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKA;AAAA;EACI;EACA;;AAGJ;AAAA;EACI;;AAGR;EACI;;AAMJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAIZ;AAAA;EAEI;EACA;;AAEA;AAAA;AAAA;AAAA;EAEI;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEI;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEI;;AAKJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAKZ;AAAA;EAEI;;AAaA;AAAA;AAAA;EACI;EACA;EACA;;AAIR;EACI;;AAQI;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAKZ;EC1IA,aFuFc;EEnFd;EDyII;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;AAGJ;AAAA;EAEI;;AAGJ;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI","file":"headline.css"}

package/styles/internal/scss/config_panel.scss

@@ -1,6 +1,4 @@
 // (C) 2007-2025 GoodData Corporation
-@use "codemirror/lib/codemirror.css";
-@use "codemirror/addon/lint/lint.css";
 @use "sass:color";
 @use "variables.scss";
 @use "@gooddata/sdk-ui-kit/styles/scss/colorPicker";
@@ -193,15 +191,15 @@ $color-picker-spacing: 5px;
         width: 100%;
         max-height: 150px;
         overflow: hidden;
-        border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-        color: var(--gd-palette-complementary-1-from-theme, #303442);
+        border-bottom: 1px solid kit-variables.$gd-border-color;
+        color: kit-variables.$navigation-bg;
     }
 
     .gd-chart-override-value {
         width: calc(100% - 26px);
         padding: 13px;
         margin: 0;
-        background: rgba(255, 255, 255, 0.6);
+        background: color.adjust(kit-variables.$default-gd-color-white, $alpha: 0.6);
         font-size: 11px;
         white-space: pre-wrap;
     }
@@ -277,7 +275,7 @@ $color-picker-spacing: 5px;
         max-height: 320px;
         overflow: auto;
         border-left: 1px solid kit-variables.$gd-border-color;
-        color: var(--gd-palette-complementary-8, #464e56);
+        color: kit-variables.$gd-color-text;
         padding: 0 5px;
     }
 
@@ -288,7 +286,7 @@ $color-picker-spacing: 5px;
         text-transform: uppercase;
         font-weight: bold;
         padding: 10px 5px;
-        color: var(--gd-palette-complementary-6, #94a1ad);
+        color: kit-variables.$gd-color-state-blank;
         font-size: 10px;
 
         .gd-advanced-customization-dialog__snippets--header__line {
@@ -299,7 +297,7 @@ $color-picker-spacing: 5px;
 
     .gd-advanced-customization-dialog__snippet--header {
         text-transform: uppercase;
-        color: var(--gd-palette-complementary-6, #94a1ad);
+        color: kit-variables.$gd-color-state-blank;
         padding: 5px;
         font-size: 11px;
     }
@@ -317,7 +315,7 @@ $color-picker-spacing: 5px;
         }
 
         &:hover {
-            background: var(--gd-palette-complementary-2, #ebeff4);
+            background: kit-variables.$is-focused-background;
 
             .gd-advanced-customization-dialog__snippet__tooltip__trigger {
                 display: block;
@@ -345,7 +343,7 @@ $color-picker-spacing: 5px;
 
 .gd-advanced-customization-dialog__snippet__tooltip__body {
     font-size: 12px;
-    color: var(--gd-palette-complementary-7, #6d7680);
+    color: kit-variables.$gd-color-link;
 }
 
 @mixin code-mirror-icon--error {
@@ -353,65 +351,52 @@ $color-picker-spacing: 5px;
     background-size: 12px 12px;
 }
 
-// class name generated from provided "theme" prop with value "gd-advanced-customization-dialog__theme"
-.cm-s-gd-advanced-customization-dialog__theme {
-    // The colors in this section are not themed in any way for now.
-    // The feature is for internal use only for now.
-    &.CodeMirror {
-        border: 1px solid kit-variables.$gd-border-color;
+// CodeMirror 6 theme
+.gd-advanced-customization-dialog__theme {
+    display: flex;
+    height: 100%;
+
+    .cm-editor {
+        flex: 1;
+        max-height: 300px;
         border-radius: 3px;
+        border: 1px solid kit-variables.$gd-border-color;
+        background: kit-variables.$gd-color-white;
 
-        .cm-keyword {
-            color: #7364cf;
-        }
-        .cm-variable,
-        .cm-atom {
-            color: #7364cf;
-        }
-        .cm-string,
-        .cm-meta {
-            color: #464e56;
-        }
-        .cm-number {
-            color: #464e56;
-        }
-        .cm-comment {
-            color: #94a1ad;
-            font-style: italic;
+        .cm-content {
+            padding: 0 10px;
+            font-family: monospace;
+            font-size: 12px;
+            line-height: 1.5;
         }
 
-        .CodeMirror-gutters {
+        .cm-gutters {
             background: #fff;
-            border-right: 1px solid #ebeff4;
-        }
-
-        .CodeMirror-lint-marker-error {
-            @include code-mirror-icon--error;
+            border-right: 1px solid kit-variables.$gd-border-color;
         }
 
-        .CodeMirror-line {
+        .cm-line {
             padding: 0 10px;
         }
     }
-}
 
-// For some reason the tooltip wrapper does not provided "theme" prop
-// "gd-advanced-customization-dialog__theme" prefixed with "cm-s-" as the main container.
-.gd-advanced-customization-dialog__theme {
-    &.CodeMirror-lint-tooltip {
+    .cm-tooltip {
         z-index: 6000;
-        border: 1px solid kit-variables.$gd-border-color;
         background: white;
-        color: var(--gd-palette-complementary-8, #464e56);
         padding: 10px;
+        font-size: 12px;
+        border-radius: 3px;
+        color: kit-variables.$gd-color-text;
+        border: 1px solid kit-variables.$gd-border-color;
+        box-shadow: 0 2px 4px color.adjust(kit-variables.$default-gd-color-dark, $alpha: 0.1);
+    }
 
-        .CodeMirror-lint-message {
-            padding-left: 25px;
-            background-position: top 4px left;
-        }
-
-        .CodeMirror-lint-message-error {
-            @include code-mirror-icon--error;
+    .cm-tooltip-lint {
+        .cm-lintRange-error {
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e54d42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
+            background-position: left center;
+            background-repeat: no-repeat;
+            padding-left: 20px;
         }
     }
 }