@gooddata/sdk-ui-dashboard 11.33.0-alpha.5 → 11.33.0

package/styles/scss/filterBar.scss

@@ -5,7 +5,6 @@
 @use "@gooddata/sdk-ui-kit/styles/scss/Button/variables" as button-variables;
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 @use "@gooddata/sdk-ui-kit/styles/scss/mixins" as mixins;
-@use "@gooddata/sdk-ui-kit/styles/scss/typo-mixins" as typo-mixins;
 
 $attribute-filter-drag-handle-left: 10px;
 
@@ -163,7 +162,8 @@ $attribute-filter-drag-handle-left: 10px;
         width: calc(100% - 225px); // make space for global apply button too
     }
 
-    .dash-filters-date {
+    .dash-filters-date,
+    .dash-filters-mvf {
         max-width: 285px;
     }
 
@@ -354,7 +354,8 @@ $attribute-filter-drag-handle-left: 10px;
     height: 55px;
 }
 
-.draggable-attribute-filter {
+.draggable-attribute-filter,
+.draggable-measure-value-filter {
     position: relative;
     display: flex;
     justify-content: center;
@@ -382,6 +383,17 @@ $attribute-filter-drag-handle-left: 10px;
     }
 }
 
+.dropdown-body .attributes-list-mvf {
+    .gd-dropdown-tabs {
+        border-bottom: 0;
+
+        .gd-tab {
+            margin: 0;
+            padding: 0;
+        }
+    }
+}
+
 .gd-button-small[class*="gd-icon-"].gd-button-icon-only {
     &.gd-configuration-button,
     &.gd-delete-button {
@@ -839,68 +851,3 @@ $attribute-filter-drag-handle-left: 10px;
         overflow-wrap: break-word;
     }
 }
-
-// Dashboard MVF chip. Visually mirrors the AF chip (same box, hover, active gradient) so the
-// filter bar stays consistent. Lives in the dashboard package because the chip is rendered only
-// by `DefaultDashboardMeasureValueFilter` — sdk-ui-filters has no consumer of this class.
-.gd-mvf-dashboard-filter-button__next {
-    @include typo-mixins.gd-font-base;
-
-    position: relative;
-    max-width: 230px;
-    padding: 5px 10px;
-    font-size: 12px;
-    line-height: 16px;
-
-    &::after {
-        content: "";
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        border: 1px solid transparent;
-        background: var(--gd-dashboards-filterBar-filterButton-backgroundColor, transparent);
-        transform: translateZ(-1px);
-        border-radius: 3px;
-    }
-
-    &:hover::after {
-        border-color: button-variables.$button-normal-hover-border-color;
-    }
-
-    &:active,
-    &.gd-is-active {
-        &::after {
-            &,
-            .edit-mode-on & {
-                box-shadow: inset 0 1px 0 0 button-variables.$button-normal-active-shadow;
-                border-color: var(
-                    --gd-palette-complementary-5-from-theme,
-                    button-variables.$button-normal-hover-border-color
-                );
-
-                // refactor
-                // stylelint-disable-next-line max-line-length
-                @include mixins.gradient-linear(
-                    button-variables.$button-normal-active-gradient-top,
-                    button-variables.$button-normal-active-gradient-bottom
-                );
-            }
-        }
-    }
-
-    // Lift inner content above the full-bleed `::after` overlay so the active-state gradient
-    // sits behind the title/subtitle. AF gets this for free from `UiControlButton`; MVF renders
-    // its own DOM, so we need an explicit stacking context here.
-    .gd-attribute-filter-dropdown-button-content__next {
-        position: relative;
-        z-index: 1;
-    }
-
-    // Bold subtitle (condition label). AF gets this from `UiControlButton__subtitle-row`; MVF
-    // renders its own subtitle wrapper, so re-state it here.
-    .gd-attribute-filter-dropdown-button-subtitle__next {
-        font-weight: bold;
-    }
-}