@gooddata/sdk-ui-dashboard 11.28.0-alpha.0 → 11.28.0-alpha.10

package/styles/css/main.css

@@ -6396,12 +6396,23 @@ input[type=search]::-webkit-search-cancel-button {
   display: flex;
   align-items: center;
   gap: 5px;
+  min-width: 0;
+  overflow: hidden;
   color: var(--gd-palette-complementary-7, #6d7680);
   font-size: 11px;
   font-weight: 800;
   text-transform: uppercase;
   line-height: 15px;
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  padding-right: 5px;
+}
+
+.gd-attribute-filter-dropdown-header__title-text {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .gd-attribute-filter-dropdown-header__title-icon {
@@ -7089,60 +7100,60 @@ div.gd-empty-item-bubble {
   opacity: 1;
 }
 
-.gd-filter-mode-menu__button {
+.gd-filter-menu__button {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: 32px;
-  height: 32px;
+  width: 35px;
+  height: 35px;
 }
 
-.gd-filter-mode-menu__button--icon {
+.gd-filter-menu__button--icon {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
+  width: 35px;
+  height: 35px;
   padding: 0;
 }
 
-.gd-filter-mode-menu__button--icon .gd-ui-kit-icon-button {
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
-  border-radius: var(--gd-button-borderRadius, 3px);
+.gd-filter-menu__button--icon .gd-ui-kit-icon-button {
+  width: 35px;
+  height: 35px;
+  min-width: 35px;
+  border-radius: 0 3px 0 0;
 }
 
-.gd-filter-mode-menu__button--icon:hover .gd-ui-kit-icon-button {
-  background-color: var(--gd-palette-complementary-2, #ebeff4);
+.gd-filter-menu__button--icon:hover .gd-ui-kit-icon-button {
+  background-color: var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.gd-filter-mode-menu__button--icon.is-active .gd-ui-kit-icon-button, .gd-filter-mode-menu__button--icon:active .gd-ui-kit-icon-button {
+.gd-filter-menu__button--icon.is-active .gd-ui-kit-icon-button, .gd-filter-menu__button--icon:active .gd-ui-kit-icon-button {
   background-color: var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.gd-filter-mode-menu__dropdown {
+.gd-filter-menu__dropdown {
   width: var(--tooltipWidth-x, 160px);
   max-height: none;
   box-shadow: 0 2px 20px 0 rgba(20, 56, 93, 0.2);
   border-radius: 3px;
-  padding: 8px 0;
+  padding: 0 0 8px;
 }
 
-.gd-filter-mode-menu__dropdown .gd-ui-kit-listbox {
+.gd-filter-menu__dropdown .gd-ui-kit-listbox {
   min-width: 100%;
   max-height: none;
   overflow-y: hidden;
   padding: 0;
 }
 
-.gd-filter-mode-menu__section {
+.gd-filter-menu__section {
   display: flex;
   align-items: center;
   padding: 10px 10px 2px;
 }
 
-.gd-filter-mode-menu__section-label {
+.gd-filter-menu__section-label {
   display: flex;
   align-items: center;
   gap: 5px;
@@ -7153,7 +7164,7 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-filter-mode-menu__section-icon {
+.gd-filter-menu__section-icon {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7161,13 +7172,13 @@ div.gd-empty-item-bubble {
   height: 16px;
 }
 
-.gd-filter-mode-menu__section-icon .gd-ui-kit-icon-button {
+.gd-filter-menu__section-icon .gd-ui-kit-icon-button {
   width: 16px;
   height: 16px;
   min-width: 16px;
 }
 
-.gd-filter-mode-menu__item.gd-list-item {
+.gd-filter-menu__item.gd-list-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -7183,24 +7194,24 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-filter-mode-menu__item.gd-list-item > *:not(.gd-filter-mode-menu__item-check) {
+.gd-filter-menu__item.gd-list-item > *:not(.gd-filter-menu__item-check) {
   flex: 1 1 auto;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.gd-filter-mode-menu__item.gd-list-item:hover {
+.gd-filter-menu__item.gd-list-item:hover {
   background-color: var(--gd-palette-complementary-1, #f5f8fa);
 }
 
-.gd-filter-mode-menu__item.gd-list-item.is-selected {
+.gd-filter-menu__item.gd-list-item.is-selected {
   background-color: transparent;
   font-weight: 600;
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 
-.gd-filter-mode-menu__item.gd-list-item .gd-filter-mode-menu__item-check {
+.gd-filter-menu__item.gd-list-item .gd-filter-menu__item-check {
   flex: 0 0 auto;
   margin-left: auto;
   margin-right: 5px;
@@ -7208,7 +7219,7 @@ div.gd-empty-item-bubble {
   aspect-ratio: 1/1;
 }
 
-.gd-filter-mode-menu__divider.gd-list-item.gd-list-item-separator {
+.gd-filter-menu__divider.gd-list-item.gd-list-item-separator {
   margin: 4px 0 6px;
 }
 
@@ -7241,7 +7252,7 @@ div.gd-empty-item-bubble {
   align-items: center;
   justify-content: center;
   padding: 0;
-  margin: 5px 0 0 0;
+  margin: 0;
   border: none;
   background: none;
   cursor: help;
@@ -7601,10 +7612,10 @@ div.gd-empty-item-bubble {
   width: 220px;
   margin: -7px -10px;
   padding: 15px;
-  background: var(--gd-palette-complementary-0, #fff);
-  border: 1px solid var(--gd-palette-complementary-3-from-theme, #c9d5e0);
+  background: rgba(255, 255, 255, 0.95);
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   border-radius: var(--gd-modal-borderRadius, 3px);
-  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));
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
 }
 
 .gd-attribute-filter-details-bubble__content {
@@ -7625,7 +7636,7 @@ div.gd-empty-item-bubble {
   font-size: 13px;
   font-weight: 700;
   line-height: 1.4;
-  color: var(--gd-palette-complementary-9, #000);
+  color: var(--gd-palette-complementary-8, #464e56);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -7656,7 +7667,7 @@ div.gd-empty-item-bubble {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
-  color: var(--gd-palette-complementary-9, #000);
+  color: var(--gd-palette-complementary-8, #464e56);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -7664,7 +7675,7 @@ div.gd-empty-item-bubble {
   margin-top: 2px;
   font-size: 12px;
   line-height: 1.5;
-  color: var(--gd-palette-complementary-9, #000);
+  color: var(--gd-palette-complementary-8, #464e56);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -7677,7 +7688,7 @@ div.gd-empty-item-bubble {
   margin-top: 4px;
   font-size: 10px;
   font-weight: 600;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-6, #94a1ad);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -18333,12 +18344,23 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   display: flex;
   align-items: center;
   gap: 5px;
+  min-width: 0;
+  overflow: hidden;
   color: var(--gd-palette-complementary-7, #6d7680);
   font-size: 11px;
   font-weight: 800;
   text-transform: uppercase;
   line-height: 15px;
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  padding-right: 5px;
+}
+
+.gd-attribute-filter-dropdown-header__title-text {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .gd-attribute-filter-dropdown-header__title-icon {
@@ -19026,60 +19048,60 @@ div.gd-empty-item-bubble {
   opacity: 1;
 }
 
-.gd-filter-mode-menu__button {
+.gd-filter-menu__button {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: 32px;
-  height: 32px;
+  width: 35px;
+  height: 35px;
 }
 
-.gd-filter-mode-menu__button--icon {
+.gd-filter-menu__button--icon {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
+  width: 35px;
+  height: 35px;
   padding: 0;
 }
 
-.gd-filter-mode-menu__button--icon .gd-ui-kit-icon-button {
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
-  border-radius: var(--gd-button-borderRadius, 3px);
+.gd-filter-menu__button--icon .gd-ui-kit-icon-button {
+  width: 35px;
+  height: 35px;
+  min-width: 35px;
+  border-radius: 0 3px 0 0;
 }
 
-.gd-filter-mode-menu__button--icon:hover .gd-ui-kit-icon-button {
-  background-color: var(--gd-palette-complementary-2, #ebeff4);
+.gd-filter-menu__button--icon:hover .gd-ui-kit-icon-button {
+  background-color: var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.gd-filter-mode-menu__button--icon.is-active .gd-ui-kit-icon-button, .gd-filter-mode-menu__button--icon:active .gd-ui-kit-icon-button {
+.gd-filter-menu__button--icon.is-active .gd-ui-kit-icon-button, .gd-filter-menu__button--icon:active .gd-ui-kit-icon-button {
   background-color: var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.gd-filter-mode-menu__dropdown {
+.gd-filter-menu__dropdown {
   width: var(--tooltipWidth-x, 160px);
   max-height: none;
   box-shadow: 0 2px 20px 0 rgba(20, 56, 93, 0.2);
   border-radius: 3px;
-  padding: 8px 0;
+  padding: 0 0 8px;
 }
 
-.gd-filter-mode-menu__dropdown .gd-ui-kit-listbox {
+.gd-filter-menu__dropdown .gd-ui-kit-listbox {
   min-width: 100%;
   max-height: none;
   overflow-y: hidden;
   padding: 0;
 }
 
-.gd-filter-mode-menu__section {
+.gd-filter-menu__section {
   display: flex;
   align-items: center;
   padding: 10px 10px 2px;
 }
 
-.gd-filter-mode-menu__section-label {
+.gd-filter-menu__section-label {
   display: flex;
   align-items: center;
   gap: 5px;
@@ -19090,7 +19112,7 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-filter-mode-menu__section-icon {
+.gd-filter-menu__section-icon {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -19098,13 +19120,13 @@ div.gd-empty-item-bubble {
   height: 16px;
 }
 
-.gd-filter-mode-menu__section-icon .gd-ui-kit-icon-button {
+.gd-filter-menu__section-icon .gd-ui-kit-icon-button {
   width: 16px;
   height: 16px;
   min-width: 16px;
 }
 
-.gd-filter-mode-menu__item.gd-list-item {
+.gd-filter-menu__item.gd-list-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -19120,24 +19142,24 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-filter-mode-menu__item.gd-list-item > *:not(.gd-filter-mode-menu__item-check) {
+.gd-filter-menu__item.gd-list-item > *:not(.gd-filter-menu__item-check) {
   flex: 1 1 auto;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.gd-filter-mode-menu__item.gd-list-item:hover {
+.gd-filter-menu__item.gd-list-item:hover {
   background-color: var(--gd-palette-complementary-1, #f5f8fa);
 }
 
-.gd-filter-mode-menu__item.gd-list-item.is-selected {
+.gd-filter-menu__item.gd-list-item.is-selected {
   background-color: transparent;
   font-weight: 600;
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 
-.gd-filter-mode-menu__item.gd-list-item .gd-filter-mode-menu__item-check {
+.gd-filter-menu__item.gd-list-item .gd-filter-menu__item-check {
   flex: 0 0 auto;
   margin-left: auto;
   margin-right: 5px;
@@ -19145,7 +19167,7 @@ div.gd-empty-item-bubble {
   aspect-ratio: 1/1;
 }
 
-.gd-filter-mode-menu__divider.gd-list-item.gd-list-item-separator {
+.gd-filter-menu__divider.gd-list-item.gd-list-item-separator {
   margin: 4px 0 6px;
 }
 
@@ -19178,7 +19200,7 @@ div.gd-empty-item-bubble {
   align-items: center;
   justify-content: center;
   padding: 0;
-  margin: 5px 0 0 0;
+  margin: 0;
   border: none;
   background: none;
   cursor: help;
@@ -19538,10 +19560,10 @@ div.gd-empty-item-bubble {
   width: 220px;
   margin: -7px -10px;
   padding: 15px;
-  background: var(--gd-palette-complementary-0, #fff);
-  border: 1px solid var(--gd-palette-complementary-3-from-theme, #c9d5e0);
+  background: rgba(255, 255, 255, 0.95);
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   border-radius: var(--gd-modal-borderRadius, 3px);
-  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));
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
 }
 
 .gd-attribute-filter-details-bubble__content {
@@ -19562,7 +19584,7 @@ div.gd-empty-item-bubble {
   font-size: 13px;
   font-weight: 700;
   line-height: 1.4;
-  color: var(--gd-palette-complementary-9, #000);
+  color: var(--gd-palette-complementary-8, #464e56);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -19593,7 +19615,7 @@ div.gd-empty-item-bubble {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
-  color: var(--gd-palette-complementary-9, #000);
+  color: var(--gd-palette-complementary-8, #464e56);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -19601,7 +19623,7 @@ div.gd-empty-item-bubble {
   margin-top: 2px;
   font-size: 12px;
   line-height: 1.5;
-  color: var(--gd-palette-complementary-9, #000);
+  color: var(--gd-palette-complementary-8, #464e56);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -19614,7 +19636,7 @@ div.gd-empty-item-bubble {
   margin-top: 4px;
   font-size: 10px;
   font-weight: 600;
-  color: var(--gd-palette-complementary-7, #6d7680);
+  color: var(--gd-palette-complementary-6, #94a1ad);
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
@@ -27070,6 +27092,43 @@ figure {
 .attribute-filter-dropdown-configuration .configuration-selection-mode .selection-mode-dropdown-button {
   width: 100%;
 }
+.attribute-filter-dropdown-configuration .configuration-selection-kind {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin: 0 10px 10px;
+}
+.attribute-filter-dropdown-configuration .configuration-selection-kind .configuration-selection-kind-label {
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-size: 12px;
+  line-height: 20px;
+  flex-shrink: 0;
+}
+.attribute-filter-dropdown-configuration .configuration-selection-kind .selection-kind-dropdown {
+  flex: 1;
+  min-width: 0;
+}
+.attribute-filter-dropdown-configuration .configuration-selection-kind .selection-kind-dropdown-button {
+  width: 100%;
+}
+.attribute-filter-dropdown-configuration .selection-kind-dropdown-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.attribute-filter-dropdown-configuration .selection-kind-dropdown-item .selection-kind-dropdown-item-title {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.attribute-filter-dropdown-configuration .selection-kind-dropdown-item .selection-kind-dropdown-item-help {
+  flex-shrink: 0;
+  cursor: help;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-size: 12px;
+  margin-left: 5px;
+}
 .attribute-filter-dropdown-configuration .configuration-item-mode {
   margin: 0 10px 10px;
 }