@kaizen/components 3.0.3 → 3.0.5

package/dist/esm/src/DateRangePicker/DateRangePicker.mjs

@@ -14,7 +14,7 @@ import { LegacyCalendarRange } from '../Calendar/LegacyCalendarRange/LegacyCalen
 import { Icon } from '../Icon/Icon.mjs';
 import { Label } from '../Label/Label.mjs';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
-import styles from './DateRangePicker.module.scss.mjs';
+import modules_5bc568da from './DateRangePicker.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
@@ -110,19 +110,19 @@ const DateRangePicker = /*#__PURE__*/function () {
     }), /*#__PURE__*/React.createElement("button", __assign({
       type: "button",
       id: id,
-      className: classnames(styles.button, styles.withStartIconAdornment, (_b = {}, _b[styles.disabled] = isDisabled, _b)),
+      className: classnames(modules_5bc568da.button, modules_5bc568da.withStartIconAdornment, (_b = {}, _b[modules_5bc568da.disabled] = isDisabled, _b)),
       disabled: isDisabled,
       ref: ref,
       onClick: handleOpenClose,
       "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
     }, inputProps), /*#__PURE__*/React.createElement("div", {
-      className: styles.startIconAdornment
+      className: modules_5bc568da.startIconAdornment
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "today",
       isPresentational: true,
       isFilled: true
     })), /*#__PURE__*/React.createElement("span", {
-      className: styles.value
+      className: modules_5bc568da.value
     }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onDeactivation: handleReturnFocus,

package/dist/esm/src/DateRangePicker/DateRangePicker.module.scss.mjs

@@ -1,8 +1,8 @@
-var styles = {
-  "button": "DateRangePicker-module_button__cA-Ss",
-  "disabled": "DateRangePicker-module_disabled__f0zmt",
-  "value": "DateRangePicker-module_value__dtZAj",
-  "startIconAdornment": "DateRangePicker-module_startIconAdornment__lCw3l",
-  "withStartIconAdornment": "DateRangePicker-module_withStartIconAdornment__auP6u"
+var modules_5bc568da = {
+  "button": "DateRangePicker_module_button__a8ccc276",
+  "disabled": "DateRangePicker_module_disabled__a8ccc276",
+  "value": "DateRangePicker_module_value__a8ccc276",
+  "startIconAdornment": "DateRangePicker_module_startIconAdornment__a8ccc276",
+  "withStartIconAdornment": "DateRangePicker_module_withStartIconAdornment__a8ccc276"
 };
-export { styles as default };
+export { modules_5bc568da as default };

package/dist/esm/src/Divider/Divider.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Divider.module.css.mjs';
+import modules_979bfa57 from './Divider.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
@@ -16,7 +16,7 @@ const Divider = /*#__PURE__*/function () {
       props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("hr", __assign({
       "aria-hidden": "true",
-      className: classnames(styles.wrapper, classNameOverride, isReversed && styles.reversed, styles[variant])
+      className: classnames(modules_979bfa57.wrapper, classNameOverride, isReversed && modules_979bfa57.reversed, modules_979bfa57[variant])
     }, props));
   };
   Divider.displayName = 'Divider';

package/dist/esm/src/Divider/Divider.module.css.mjs

@@ -1,8 +1,8 @@
-var styles = {
-  "wrapper": "Divider-module_wrapper__AzvdU",
-  "content": "Divider-module_content__eq5aD",
-  "menuSeparator": "Divider-module_menuSeparator__FAvna",
-  "canvas": "Divider-module_canvas__G87W-",
-  "reversed": "Divider-module_reversed__GuBmn"
+var modules_979bfa57 = {
+  "wrapper": "Divider_module_wrapper__81bafbd6",
+  "content": "Divider_module_content__81bafbd6",
+  "menuSeparator": "Divider_module_menuSeparator__81bafbd6",
+  "canvas": "Divider_module_canvas__81bafbd6",
+  "reversed": "Divider_module_reversed__81bafbd6"
 };
-export { styles as default };
+export { modules_979bfa57 as default };

package/dist/esm/src/EmptyState/EmptyState.mjs

@@ -6,7 +6,7 @@ import '../Illustration/subcomponents/Base/Base.mjs';
 import '../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
 import { EmptyStatesNeutral, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesPositive } from '../Illustration/Scene/Scene.mjs';
 import { Text } from '../Text/Text.mjs';
-import styles from './EmptyState.module.css.mjs';
+import modules_1c20a3e1 from './EmptyState.module.css.mjs';
 var ILLUSTRATIONS = {
   'success': EmptyStatesPositive,
   'warning': EmptyStatesNegative,
@@ -34,22 +34,22 @@ const EmptyState = /*#__PURE__*/function () {
       props = __rest(_a, ["children", "id", "variant", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
     var IllustrationComponent = ILLUSTRATIONS[variant];
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.container, styles[variant], straightCorners && styles.straightCorners, classNameOverride),
+      className: classnames(modules_1c20a3e1.container, modules_1c20a3e1[variant], straightCorners && modules_1c20a3e1.straightCorners, classNameOverride),
       id: id
     }, props), /*#__PURE__*/React.createElement("div", {
-      className: styles.content
+      className: modules_1c20a3e1.content
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.illustrationContainer
+      className: modules_1c20a3e1.illustrationContainer
     }, isAnimated ? (/*#__PURE__*/React.createElement(IllustrationComponent, {
       isAnimated: true,
       loop: loop,
-      classNameOverride: styles.illustration
+      classNameOverride: modules_1c20a3e1.illustration
     })) : (/*#__PURE__*/React.createElement(IllustrationComponent, {
-      classNameOverride: styles.illustration
+      classNameOverride: modules_1c20a3e1.illustration
     }))), /*#__PURE__*/React.createElement("div", {
-      className: styles.textContainer
+      className: modules_1c20a3e1.textContainer
     }, headingProps && /*#__PURE__*/React.createElement(Heading, __assign({
-      classNameOverride: styles.heading
+      classNameOverride: modules_1c20a3e1.heading
     }, headingProps)), /*#__PURE__*/React.createElement(Text, {
       variant: "body"
     }, bodyText), children && /*#__PURE__*/React.createElement("span", null, children))));

package/dist/esm/src/EmptyState/EmptyState.module.css.mjs

@@ -1,14 +1,14 @@
-var styles = {
-  "container": "EmptyState-module_container__0kOpV",
-  "straightCorners": "EmptyState-module_straightCorners__BNh-9",
-  "success": "EmptyState-module_success__w9nvN",
-  "warning": "EmptyState-module_warning__vdEBx",
-  "informative": "EmptyState-module_informative__aeHUD",
-  "expert-advice": "EmptyState-module_expert-advice__05WOw",
-  "content": "EmptyState-module_content__dggps",
-  "illustrationContainer": "EmptyState-module_illustrationContainer__2Ch-u",
-  "illustration": "EmptyState-module_illustration__QSUZA",
-  "textContainer": "EmptyState-module_textContainer__jJ9NS",
-  "heading": "EmptyState-module_heading__pEPi3"
+var modules_1c20a3e1 = {
+  "container": "EmptyState_module_container__b546de7c",
+  "straightCorners": "EmptyState_module_straightCorners__b546de7c",
+  "success": "EmptyState_module_success__b546de7c",
+  "warning": "EmptyState_module_warning__b546de7c",
+  "informative": "EmptyState_module_informative__b546de7c",
+  "expert-advice": "EmptyState_module_expertAdvice__b546de7c",
+  "content": "EmptyState_module_content__b546de7c",
+  "illustrationContainer": "EmptyState_module_illustrationContainer__b546de7c",
+  "illustration": "EmptyState_module_illustration__b546de7c",
+  "textContainer": "EmptyState_module_textContainer__b546de7c",
+  "heading": "EmptyState_module_heading__b546de7c"
 };
-export { styles as default };
+export { modules_1c20a3e1 as default };

package/dist/esm/src/ErrorPage/ErrorPage.mjs

@@ -9,7 +9,7 @@ import '../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mj
 import { BrandMomentError } from '../Illustration/Scene/Scene.mjs';
 import { Text } from '../Text/Text.mjs';
 import { useErrorMessages } from './hooks/useErrorMessages.mjs';
-import styles from './ErrorPage.module.css.mjs';
+import modules_bbf9c78c from './ErrorPage.module.css.mjs';
 var getMailToHref = function (code) {
   var supportEmail = 'support@cultureamp.com';
   var subject = 'Houston we have a problem';
@@ -42,7 +42,7 @@ const ErrorPage = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement(BrandMoment, {
       header: /*#__PURE__*/React.createElement(React.Fragment, null),
       body: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: styles.paragraphPadding
+        className: modules_bbf9c78c.paragraphPadding
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "intro-lede"
       }, message !== null && message !== void 0 ? message : content.message)), /*#__PURE__*/React.createElement(Text, {

package/dist/esm/src/ErrorPage/ErrorPage.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "paragraphPadding": "ErrorPage-module_paragraphPadding__PJzGg"
+var modules_bbf9c78c = {
+  "paragraphPadding": "ErrorPage_module_paragraphPadding__9b921137"
 };
-export { styles as default };
+export { modules_bbf9c78c as default };

package/dist/esm/src/FieldGroup/FieldGroup.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './FieldGroup.module.scss.mjs';
+import modules_7feafaca from './FieldGroup.module.scss.mjs';
 const FieldGroup = /*#__PURE__*/function () {
   const FieldGroup = function (_a) {
     var children = _a.children,
@@ -10,7 +10,7 @@ const FieldGroup = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.group, classNameOverride, inline && styles.inline)
+      className: classnames(modules_7feafaca.group, classNameOverride, inline && modules_7feafaca.inline)
     }, restProps), children);
   };
   FieldGroup.displayName = 'FieldGroup';

package/dist/esm/src/FieldGroup/FieldGroup.module.scss.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "group": "FieldGroup-module_group__74Z9M",
-  "inline": "FieldGroup-module_inline__K7D9L"
+var modules_7feafaca = {
+  "group": "FieldGroup_module_group__469d3660",
+  "inline": "FieldGroup_module_inline__469d3660"
 };
-export { styles as default };
+export { modules_7feafaca as default };

package/dist/esm/src/FieldMessage/FieldMessage.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
-import styles from './FieldMessage.module.scss.mjs';
+import modules_dbd9cdc4 from './FieldMessage.module.scss.mjs';
 const FieldMessage = /*#__PURE__*/function () {
   const FieldMessage = function (_a) {
     var message = _a.message,
@@ -17,15 +17,15 @@ const FieldMessage = /*#__PURE__*/function () {
       restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
     var textColor = status === 'default' || status === 'success' ? reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity' : 'dark';
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.message, styles[status], classNameOverride, reversed && styles.reversed, position === 'bottom' && styles.positionBottom, position === 'top' && styles.positionTop)
+      className: classnames(modules_dbd9cdc4.message, modules_dbd9cdc4[status], classNameOverride, reversed && modules_dbd9cdc4.reversed, position === 'bottom' && modules_dbd9cdc4.positionBottom, position === 'top' && modules_dbd9cdc4.positionTop)
     }, restProps), (status === 'error' || status === 'caution') && (/*#__PURE__*/React.createElement("span", {
-      className: styles.warningIcon
+      className: modules_dbd9cdc4.warningIcon
     }, /*#__PURE__*/React.createElement(Icon, {
       name: status === 'error' ? 'error' : 'warning',
       isFilled: true,
       alt: "".concat(status, " message")
     }))), /*#__PURE__*/React.createElement("div", {
-      className: styles.message
+      className: modules_dbd9cdc4.message
     }, /*#__PURE__*/React.createElement(Text, {
       variant: "small",
       tag: typeof message === 'string' ? 'p' : 'div',

package/dist/esm/src/FieldMessage/FieldMessage.module.scss.mjs

@@ -1,11 +1,11 @@
-var styles = {
-  "message": "FieldMessage-module_message__bKbYp",
-  "default": "FieldMessage-module_default__tpp8j",
-  "reversed": "FieldMessage-module_reversed__FCi8c",
-  "error": "FieldMessage-module_error__OxUCB",
-  "caution": "FieldMessage-module_caution__EPqo4",
-  "positionBottom": "FieldMessage-module_positionBottom__rLWzS",
-  "positionTop": "FieldMessage-module_positionTop__8Hjpb",
-  "warningIcon": "FieldMessage-module_warningIcon__0y1jx"
+var modules_dbd9cdc4 = {
+  "message": "FieldMessage_module_message__2f060ca4",
+  "default": "FieldMessage_module_default__2f060ca4",
+  "reversed": "FieldMessage_module_reversed__2f060ca4",
+  "error": "FieldMessage_module_error__2f060ca4",
+  "caution": "FieldMessage_module_caution__2f060ca4",
+  "positionBottom": "FieldMessage_module_positionBottom__2f060ca4",
+  "positionTop": "FieldMessage_module_positionTop__2f060ca4",
+  "warningIcon": "FieldMessage_module_warningIcon__2f060ca4"
 };
-export { styles as default };
+export { modules_dbd9cdc4 as default };

package/dist/esm/src/Filter/Filter/Filter.mjs

@@ -3,7 +3,7 @@ import React, { useId, useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import { FilterPopover } from './subcomponents/FilterPopover/FilterPopover.mjs';
-import styles from './Filter.module.css.mjs';
+import modules_e38c54f6 from './Filter.module.css.mjs';
 const Filter = /*#__PURE__*/function () {
   const Filter = function (_a) {
     var _b, _c, _d, _e;
@@ -38,10 +38,11 @@ const Filter = /*#__PURE__*/function () {
       }
     }, [filterButtonRef, onMount]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.filter, classNameOverride)
+      className: classnames(modules_e38c54f6.filter, classNameOverride)
     }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
       ref: filterButtonRef
     }), isRefLoaded && isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
+      preventScrollOnFocus: true,
       scrollLock: false,
       onClickOutside: function () {
         return setIsOpen(false);

package/dist/esm/src/Filter/Filter/Filter.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filter": "Filter-module_filter__u3IkC"
+var modules_e38c54f6 = {
+  "filter": "Filter_module_filter__6946e31b"
 };
-export { styles as default };
+export { modules_e38c54f6 as default };

package/dist/esm/src/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './FilterContents.module.css.mjs';
+import modules_9468ad19 from './FilterContents.module.css.mjs';
 const FilterContents = /*#__PURE__*/function () {
   const FilterContents = function (_a) {
     var children = _a.children,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.filterContents, classNameOverride)
+      className: classnames(modules_9468ad19.filterContents, classNameOverride)
     }, restProps), children);
   };
   FilterContents.displayName = 'FilterContents';

package/dist/esm/src/Filter/Filter/subcomponents/FilterContents/FilterContents.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterContents": "FilterContents-module_filterContents__LEVFe"
+var modules_9468ad19 = {
+  "filterContents": "FilterContents_module_filterContents__77afcf76"
 };
-export { styles as default };
+export { modules_9468ad19 as default };

package/dist/esm/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useState } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
-import styles from './FilterPopover.module.css.mjs';
+import modules_487dca65 from './FilterPopover.module.css.mjs';
 const FilterPopover = /*#__PURE__*/function () {
   const FilterPopover = function (_a) {
     var children = _a.children,
@@ -28,7 +28,7 @@ const FilterPopover = /*#__PURE__*/function () {
       ref: setPopperElement,
       style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
     }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
-      className: classnames(styles.filterPopover, classNameOverride),
+      className: classnames(modules_487dca65.filterPopover, classNameOverride),
       role: "dialog",
       "aria-modal": "true"
     }, restProps), children);

package/dist/esm/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterPopover": "FilterPopover-module_filterPopover__ZAkra"
+var modules_487dca65 = {
+  "filterPopover": "FilterPopover_module_filterPopover__73d9ea5a"
 };
-export { styles as default };
+export { modules_487dca65 as default };

package/dist/esm/src/Filter/FilterBar/FilterBar.mjs

@@ -8,7 +8,7 @@ import { FilterBarMultiSelect } from './subcomponents/FilterBarMultiSelect/Filte
 import { FilterBarSelect } from './subcomponents/FilterBarSelect/FilterBarSelect.mjs';
 import { AddFiltersMenu } from './subcomponents/AddFiltersMenu/AddFiltersMenu.mjs';
 import { ClearAllButton } from './subcomponents/ClearAllButton/ClearAllButton.mjs';
-import styles from './FilterBar.module.css.mjs';
+import modules_fd99d8ab from './FilterBar.module.css.mjs';
 const FilterBar = /*#__PURE__*/function () {
   const FilterBar = function (_a) {
     var filters = _a.filters,
@@ -18,9 +18,9 @@ const FilterBar = /*#__PURE__*/function () {
       filters: filters
     }, providerProps), function (activeFilters) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.filterBar, classNameOverride)
+        className: classnames(modules_fd99d8ab.filterBar, classNameOverride)
       }, /*#__PURE__*/React.createElement("div", {
-        className: styles.filtersContainer
+        className: modules_fd99d8ab.filtersContainer
       }, Object.values(activeFilters).map(function (_a) {
         var id = _a.id,
           Component = _a.Component;

package/dist/esm/src/Filter/FilterBar/FilterBar.module.css.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "filterBar": "FilterBar-module_filterBar__JEVKL",
-  "filtersContainer": "FilterBar-module_filtersContainer__Xl-DO"
+var modules_fd99d8ab = {
+  "filterBar": "FilterBar_module_filterBar__39391075",
+  "filtersContainer": "FilterBar_module_filtersContainer__39391075"
 };
-export { styles as default };
+export { modules_fd99d8ab as default };

package/dist/esm/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
-import styles from './ClearAllButton.module.css.mjs';
+import modules_bfebfd8b from './ClearAllButton.module.css.mjs';
 const ClearAllButton = /*#__PURE__*/function () {
   const ClearAllButton = function () {
     var _a;
@@ -25,7 +25,7 @@ const ClearAllButton = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement(Button, {
       label: clearButtonLabel,
       "aria-label": clearButtonAriaLabel,
-      classNameOverride: classnames(styles.clearAllButton, (_a = {}, _a[styles.hidden] = !isClearable, _a)),
+      classNameOverride: classnames(modules_bfebfd8b.clearAllButton, (_a = {}, _a[modules_bfebfd8b.hidden] = !isClearable, _a)),
       secondary: true,
       onClick: clearAllFilters
     });

package/dist/esm/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.css.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "clearAllButton": "ClearAllButton-module_clearAllButton__dl4nS",
-  "hidden": "ClearAllButton-module_hidden__guVNI"
+var modules_bfebfd8b = {
+  "clearAllButton": "ClearAllButton_module_clearAllButton__98b9fe77",
+  "hidden": "ClearAllButton_module_hidden__98b9fe77"
 };
-export { styles as default };
+export { modules_bfebfd8b as default };

package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs

@@ -6,7 +6,7 @@ import '../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mj
 import { FilterButton } from '../../../FilterButton/FilterButton/FilterButton.mjs';
 import { FilterButtonRemovable } from '../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
 import { isRefObject } from '../../../../utils/isRefObject.mjs';
-import styles from './FilterBarButton.module.css.mjs';
+import modules_4cc348f9 from './FilterBarButton.module.css.mjs';
 const FilterBarButton = /*#__PURE__*/function () {
   const FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var filterId = _a.filterId,
@@ -33,10 +33,10 @@ const FilterBarButton = /*#__PURE__*/function () {
           return hideFilter(filterId);
         }
       },
-      classNameOverride: classnames(classNameOverride, styles.filterBarButton)
+      classNameOverride: classnames(classNameOverride, modules_4cc348f9.filterBarButton)
     })) : (/*#__PURE__*/React.createElement(FilterButton, __assign({
       ref: ref,
-      classNameOverride: classnames(classNameOverride, styles.filterBarButton)
+      classNameOverride: classnames(classNameOverride, modules_4cc348f9.filterBarButton)
     }, props)));
   });
   FilterBarButton.displayName = 'FilterBar.Button';

package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterBarButton": "FilterBarButton-module_filterBarButton__3IF--"
+var modules_4cc348f9 = {
+  "filterBarButton": "FilterBarButton_module_filterBarButton__ad0ac010"
 };
-export { styles as default };
+export { modules_4cc348f9 as default };

package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs

@@ -6,7 +6,7 @@ import '../../../FilterMultiSelect/context/SelectionProvider/SelectionProvider.m
 import { getSelectedOptionLabels } from '../../../FilterMultiSelect/utils/getSelectedOptionLabels.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
 import { checkArraysMatch } from '../../utils/checkArraysMatch.mjs';
-import styles from './FilterBarMultiSelect.module.css.mjs';
+import modules_cd1a9e34 from './FilterBarMultiSelect.module.css.mjs';
 var convertSelectionToAConsumableFormat = function (value) {
   if (value === 'all') return 'all';
   var arrayOfValues = Array.from(value);
@@ -80,7 +80,7 @@ const FilterBarMultiSelect = /*#__PURE__*/function () {
       onOpenChange: function (open) {
         return setFilterOpenState(id, open);
       },
-      className: styles.filterMultiSelect,
+      className: modules_cd1a9e34.filterMultiSelect,
       trigger: function () {
         var triggerProps = {
           selectedOptionLabels: filterState.value ? getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
@@ -90,9 +90,9 @@ const FilterBarMultiSelect = /*#__PURE__*/function () {
           onRemove: function () {
             return hideFilter(id);
           },
-          classNameOverride: styles.triggerButton
+          classNameOverride: modules_cd1a9e34.triggerButton
         }))) : (/*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({
-          classNameOverride: styles.triggerButton
+          classNameOverride: modules_cd1a9e34.triggerButton
         }, triggerProps)));
       },
       triggerRef: buttonRef

package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterMultiSelect": "FilterBarMultiSelect-module_filterMultiSelect__a4enz"
+var modules_cd1a9e34 = {
+  "filterMultiSelect": "FilterBarMultiSelect_module_filterMultiSelect__4d2f763a"
 };
-export { styles as default };
+export { modules_cd1a9e34 as default };

package/dist/esm/src/Filter/FilterButton/FilterButton/FilterButton.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { isRefObject } from '../../../utils/isRefObject.mjs';
 import { FilterButtonBase } from '../subcomponents/FilterButtonBase/FilterButtonBase.mjs';
-import styles from './FilterButton.module.css.mjs';
+import modules_37f521ef from './FilterButton.module.css.mjs';
 const FilterButton = /*#__PURE__*/function () {
   const FilterButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var label = _a.label,
@@ -18,15 +18,15 @@ const FilterButton = /*#__PURE__*/function () {
     var selectedValuesLabel = selectedValue;
     return /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
       ref: triggerRef,
-      classNameOverride: classnames(styles.filterButton, classNameOverride),
+      classNameOverride: classnames(modules_37f521ef.filterButton, classNameOverride),
       "aria-haspopup": "true",
       "aria-expanded": isOpen
     }, restProps), /*#__PURE__*/React.createElement("span", {
-      className: styles.labelContainer
+      className: modules_37f521ef.labelContainer
     }, selectedValuesLabel ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: styles.hasSelectedValues
+      className: modules_37f521ef.hasSelectedValues
     }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
-      className: styles.labelSeparator
+      className: modules_37f521ef.labelSeparator
     }, ":")), /*#__PURE__*/React.createElement("span", null, selectedValuesLabel))) : label), /*#__PURE__*/React.createElement(Icon, {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true

package/dist/esm/src/Filter/FilterButton/FilterButton/FilterButton.module.css.mjs

@@ -1,7 +1,7 @@
-var styles = {
-  "filterButton": "FilterButton-module_filterButton__Fn1OD",
-  "labelContainer": "FilterButton-module_labelContainer__sPAcx",
-  "hasSelectedValues": "FilterButton-module_hasSelectedValues__bHR5g",
-  "labelSeparator": "FilterButton-module_labelSeparator__KimZO"
+var modules_37f521ef = {
+  "filterButton": "FilterButton_module_filterButton__da9a05b2",
+  "labelContainer": "FilterButton_module_labelContainer__da9a05b2",
+  "hasSelectedValues": "FilterButton_module_hasSelectedValues__da9a05b2",
+  "labelSeparator": "FilterButton_module_labelSeparator__da9a05b2"
 };
-export { styles as default };
+export { modules_37f521ef as default };

package/dist/esm/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs

@@ -8,7 +8,7 @@ import { Tooltip } from '../../../TooltipV1/Tooltip.mjs';
 import { isRefObject } from '../../../utils/isRefObject.mjs';
 import { FilterButton } from '../FilterButton/FilterButton.mjs';
 import { FilterButtonBase } from '../subcomponents/FilterButtonBase/FilterButtonBase.mjs';
-import styles from './FilterButtonRemovable.module.css.mjs';
+import modules_9dc7d370 from './FilterButtonRemovable.module.css.mjs';
 const FilterButtonRemovable = /*#__PURE__*/function () {
   const FilterButtonRemovable = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b;
@@ -34,7 +34,7 @@ const FilterButtonRemovable = /*#__PURE__*/function () {
       position: "below"
     }, /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
       ref: removeButtonRef,
-      classNameOverride: classnames(styles.filterButtonBase, restProps.classNameOverride)
+      classNameOverride: classnames(modules_9dc7d370.filterButtonBase, restProps.classNameOverride)
     }, removeButtonProps), /*#__PURE__*/React.createElement(Icon, {
       name: "cancel",
       alt: removeButtonLabel,

package/dist/esm/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterButtonBase": "FilterButtonRemovable-module_filterButtonBase__V4xk8"
+var modules_9dc7d370 = {
+  "filterButtonBase": "FilterButtonRemovable_module_filterButtonBase__1ed9e490"
 };
-export { styles as default };
+export { modules_9dc7d370 as default };

package/dist/esm/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import classnames from 'classnames';
-import styles from './FilterButtonBase.module.scss.mjs';
+import modules_3ecc71e6 from './FilterButtonBase.module.scss.mjs';
 const FilterButtonBase = /*#__PURE__*/function () {
   const FilterButtonBase = /*#__PURE__*/forwardRef(function (_a, ref) {
     var children = _a.children,
@@ -10,7 +10,7 @@ const FilterButtonBase = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("button", __assign({
       ref: ref,
       type: "button",
-      className: classnames(styles.filterButtonBase, classNameOverride)
+      className: classnames(modules_3ecc71e6.filterButtonBase, classNameOverride)
     }, restProps), children);
   });
   FilterButtonBase.displayName = 'FilterButtonBase';

package/dist/esm/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterButtonBase": "FilterButtonBase-module_filterButtonBase__ImByM"
+var modules_3ecc71e6 = {
+  "filterButtonBase": "FilterButtonBase_module_filterButtonBase__25648aba"
 };
-export { styles as default };
+export { modules_3ecc71e6 as default };

package/dist/esm/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -5,7 +5,7 @@ import { DateInput } from '../../../../DateInput/DateInput/DateInput.mjs';
 import { DateInputDescription } from '../../../../DateInput/DateInputDescription/DateInputDescription.mjs';
 import '../../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
 import { FieldMessage } from '../../../../FieldMessage/FieldMessage.mjs';
-import styles from './DateInputField.module.scss.mjs';
+import modules_99160b40 from './DateInputField.module.scss.mjs';
 const DateInputField = /*#__PURE__*/function () {
   const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var id = _a.id,
@@ -51,7 +51,7 @@ const DateInputField = /*#__PURE__*/function () {
         locale: locale
       }),
       reversed: isReversed,
-      classNameOverride: disabled ? styles.disabled : undefined
+      classNameOverride: disabled ? modules_99160b40.disabled : undefined
     }));
   });
   DateInputField.displayName = 'DateInputField';

package/dist/esm/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "disabled": "DateInputField-module_disabled__gfago"
+var modules_99160b40 = {
+  "disabled": "DateInputField_module_disabled__e4d317ee"
 };
-export { styles as default };
+export { modules_99160b40 as default };