@gooddata/sdk-ui-dashboard 11.56.0-alpha.1 → 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/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/dragAndDrop.scss

@@ -585,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,
@@ -595,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 {
@@ -621,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,
@@ -630,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 {