@gooddata/sdk-ui-dashboard 11.57.0-alpha.1 → 11.57.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, rgb(252.4, 237.2, 236.1));
+  background-color: var(--gd-palette-error-dimmed, rgb(98.9803921569%, 93.0196078431%, 92.5882352941%));
 }
 .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, rgb(252.4, 237.2, 236.1));
+  background-color: var(--gd-palette-error-dimmed, rgb(98.9803921569%, 93.0196078431%, 92.5882352941%));
   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, rgb(252.4, 237.2, 236.1));
+  background-color: var(--gd-palette-error-dimmed, rgb(98.9803921569%, 93.0196078431%, 92.5882352941%));
 }
 .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, rgb(252.4, 237.2, 236.1));
+  background-color: var(--gd-palette-error-dimmed, rgb(98.9803921569%, 93.0196078431%, 92.5882352941%));
 }
 .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(219.75, 243.45, 250.65, 0.925));
+  background-color: var(--gd-palette-primary-base-mix15-white, rgba(86.1764705882%, 95.4705882353%, 98.2941176471%, 0.925));
 }
 .sdk-edit-mode-on .gd-resize-overlay.error {
-  background: var(--gd-palette-primary-base-mix15-white, rgba(219.75, 243.45, 250.65, 0.925));
+  background: var(--gd-palette-primary-base-mix15-white, rgba(86.1764705882%, 95.4705882353%, 98.2941176471%, 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, rgb(231.5, 247.3, 252.1));
+  background-color: var(--gd-palette-primary-dimmed, rgb(90.7843137255%, 96.9803921569%, 98.862745098%));
 }
 .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, rgb(184.5, 231.9, 246.3));
+  background: var(--gd-palette-primary-dimmed50-from-theme, rgb(72.3529411765%, 90.9411764706%, 96.5882352941%));
   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, rgb(231.5, 247.3, 252.1));
+  background-color: var(--gd-palette-primary-dimmed, rgb(90.7843137255%, 96.9803921569%, 98.862745098%));
 }
 .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, rgb(184.5, 231.9, 246.3));
+  background: var(--gd-palette-primary-dimmed50-from-theme, rgb(72.3529411765%, 90.9411764706%, 96.5882352941%));
 }
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .visualization-title {
   display: flex;

package/styles/scss/filterBar.scss

@@ -152,7 +152,6 @@ $attribute-filter-drag-handle-left: 10px;
 .dash-filters-all {
     $default_padding: 10px;
     $default_space: 3px;
-    $filter_item_height: 41px; // `.attribute-filter-button` in sdk-ui-filters, which exports no variable
 
     position: relative;
     width: calc(100% - 150px); // minus filters configuration buttons panel width
@@ -221,8 +220,7 @@ $attribute-filter-drag-handle-left: 10px;
     }
 
     .dash-filters-restricted {
-        display: inline-block;
-        vertical-align: top;
+        display: flex;
         margin: 7px 11px 7px $default_space;
     }
 
@@ -231,25 +229,36 @@ $attribute-filter-drag-handle-left: 10px;
         display: inline-flex;
         align-items: center;
         gap: 5px;
-        min-height: $filter_item_height;
-        padding: 4px 10px;
+        padding: 6px 10px;
+        border: none;
         border-radius: var(--gd-message-warning-borderRadius, 3px);
         background: var(
             --gd-message-warning-backgroundColor,
             var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15))
         );
         color: var(--gd-message-warning-textColor, kit-variables.$gd-palette-warning-base);
+        font-family: inherit;
         font-size: 12px;
         line-height: 16px;
         white-space: nowrap;
         cursor: default;
 
+        &--actionable {
+            cursor: pointer;
+        }
+
         .gd-icon-lock {
             font-size: 14px;
         }
     }
 }
 
+.dash-filters-restricted-tooltip {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+}
+
 .button-filter-bar-show-all {
     height: 24px;
     padding: 5px 24px;