@gooddata/sdk-ui-dashboard 10.13.0-alpha.3 → 10.13.0-alpha.30

package/styles/css/visualizationSwitcherHeader.css

@@ -28,6 +28,7 @@
 }
 
 .gd-visualization-switcher-widget-header-list {
+  min-width: 168px;
   max-height: 356px;
   overflow-y: auto;
   padding: 5px 0;

package/styles/css/visualizationSwitcherHeader.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherHeader.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACFA;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA,OC2FmC;ED1FnC;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAIZ;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI,OCwCY;EDvCZ;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA","file":"visualizationSwitcherHeader.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherHeader.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACFA;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA,OC2FmC;ED1FnC;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAIZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI,OCuCY;EDtCZ;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA","file":"visualizationSwitcherHeader.css"}

package/styles/css/visualizationSwitcherToolbar.css

@@ -23,13 +23,14 @@
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  background-color: white;
+  background-color: var(--gd-palette-complementary-0, #fff);
   line-height: 0;
 }
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .gd-bubble-trigger {
   display: inline-block;
 }
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .left-section {
+  cursor: pointer;
   padding: 4px;
   flex: 0 1 auto;
 }
@@ -60,10 +61,14 @@
   justify-content: center;
   align-items: center;
 }
+.gd-visualization-switcher-toolbar-top.bubble.bubble-light .navigate-button:not(.is-disabled) {
+  cursor: pointer;
+}
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .navigate-button:not(.is-disabled):hover path {
   fill: var(--gd-palette-complementary-8, #464e56);
 }
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .right-section {
+  cursor: pointer;
   display: flex;
   padding: 4px;
   justify-content: center;
@@ -76,7 +81,7 @@
 
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light {
   position: initial;
-  background-color: white;
+  background-color: var(--gd-palette-complementary-0, #fff);
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .configuration-panel-header {
   height: 39px;
@@ -122,6 +127,7 @@
   justify-content: space-between;
   height: 40px;
   cursor: pointer;
+  color: var(--gd-palette-complementary-8, #464e56);
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .switcher-visualizations-list-item-content {
   width: 100%;
@@ -141,6 +147,9 @@
   text-align: left;
   background: transparent;
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:not(.is-selected):hover {
+  color: var(--gd-palette-complementary-9, #464e56);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:not(.is-selected) .gd-vis-switcher-show-more-button:hover {
   background: var(--gd-palette-complementary-7, #ccd8e2);
   color: var(--gd-palette-complementary-6, #94a1ad);

package/styles/css/visualizationSwitcherToolbar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherToolbar.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACCI;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;;AACA;EACI,MCPI;;ADWZ;EACI;EACA;EACA;EACA,kBEmBiB;;AFjBrB;EACI;EACA;EACA;EACA;EACA,OC1BQ;ED2BR;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI,MCnCI;;ADuCZ;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA,kBEvDa;;AF0DrB;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMI;EACI;EACA,OC7IG;;ADiJf;EACI,kBC7HgB;;AD+HhB;EACI;EACA;EAIA;;AAIR;EACI,YCzEY;;AD2EZ;EACI;EACA;EACA,OCpKO;;ADwKf;EACI,kBCnFY;;ADqFZ;AAAA;EAEI,OChKA;;ADmKJ;EACI;EACA,OClLO;;ADuLX;AAAA;EAEI;EACA;;AAGJ;EACI;;AAGJ;EACI,kBC7KY;;ADgLZ;EACI;;AAGA;EACI;;AAYhB;EACI;EACA;;AAEJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;;AAOZ;EACI;EACA,OCvMgB;;;AD4MpB;EACI","file":"visualizationSwitcherToolbar.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherToolbar.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACCI;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI,MCRI;;ADYZ;EACI;EACA;EACA;EACA,kBEkBiB;;AFhBrB;EACI;EACA;EACA;EACA;EACA,OC3BQ;ED4BR;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI,MCtCA;;AD2CZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA,kBE5Da;;AF+DrB;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAIA;EACI;EACA,OCtJG;;AD0Jf;EACI,kBCtIgB;;ADwIhB;EACI;EACA;EAIA;;AAIR;EACI,YClFY;;ADoFZ;EACI;EACA;EACA,OC7KO;;ADiLf;EACI,kBC5FY;;AD8FZ;AAAA;EAEI,OCzKA;;AD4KJ;EACI;EACA,OC3LO;;ADgMX;AAAA;EAEI;EACA;;AAGJ;EACI;;AAGJ;EACI,kBCtLY;;ADyLZ;EACI;;AAGA;EACI;;AAYhB;EACI;EACA;;AAEJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;;AAOZ;EACI;EACA,OChNgB;;;ADqNpB;EACI","file":"visualizationSwitcherToolbar.css"}

package/styles/scss/alerting.scss

@@ -152,6 +152,10 @@
     gap: 5px;
     line-height: 21px;
     color: kit-variables.$gd-color-link;
+
+    .inlineBubbleHelp {
+        font-size: 12px;
+    }
 }
 
 .gd-edit-alert__value-input {
@@ -187,6 +191,15 @@
     color: kit-variables.$gd-color-state-blank;
 }
 
+.gd-edit-alert__recipients {
+    flex-direction: column;
+
+    > label {
+        font-size: 12px;
+        line-height: 21px;
+    }
+}
+
 //
 // Edit alert configuration
 //

package/styles/scss/dragAndDrop.scss

@@ -1,4 +1,4 @@
-// (C) 2022 GoodData Corporation
+// (C) 2022-2024 GoodData Corporation
 @use "sass:color";
 @use "variables";
 @use "zIndexes";
@@ -361,6 +361,10 @@
         }
     }
 
+    .drop-target-message {
+        display: block;
+    }
+
     &.type-loading {
         display: flex;
         justify-content: center;

package/styles/scss/filterBar.scss

@@ -532,6 +532,13 @@ $attribute-filter-drag-handle-left: 10px;
             }
         }
     }
+
+    // keyboard navigation highlight
+    &:focus-visible {
+        outline: auto 5px Highlight; /* For Firefox */
+        // stylelint-disable-next-line declaration-block-no-duplicate-properties
+        outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
+    }
 }
 
 .gd-button-primary.gd-filter-views-button--open {

package/styles/scss/scheduled_mail_recipients.scss

@@ -92,64 +92,6 @@ $input-height: 28px;
         }
     }
 
-    // custom className from react-select rendered
-    .gd-recipients__menu {
-        padding: 0;
-        border-width: 1px;
-        border-style: solid;
-        border-radius: 0 0 3px 3px;
-        border-color: kit-variables.$gd-palette-primary-base;
-        border-top: 0;
-        border-top-color: button-variables.$button-normal-border-color;
-        margin-top: -2px;
-        outline: 0;
-        box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
-        color: kit-variables.$gd-color-text;
-        background-color: kit-variables.$gd-color-white;
-
-        // custom className from react-select rendered
-        .gd-recipients__option {
-            padding: 0;
-        }
-
-        // custom className from react-select rendered
-        .gd-recipients__option:first-child {
-            &.gd-recipients__option--is-focused {
-                border-top: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
-            }
-        }
-    }
-
-    .recipient-item-not-valid {
-        height: 100%;
-        margin: 0;
-        padding: 0;
-    }
-
-    // custom className from react-select rendered
-    .gd-recipients__menu-list {
-        padding-top: 0;
-        padding-bottom: 0;
-
-        .gd-recipient-option-item {
-            padding: 6px 8px;
-            font-size: 13px;
-            line-height: 15px;
-
-            .gd-recipient-option-value-item {
-                margin-left: 10px;
-                color: kit-variables.$gd-color-disabled;
-            }
-        }
-
-        .gd-recipient-existed {
-            display: block;
-            width: 100%;
-            padding: 8px 8px 8px 10px;
-            margin-top: 2px;
-        }
-    }
-
     @media #{kit-variables.$xsmall-only} {
         .gd-recipients__value-container {
             // custom className from react-select rendered
@@ -222,6 +164,69 @@ $input-height: 28px;
             background: rgba(229, 77, 66, 0.98);
         }
     }
+}
+
+.gd-recipients-overlay {
+    margin-top: 31px;
+
+    // custom className from react-select rendered
+    .gd-recipients__menu {
+        padding: 0;
+        border-width: 1px;
+        border-style: solid;
+        border-radius: 0 0 3px 3px;
+        border-color: kit-variables.$gd-palette-primary-base;
+        border-top: 0;
+        border-top-color: button-variables.$button-normal-border-color;
+        margin-top: -2px;
+        outline: 0;
+        box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
+        color: kit-variables.$gd-color-text;
+        background-color: kit-variables.$gd-color-white;
+
+        // custom className from react-select rendered
+        .gd-recipients__option {
+            padding: 0;
+        }
+
+        // custom className from react-select rendered
+        .gd-recipients__option:first-child {
+            &.gd-recipients__option--is-focused {
+                border-top: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+            }
+        }
+    }
+
+    .recipient-item-not-valid {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+    }
+
+    // custom className from react-select rendered
+    .gd-recipients__menu-list {
+        padding-top: 0;
+        padding-bottom: 0;
+        overflow-x: hidden;
+
+        .gd-recipient-option-item {
+            padding: 6px 8px;
+            font-size: 13px;
+            line-height: 15px;
+
+            .gd-recipient-option-value-item {
+                margin-left: 10px;
+                color: kit-variables.$gd-color-disabled;
+            }
+        }
+
+        .gd-recipient-existed {
+            display: block;
+            width: 100%;
+            padding: 8px 8px 8px 10px;
+            margin-top: 2px;
+        }
+    }
 
     // custom className from react-select rendered
     .gd-recipients__option--is-focused {

package/styles/scss/visualizationSwitcherHeader.scss

@@ -30,6 +30,7 @@
     }
 }
 .gd-visualization-switcher-widget-header-list {
+    min-width: 168px;
     max-height: 356px;
     overflow-y: auto;
     padding: 5px 0;

package/styles/scss/visualizationSwitcherToolbar.scss

@@ -25,13 +25,14 @@
     align-items: center;
     justify-content: space-between;
     gap: 8px;
-    background-color: white;
+    background-color: var(--gd-palette-complementary-0, #fff);
     line-height: 0;
 
     .gd-bubble-trigger {
         display: inline-block;
     }
     .left-section {
+        cursor: pointer;
         padding: 4px;
         flex: 0 1 auto;
         &:not(.is-active):hover path {
@@ -62,12 +63,16 @@
         padding: 4px;
         justify-content: center;
         align-items: center;
-        &:not(.is-disabled):hover path {
-            fill: kit-variables.$gd-color-text;
+        &:not(.is-disabled) {
+            cursor: pointer;
+            &:hover path {
+                fill: kit-variables.$gd-color-text;
+            }
         }
     }
 
     .right-section {
+        cursor: pointer;
         display: flex;
         padding: 4px;
         justify-content: center;
@@ -84,7 +89,7 @@
 
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light {
     position: initial;
-    background-color: white;
+    background-color: var(--gd-palette-complementary-0, #fff);
 
     .configuration-panel-header {
         height: 39px;
@@ -136,6 +141,7 @@
         justify-content: space-between;
         height: 40px;
         cursor: pointer;
+        color: var(--gd-palette-complementary-8, #464e56);
 
         .switcher-visualizations-list-item-content {
             width: 100%;
@@ -158,6 +164,9 @@
         }
 
         &:not(.is-selected) {
+            &:hover {
+                color: var(--gd-palette-complementary-9, #464e56);
+            }
             .gd-vis-switcher-show-more-button {
                 // stylelint-disable-next-line max-nesting-depth
                 &:hover {