@gooddata/sdk-ui-dashboard 11.65.0-alpha.2 → 11.65.0-alpha.3

package/styles/css/main.css

@@ -12,7 +12,7 @@
   --gd-palette-complementary-4: #ccd8e2;
   --gd-palette-complementary-5: #b0beca;
   --gd-palette-complementary-6: #94a1ad;
-  --gd-palette-complementary-7: #6d7680;
+  --gd-palette-complementary-7: #6a737d;
   --gd-palette-complementary-8: #464e56;
   --gd-palette-complementary-9: #000;
   --gd-button-borderRadius: 3px;
@@ -97,11 +97,11 @@
   --gd-modal-title-lineColor: var(--gd-palette-complementary-3, #dde4eb);
   --gd-toolbar-borderRadius: 4px;
   --gd-chart-axis-color: var(--gd-palette-complementary-4-from-theme, #ccd6eb);
-  --gd-chart-axis-labelColor: var(--gd-palette-complementary-7, #6d7680);
+  --gd-chart-axis-labelColor: var(--gd-palette-complementary-7);
   --gd-chart-axis-valueColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-chart-backgroundColor: var(--gd-palette-complementary-0, #fff);
   --gd-chart-gridColor: var(--gd-palette-complementary-3-from-theme, #ebebeb);
-  --gd-chart-legendValueColor: var(--gd-palette-complementary-7, #6d7680);
+  --gd-chart-legendValueColor: var(--gd-palette-complementary-7);
   --gd-chart-tooltip-backgroundColor: var(
       --gd-chart-tooltipBackgroundColor,
       var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95))
@@ -121,7 +121,7 @@
   --gd-chart-dataLabel-backplateBorderColor: var(--gd-palette-complementary-3-from-theme, #dde4eb);
   --gd-chart-dataLabel-backplateBorderRadius: 2px;
   --gd-chart-axisColor: var(--gd-palette-complementary-4-from-theme, #ccd6eb);
-  --gd-chart-axisLabelColor: var(--gd-palette-complementary-7, #6d7680);
+  --gd-chart-axisLabelColor: var(--gd-palette-complementary-7);
   --gd-chart-axisValueColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-chart-tooltipBackgroundColor: var(
       --gd-palette-complementary-0-from-theme,
@@ -143,7 +143,7 @@
       --gd-palette-complementary-7-from-theme,
       var(--gd-palette-complementary-8, #464e56)
   );
-  --gd-table-hoverBackgroundColor: var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1));
+  --gd-table-hoverBackgroundColor: var(--gd-palette-complementary-1-from-theme, rgba(106, 115, 125, 0.1));
   --gd-table-loadingIconColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-table-nullValueColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-table-subtotalBackgroundColor: var(
@@ -171,7 +171,7 @@
   --gd-dashboards-content-kpiWidget-dropShadow: var(--gd-dashboards-content-widget-dropShadow, none);
   --gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor: var(
       --gd-palette-complementary-9-from-theme,
-      #6d7680
+      #6a737d
   );
   --gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor: var(--gd-palette-complementary-6, #94a1ad);
   --gd-dashboards-content-kpiWidget-title-color: var(
@@ -852,7 +852,7 @@
 .gd-list-actions-selection-size {
   box-sizing: border-box;
   margin: 1px 0 0 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-list {
@@ -1636,7 +1636,7 @@ button.gd-list-item {
   width: 100%;
   height: 100%;
   min-height: 19px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-rich-text-content textarea {
@@ -1647,7 +1647,7 @@ button.gd-list-item {
   font-size: 14px;
   font-weight: 400;
   font-family: menlo, monaco, consolas, "Courier New", monospace;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   border: none;
   resize: none;
   box-sizing: border-box;
@@ -1676,7 +1676,7 @@ button.gd-list-item {
 
 .gd-rich-text-content-view * {
   margin-top: 0;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-rich-text-content-view a,
@@ -2625,7 +2625,7 @@ button.gd-list-item {
 .gd-list-actions-selection-size {
   box-sizing: border-box;
   margin: 1px 0 0 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-list {
@@ -3198,7 +3198,7 @@ button.gd-list-item {
 
 .gd-input-field::-webkit-input-placeholder,
 .input-text::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -3212,7 +3212,7 @@ button.gd-list-item {
 
 .gd-input-field:-moz-placeholder,
 .input-text:-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -3226,7 +3226,7 @@ button.gd-list-item {
 
 .gd-input-field::-moz-placeholder,
 .input-text::-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -3240,7 +3240,7 @@ button.gd-list-item {
 
 .gd-input-field:-ms-input-placeholder,
 .input-text:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -3259,22 +3259,22 @@ button.gd-list-item {
 
 .gd-input-field:hover::-webkit-input-placeholder,
 .input-text:hover::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-moz-placeholder,
 .input-text:hover:-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover::-moz-placeholder,
 .input-text:hover::-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-ms-input-placeholder,
 .input-text:hover:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:focus,
@@ -3402,7 +3402,7 @@ textarea.gd-input, textarea.input-text {
 .gd-input-icon-clear,
 .searchfield-clear {
   right: 10px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   cursor: pointer;
   padding: 0;
   background: none;
@@ -3482,7 +3482,7 @@ textarea.gd-input, textarea.input-text {
   flex: 0 0 auto;
   margin-right: 20px;
   white-space: nowrap;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
 }
 
@@ -4418,7 +4418,7 @@ textarea.gd-input, textarea.input-text {
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before,
 .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
 .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active::before,
@@ -4465,7 +4465,7 @@ textarea.gd-input, textarea.input-text {
 .button-dropdown:hover .gd-button-icon, .button-dropdown:active::after, .button-dropdown:active::before,
 .button-dropdown:active .gd-button-icon, .button-dropdown.is-active::after, .button-dropdown.is-active::before,
 .button-dropdown.is-active .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 /* Button sizes
@@ -5313,7 +5313,7 @@ input[type=search]::-webkit-search-cancel-button {
   gap: 5px;
   min-width: 0;
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 11px;
   font-weight: 800;
   text-transform: uppercase;
@@ -5575,7 +5575,7 @@ input[type=search]::-webkit-search-cancel-button {
 
 .gd-ui-kit-control-button__title {
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   margin-right: auto;
   max-width: 100%;
   white-space: nowrap;
@@ -6033,7 +6033,7 @@ input[type=search]::-webkit-search-cancel-button {
   margin: 0 0 0 5px;
   flex-grow: 0;
   flex-shrink: 0;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-async-list .gd-attribute-filter-elements-select-item__next.gd-list-item:hover {
@@ -6389,7 +6389,7 @@ div.gd-empty-item-bubble {
 .gd-text-filter-body__label {
   font-size: 12px;
   font-weight: 400;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-text-filter-body__label-with-help {
@@ -6909,7 +6909,7 @@ div.gd-empty-item-bubble {
   margin: 0;
   font-size: 12px;
   line-height: 1.4;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -6960,7 +6960,7 @@ div.gd-empty-item-bubble {
 .gd-attribute-filter-details-bubble__loading {
   margin: 0;
   font-size: 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-attribute-filter-details-bubble__error {
@@ -7133,7 +7133,7 @@ div.gd-empty-item-bubble {
 
 .button-title {
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .button-title .gd-bubble-trigger,
@@ -7149,7 +7149,7 @@ div.gd-empty-item-bubble {
   flex: 0 0 auto;
   max-width: 100%;
   margin-right: 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .overlay .button-title::after {
@@ -8024,7 +8024,7 @@ div.gd-empty-item-bubble {
 .gd-list-actions-selection-size {
   box-sizing: border-box;
   margin: 1px 0 0 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-list {
@@ -8527,7 +8527,7 @@ button.gd-list-item {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-weight: 400;
   line-height: 16px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   cursor: pointer;
   border-bottom: 3px solid transparent;
   font-size: 14px;
@@ -8594,7 +8594,7 @@ button.gd-list-item {
 
 .gd-input-field::-webkit-input-placeholder,
 .input-text::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -8608,7 +8608,7 @@ button.gd-list-item {
 
 .gd-input-field:-moz-placeholder,
 .input-text:-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -8622,7 +8622,7 @@ button.gd-list-item {
 
 .gd-input-field::-moz-placeholder,
 .input-text::-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -8636,7 +8636,7 @@ button.gd-list-item {
 
 .gd-input-field:-ms-input-placeholder,
 .input-text:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -8655,22 +8655,22 @@ button.gd-list-item {
 
 .gd-input-field:hover::-webkit-input-placeholder,
 .input-text:hover::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-moz-placeholder,
 .input-text:hover:-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover::-moz-placeholder,
 .input-text:hover::-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-ms-input-placeholder,
 .input-text:hover:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:focus,
@@ -8798,7 +8798,7 @@ textarea.gd-input, textarea.input-text {
 .gd-input-icon-clear,
 .searchfield-clear {
   right: 10px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   cursor: pointer;
   padding: 0;
   background: none;
@@ -8878,7 +8878,7 @@ textarea.gd-input, textarea.input-text {
   flex: 0 0 auto;
   margin-right: 20px;
   white-space: nowrap;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
 }
 
@@ -9814,7 +9814,7 @@ textarea.gd-input, textarea.input-text {
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before,
 .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
 .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active::before,
@@ -9861,7 +9861,7 @@ textarea.gd-input, textarea.input-text {
 .button-dropdown:hover .gd-button-icon, .button-dropdown:active::after, .button-dropdown:active::before,
 .button-dropdown:active .gd-button-icon, .button-dropdown.is-active::after, .button-dropdown.is-active::before,
 .button-dropdown.is-active .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 /* Button sizes
@@ -10800,7 +10800,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 .gd-dialog:not(.gd-dropdown) .gd-dialog-close.gd-button-link::before,
 .overlay.gd-dialog:not(.gd-dropdown) .gd-dialog-close::before,
 .overlay.gd-dialog:not(.gd-dropdown) .gd-dialog-close.gd-button-link::before {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-dialog:not(.gd-dropdown) .gd-dialog-close:hover, .gd-dialog:not(.gd-dropdown) .gd-dialog-close:focus, .gd-dialog:not(.gd-dropdown) .gd-dialog-close:active,
@@ -11014,7 +11014,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 }
 
 .gd-community-dialog-links li a {
-  color: #6d7680;
+  color: #6a737d;
   text-decoration: underline;
 }
 
@@ -11438,7 +11438,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-date-filter-button .button-title {
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-date-filter-button .button-title .gd-bubble-trigger,
@@ -11452,7 +11452,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .overlay .gd-date-filter-button .button-title {
   flex: 0 0 auto;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   max-width: 100%;
   margin-right: 5px;
 }
@@ -12046,7 +12046,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 .gd-date-range-picker-input-native .gd-date-range-picker-input-field[value=""]::before {
   content: attr(placeholder);
   margin-right: 5px;
-  color: rgba(109, 118, 128, 0.75);
+  color: rgba(106, 115, 125, 0.75);
 }
 
 @media only screen and (min-width: 641px) {
@@ -14418,7 +14418,7 @@ input[type=search]::-webkit-search-cancel-button {
 .gd-list-actions-selection-size {
   box-sizing: border-box;
   margin: 1px 0 0 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-list {
@@ -14991,7 +14991,7 @@ button.gd-list-item {
 
 .gd-input-field::-webkit-input-placeholder,
 .input-text::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -15005,7 +15005,7 @@ button.gd-list-item {
 
 .gd-input-field:-moz-placeholder,
 .input-text:-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -15019,7 +15019,7 @@ button.gd-list-item {
 
 .gd-input-field::-moz-placeholder,
 .input-text::-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -15033,7 +15033,7 @@ button.gd-list-item {
 
 .gd-input-field:-ms-input-placeholder,
 .input-text:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -15052,22 +15052,22 @@ button.gd-list-item {
 
 .gd-input-field:hover::-webkit-input-placeholder,
 .input-text:hover::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-moz-placeholder,
 .input-text:hover:-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover::-moz-placeholder,
 .input-text:hover::-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-ms-input-placeholder,
 .input-text:hover:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:focus,
@@ -15195,7 +15195,7 @@ textarea.gd-input, textarea.input-text {
 .gd-input-icon-clear,
 .searchfield-clear {
   right: 10px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   cursor: pointer;
   padding: 0;
   background: none;
@@ -15275,7 +15275,7 @@ textarea.gd-input, textarea.input-text {
   flex: 0 0 auto;
   margin-right: 20px;
   white-space: nowrap;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
 }
 
@@ -16211,7 +16211,7 @@ textarea.gd-input, textarea.input-text {
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before,
 .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
 .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active::before,
@@ -16258,7 +16258,7 @@ textarea.gd-input, textarea.input-text {
 .button-dropdown:hover .gd-button-icon, .button-dropdown:active::after, .button-dropdown:active::before,
 .button-dropdown:active .gd-button-icon, .button-dropdown.is-active::after, .button-dropdown.is-active::before,
 .button-dropdown.is-active .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 /* Button sizes
@@ -16854,7 +16854,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   gap: 5px;
   min-width: 0;
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 11px;
   font-weight: 800;
   text-transform: uppercase;
@@ -17116,7 +17116,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-ui-kit-control-button__title {
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   margin-right: auto;
   max-width: 100%;
   white-space: nowrap;
@@ -17574,7 +17574,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   margin: 0 0 0 5px;
   flex-grow: 0;
   flex-shrink: 0;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-async-list .gd-attribute-filter-elements-select-item__next.gd-list-item:hover {
@@ -17930,7 +17930,7 @@ div.gd-empty-item-bubble {
 .gd-text-filter-body__label {
   font-size: 12px;
   font-weight: 400;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-text-filter-body__label-with-help {
@@ -18450,7 +18450,7 @@ div.gd-empty-item-bubble {
   margin: 0;
   font-size: 12px;
   line-height: 1.4;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -18501,7 +18501,7 @@ div.gd-empty-item-bubble {
 .gd-attribute-filter-details-bubble__loading {
   margin: 0;
   font-size: 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-attribute-filter-details-bubble__error {
@@ -19750,7 +19750,7 @@ div.gd-empty-item-bubble {
 
 .gd-input-field::-webkit-input-placeholder,
 .input-text::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -19764,7 +19764,7 @@ div.gd-empty-item-bubble {
 
 .gd-input-field:-moz-placeholder,
 .input-text:-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -19778,7 +19778,7 @@ div.gd-empty-item-bubble {
 
 .gd-input-field::-moz-placeholder,
 .input-text::-moz-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -19792,7 +19792,7 @@ div.gd-empty-item-bubble {
 
 .gd-input-field:-ms-input-placeholder,
 .input-text:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  color: var(--gd-palette-complementary-6-from-theme, rgba(106, 115, 125, 0.75));
   -moz-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
@@ -19811,22 +19811,22 @@ div.gd-empty-item-bubble {
 
 .gd-input-field:hover::-webkit-input-placeholder,
 .input-text:hover::-webkit-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-moz-placeholder,
 .input-text:hover:-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover::-moz-placeholder,
 .input-text:hover::-moz-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:hover:-ms-input-placeholder,
 .input-text:hover:-ms-input-placeholder {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-input-field:focus,
@@ -19954,7 +19954,7 @@ textarea.gd-input, textarea.input-text {
 .gd-input-icon-clear,
 .searchfield-clear {
   right: 10px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   cursor: pointer;
   padding: 0;
   background: none;
@@ -20034,7 +20034,7 @@ textarea.gd-input, textarea.input-text {
   flex: 0 0 auto;
   margin-right: 20px;
   white-space: nowrap;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
 }
 
@@ -20970,7 +20970,7 @@ textarea.gd-input, textarea.input-text {
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before,
 .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
 .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active::before,
@@ -21017,7 +21017,7 @@ textarea.gd-input, textarea.input-text {
 .button-dropdown:hover .gd-button-icon, .button-dropdown:active::after, .button-dropdown:active::before,
 .button-dropdown:active .gd-button-icon, .button-dropdown.is-active::after, .button-dropdown.is-active::before,
 .button-dropdown.is-active .gd-button-icon {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 /* Button sizes
@@ -21292,7 +21292,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 .gd-mvf-dropdown-body.gd-is-mobile .gd-mvf-operator-dropdown-label {
   font-size: 14px;
   line-height: 20px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-mvf-dropdown-body.gd-is-mobile .gd-mvf-operator-dropdown-button {
@@ -21427,7 +21427,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-mvf-operator-dropdown-label {
   font-size: 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-mvf-condition-header {
@@ -21638,7 +21638,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 }
 
 .gd-mvf-operator-mobile-header__label {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
@@ -21657,7 +21657,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-mvf-operator-mobile-header__chevron {
   flex: 0 0 auto;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 16px;
 }
 
@@ -21695,7 +21695,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 .gd-mvf-dimensionality-header label {
   font-size: 12px;
   line-height: 20px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-mvf-dimensionality-items {
@@ -21787,7 +21787,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   gap: 5px;
   min-width: 0;
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 11px;
   font-weight: 800;
   text-transform: uppercase;
@@ -21852,7 +21852,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   margin: 0;
   font-size: 12px;
   line-height: 1.4;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -21890,7 +21890,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 .gd-mvf-details-bubble__loading {
   margin: 0;
   font-size: 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-mvf-details-bubble__error {
@@ -22327,7 +22327,7 @@ figure {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-weight: 400;
   line-height: 1.8rem;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 10px;
   text-transform: uppercase;
 }
@@ -22336,7 +22336,7 @@ figure {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-weight: 400;
   line-height: 1.8rem;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
 }
 
@@ -22344,7 +22344,7 @@ figure {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-weight: 400;
   line-height: 1.8rem;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 12px;
 }
 
@@ -22549,7 +22549,7 @@ figure {
   cursor: pointer;
 }
 .gd-fluid-layout-row-header .description:hover .more-link {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-fluid-layout-row-header .description:hover .underline {
   text-decoration: none;
@@ -22621,7 +22621,7 @@ figure {
   padding: 0;
   font-size: 14px;
   line-height: 19px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-fluid-layout-row-header .gd-editable-label-richtext textarea::placeholder {
   color: var(--gd-palette-complementary-6, #94a1ad);
@@ -22997,7 +22997,7 @@ figure {
   opacity: 0.6;
 }
 .kpi-link:focus .kpi-value {
-  color: var(--gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor-from-theme, var(--gd-palette-complementary-7, #6d7680));
+  color: var(--gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor-from-theme, var(--gd-palette-complementary-7));
 }
 .kpi-link .kpi-value .kpi-value-value {
   position: relative;
@@ -23011,7 +23011,7 @@ figure {
   display: block;
 }
 .kpi-link .kpi-value .kpi-link-style-underline::after {
-  border-bottom: 2px solid var(--gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor, var(--gd-palette-complementary-9-from-theme, #6d7680));
+  border-bottom: 2px solid var(--gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor, var(--gd-palette-complementary-9-from-theme, #6a737d));
 }
 .kpi-link .kpi-value.is-empty-value .kpi-value-value::after {
   border-bottom: none;
@@ -23111,7 +23111,7 @@ figure {
   position: absolute;
   top: 15px;
   right: 19px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   cursor: pointer;
 }
 .kpi-alert-dialog .buttons {
@@ -23432,7 +23432,7 @@ figure {
 .kpi-alert-dialog-text + .email-info {
   padding-top: 15px;
   border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-  color: var(--gd-palette-complementary-8-from-theme, #6d7680);
+  color: var(--gd-palette-complementary-8-from-theme, #6a737d);
 }
 @media only screen and (max-width: 320px), only screen and (max-width: 640px) {
   .kpi-alert-dialog-text .underline-dotted {
@@ -23706,7 +23706,7 @@ figure {
   display: flex;
   align-items: baseline;
   height: 28px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-notifications-channels-attachments .gd-attachment-filters-dropdown-button .gd-button-link-dimmed {
   border: none;
@@ -23800,7 +23800,7 @@ figure {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
@@ -24892,6 +24892,86 @@ figure {
   width: 100%;
 }
 
+.gd-dashboard-interaction-lock--active {
+  position: relative;
+}
+
+.gd-dashboard-interaction-lock__content {
+  display: contents;
+}
+
+.gd-dashboard-ai-building-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 5999;
+  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
+  opacity: 0.75;
+}
+
+.gd-dashboard-interaction-composing__status {
+  position: absolute;
+  opacity: 1;
+  top: var(--gd-spacing-20px);
+  left: 50%;
+  z-index: 6001;
+  box-sizing: border-box;
+  min-width: 400px;
+  max-width: calc(100% - 2 * var(--gd-spacing-10px));
+  padding: var(--gd-spacing-10px) var(--gd-spacing-20px);
+  border: 1px solid var(--gd-palette-complementary-3);
+  border-radius: var(--gd-modal-borderRadius);
+  box-shadow: var(--gd-shadow-color) 0 2px 9px, var(--gd-shadow-color) 0 1px 3px;
+  background: var(--gd-palette-complementary-0);
+  color: var(--gd-palette-complementary-8);
+  font-weight: 700;
+  text-align: left;
+  overflow-wrap: anywhere;
+  transform: translateX(-50%);
+  pointer-events: none;
+  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
+}
+.gd-dashboard-interaction-composing__status.hidden {
+  opacity: 0;
+  top: -100px;
+}
+
+.gd-dashboard-ai-composing-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 9999;
+  pointer-events: none;
+}
+.gd-dashboard-ai-composing-overlay svg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.gd-dashboard-ai-composing-overlay rect {
+  fill: none;
+  stroke: var(--gd-palette-primary-base);
+  stroke-width: 2px;
+  stroke-linecap: round;
+}
+.gd-dashboard-ai-composing-overlay__bloom {
+  filter: blur(14px);
+  opacity: 0.5;
+}
+.gd-dashboard-ai-composing-overlay__bloom rect {
+  stroke-width: 12px;
+}
+.gd-dashboard-ai-composing-overlay__glow {
+  filter: blur(5px);
+  opacity: 0.55;
+}
+.gd-dashboard-ai-composing-overlay__glow rect {
+  stroke-width: 6px;
+}
+.gd-dashboard-ai-composing-overlay__tail {
+  opacity: 0.35;
+}
+
 .gd-dashboards-root {
   background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
@@ -24913,9 +24993,6 @@ figure {
 .gd-dashboards-root.gd-flex-container {
   flex-flow: row nowrap;
 }
-.gd-dashboards-root.gd-flex-container.sdk-dashboard-generating .sdk-dashboard-navigation-placeholder {
-  display: none;
-}
 
 .sdk-edit-mode-on > .gd-dashboards-root {
   min-width: 1170px;
@@ -24934,80 +25011,10 @@ figure {
   height: 100%;
 }
 
-.sdk-dashboard-generating .sdk-dashboard-skeleton {
-  margin: -15px -20px 0 -20px;
-  height: 100%;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-skeleton-wrapper {
-  display: flex;
-  flex-direction: column;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-skeleton-top-bar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 48px;
-  padding-left: 15px;
-  padding-right: 11px;
-  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-  border-bottom-color: var(--gd-dashboards-title-borderColor, var(--gd-palette-complementary-3, #dde4eb));
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-skeleton-top-bar .gd-top-bar-buttons {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 10px;
-  height: 48px;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-skeleton-filter-bar {
-  display: flex;
-  justify-content: flex-start;
-  gap: 10px;
-  height: 56px;
-  padding-left: 15px;
-  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-  border-bottom-color: var(--gd-dashboards-filterBar-borderColor, var(--gd-palette-complementary-3, #dde4eb));
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-skeleton-filter-bar .gd-skeleton-filter {
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-  height: 41px;
-  padding-top: 5px;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-dash-content {
-  flex-grow: 1;
-  flex-basis: 0;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-skeleton-content {
-  display: flex;
-  flex: 1;
-  gap: 20px;
-  padding: 30px;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .skeleton-flex {
-  flex: 1;
-}
-.sdk-dashboard-generating .sdk-dashboard-skeleton .gd-react-loading-skeleton.react-loading-skeleton {
-  --base-color: var(
-      --gd-dashboards-title-borderColor-from-theme,
-      var(--gd-palette-complementary-2, #ebeff4)
-  );
-  --highlight-color: var(
-      --gd-dashboards-content-backgroundColor,
-      var(--gd-palette-complementary-0, #fff)
-  );
-}
-@media (forced-colors: active) {
-  .sdk-dashboard-generating .sdk-dashboard-skeleton .gd-react-loading-skeleton.react-loading-skeleton {
-    --base-color: canvastext;
-    --highlight-color: canvas;
-  }
-}
-
 .gd-dash-content {
   flex: 1;
   flex-basis: 100%;
+  position: relative;
 }
 
 .gd-dashboards-root--floating-toolbar .dash-section {
@@ -25152,7 +25159,7 @@ figure {
   min-width: 0;
 }
 .dash-item:hover a.kpi-link .kpi-value {
-  color: var(--gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor, var(--gd-palette-complementary-9-from-theme, #6d7680));
+  color: var(--gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor, var(--gd-palette-complementary-9-from-theme, #6a737d));
 }
 .dash-item:hover a.kpi-link .kpi-value.is-empty-value {
   color: var(--gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor-from-theme, var(--gd-palette-complementary-6-from-theme, inherit));
@@ -25375,7 +25382,7 @@ figure {
   width: 36px;
   height: 36px;
   border-radius: 50%;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   background-color: var(--gd-palette-complementary-2, #ebeff4);
   cursor: pointer;
   transition: 0.2s;
@@ -25811,14 +25818,6 @@ figure {
   background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-kpi-placeholder.svg");
 }
 
-.add-attribute-filter-placeholder.disabled::before {
-  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.svg");
-}
-
-.add-attribute-filter-placeholder::before {
-  background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
-}
-
 .gd-fluid-layout .dropzone {
   z-index: 99;
 }
@@ -26439,7 +26438,7 @@ figure {
 
 .gd-dash-header-wrapper {
   z-index: 100;
-  transition: left 0.5s;
+  transition: left 0.3s;
 }
 .gd-dash-header-wrapper.gd-dash-header-wrapper-sdk-8-12 {
   z-index: 6000;
@@ -26447,7 +26446,7 @@ figure {
 .is-dashboard-loading .gd-dash-header-wrapper {
   z-index: 0;
   animation-delay: 1s;
-  animation-duration: 0.5s;
+  animation-duration: 0.3s;
   animation-fill-mode: forwards;
   opacity: 0;
 }
@@ -26675,7 +26674,7 @@ figure {
 }
 .attr-filter-dropzone-box:hover {
   border-color: var(--gd-palette-complementary-5-from-theme, rgba(176, 190, 202, 0.85));
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .attr-filter-dropzone-box .attr-filter-dropzone-box-inner {
   display: flex;
@@ -27049,7 +27048,7 @@ figure {
   margin-left: 5px;
 }
 .gd-filter-view__item .gd-filter-view__item__button--delete .gd-button-icon::before {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-filter-view__item .gd-filter-view__item__button--delete:hover .gd-button-icon::before {
   color: #e54d42;
@@ -27135,7 +27134,7 @@ figure {
   font-size: 16px;
   color: var(--gd-dashboards-navigation-item-color, var(--gd-palette-complementary-8-from-theme, #94a1ad));
   background-color: var(--gd-dashboards-navigation-backgroundColor, var(--gd-palette-complementary-1-from-theme, #303442));
-  transition: left 0.5s, width 0.5s;
+  transition: left 0.3s, width 0.3s;
 }
 
 .grouped-navigation-header,
@@ -27280,7 +27279,7 @@ figure {
   flex: 0 0 auto;
   max-width: 100%;
   margin-right: 5px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .grouped-navigation-list-item a, .grouped-navigation-list-item a:hover, .grouped-navigation-list-item a:focus, .grouped-navigation-list-item a:active {
   text-decoration: none;
@@ -28160,7 +28159,7 @@ figure {
   font-size: 14px;
   font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
   line-height: 19px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   padding: 0;
 }
 .configuration-panel .gd-rich-text-insight-description .gd-bubble-trigger {
@@ -28341,7 +28340,7 @@ figure {
   display: block;
   margin-top: 2px;
   font-size: 13px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .sdk-edit-mode-on .configuration-category label + label {
   margin-top: 0;
@@ -28632,7 +28631,7 @@ figure {
 .edit-insight-config .bubble-content .insight-title .original-insight-title {
   max-width: 204px;
   line-height: normal;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 11px;
 }
 .edit-insight-config .bubble-content .insight-title .gd-icon-locked {
@@ -28968,8 +28967,8 @@ figure {
 
 .gd-sidebar-container {
   --sidebar-fade-duration: 0.2s;
-  --sidebar-fade-delay: 0.3s;
-  --sidebar-slide-duration: 0.5s;
+  --sidebar-fade-delay: 0.1s;
+  --sidebar-slide-duration: 0.3s;
   position: sticky;
   top: 0;
   width: 230px;
@@ -28990,7 +28989,7 @@ figure {
 
 .gd-dashboards-root > .gd-ui-kit-resizable-sidebar,
 .gd-dashboards-root > .gd-ui-kit-resizable-sidebar__expand-trigger {
-  --resizable-sidebar-slide-duration: 0.5s;
+  --resizable-sidebar-slide-duration: 0.3s;
   z-index: 6001;
 }
 
@@ -29031,6 +29030,10 @@ figure {
 .gd-sidebar-panel--collapsible .add-item-placeholder::before {
   background-size: 18px auto;
 }
+.gd-sidebar-panel--collapsible .add-item-placeholder__icon {
+  width: 30px;
+  margin-right: 6px;
+}
 .gd-sidebar-panel--collapsible .configuration-panel {
   padding-top: 0;
 }
@@ -29047,7 +29050,7 @@ figure {
   display: flex;
   flex-direction: column;
   gap: 5px;
-  padding: 0 8px;
+  padding: 0 10px;
 }
 .gd-sidebar-panel--collapsible .configuration-category {
   margin-bottom: 0;
@@ -29064,9 +29067,9 @@ figure {
   transition: opacity var(--sidebar-fade-duration);
 }
 .gd-sidebar-container--rail .gd-sidebar-panel--collapsible .add-item-placeholder {
-  transition: color var(--sidebar-fade-duration) var(--sidebar-fade-delay);
+  transition: color var(--sidebar-fade-duration);
 }
-.gd-sidebar-container--rail .gd-sidebar-panel--collapsible .add-item-placeholder svg {
+.gd-sidebar-container--rail .gd-sidebar-panel--collapsible .add-item-placeholder svg:not(.add-item-placeholder__icon svg) {
   transition: transform var(--sidebar-slide-duration);
 }
 .gd-sidebar-container--rail .gd-sidebar-panel--collapsible .add-item-placeholder::before {
@@ -29077,7 +29080,7 @@ figure {
 }
 .gd-sidebar-container--rail .gd-sidebar-panel--collapsible .gd-creation-panel-header h2,
 .gd-sidebar-container--rail .gd-sidebar-panel--collapsible .gd-visualizations-list {
-  transition: opacity var(--sidebar-fade-duration) var(--sidebar-fade-delay);
+  transition: opacity var(--sidebar-fade-duration);
 }
 .gd-sidebar-container--rail .gd-sidebar-panel--collapsible .configuration-category-vis {
   position: relative;
@@ -29109,12 +29112,15 @@ figure {
   color: transparent;
   transition: color var(--sidebar-fade-duration), padding 0s linear var(--sidebar-fade-duration);
 }
-.gd-sidebar-container--rail.gd-sidebar-container--collapsed .gd-sidebar-panel--collapsible .add-item-placeholder.add-panel-item svg {
+.gd-sidebar-container--rail.gd-sidebar-container--collapsed .gd-sidebar-panel--collapsible .add-item-placeholder.add-panel-item svg:not(.add-item-placeholder__icon svg) {
   transform: translateX(calc(-50% + 1px));
 }
 .gd-sidebar-container--rail.gd-sidebar-container--collapsed .gd-sidebar-panel--collapsible .add-item-placeholder::before {
   width: 32px;
 }
+.gd-sidebar-container--rail.gd-sidebar-container--collapsed .gd-sidebar-panel--collapsible .add-item-placeholder:not(.disabled) .add-item-placeholder__icon {
+  --gd-icon-fill-color: var(--gd-palette-complementary-7);
+}
 .gd-sidebar-container--rail.gd-sidebar-container--collapsed .gd-sidebar-panel--collapsible .add-item-placeholder.add-panel-item .gd-add-item-placeholder-help-trigger {
   display: none;
 }
@@ -29147,7 +29153,7 @@ figure {
 .gd-sidebar-rail-search {
   position: absolute;
   top: 21px;
-  left: 8px;
+  left: 10px;
   opacity: 0;
   visibility: hidden;
   transition: opacity var(--sidebar-fade-duration), visibility 0s linear var(--sidebar-fade-duration);
@@ -29209,7 +29215,7 @@ figure {
   gap: 10px;
   justify-content: space-between;
 }
-.add-item-placeholder.add-panel-item svg {
+.add-item-placeholder.add-panel-item svg:not(.add-item-placeholder__icon svg) {
   margin: 0 14px;
 }
 .add-item-placeholder.add-panel-item::before {
@@ -29232,6 +29238,24 @@ figure {
 .add-item-placeholder span {
   flex: 1 1 auto;
 }
+.add-item-placeholder:has(> .add-item-placeholder__icon) {
+  padding-left: 0;
+}
+.add-item-placeholder:has(> .add-item-placeholder__icon)::before {
+  content: none;
+}
+.add-item-placeholder.disabled .add-item-placeholder__icon {
+  --gd-icon-fill-color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.add-item-placeholder__icon {
+  --gd-icon-fill-color: var(--gd-palette-complementary-6, #94a1ad);
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  width: 50px;
+}
 
 .gd-visualizations-related-header {
   display: flex;
@@ -29773,7 +29797,7 @@ figure {
   margin: 0 10px 10px;
 }
 .attribute-filter-dropdown-configuration .configuration-selection-kind .configuration-selection-kind-label {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 12px;
   line-height: 20px;
   flex-shrink: 0;
@@ -29913,7 +29937,7 @@ figure {
   text-align: center;
   cursor: pointer;
   line-height: 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .attribute-filter__limit__item:hover .attribute-filter__limit__item__delete {
   visibility: visible;
@@ -29998,7 +30022,7 @@ figure {
 }
 
 .attribute-filter__limit__popup__action-select__description {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .attribute-filter__limit__popup__action-select__icon::before {
@@ -30439,7 +30463,7 @@ figure {
 .gd-drill-item-selector-dropdown .gd-drill-item-selector-header {
   position: relative;
   padding: 9px 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   background: var(--gd-palette-complementary-2, #ebeff4);
   font-size: 12px;
 }
@@ -30496,7 +30520,7 @@ figure {
   padding: 0 12px 0 35px;
   font-size: 12px;
   text-decoration: none;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-drill-item-selector-dropdown .gd-drill-measure-selector-list-item::before,
 .gd-drill-item-selector-dropdown .gd-drill-metric-selector-list-item::before,
@@ -30543,7 +30567,7 @@ figure {
   font-style: normal;
   font-weight: 400;
   line-height: 18px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .attribute-hierarchy-list-item {
@@ -30739,7 +30763,7 @@ figure {
 .drill-config-target .drill-config-target-box .empty-attribute-hierarchy-info-content a.gd-button-link-dimmed {
   position: absolute;
   bottom: -1px;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
@@ -30762,7 +30786,7 @@ figure {
   gap: 8px;
 }
 .drill-config-target .drill-config-target-box .gd-drill-target-tab-selector-container .gd-drill-target-tab-selector__label {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   padding-top: 5px;
 }
 .drill-config-target .drill-config-target-box .gd-drill-target-tab-selector-container .gd-tabs-dropdown-button {
@@ -30777,11 +30801,11 @@ figure {
 }
 
 .drill-config-item-target {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .drill-config-item-intro {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .drill-config-item-intro .addon {
   color: var(--gd-palette-complementary-6, #94a1ad);
@@ -31351,7 +31375,7 @@ figure {
   gap: 8px;
 }
 .gd-visualization-switcher-widget-empty-content .gd-typography--p {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 
 .gd-visualization-switcher-visible-visualization {
@@ -31562,7 +31586,7 @@ figure {
   display: flex;
   gap: 5px;
   line-height: 1.8rem;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-edit-alert__measure-info .inlineBubbleHelp {
   font-size: 12px;
@@ -31943,7 +31967,7 @@ figure {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   font-size: 14px;
 }
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .status {
@@ -32182,7 +32206,7 @@ figure {
 }
 .gd-dashboard-nested-layout-widget .is-selectable.dash-item-content:not(.is-selected):hover > .gd-dashboard-nested-layout-widget-visualization-content:first-child > .gd-dashboard-nested-layout-tab:not(.is-selected), .gd-dashboard-nested-layout-widget .is-selectable.dash-item-content.is-dragging-widget .gd-dashboard-nested-layout-tab {
   display: flex;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-dashboard-nested-layout-widget .is-selectable.dash-item-content:not(.is-selected):hover > .gd-dashboard-nested-layout-widget-visualization-content:first-child > .gd-dashboard-nested-layout-tab:not(.is-selected) .gd-dashboard-nested-layout-tab__text, .gd-dashboard-nested-layout-widget .is-selectable.dash-item-content.is-dragging-widget .gd-dashboard-nested-layout-tab .gd-dashboard-nested-layout-tab__text {
@@ -32400,7 +32424,7 @@ figure {
   font-size: 12px;
   line-height: 17px;
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
 }
 .gd-dashboard-settings-dialog .configuration-category-item {
   display: flex;
@@ -32523,7 +32547,7 @@ figure {
   margin-top: 10px;
 }
 .gd-automation-filters__use-filters-checkbox .input-label-text {
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-7);
   display: flex;
 }
 .gd-automation-filters__use-filters-checkbox .input-label-text .gd-ui-kit-tooltip__anchor {