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

package/esm/presentation/filterBar/filterBar/filterViews/FilterViews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterViews.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/filterBar/filterBar/filterViews/FilterViews.tsx"],"names":[],"mappings":"AAwHA,wBAAgB,WAAW,mDA8G1B"}
+{"version":3,"file":"FilterViews.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/filterBar/filterBar/filterViews/FilterViews.tsx"],"names":[],"mappings":"AAkHA,wBAAgB,WAAW,mDA6G1B"}

package/esm/presentation/filterBar/filterBar/filterViews/FilterViews.js

@@ -2,9 +2,9 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // (C) 2024-2026 GoodData Corporation
 import { useCallback, useMemo } from "react";
 import cx from "classnames";
-import { FormattedMessage } from "react-intl";
+import { useIntl } from "react-intl";
 import { v4 as uuid } from "uuid";
-import { DropdownButton, UiReturnFocusOnUnmount, useIdPrefixed, useMediaQuery, } from "@gooddata/sdk-ui-kit";
+import { UiButton, UiReturnFocusOnUnmount, useIdPrefixed, useMediaQuery, } from "@gooddata/sdk-ui-kit";
 import { useDashboardDispatch, useDashboardSelector, } from "../../../../model/react/DashboardStoreProvider.js";
 import { useDashboardUserInteraction } from "../../../../model/react/useDashboardUserInteraction.js";
 import { selectIsApplyFiltersAllAtOnceEnabledAndSet, selectIsReadOnly, } from "../../../../model/store/config/configSelectors.js";
@@ -13,14 +13,16 @@ import { selectDisableFilterViews, selectIsNewDashboard, } from "../../../../mod
 import { selectCanCreateFilterView } from "../../../../model/store/permissions/permissionsSelectors.js";
 import { selectIsInEditMode } from "../../../../model/store/renderMode/renderModeSelectors.js";
 import { uiActions } from "../../../../model/store/ui/index.js";
-import { selectDashboardDensity, selectFilterViewsDialogMode, selectIsFilterViewsDialogOpen, } from "../../../../model/store/ui/uiSelectors.js";
+import { selectFilterViewsDialogMode, selectIsFilterViewsDialogOpen, } from "../../../../model/store/ui/uiSelectors.js";
 import { ConfigurationBubble } from "../../../widget/common/configuration/ConfigurationBubble.js";
 import { AddFilterView } from "./AddFilterView.js";
 import { FilterViewsList } from "./FilterViewsList.js";
 import { useFilterViewsToastMessages } from "./useFilterViewsToastMessages.js";
-const BUBBLE_ALIGN_POINTS = [{ align: "br tr", offset: { x: -27, y: -10 } }];
-function DropdownButtonLabel({ filterViews }) {
-    return filterViews.length === 0 ? (_jsx(FormattedMessage, { id: "filters.filterViews.dropdown.buttonEmpty" })) : (_jsx(FormattedMessage, { id: "filters.filterViews.dropdown.button", values: { count: filterViews?.length ?? 0 } }));
+const BUBBLE_ALIGN_POINTS = [{ align: "br tr", offset: { x: -10, y: -10 } }];
+function getButtonLabel(intl, filterViews) {
+    return filterViews.length === 0
+        ? intl.formatMessage({ id: "filters.filterViews.dropdown.buttonEmpty" })
+        : intl.formatMessage({ id: "filters.filterViews.dropdown.button" }, { count: filterViews.length });
 }
 const useCallbacks = (isDialogOpen, countOfSavedViews) => {
     const dispatch = useDashboardDispatch();
@@ -70,7 +72,7 @@ export function FilterViews() {
     const isMobile = useMediaQuery("mobileDevice");
     const isApplyAllAtOnceEnabledAndSet = useDashboardSelector(selectIsApplyFiltersAllAtOnceEnabledAndSet);
     const { toggleDialog, openAddDialog, openListDialog, closeDialog, onSaveDialog } = useCallbacks(isDialogOpen, filterViews.length);
-    const density = useDashboardSelector(selectDashboardDensity);
+    const intl = useIntl();
     const listDialogTitleId = useIdPrefixed("FilterViewsListTitle");
     const addDialogTitleId = useIdPrefixed("AddFilterViewTitle");
     useFilterViewsToastMessages();
@@ -84,24 +86,25 @@ export function FilterViews() {
     // generate unique anchor class name to open dropdown next to the correct button if app uses multiple
     // dashboard components
     const dropdownAnchorClassName = useMemo(() => `gd-filter-views__dropdown-anchor-${uuid()}`, []);
-    const buttonClassNames = cx("gd-filter-views-button", dropdownAnchorClassName, {
-        "gd-button-large": density === "comfortable", // button is set as gs-button-small via default isSmall prop of DropdownButton component
-        "gd-filter-views-button--open": isDialogOpen,
+    // UiButton has no className prop, so the dropdown anchor and layout tweaks live on a wrapper
+    const buttonWrapperClassNames = cx("gd-filter-views-button", dropdownAnchorClassName, {
         "deprecated-margin-top": !isApplyAllAtOnceEnabledAndSet,
     });
     const triggerId = useIdPrefixed("FilterViewsTrigger");
-    const triggerLabelId = useIdPrefixed("FilterViewsTriggerLabel");
     const dropdownId = useIdPrefixed("FilterViewsDropdown");
     const isReadOnly = useDashboardSelector(selectIsReadOnly);
     if (isReadOnly) {
         return null;
     }
     return (_jsxs("div", { className: "gd-filter-views", children: [showDropdownButton ? (_jsxs(_Fragment, { children: [
-                    _jsx(DropdownButton, { id: triggerId, onClick: toggleDialog, className: buttonClassNames, isOpen: isDialogOpen, accessibilityConfig: {
-                            popupType: "dialog",
-                            role: "button",
-                            ariaLabelledBy: triggerLabelId,
-                        }, dropdownId: dropdownId, children: _jsx("span", { className: "gd-filter-views-button__label", id: triggerLabelId, children: _jsx(DropdownButtonLabel, { filterViews: filterViews }) }) }), isDashboardEditMode ? (_jsx("div", { id: triggerId, className: "gd-filters-views__panel__divider" })) : null] })) : (_jsx("div", { className: dropdownAnchorClassName })), isDialogOpen ? (_jsx(UiReturnFocusOnUnmount, { returnFocusTo: triggerId, children: _jsx(ConfigurationBubble, { id: dropdownId, classNames: "gd-filters-views__panel", onClose: closeDialog, closeOnEscape: true, alignTo: `.${dropdownAnchorClassName}`, alignPoints: BUBBLE_ALIGN_POINTS, accessibilityConfig: {
+                    _jsx("div", { className: buttonWrapperClassNames, children: _jsx(UiButton, { id: triggerId, variant: "tertiary", 
+                            // tertiary has no padding, so size only drives font-size and height;
+                            // "medium" keeps the 14px label the button had in both densities
+                            size: "medium", label: getButtonLabel(intl, filterViews), iconAfter: isDialogOpen ? "navigateUp" : "navigateDown", onClick: toggleDialog, dataTestId: "filter-views-button", accessibilityConfig: {
+                                ariaHaspopup: "dialog",
+                                ariaExpanded: isDialogOpen,
+                                ariaControls: isDialogOpen ? dropdownId : undefined,
+                            }, disableIconAnimation: true }) }), isDashboardEditMode ? _jsx("div", { className: "gd-filters-views__panel__divider" }) : null] })) : (_jsx("div", { className: dropdownAnchorClassName })), isDialogOpen ? (_jsx(UiReturnFocusOnUnmount, { returnFocusTo: triggerId, children: _jsx(ConfigurationBubble, { id: dropdownId, classNames: "gd-filters-views__panel", onClose: closeDialog, closeOnEscape: true, alignTo: `.${dropdownAnchorClassName}`, alignPoints: BUBBLE_ALIGN_POINTS, accessibilityConfig: {
                         role: "dialog",
                         ariaLabelledBy: dialogMode === "add" ? addDialogTitleId : listDialogTitleId,
                     }, children: dialogMode === "add" ? (_jsx(AddFilterView, { onClose: openListDialog, onSave: onSaveDialog, titleId: addDialogTitleId })) : (_jsx(FilterViewsList, { filterViews: filterViews, onAddNew: openAddDialog, onClose: closeDialog, titleId: listDialogTitleId })) }) })) : null] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "11.51.0-alpha.5",
+  "version": "11.51.0",
   "description": "GoodData SDK - Dashboard Component",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -60,20 +60,20 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-base": "11.51.0-alpha.5",
-    "@gooddata/sdk-backend-spi": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui": "11.51.0-alpha.5",
-    "@gooddata/sdk-model": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-charts": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-ext": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-filters": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-kit": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-semantic-search": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-theme-provider": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-vis-commons": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-geo": "11.51.0-alpha.5",
-    "@gooddata/util": "11.51.0-alpha.5",
-    "@gooddata/sdk-ui-pivot": "11.51.0-alpha.5"
+    "@gooddata/sdk-backend-base": "11.51.0",
+    "@gooddata/sdk-ui": "11.51.0",
+    "@gooddata/sdk-model": "11.51.0",
+    "@gooddata/sdk-backend-spi": "11.51.0",
+    "@gooddata/sdk-ui-charts": "11.51.0",
+    "@gooddata/sdk-ui-ext": "11.51.0",
+    "@gooddata/sdk-ui-filters": "11.51.0",
+    "@gooddata/sdk-ui-kit": "11.51.0",
+    "@gooddata/sdk-ui-pivot": "11.51.0",
+    "@gooddata/sdk-ui-theme-provider": "11.51.0",
+    "@gooddata/sdk-ui-vis-commons": "11.51.0",
+    "@gooddata/sdk-ui-semantic-search": "11.51.0",
+    "@gooddata/util": "11.51.0",
+    "@gooddata/sdk-ui-geo": "11.51.0"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -119,12 +119,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/oxlint-config": "11.51.0-alpha.5",
-    "@gooddata/eslint-config": "11.51.0-alpha.5",
-    "@gooddata/sdk-backend-mockingbird": "11.51.0-alpha.5",
-    "@gooddata/i18n-toolkit": "11.51.0-alpha.5",
-    "@gooddata/reference-workspace": "11.51.0-alpha.5",
-    "@gooddata/stylelint-config": "11.51.0-alpha.5"
+    "@gooddata/oxlint-config": "11.51.0",
+    "@gooddata/i18n-toolkit": "11.51.0",
+    "@gooddata/reference-workspace": "11.51.0",
+    "@gooddata/sdk-backend-mockingbird": "11.51.0",
+    "@gooddata/stylelint-config": "11.51.0",
+    "@gooddata/eslint-config": "11.51.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/filterBar.css

@@ -120,11 +120,7 @@
 
 .dash-filters-all {
   position: relative;
-  display: flex;
-  align-items: stretch;
-  flex-wrap: wrap;
   width: calc(100% - 150px);
-  min-height: 55px;
   margin-right: 15px;
 }
 .apply-all-at-once .dash-filters-all {
@@ -306,6 +302,13 @@
   background-color: var(--gd-palette-primary-base, #14b2e2);
 }
 
+.dash-filters-toolbar {
+  display: flex;
+  align-items: stretch;
+  flex-wrap: wrap;
+  min-height: 55px;
+}
+
 .filter-bar-dropzone-container {
   position: relative;
   flex-grow: 1;
@@ -462,63 +465,31 @@
   align-items: start;
   justify-content: center;
   height: 100%;
+  padding-right: 10px;
+  gap: 10px;
 }
 
 .gd-filter-views {
   display: flex;
   align-items: center;
+  gap: 10px;
 }
 
-.gd-button-primary.gd-filter-views-button {
-  border: 0;
-  box-shadow: none;
-  color: var(--gd-palette-complementary-6);
-  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  font-size: 14px;
+.gd-filter-views-button {
+  display: flex;
+  align-items: center;
 }
-.gd-button-primary.gd-filter-views-button.deprecated-margin-top {
+.gd-filter-views-button.deprecated-margin-top {
   margin-top: 7px;
 }
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::before, .gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::after {
-  top: 1px;
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-text {
-  top: 1px;
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-icon {
-  margin-top: 1px;
-  color: var(--gd-palette-primary-base);
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):hover {
-  color: var(--gd-palette-complementary-8);
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):hover .gd-button-icon {
-  color: var(--gd-palette-primary-base);
-}
-.gd-button-primary.gd-filter-views-button .gd-button-icon {
-  color: var(--gd-palette-complementary-5);
-  /* stylelint-disable-next-line declaration-no-important */
-  margin: 0 -8px 0 6px !important;
-}
-.gd-button-primary.gd-filter-views-button .gd-filter-views-button__label {
-  text-decoration: underline;
-}
 
 .gd-dash-content--density-compact .filter-bar-configuration {
   align-items: center;
-  padding-right: 10px;
 }
-.gd-dash-content--density-compact .gd-button-primary.gd-filter-views-button.deprecated-margin-top {
+.gd-dash-content--density-compact .gd-filter-views-button.deprecated-margin-top {
   margin-top: 0;
 }
 
-.gd-button-primary.gd-filter-views-button--open {
-  color: var(--gd-palette-complementary-8, #464e56);
-}
-.gd-button-primary.gd-filter-views-button--open .gd-button-icon::before {
-  color: #14b2e2;
-}
-
 .gd-filters-views__panel__divider {
   border-right: 1px solid #dde4eb;
   width: 1px;

package/styles/css/filterBar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/filterBar.scss","../scss/_variables.scss","../scss/_zIndexes.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACMA;EACI;EAOA,kBCiDoC;;AD/CpC;EACI;EACA;EACA;EACA;;AAIA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA,SEIgB;EFHhB;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI,SE/CY;EFgDZ;;AAEA;EAEI,SEnDa;;AFsDjB;EACI;EACA;EACA,oBCsBoB;EDrBpB;EACA;;AAGJ;EAjBJ;IAkBQ;IACA;IACA;IACA;;;;AAOA;EAFJ;AAAA;IAGQ;IACA;IACA;;;AAIR;EACI,OCtCQ;;;AD0ChB;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA,eC/BS;EDgCT;EACA,kBCvCsC;EDwCtC;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EAKA;EACA;EACA;;AAGJ;EACI;;;AAKZ;EAII;EACA;EACA;EACA;EACA;EACA,YCvFgB;EDwFhB,cCrHc;;ADuHd;EACI;;AAGJ;AAAA;EAEI;;AAGJ;EACI;;AAGJ;AAAA;AAAA;EAGI;;AAGI;AAAA;AAAA;AAAA;AAAA;AAAA;EAEI;;AAGJ;AAAA;AAAA;EACI;;AAIR;AAAA;AAAA;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;;AAIJ;AAAA;AAAA;EACI;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;EACA;;AAGJ;AAAA;AAAA;EACI;;AAGJ;AAAA;AAAA;EACI;;;AAMhB;EACI;EACA;EACA,QCnJS;EDoJT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OD3NyB;EC4NzB,kBCnKsC;EDoKtC;EACA;;AAGI;AAAA;EAEI,OGtMc;;AH0MtB;EACI;EACA;;AAGJ;EACI;EACA,OGnOe;;;AHuOvB;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EACI;EACA;;AAEA;EACI,OGvQQ;;AH2QhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAKA,OGzRmB;EH0RnB;EACA,YACI;;AAGJ;EACI;EAIA,OGjSQ;;AHoSZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI,cC5TsB;ED6TtB,OGlTQ;EHmTR,kBGrSoB;;AHySpB;EACI,OGrUK;EHsUL,kBG9Sc;;;AHmT1B;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAIA;EACI,aA1W4B;;AA4W5B;EACI;;AAGJ;EACI;;AAIA;EACI;EACA,OG3VA;;;AHkWZ;EACI;;AAEA;EACI;EACA;;;AAMR;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OGxZI;;AH2ZR;EACI;EACA;EACA;EACA;EACA;EACA,OGxaW;;AH2af;EACI;EACA;EACA,OGvaI;;AH0aR;EACI;EACA;;AAGJ;EACI,OGvbW;EHwbX;;;AAKZ;EACI;EACA;EACA;;AAGI;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAMA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OG3eO;;;AHiff;EAEI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,MGnfe;;AHuff;EACI,MGtec;;;AH2e1B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,YC5eoC;ED6epC;;AAGA;EACI;;AAMI;EAEI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAKZ;EAKI;;AAJA;EACI;;AAMR;EACI;AAGA;EACA;;AAGJ;EACI;;;AAKJ;EACI;EACA;;AAIA;EACI;;;AAKZ;EACI,OGzkBY;;AH2kBZ;EACI,OGvmBa;;;AH2mBrB;EACI;EACA;EACA;EACA;;;AASQ;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAKJ;EACI;;AAKJ;EACI;EACA;;AAGJ;EACI,OGtoBO;;AH0oBf;EACI;EACA;EACA;;AAIA;EACI;;AAEA;EACI;;AAGJ;AAAA;EHxcZ;EACA;EACA;;;AGgdA;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI;;;AAKJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;;AAOZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,OGptBQ;EHqtBR;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA,OG3uBY;;AH8uBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,YGhqBwB;;AHsqBxB;EACI;EACA;;AAIR;EACI;EACA;;AAEA;EACI,OGtwBI;;AH0wBJ;EACI,OGhyBI;;AHqyBhB;EACI;EACA;EACA;;AAEA;EACI,kBGrmBgB;EHsmBhB,OG5yBQ;;AHizBhB;AAAA;AAAA;AAAA;EAII,kBG/mBoB;;;AHqnB5B;EACI;EACA,OG7yBgB;EH8yBhB;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI","file":"filterBar.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/filterBar.scss","../scss/_variables.scss","../scss/_zIndexes.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACMA;EACI;EAOA,kBCiDoC;;AD/CpC;EACI;EACA;EACA;EACA;;AAIA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA,SEIgB;EFHhB;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI,SE/CY;EFgDZ;;AAEA;EAEI,SEnDa;;AFsDjB;EACI;EACA;EACA,oBCsBoB;EDrBpB;EACA;;AAGJ;EAjBJ;IAkBQ;IACA;IACA;IACA;;;;AAOA;EAFJ;AAAA;IAGQ;IACA;IACA;;;AAIR;EACI,OCtCQ;;;AD0ChB;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA,eC/BS;EDgCT;EACA,kBCvCsC;EDwCtC;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EAKA;EACA;EACA;;AAGJ;EACI;;;AAKZ;EAII;EACA;EACA,cCjHc;;ADmHd;EACI;;AAGJ;AAAA;EAEI;;AAGJ;EACI;;AAGJ;AAAA;AAAA;EAGI;;AAGI;AAAA;AAAA;AAAA;AAAA;AAAA;EAEI;;AAGJ;AAAA;AAAA;EACI;;AAIR;AAAA;AAAA;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;;AAIJ;AAAA;AAAA;EACI;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;EACA;;AAGJ;AAAA;AAAA;EACI;;AAGJ;AAAA;AAAA;EACI;;;AAMhB;EACI;EACA;EACA,QC/IS;EDgJT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODvNyB;ECwNzB,kBC/JsC;EDgKtC;EACA;;AAGI;AAAA;EAEI,OGlMc;;AHsMtB;EACI;EACA;;AAGJ;EACI;EACA,OG/Ne;;;AHmOvB;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EACI;EACA;;AAEA;EACI,OGnQQ;;AHuQhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAKA,OGrRmB;EHsRnB;EACA,YACI;;AAGJ;EACI;EAIA,OG7RQ;;AHgSZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI,cCxTsB;EDyTtB,OG9SQ;EH+SR,kBGjSoB;;AHqSpB;EACI,OGjUK;EHkUL,kBG1Sc;;;AH+S1B;EACI;EACA;EACA;EACA,YC1RgB;;;AD6RpB;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAIA;EACI,aA7W4B;;AA+W5B;EACI;;AAGJ;EACI;;AAIA;EACI;EACA,OG9VA;;;AHqWZ;EACI;;AAEA;EACI;EACA;;;AAMR;EAEI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OG3ZI;;AH8ZR;EACI;EACA;EACA;EACA;EACA;EACA,OG3aW;;AH8af;EACI;EACA;EACA,OG1aI;;AH6aR;EACI;EACA;;AAGJ;EACI,OG1bW;EH2bX;;;AAKZ;EACI;EACA;EACA;;AAGI;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAMA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OG9eO;;;AHoff;EAEI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,MGtfe;;AH0ff;EACI,MGzec;;;AH8e1B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAKJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;AAGA;EACI;;;AAKJ;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AASQ;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAKJ;EACI;;AAKJ;EACI;EACA;;AAGJ;EACI,OGzlBO;;AH6lBf;EACI;EACA;EACA;;AAIA;EACI;;AAEA;EACI;;AAGJ;AAAA;EH3ZZ;EACA;EACA;;;AGmaA;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI;;;AAKJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;;AAOZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,OGvqBQ;EHwqBR;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA,OG9rBY;;AHisBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,YGnnBwB;;AHynBxB;EACI;EACA;;AAIR;EACI;EACA;;AAEA;EACI,OGztBI;;AH6tBJ;EACI,OGnvBI;;AHwvBhB;EACI;EACA;EACA;;AAEA;EACI,kBGxjBgB;EHyjBhB,OG/vBQ;;AHowBhB;AAAA;AAAA;AAAA;EAII,kBGlkBoB;;;AHwkB5B;EACI;EACA,OGhwBgB;EHiwBhB;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI","file":"filterBar.css"}

package/styles/css/main.css

@@ -25745,11 +25745,7 @@ figure {
 
 .dash-filters-all {
   position: relative;
-  display: flex;
-  align-items: stretch;
-  flex-wrap: wrap;
   width: calc(100% - 150px);
-  min-height: 55px;
   margin-right: 15px;
 }
 .apply-all-at-once .dash-filters-all {
@@ -25931,6 +25927,13 @@ figure {
   background-color: var(--gd-palette-primary-base, #14b2e2);
 }
 
+.dash-filters-toolbar {
+  display: flex;
+  align-items: stretch;
+  flex-wrap: wrap;
+  min-height: 55px;
+}
+
 .filter-bar-dropzone-container {
   position: relative;
   flex-grow: 1;
@@ -26087,63 +26090,31 @@ figure {
   align-items: start;
   justify-content: center;
   height: 100%;
+  padding-right: 10px;
+  gap: 10px;
 }
 
 .gd-filter-views {
   display: flex;
   align-items: center;
+  gap: 10px;
 }
 
-.gd-button-primary.gd-filter-views-button {
-  border: 0;
-  box-shadow: none;
-  color: var(--gd-palette-complementary-6);
-  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  font-size: 14px;
+.gd-filter-views-button {
+  display: flex;
+  align-items: center;
 }
-.gd-button-primary.gd-filter-views-button.deprecated-margin-top {
+.gd-filter-views-button.deprecated-margin-top {
   margin-top: 7px;
 }
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::before, .gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::after {
-  top: 1px;
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-text {
-  top: 1px;
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-icon {
-  margin-top: 1px;
-  color: var(--gd-palette-primary-base);
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):hover {
-  color: var(--gd-palette-complementary-8);
-}
-.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):hover .gd-button-icon {
-  color: var(--gd-palette-primary-base);
-}
-.gd-button-primary.gd-filter-views-button .gd-button-icon {
-  color: var(--gd-palette-complementary-5);
-  /* stylelint-disable-next-line declaration-no-important */
-  margin: 0 -8px 0 6px !important;
-}
-.gd-button-primary.gd-filter-views-button .gd-filter-views-button__label {
-  text-decoration: underline;
-}
 
 .gd-dash-content--density-compact .filter-bar-configuration {
   align-items: center;
-  padding-right: 10px;
 }
-.gd-dash-content--density-compact .gd-button-primary.gd-filter-views-button.deprecated-margin-top {
+.gd-dash-content--density-compact .gd-filter-views-button.deprecated-margin-top {
   margin-top: 0;
 }
 
-.gd-button-primary.gd-filter-views-button--open {
-  color: var(--gd-palette-complementary-8, #464e56);
-}
-.gd-button-primary.gd-filter-views-button--open .gd-button-icon::before {
-  color: #14b2e2;
-}
-
 .gd-filters-views__panel__divider {
   border-right: 1px solid #dde4eb;
   width: 1px;