@gooddata/sdk-ui-ext 10.17.0-alpha.7 → 10.17.0-alpha.8

package/styles/internal/css/repeater.css

@@ -3542,7 +3542,7 @@
 
 .gd-repeater.ag-theme-balham {
   -webkit-font-smoothing: antialiased;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
   font-size: 12px;
   line-height: normal;
@@ -3873,7 +3873,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-drag-handle {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-list-item, .gd-repeater.ag-theme-balham .ag-virtual-list-item {
@@ -3913,7 +3913,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-list-item.ag-active-item {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 
 .gd-repeater.ag-theme-balham .ag-select-list-item {
@@ -3983,7 +3983,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-rich-select-virtual-list-item:hover {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 
 .gd-repeater.ag-theme-balham .ag-rich-select-row {
@@ -3998,7 +3998,7 @@
 .gd-repeater.ag-theme-balham .ag-selection-checkbox,
 .gd-repeater.ag-theme-balham .ag-group-expanded,
 .gd-repeater.ag-theme-balham .ag-group-contracted {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-ltr .ag-row-drag, .gd-repeater.ag-theme-balham .ag-ltr .ag-selection-checkbox, .gd-repeater.ag-theme-balham .ag-ltr .ag-group-expanded, .gd-repeater.ag-theme-balham .ag-ltr .ag-group-contracted {
@@ -4024,7 +4024,7 @@
 .gd-repeater.ag-theme-balham .ag-group-title-bar-icon {
   cursor: pointer;
   flex: none;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-ltr .ag-group-child-count {
@@ -4093,7 +4093,7 @@
   margin-left: -3px;
   margin-top: -4px;
   border-radius: 3px;
-  background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-picker-field-wrapper {
@@ -4108,7 +4108,7 @@
 
 .gd-repeater.ag-theme-balham .ag-picker-field-button {
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-dialog.ag-color-dialog {
@@ -4191,7 +4191,7 @@
   padding: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   height: 32px !important;
   line-height: 32px;
   margin: 0;
@@ -4201,7 +4201,7 @@
 
 .gd-repeater.ag-theme-balham .ag-dnd-ghost-icon {
   margin-right: 4px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-popup-child:not(.ag-tooltip-custom) {
@@ -4223,7 +4223,7 @@
 
 .gd-repeater.ag-theme-balham .ag-panel-title-bar {
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
   height: 32px;
   padding: 4px 12px;
 }
@@ -4238,7 +4238,7 @@
 
 .gd-repeater.ag-theme-balham .ag-tooltip {
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   padding: 4px;
   border-radius: 2px;
   transition: opacity 1s;
@@ -6831,7 +6831,7 @@
 .gd-repeater.ag-theme-balham .ag-row {
   height: 28px;
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   border-width: 1px;
   border-color: rgba(26, 26, 26, 0);
   border-bottom-style: solid;
@@ -6873,7 +6873,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-row-hover {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 
 .gd-repeater.ag-theme-balham .ag-column-hover {
@@ -7178,7 +7178,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-menu-option-active, .gd-repeater.ag-theme-balham .ag-compact-menu-option-active {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 
 .gd-repeater.ag-theme-balham .ag-menu-option-part, .gd-repeater.ag-theme-balham .ag-compact-menu-option-part {
@@ -7260,7 +7260,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-menu-header {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-filter-separator {
@@ -7395,7 +7395,7 @@
   padding-top: 16px;
   width: 20px;
   position: relative;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   overflow: hidden;
 }
 
@@ -7730,7 +7730,7 @@
 
 .gd-repeater.ag-theme-balham .ag-column-group-icons,
 .gd-repeater.ag-theme-balham .ag-column-select-header-icon {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-column-select-list .ag-list-item-hovered::after {
@@ -7757,7 +7757,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-header-row {
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
   height: 32px;
 }
 
@@ -7835,7 +7835,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-header-icon {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-header-expand-icon {
@@ -7863,7 +7863,7 @@
 .gd-repeater.ag-theme-balham .ag-header-group-cell:first-of-type.ag-column-resizing,
 .gd-repeater.ag-theme-balham .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
 .gd-repeater.ag-theme-balham .ag-header-cell:first-of-type.ag-column-resizing {
-  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
+  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
 }
 
 .gd-repeater.ag-theme-balham .ag-header-cell::after,
@@ -7928,7 +7928,7 @@
 .gd-repeater.ag-theme-balham .ag-paging-panel {
   border-top: 1px solid;
   border-top-color: transparent;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   height: 32px;
 }
 
@@ -7973,7 +7973,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-status-name-value-value {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-status-bar-center {
@@ -8019,7 +8019,7 @@
 .gd-repeater.ag-theme-balham .ag-column-drop-cell-button {
   min-width: 16px;
   margin: 0 2px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-column-drop-cell-drag-handle {
@@ -8032,7 +8032,7 @@
 
 .gd-repeater.ag-theme-balham .ag-column-drop-horizontal {
   background-color: #f5f7f7;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   height: 28px;
 }
 
@@ -8046,7 +8046,7 @@
 
 .gd-repeater.ag-theme-balham .ag-column-drop-horizontal-cell-separator {
   margin: 0 4px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-horizontal-icon {
@@ -8137,7 +8137,7 @@
   margin: 2px 0;
   cursor: pointer;
   border-radius: 2px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-chart-menu-icon:hover {
@@ -8177,7 +8177,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-chart-settings-card-item {
-  background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   width: 8px;
   height: 8px;
   border-radius: 4px;
@@ -8564,7 +8564,7 @@
 .gd-repeater.ag-theme-balham .ag-header-row,
 .gd-repeater.ag-theme-balham .ag-multi-filter-group-title-bar {
   font-weight: 600;
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
 }
 
 .gd-repeater.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]),
@@ -8618,7 +8618,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-column-drop-vertical-title {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-column-drop-vertical-cell {
@@ -8631,7 +8631,7 @@
 }
 
 .gd-repeater.ag-theme-balham .ag-column-drop-vertical-icon {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 
 .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message {
@@ -8664,7 +8664,7 @@
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
   border: 1px solid;
   border-color: transparent;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   padding: 16px;
 }
 
@@ -8750,7 +8750,7 @@
 
 .gd-repeater.ag-theme-balham .ag-cell, .gd-repeater.ag-theme-balham .ag-cell.ag-cell-focus {
   border-top: 1px dashed transparent;
-  border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
   border-right: none;
   border-left: none;
 }
@@ -8766,19 +8766,19 @@
 }
 
 .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-total:hover {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2))) !important;
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2))) !important;
   cursor: default;
 }
 
 .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-subtotal:hover {
-  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1))) !important;
+  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1))) !important;
   cursor: default;
 }
 
 .gd-repeater.ag-theme-balham .ag-header-cell,
 .gd-repeater.ag-theme-balham .gd-column-group-header {
   border-bottom: 1px dashed transparent;
-  border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 
 .gd-repeater.ag-theme-balham .ag-header-cell.gd-column-group-header--subtotal,
@@ -8794,7 +8794,7 @@
 .gd-repeater.ag-theme-balham .gd-transpose-header,
 .gd-repeater.ag-theme-balham .gd-transpose-header.ag-cell-focus {
   border-left: 1px dashed transparent;
-  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 
 .gd-repeater.ag-theme-balham .gd-column-subtotal.gd-transpose-header, .gd-repeater.ag-theme-balham .gd-column-subtotal.gd-transpose,
@@ -8805,7 +8805,7 @@
 .gd-repeater.ag-theme-balham .gd-mixed-values-column.gd-transpose-header,
 .gd-repeater.ag-theme-balham .gd-mixed-values-column.gd-transpose {
   border-left: 1px dashed transparent;
-  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 
 .gd-repeater.ag-theme-balham .gd-column-index-0,
@@ -8862,7 +8862,7 @@
 
 .gd-repeater.ag-theme-balham .gd-column-group-header:hover .gd-pivot-table-header-label--clickable,
 .gd-repeater.ag-theme-balham .gd-column-group-header:hover .gd-pivot-table-header-menu ~ .gd-pivot-table-header-label {
-  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
+  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
 }
 
 .gd-repeater.ag-theme-balham .gd-column-group-header:hover .ag-header-cell-resize {
@@ -8880,21 +8880,21 @@
 }
 
 .gd-repeater.ag-theme-balham .gd-column-total {
-  border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
-  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
+  border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
+  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
   font-weight: bold;
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
 }
 
 .gd-repeater.ag-theme-balham .gd-row-total {
   border-bottom-color: transparent;
-  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
+  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
   font-weight: bold;
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
 }
 
 .gd-repeater.ag-theme-balham .gd-row-total, .gd-repeater.ag-theme-balham .gd-row-total.ag-cell-focus {
-  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 
 .gd-repeater.ag-theme-balham .gd-column-subtotal {
@@ -8904,31 +8904,31 @@
 
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal {
   font-weight: bold;
-  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-even {
-  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.15)));
+  background-color: var(--gd-table-subtotalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.15)));
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-odd {
-  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1)));
+  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1)));
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-column-subtotal {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-total-column-subtotal {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
+  background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-column-total {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
+  background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-total-column-total {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.4)));
+  background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.4)));
 }
 
 .gd-repeater.ag-theme-balham .gd-column-merged {
@@ -8936,7 +8936,7 @@
 }
 
 .gd-repeater.ag-theme-balham .gd-table-row-separator {
-  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 
 .gd-repeater.ag-theme-balham .ag-floating-top {
@@ -9031,7 +9031,7 @@
   align-items: flex-end;
   overflow: hidden;
   padding: 0 11px;
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
 }
 
 .gd-pivot-table-header-label--right {
@@ -9092,7 +9092,7 @@
   align-items: center;
   overflow: hidden;
   border-top: 2px solid transparent;
-  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
+  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
   opacity: 0;
   cursor: pointer;
   transition: width 200ms, opacity 100ms;
@@ -9122,12 +9122,12 @@
 }
 
 .gd-pivot-table-header-menu--open:active, .ag-header-cell-sortable .gd-pivot-table-header-menu--open:active {
-  border-color: var(--gd-palette-complementary-5, #b1c1d1);
-  background: var(--gd-palette-complementary-2, #ecf0f5); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5));
+  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
 }
 
 .gd-pivot-table-header-arrow-up, .gd-pivot-table-header-arrow-down {

package/styles/internal/scss/attribute_hierarchies.scss

@@ -1,4 +1,4 @@
-// (C) 2023 GoodData Corporation
+// (C) 2023-2024 GoodData Corporation
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 
 .gd-attribute-hierarchy-detail-panel {
@@ -112,7 +112,7 @@
         padding: 0 20px;
         border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
         border-top: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
-        background-color: var(--gd-palette-complementary-0, #fcfcfd);
+        background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
 
         .attribute-hierarchy-table-title {
             height: 16px;
@@ -147,7 +147,7 @@
             .attribute-item-title .gd-icon-navigatedown {
                 font-size: 16px;
                 font-weight: 400;
-                color: var(--gray-60094-a-1-ad-com-6, #94a1ad);
+                color: var(--gd-palette-complementary-6, #94a1ad);
             }
         }
 
@@ -321,8 +321,8 @@
     border-radius: 3px;
     border-style: solid;
     border-width: 1px;
-    border-color: var(--gd-palette-complementary-3, #c9d5e0);
-    box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)),
+    border-color: var(--gd-palette-complementary-3-from-theme, #c9d5e0);
+    box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.1)),
         0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
     background: var(--gd-palette-complementary-0, #fff);
 }

package/styles/internal/scss/config_panel.scss

@@ -1,6 +1,6 @@
 // (C) 2007-2024 GoodData Corporation
-@use "codemirror";
-@use "codemirror/addon/lint/lint";
+@use "codemirror/lib/codemirror.css";
+@use "codemirror/addon/lint/lint.css";
 @use "sass:color";
 @use "variables.scss";
 @use "@gooddata/sdk-ui-kit/styles/scss/colorPicker";
@@ -195,7 +195,7 @@ $color-picker-spacing: 5px;
         max-height: 150px;
         overflow: hidden;
         border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-        color: var(--gd-palette-complementary-1, #303442);
+        color: var(--gd-palette-complementary-1-from-theme, #303442);
     }
 
     .gd-chart-override-value {

package/styles/internal/scss/variables.scss

@@ -1,4 +1,4 @@
-// (C) 2007-2019 GoodData Corporation
+// (C) 2007-2024 GoodData Corporation
 @use "@gooddata/sdk-ui-kit/styles/scss/variables";
 
 $item-border: 2px;
@@ -61,7 +61,7 @@ $gd-dashboards-content-kpiWidget-dropShadow: var(
     $gd-dashboards-content-widget-dropShadow
 );
 $gd-kpi-primaryMeasureColor: var(
-    --gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor,
+    --gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor-from-theme,
     variables.$gd-color-link
 );
 

package/styles/scss/main.scss

@@ -1,3 +1,6 @@
+// (C) 2024 GoodData Corporation
+
+@use "@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss";
 @use "../internal/scss/dashboard_embedding";
 @use "../internal/scss/user_management_dialogs";
 @use "../internal/scss/attribute_hierarchies";