@kaizen/components 3.0.5 → 3.0.6

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.module.scss.mjs

@@ -1,7 +1,7 @@
-var modules_26a9f584 = {
-  "dateRangeInputContainer": "DateRangeInputField_module_dateRangeInputContainer__1a155fdf",
-  "inputStartDate": "DateRangeInputField_module_inputStartDate__1a155fdf",
-  "inputEndDate": "DateRangeInputField_module_inputEndDate__1a155fdf",
-  "disabled": "DateRangeInputField_module_disabled__1a155fdf"
+var styles = {
+  "dateRangeInputContainer": "DateRangeInputField-module_dateRangeInputContainer__zjhqr",
+  "inputStartDate": "DateRangeInputField-module_inputStartDate__fLwxZ",
+  "inputEndDate": "DateRangeInputField-module_inputEndDate__j0qQu",
+  "disabled": "DateRangeInputField-module_disabled__vOSK8"
 };
-export { modules_26a9f584 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldMessage } from '../../../../FieldMessage/FieldMessage.mjs';
-import modules_26ee70b1 from './DateRangeValidationMessage.module.scss.mjs';
+import styles from './DateRangeValidationMessage.module.scss.mjs';
 const DateRangeValidationMessage = /*#__PURE__*/function () {
   const DateRangeValidationMessage = function (_a) {
     var validationMessage = _a.validationMessage,
@@ -14,7 +14,7 @@ const DateRangeValidationMessage = /*#__PURE__*/function () {
       if (dateStart.status === dateEnd.status) {
         return /*#__PURE__*/React.createElement(FieldMessage, {
           message: /*#__PURE__*/React.createElement("ul", {
-            className: modules_26ee70b1.fieldMessageList
+            className: styles.fieldMessageList
           }, /*#__PURE__*/React.createElement("li", {
             id: dateStartId
           }, dateStart.message), /*#__PURE__*/React.createElement("li", {

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_26ee70b1 = {
-  "fieldMessageList": "DateRangeValidationMessage_module_fieldMessageList__51afb280"
+var styles = {
+  "fieldMessageList": "DateRangeValidationMessage-module_fieldMessageList__4-tJ7"
 };
-export { modules_26ee70b1 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs

@@ -17,7 +17,7 @@ import { filterDatePickerFieldReducer } from './filterDateRangePickerFieldReduce
 import { useEndDateValidation } from './hooks/useEndDateValidation.mjs';
 import { useStartDateValidation } from './hooks/useStartDateValidation.mjs';
 import { isValidRange } from './utils/isValidRange.mjs';
-import modules_a5a6c111 from './FilterDateRangePickerField.module.scss.mjs';
+import styles from './FilterDateRangePickerField.module.scss.mjs';
 const FilterDateRangePickerField = /*#__PURE__*/function () {
   const FilterDateRangePickerField = function (_a) {
     var _b, _c;
@@ -198,7 +198,7 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputStartDateLabel, inputEndDateLabel]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_a5a6c111.filterDateRangePickerField, classNameOverride)
+      className: classnames(styles.filterDateRangePickerField, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement(DateRangeInputField, {
       id: "".concat(id, "--input"),
       legend: label,
@@ -216,7 +216,7 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
         dateStart: dateStartValidation.validationMessage,
         dateEnd: dateEndValidation.validationMessage
       },
-      classNameOverride: classnames(modules_a5a6c111.dateRangeInputField)
+      classNameOverride: classnames(styles.dateRangeInputField)
     }), /*#__PURE__*/React.createElement(CalendarRange, {
       disabled: disabledDays,
       locale: locale,

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.module.scss.mjs

@@ -1,5 +1,5 @@
-var modules_a5a6c111 = {
-  "filterDateRangePickerField": "FilterDateRangePickerField_module_filterDateRangePickerField__9d2b1b38",
-  "dateRangeInputField": "FilterDateRangePickerField_module_dateRangeInputField__9d2b1b38"
+var styles = {
+  "filterDateRangePickerField": "FilterDateRangePickerField-module_filterDateRangePickerField__fSmbz",
+  "dateRangeInputField": "FilterDateRangePickerField-module_dateRangeInputField__EEU-X"
 };
-export { modules_a5a6c111 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs

@@ -2,7 +2,7 @@ import { __assign, __spreadArray } from 'tslib';
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_29eb7242 from './ListBox.module.css.mjs';
+import styles from './ListBox.module.css.mjs';
 var getItemsFromKeys = function (items, keys) {
   var itemKeys = Array.from(keys);
   return itemKeys.reduce(function (acc, itemKey) {
@@ -61,15 +61,15 @@ const ListBox = /*#__PURE__*/function () {
     }, [selectionState.collection.size]);
     if (hasNoItems) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: modules_29eb7242.noResultsWrapper
+        className: styles.noResultsWrapper
       }, children(itemsState)), /*#__PURE__*/React.createElement("ul", {
         ref: listRef,
-        className: modules_29eb7242.hidden
+        className: styles.hidden
       }));
     }
     return /*#__PURE__*/React.createElement("ul", __assign({}, listBoxProps, {
       ref: listRef,
-      className: classnames(modules_29eb7242.listBox, isOverflown && modules_29eb7242.overflown)
+      className: classnames(styles.listBox, isOverflown && styles.overflown)
     }), children(itemsState));
   };
   ListBox.displayName = 'FilterMultiSelect.ListBox';

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.module.css.mjs

@@ -1,7 +1,7 @@
-var modules_29eb7242 = {
-  "listBox": "ListBox_module_listBox__573cea18",
-  "overflown": "ListBox_module_overflown__573cea18",
-  "hidden": "ListBox_module_hidden__573cea18",
-  "noResultsWrapper": "ListBox_module_noResultsWrapper__573cea18"
+var styles = {
+  "listBox": "ListBox-module_listBox__HBScm",
+  "overflown": "ListBox-module_overflown__PdKED",
+  "hidden": "ListBox-module_hidden__mO-oL",
+  "noResultsWrapper": "ListBox-module_noResultsWrapper__RnMj0"
 };
-export { modules_29eb7242 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -1,7 +1,7 @@
 import { __rest } from 'tslib';
 import React, { useId } from 'react';
 import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
-import modules_38d20667 from './ListBoxSection.module.scss.mjs';
+import styles from './ListBoxSection.module.scss.mjs';
 const ListBoxSection = /*#__PURE__*/function () {
   const ListBoxSection = function (_a) {
     var items = _a.items,
@@ -13,12 +13,12 @@ const ListBoxSection = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("li", {
       role: "presentation"
     }, /*#__PURE__*/React.createElement("ul", {
-      className: modules_38d20667.listBoxSection,
+      className: styles.listBoxSection,
       "aria-label": !hasSectionHeader ? sectionName : undefined,
       "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
       role: "group"
     }, hasSectionHeader && (/*#__PURE__*/React.createElement("li", {
-      className: modules_38d20667.listBoxSectionHeader,
+      className: styles.listBoxSectionHeader,
       id: listSectionId,
       role: "presentation"
     }, sectionName && /*#__PURE__*/React.createElement(VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader)), Array.from(items).map(function (node) {

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.module.scss.mjs

@@ -1,5 +1,5 @@
-var modules_38d20667 = {
-  "listBoxSection": "ListBoxSection_module_listBoxSection__0d8cc2fc",
-  "listBoxSectionHeader": "ListBoxSection_module_listBoxSectionHeader__0d8cc2fc"
+var styles = {
+  "listBoxSection": "ListBoxSection-module_listBoxSection__AMlz-",
+  "listBoxSectionHeader": "ListBoxSection-module_listBoxSectionHeader__N-2Fi"
 };
-export { modules_38d20667 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs

@@ -2,11 +2,11 @@ import { __assign } from 'tslib';
 import React from 'react';
 import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
-import modules_b0782052 from './LoadMoreButton.module.scss.mjs';
+import styles from './LoadMoreButton.module.scss.mjs';
 const LoadMoreButton = /*#__PURE__*/function () {
   const LoadMoreButton = function (props) {
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_b0782052.container
+      className: styles.container
     }, /*#__PURE__*/React.createElement(Button, __assign({}, props, {
       fullWidth: true
     })));

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_b0782052 = {
-  "container": "LoadMoreButton_module_container__7b8cda4e"
+var styles = {
+  "container": "LoadMoreButton-module_container__sXwB6"
 };
-export { modules_b0782052 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs

@@ -1,10 +1,10 @@
 import React from 'react';
-import modules_2297bbef from './MenuFooter.module.scss.mjs';
+import styles from './MenuFooter.module.scss.mjs';
 const MenuFooter = /*#__PURE__*/function () {
   const MenuFooter = function (_a) {
     var children = _a.children;
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_2297bbef.footer
+      className: styles.footer
     }, children);
   };
   MenuFooter.displayName = 'FilterMultiSelect.MenuFooter';

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_2297bbef = {
-  "footer": "MenuFooter_module_footer__437270a2"
+var styles = {
+  "footer": "MenuFooter-module_footer__57a6Y"
 };
-export { modules_2297bbef as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs

@@ -5,15 +5,15 @@ import { LoadingInput } from '../../../../../Loading/LoadingInput/LoadingInput.m
 import { LoadingParagraph } from '../../../../../Loading/LoadingParagraph/LoadingParagraph.mjs';
 import '../../../../../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import { MenuFooter } from '../MenuFooter/MenuFooter.mjs';
-import modules_0e2e54b1 from './MenuLoadingSkeleton.module.scss.mjs';
+import styles from './MenuLoadingSkeleton.module.scss.mjs';
 const MenuLoadingSkeleton = /*#__PURE__*/function () {
   const MenuLoadingSkeleton = function (_a) {
     var _b = _a.isAnimated,
       isAnimated = _b === void 0 ? false : _b;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_0e2e54b1.loadingContainer
+      className: styles.loadingContainer
     }, /*#__PURE__*/React.createElement(LoadingInput, {
-      classNameOverride: modules_0e2e54b1.loadingInput,
+      classNameOverride: styles.loadingInput,
       isAnimated: isAnimated
     }), /*#__PURE__*/React.createElement(LoadingParagraph, {
       isAnimated: isAnimated

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.module.scss.mjs

@@ -1,5 +1,5 @@
-var modules_0e2e54b1 = {
-  "loadingInput": "MenuLoadingSkeleton_module_loadingInput__fa3a5dcb",
-  "loadingContainer": "MenuLoadingSkeleton_module_loadingContainer__fa3a5dcb"
+var styles = {
+  "loadingInput": "MenuLoadingSkeleton-module_loadingInput__-6KsQ",
+  "loadingContainer": "MenuLoadingSkeleton-module_loadingContainer__QFFBR"
 };
-export { modules_0e2e54b1 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs

@@ -4,7 +4,7 @@ import { FocusScope } from '@react-aria/focus';
 import { useOverlay, DismissButton } from '@react-aria/overlays';
 import { useMenuTriggerContext } from '../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import '../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_a08aa86f from './MenuPopup.module.css.mjs';
+import styles from './MenuPopup.module.css.mjs';
 const MenuPopup = /*#__PURE__*/function () {
   const MenuPopup = function (_a) {
     var isLoading = _a.isLoading,
@@ -28,7 +28,7 @@ const MenuPopup = /*#__PURE__*/function () {
     // to allow screen reader users to dismiss the popup easily.
     return menuTriggerState.isOpen ? (/*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
       ref: overlayRef,
-      className: modules_a08aa86f.menuPopup
+      className: styles.menuPopup
     }), isLoading && loadingSkeleton ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
     }), loadingSkeleton, /*#__PURE__*/React.createElement(DismissButton, {

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_a08aa86f = {
-  "menuPopup": "MenuPopup_module_menuPopup__b39a400d"
+var styles = {
+  "menuPopup": "MenuPopup-module_menuPopup__QgGEa"
 };
-export { modules_a08aa86f as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/ResponsiveMenuPopup.mjs

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import { useMenuTriggerContext } from '../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import '../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_a08aa86f from './MenuPopup.module.css.mjs';
+import styles from './MenuPopup.module.css.mjs';
 
 /** This is a popup primitive that can be used with the FilterMultiSelect when there are overflow issues with the original implementation. This uses the floating-ui */
 const ResponsiveMenuPopup = /*#__PURE__*/function () {
@@ -72,7 +72,7 @@ const ResponsiveMenuPopup = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement("div", __assign({
       ref: setFloatingElement,
       style: floatingStyles,
-      className: classnames(modules_a08aa86f.menuPopup, classNameOverride),
+      className: classnames(styles.menuPopup, classNameOverride),
       role: "dialog",
       "aria-modal": "true",
       // @ts-expect-error: popover is valid in supported browsers

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs

@@ -10,7 +10,7 @@ import { Icon } from '../../../../Icon/Icon.mjs';
 import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
 import '../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_c285230b from './MultiSelectOption.module.scss.mjs';
+import styles from './MultiSelectOption.module.scss.mjs';
 const MultiSelectOption = /*#__PURE__*/function () {
   const MultiSelectOption = function (_a) {
     var _b, _c, _d;
@@ -34,17 +34,17 @@ const MultiSelectOption = /*#__PURE__*/function () {
     var formatNumber = useIntl().formatNumber;
     return /*#__PURE__*/React.createElement("li", __assign({}, mergeProps(optionProps, focusProps), {
       ref: ref,
-      className: classnames(modules_c285230b.option, classNameOverride, isSelected && modules_c285230b.isSelected, isFocusVisible && modules_c285230b.isFocusVisible, isDisabled && modules_c285230b.isDisabled),
+      className: classnames(styles.option, classNameOverride, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.isDisabled),
       "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label,
       "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined
     }), /*#__PURE__*/React.createElement("span", {
-      className: classnames(modules_c285230b.icon, isSelected && modules_c285230b.isSelected)
+      className: classnames(styles.icon, isSelected && styles.isSelected)
     }, isSelected && /*#__PURE__*/React.createElement(Icon, {
       name: "check",
       isPresentational: true
     })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && (/*#__PURE__*/React.createElement("span", {
       id: countElementId,
-      className: modules_c285230b.badgeContainer
+      className: styles.badgeContainer
     }, /*#__PURE__*/React.createElement(FormattedMessage, {
       defaultMessage: "<Badge>{count}</Badge><VisuallyHidden> available</VisuallyHidden>",
       id: "filterMultiSelectMultiSelectOption.available",
@@ -53,7 +53,7 @@ const MultiSelectOption = /*#__PURE__*/function () {
         count: formatNumber(parseInt(item.value.count)),
         Badge: function (children) {
           return /*#__PURE__*/React.createElement(Badge, {
-            classNameOverride: modules_c285230b.badge
+            classNameOverride: styles.badge
           }, children);
         },
         VisuallyHidden: function (children) {

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.module.scss.mjs

@@ -1,9 +1,9 @@
-var modules_c285230b = {
-  "icon": "MultiSelectOption_module_icon__878c283e",
-  "option": "MultiSelectOption_module_option__878c283e",
-  "badge": "MultiSelectOption_module_badge__878c283e",
-  "isDisabled": "MultiSelectOption_module_isDisabled__878c283e",
-  "badgeContainer": "MultiSelectOption_module_badgeContainer__878c283e",
-  "isSelected": "MultiSelectOption_module_isSelected__878c283e"
+var styles = {
+  "icon": "MultiSelectOption-module_icon__78XCm",
+  "option": "MultiSelectOption-module_option__CSJyR",
+  "badge": "MultiSelectOption-module_badge__QqoyV",
+  "isDisabled": "MultiSelectOption-module_isDisabled__l--2z",
+  "badgeContainer": "MultiSelectOption-module_badgeContainer__59fHs",
+  "isSelected": "MultiSelectOption-module_isSelected__IZggh"
 };
-export { modules_c285230b as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.mjs

@@ -1,13 +1,13 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Text } from '../../../../Text/Text.mjs';
-import modules_738825e8 from './NoResults.module.scss.mjs';
+import styles from './NoResults.module.scss.mjs';
 const NoResults = /*#__PURE__*/function () {
   const NoResults = function (_a) {
     var children = _a.children,
       restProps = __rest(_a, ["children"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_738825e8.container
+      className: styles.container
     }, restProps), /*#__PURE__*/React.createElement(Text, {
       variant: "extra-small",
       color: "dark-reduced-opacity"

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_738825e8 = {
-  "container": "NoResults_module_container__3e7d8dd2"
+var styles = {
+  "container": "NoResults-module_container__2l8Ol"
 };
-export { modules_738825e8 as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs

@@ -3,7 +3,7 @@ import { useIntl } from '@cultureamp/i18n-react-intl';
 import { InputSearch } from '../../../../Input/InputSearch/InputSearch.mjs';
 import '../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_a21b6cbd from './SearchInput.module.scss.mjs';
+import styles from './SearchInput.module.scss.mjs';
 const SearchInput = /*#__PURE__*/function () {
   const SearchInput = function (_a) {
     var label = _a.label,
@@ -32,7 +32,7 @@ const SearchInput = /*#__PURE__*/function () {
       description: 'Placeholder for the search input'
     });
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_a21b6cbd.inputSearchContainer
+      className: styles.inputSearchContainer
     }, /*#__PURE__*/React.createElement(InputSearch, {
       id: inputId,
       "aria-label": label !== null && label !== void 0 ? label : defaultAriaLabel,

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_a21b6cbd = {
-  "inputSearchContainer": "SearchInput_module_inputSearchContainer__2fe6d0cf"
+var styles = {
+  "inputSearchContainer": "SearchInput-module_inputSearchContainer__u9K6k"
 };
-export { modules_a21b6cbd as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.mjs

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Divider } from '../../../../Divider/Divider.mjs';
-import modules_07bb815f from './SectionDivider.module.scss.mjs';
+import styles from './SectionDivider.module.scss.mjs';
 var SectionDivider = function () {
   return /*#__PURE__*/React.createElement("li", {
-    className: modules_07bb815f.divider,
+    className: styles.divider,
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement(Divider, {
     variant: "canvas"

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_07bb815f = {
-  "divider": "SectionDivider_module_divider__78ad2c1b"
+var styles = {
+  "divider": "SectionDivider-module_divider__G-itP"
 };
-export { modules_07bb815f as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_fc9c301d from '../SelectionControlButton.module.scss.mjs';
+import styles from '../SelectionControlButton.module.scss.mjs';
 const ClearButton = /*#__PURE__*/function () {
   const ClearButton = function () {
     var selectionState = useSelectionContext().selectionState;
@@ -15,7 +15,7 @@ const ClearButton = /*#__PURE__*/function () {
     });
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
-      className: classnames(modules_fc9c301d.button, isDisabled && modules_fc9c301d.isDisabled),
+      className: classnames(styles.button, isDisabled && styles.isDisabled),
       "aria-disabled": isDisabled,
       onClick: function () {
         if (!isDisabled) {

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs

@@ -4,7 +4,7 @@ import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../../context/SelectionProvider/SelectionProvider.mjs';
-import modules_fc9c301d from '../SelectionControlButton.module.scss.mjs';
+import styles from '../SelectionControlButton.module.scss.mjs';
 const SelectAllButton = /*#__PURE__*/function () {
   const SelectAllButton = function () {
     var selectionState = useSelectionContext().selectionState;
@@ -16,7 +16,7 @@ const SelectAllButton = /*#__PURE__*/function () {
     var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
-      className: classnames(modules_fc9c301d.button, selectionState.selectionManager.isSelectAll && modules_fc9c301d.isDisabled),
+      className: classnames(styles.button, selectionState.selectionManager.isSelectAll && styles.isDisabled),
       "aria-disabled": selectionState.selectionManager.isSelectAll,
       onClick: function () {
         return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(__spreadArray(__spreadArray([], selectedOptions, true), filteredOptions, true));

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss.mjs

@@ -1,5 +1,5 @@
-var modules_fc9c301d = {
-  "button": "SelectionControlButton_module_button__57128f29",
-  "isDisabled": "SelectionControlButton_module_isDisabled__57128f29"
+var styles = {
+  "button": "SelectionControlButton-module_button__u-ysH",
+  "isDisabled": "SelectionControlButton-module_isDisabled__0axMR"
 };
-export { modules_fc9c301d as default };
+export { styles as default };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs

@@ -7,7 +7,7 @@ import { FilterButtonRemovable } from '../../../../FilterButton/FilterButtonRemo
 import { useMenuTriggerContext } from '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import '../../../context/SelectionProvider/SelectionProvider.mjs';
 import { getTruncatedLabels } from '../../../utils/getTruncatedLabel.mjs';
-import modules_a793f4b8 from './RemovableFilterTrigger.module.css.mjs';
+import styles from './RemovableFilterTrigger.module.css.mjs';
 const RemovableFilterTrigger = /*#__PURE__*/function () {
   const RemovableFilterTrigger = function (_a) {
     var label = _a.label,
@@ -25,7 +25,7 @@ const RemovableFilterTrigger = /*#__PURE__*/function () {
     });
     return /*#__PURE__*/React.createElement(FilterButtonRemovable, {
       ref: ref,
-      classNameOverride: classnames(modules_a793f4b8.filterButtonRemovable, classNameOverride),
+      classNameOverride: classnames(styles.filterButtonRemovable, classNameOverride),
       triggerButtonProps: __assign(__assign({}, buttonProps), {
         label: label,
         selectedValue: getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_a793f4b8 = {
-  "filterButtonRemovable": "RemovableFilterTrigger_module_filterButtonRemovable__41701a3a"
+var styles = {
+  "filterButtonRemovable": "RemovableFilterTrigger-module_filterButtonRemovable__-M4wV"
 };
-export { modules_a793f4b8 as default };
+export { styles as default };

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

@@ -17,7 +17,7 @@ import { SelectPopoverContents } from '../../SingleSelect/subcomponents/SelectPo
 import '../../SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from '../../SingleSelect/utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from '../../SingleSelect/utils/transformSelectItemToCollectionElement.mjs';
-import modules_672507ce from './FilterSelect.module.css.mjs';
+import styles from './FilterSelect.module.css.mjs';
 const FilterSelect = /*#__PURE__*/function () {
   const FilterSelect = function (_a) {
     var isOpen = _a.isOpen,
@@ -74,7 +74,7 @@ const FilterSelect = /*#__PURE__*/function () {
       onMount: setTriggerRef,
       classNameOverride: classNameOverride
     }, /*#__PURE__*/React.createElement(FilterContents, {
-      classNameOverride: modules_672507ce.filterContents
+      classNameOverride: styles.filterContents
     }, /*#__PURE__*/React.createElement(SelectProvider, {
       state: state
     }, /*#__PURE__*/React.createElement(SelectPopoverContents, {

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

@@ -1,4 +1,4 @@
-var modules_672507ce = {
-  "filterContents": "FilterSelect_module_filterContents__dc0e47fb"
+var styles = {
+  "filterContents": "FilterSelect-module_filterContents__--oQN"
 };
-export { modules_672507ce as default };
+export { styles as default };

package/dist/esm/src/Focusable/Focusable.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef } from 'react';
 import classnames from 'classnames';
 import { useFocusable } from 'react-aria';
-import modules_99c30b46 from './Focusable.module.css.mjs';
+import styles from './Focusable.module.css.mjs';
 var Focusable = function (_a) {
   var children = _a.children,
     className = _a.className,
@@ -11,7 +11,7 @@ var Focusable = function (_a) {
   var focusableProps = useFocusable(props, ref).focusableProps;
   return /*#__PURE__*/React.createElement("div", __assign({
     ref: ref,
-    className: classnames(modules_99c30b46.focusableWrapper, className)
+    className: classnames(styles.focusableWrapper, className)
   }, focusableProps, {
     "data-inline-hidden-content": true,
     // We want the div to be focusable for keyboard users,

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

@@ -1,4 +1,4 @@
-var modules_99c30b46 = {
-  "focusableWrapper": "Focusable_module_focusableWrapper__2f19310f"
+var styles = {
+  "focusableWrapper": "Focusable-module_focusableWrapper__uU2wP"
 };
-export { modules_99c30b46 as default };
+export { styles as default };

package/dist/esm/src/GuidanceBlock/GuidanceBlock.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
-import modules_74570237 from './GuidanceBlock.module.css.mjs';
+import styles from './GuidanceBlock.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
@@ -28,19 +28,19 @@ const GuidanceBlock = /*#__PURE__*/function () {
       restProps = __rest(_a, ["layout", "variant", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "illustration", "actionsSlot"]);
     var queries = useMediaQueries().queries;
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_74570237.banner, variant && modules_74570237[variant], layout && modules_74570237[layout], queries.isSmall && modules_74570237.centerContent, noMaxWidth && modules_74570237.noMaxWidth, illustrationType === 'scene' && modules_74570237.hasSceneIllustration, smallScreenTextAlignment === 'left' && modules_74570237.smallScreenTextAlignment)
+      className: classnames(styles.banner, variant && styles[variant], layout && styles[layout], queries.isSmall && styles.centerContent, noMaxWidth && styles.noMaxWidth, illustrationType === 'scene' && styles.hasSceneIllustration, smallScreenTextAlignment === 'left' && styles.smallScreenTextAlignment)
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.illustrationWrapper
+      className: styles.illustrationWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.illustration
+      className: styles.illustration
     }, illustrationType === 'scene' ? /*#__PURE__*/React.cloneElement(illustration, {
       enableAspectRatio: true
     }) : illustration)), /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.descriptionAndActions
+      className: styles.descriptionAndActions
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.descriptionContainer
+      className: styles.descriptionContainer
     }, 'content' in restProps && restProps.content, 'text' in restProps && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.headingWrapper
+      className: styles.headingWrapper
     }, /*#__PURE__*/React.createElement(Heading, {
       tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : 'h3',
       variant: "heading-3"
@@ -48,7 +48,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
       tag: "p",
       variant: "body"
     }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), actionsSlot && /*#__PURE__*/React.createElement("div", {
-      className: modules_74570237.buttonContainer
+      className: styles.buttonContainer
     }, actionsSlot)));
   };
   GuidanceBlock.displayName = 'GuidanceBlock';