@gooddata/sdk-ui-dashboard 11.56.0-alpha.0 → 11.56.0-alpha.2

package/styles/css/notifications_channels_dialog.css

@@ -579,7 +579,7 @@
   flex-shrink: 0;
 }
 .gd-notifications-channels-management-dialog .gd-notifications-channel-icon.gd-notifications-channel-icon-invalid {
-  background-color: var(--gd-palette-error-dimmed, #fcedec);
+  background-color: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
 }
 .gd-notifications-channels-management-dialog .gd-notifications-channel-content {
   display: flex;
@@ -975,7 +975,7 @@
   min-width: 100px;
 }
 .gd-notifications-channels-dialog-menu .deleteItem:hover {
-  background-color: var(--gd-palette-error-dimmed, #fcedec);
+  background-color: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
   color: var(--gd-palette-error-base, #e54d42);
 }
 

package/styles/css/resizing.css

@@ -49,7 +49,7 @@
   background-color: var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15));
 }
 .gd-fluidlayout-width-resizer.error {
-  background-color: var(--gd-palette-error-dimmed, #fcedec);
+  background-color: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
 }
 .gd-fluidlayout-width-resizer .width-resizer-line {
   height: 100%;
@@ -77,7 +77,7 @@
   background-color: var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15));
 }
 .gd-fluidlayout-height-resizer.error {
-  background-color: var(--gd-palette-error-dimmed, #fcedec);
+  background-color: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
 }
 .gd-fluidlayout-height-resizer .height-resizer-line {
   width: 100%;
@@ -125,10 +125,10 @@
   background-color: var(--gd-palette-complementary-0-t50, rgba(255, 255, 255, 0.5));
 }
 .sdk-edit-mode-on .gd-resize-overlay.active {
-  background-color: var(--gd-palette-primary-base-mix15-white, rgba(220, 243, 251, 0.925));
+  background-color: var(--gd-palette-primary-base-mix15-white, rgba(219.75, 243.45, 250.65, 0.925));
 }
 .sdk-edit-mode-on .gd-resize-overlay.error {
-  background: var(--gd-palette-primary-base-mix15-white, rgba(220, 243, 251, 0.925));
+  background: var(--gd-palette-primary-base-mix15-white, rgba(219.75, 243.45, 250.65, 0.925));
 }
 .sdk-edit-mode-on .gd-resize-overlay.squared {
   top: 0;

package/styles/css/topBar.css

@@ -4,7 +4,6 @@
    Variables, mixins, silent classes etc.
    ========================================================================== */
 .dash-header {
-  min-height: 1px;
   position: relative;
   display: flex;
   align-items: center;
@@ -13,6 +12,7 @@
   border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   border-bottom-color: var(--gd-dashboards-title-borderColor, var(--gd-palette-complementary-3, #dde4eb));
   background: var(--gd-dashboards-title-backgroundColor, var(--gd-palette-complementary-0, #fff));
+  min-height: 1px;
 }
 .dash-header::after {
   content: ".";

package/styles/css/topBar.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/topBar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACOA;EF4FI,YADwB;EExFxB;EACA;EACA;EACA;EACA;EACA,eC6DS;ED5DT;EACA,YCwEkC;;AHYlC;EACI;EACA;EACA;EACA;EACA;EACA;;AExFJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCjCwB;;ADoCxB;EACI;EACA;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;AAIR;EACI;EACA;;AAGJ;EAEI,cCvDgB;;AD0DpB;EACI,OErHe;;;AF0HnB;EADJ;IAEQ;;EAEA;IACI;;;;AAKZ;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YC9E8B;ID+E9B;;;AAGJ;EAhBJ;IAiBQ;;;;AAKJ;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI,SGxKW;;;AH4KX;EACI;EACA,OEvIgB","file":"topBar.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/topBar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACOA;EACI;EACA;EACA;EACA;EACA;EACA,eC+DS;ED9DT;EACA,YC0EkC;EHUlC,YADwB;;AAGxB;EACI;EACA;EACA;EACA;EACA;EACA;;AExFJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCjCwB;;ADoCxB;EACI;EACA;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;AAIR;EACI;EACA;;AAGJ;EAEI,cCvDgB;;AD0DpB;EACI,OErHe;;;AF0HnB;EADJ;IAEQ;;EAEA;IACI;;;;AAKZ;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YC9E8B;ID+E9B;;;AAGJ;EAhBJ;IAiBQ;;;;AAKJ;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI,SGxKW;;;AH4KX;EACI;EACA,OEvIgB","file":"topBar.css"}

package/styles/css/visualizationSwitcherToolbar.css

@@ -155,11 +155,11 @@
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active {
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active .gd-vis-switcher-show-more-button {
   display: block;
-  background: var(--gd-palette-primary-dimmed50-from-theme, #b9e8f6);
+  background: var(--gd-palette-primary-dimmed50-from-theme, rgb(184.5, 231.9, 246.3));
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) {
@@ -190,13 +190,13 @@
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover {
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button {
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button:hover {
-  background: var(--gd-palette-primary-dimmed50-from-theme, #b9e8f6);
+  background: var(--gd-palette-primary-dimmed50-from-theme, rgb(184.5, 231.9, 246.3));
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .visualization-title {
   display: flex;

package/styles/scss/dashboard.scss

@@ -293,11 +293,12 @@ $dashboard-menu-item-icon-color: var(--gd-palette-complementary-5-from-theme, #b
     }
 
     &.type-rich-text {
+        min-height: 55px;
+
         .viz-line-family-chart {
             width: 100%;
             min-width: 0;
         }
-        min-height: 55px;
     }
 
     &:hover {

package/styles/scss/dragAndDrop.scss

@@ -7,10 +7,10 @@
 @use "@gooddata/sdk-ui-kit/styles/scss/mixins" as kit-mixins;
 
 .drag-layer {
-    @include kit-mixins.default-styles();
-
     box-sizing: border-box;
     flex-wrap: nowrap;
+
+    @include kit-mixins.default-styles();
 }
 
 .date-filter-button,
@@ -242,6 +242,7 @@
 .new-row-dropzone {
     width: 100%;
     height: 100%;
+    background-color: var(--gd-palette-complementary-0, #fff);
 
     .widget-dropzone-box {
         position: relative;
@@ -287,8 +288,6 @@
             margin-right: 10px;
         }
     }
-
-    background-color: var(--gd-palette-complementary-0, #fff);
 }
 
 .row-hotspot-container {
@@ -586,8 +585,11 @@
     height: 42px;
     padding: 0 10px 0 50px;
     font-size: 12px;
-    border: 1px solid transparentize(variables.$dialog-border, 1);
-    border-color: var(--gd-palette-complementary-5-from-theme, transparentize(variables.$dialog-border, 0.5));
+    border: 1px solid color.adjust(variables.$dialog-border, $alpha: -1);
+    border-color: var(
+        --gd-palette-complementary-5-from-theme,
+        color.adjust(variables.$dialog-border, $alpha: -0.5)
+    );
     border-radius: 2px;
     box-shadow:
         0 1px 3px 0 kit-button-variables.$button-shadow-lighter,
@@ -596,7 +598,7 @@
     color: variables.$gd-color-text;
     background: var(
         --gd-palette-complementary-0-t10,
-        transparentize(kit-variables.$default-gd-color-white, 0.05)
+        color.adjust(kit-variables.$default-gd-color-white, $alpha: -0.05)
     );
 
     &::before {
@@ -622,8 +624,11 @@
 .move-insight-placeholder {
     width: 215px;
     height: 42px;
-    border: 1px solid transparentize(variables.$dialog-border, 1);
-    border-color: var(--gd-palette-complementary-5-from-theme, transparentize(variables.$dialog-border, 0.5));
+    border: 1px solid color.adjust(variables.$dialog-border, $alpha: -1);
+    border-color: var(
+        --gd-palette-complementary-5-from-theme,
+        color.adjust(variables.$dialog-border, $alpha: -0.5)
+    );
     border-radius: 2px;
     box-shadow:
         0 1px 3px 0 kit-button-variables.$button-shadow-lighter,
@@ -631,7 +636,7 @@
     color: variables.$gd-color-text;
     background: var(
         --gd-palette-complementary-0-t10,
-        transparentize(kit-variables.$default-gd-color-white, 0.05)
+        color.adjust(kit-variables.$default-gd-color-white, $alpha: -0.05)
     );
 
     .shortened {

package/styles/scss/topBar.scss

@@ -11,8 +11,6 @@ $gd-dashboards-section-title-lineColor: var(
 );
 
 .dash-header {
-    @include mixins.clearfix();
-
     position: relative;
     display: flex;
     align-items: center;
@@ -22,6 +20,8 @@ $gd-dashboards-section-title-lineColor: var(
     border-bottom-color: var(--gd-dashboards-title-borderColor, kit-variables.$gd-border-color);
     background: variables.$gd-dashboards-title-backgroundColor;
 
+    @include mixins.clearfix();
+
     .dash-control-buttons {
         display: flex;
         flex: 0 0 auto;