@kaizen/components 3.0.5 → 3.0.6

package/dist/esm/src/Checkbox/CheckboxField/CheckboxField.mjs

@@ -3,7 +3,7 @@ import React, { useId } from 'react';
 import classnames from 'classnames';
 import { Label } from '../../Label/Label.mjs';
 import { Checkbox } from '../Checkbox/Checkbox.mjs';
-import modules_8b560cde from './CheckboxField.module.scss.mjs';
+import styles from './CheckboxField.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
@@ -27,7 +27,7 @@ const CheckboxField = /*#__PURE__*/function () {
     var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": dataTestId,
-      className: classnames(modules_8b560cde.container, classNameOverride, checkedStatus === 'on' && modules_8b560cde.checked, checkedStatus === 'mixed' && modules_8b560cde.mixed, reversed && modules_8b560cde.reversed, noBottomMargin && modules_8b560cde.noBottomMargin)
+      className: classnames(styles.container, classNameOverride, checkedStatus === 'on' && styles.checked, checkedStatus === 'mixed' && styles.mixed, reversed && styles.reversed, noBottomMargin && styles.noBottomMargin)
     }, /*#__PURE__*/React.createElement(Label, {
       id: "".concat(id, "-field-label"),
       htmlFor: "".concat(id, "-field-checkbox"),
@@ -36,7 +36,7 @@ const CheckboxField = /*#__PURE__*/function () {
       reversed: reversed,
       labelType: "checkbox",
       disabled: disabled,
-      classNameOverride: modules_8b560cde.label
+      classNameOverride: styles.label
     }, /*#__PURE__*/React.createElement(Checkbox, __assign({
       id: "".concat(id, "-field-checkbox"),
       "data-testid": "".concat(id, "-field-checkbox"),

package/dist/esm/src/Checkbox/CheckboxField/CheckboxField.module.scss.mjs

@@ -1,8 +1,8 @@
-var modules_8b560cde = {
-  "container": "CheckboxField_module_container__0f9f9a72",
-  "noBottomMargin": "CheckboxField_module_noBottomMargin__0f9f9a72",
-  "checked": "CheckboxField_module_checked__0f9f9a72",
-  "mixed": "CheckboxField_module_mixed__0f9f9a72",
-  "label": "CheckboxField_module_label__0f9f9a72"
+var styles = {
+  "container": "CheckboxField-module_container__3J-jG",
+  "noBottomMargin": "CheckboxField-module_noBottomMargin__vTcJF",
+  "checked": "CheckboxField-module_checked__uAhcE",
+  "mixed": "CheckboxField-module_mixed__smfKh",
+  "label": "CheckboxField-module_label__KLacF"
 };
-export { modules_8b560cde as default };
+export { styles as default };

package/dist/esm/src/Checkbox/CheckboxGroup/CheckboxGroup.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useId } from 'react';
 import classnames from 'classnames';
 import { Label } from '../../Label/Label.mjs';
-import modules_38599e4e from './CheckboxGroup.module.scss.mjs';
+import styles from './CheckboxGroup.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
@@ -22,11 +22,11 @@ const CheckboxGroup = /*#__PURE__*/function () {
     var fallbackId = useId();
     var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_38599e4e.checkboxGroupContainer, classNameOverride, noBottomMargin && modules_38599e4e.noBottomMargin, reversed && modules_38599e4e.reversed),
+      className: classnames(styles.checkboxGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
       role: "group",
       "aria-labelledby": labelId
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_38599e4e.checkboxGroupLabel
+      className: styles.checkboxGroupLabel
     }, /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       labelText: labelText,

package/dist/esm/src/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.mjs

@@ -1,6 +1,6 @@
-var modules_38599e4e = {
-  "checkboxGroupLabel": "CheckboxGroup_module_checkboxGroupLabel__32e21cdc",
-  "checkboxGroupContainer": "CheckboxGroup_module_checkboxGroupContainer__32e21cdc",
-  "noBottomMargin": "CheckboxGroup_module_noBottomMargin__32e21cdc"
+var styles = {
+  "checkboxGroupLabel": "CheckboxGroup-module_checkboxGroupLabel__a9Iet",
+  "checkboxGroupContainer": "CheckboxGroup-module_checkboxGroupContainer__NTUWc",
+  "noBottomMargin": "CheckboxGroup-module_noBottomMargin__J7ADb"
 };
-export { modules_38599e4e as default };
+export { styles as default };

package/dist/esm/src/ClearButton/ClearButton.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { Icon } from '../Icon/Icon.mjs';
-import modules_52fa069c from './ClearButton.module.css.mjs';
+import styles from './ClearButton.module.css.mjs';
 const ClearButton = /*#__PURE__*/function () {
   const ClearButton = function (_a) {
     var classNameOverride = _a.classNameOverride,
@@ -12,7 +12,7 @@ const ClearButton = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("button", __assign({
       type: "button",
       "aria-label": "clear",
-      className: classnames(modules_52fa069c.clearButton, isReversed ? modules_52fa069c.reversed : modules_52fa069c.default, classNameOverride)
+      className: classnames(styles.clearButton, isReversed ? styles.reversed : styles.default, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement(Icon, {
       name: "cancel",
       isPresentational: true,

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

@@ -1,6 +1,6 @@
-var modules_52fa069c = {
-  "clearButton": "ClearButton_module_clearButton__057d2eb1",
-  "default": "ClearButton_module_default__057d2eb1",
-  "reversed": "ClearButton_module_reversed__057d2eb1"
+var styles = {
+  "clearButton": "ClearButton-module_clearButton__qOM0I",
+  "default": "ClearButton-module_default__0y2mv",
+  "reversed": "ClearButton-module_reversed__AfUH1"
 };
-export { modules_52fa069c as default };
+export { styles as default };

package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs

@@ -6,7 +6,7 @@ import '../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
 import { Heading } from '../../Heading/Heading.mjs';
 import { Icon } from '../../Icon/Icon.mjs';
-import modules_23a5f9ec from './Collapsible.module.scss.mjs';
+import styles from './Collapsible.module.scss.mjs';
 const Collapsible = /*#__PURE__*/function () {
   const Collapsible = function (_a) {
     var children = _a.children,
@@ -48,17 +48,17 @@ const Collapsible = /*#__PURE__*/function () {
     var isContainer = !group || separated;
     return /*#__PURE__*/React.createElement("div", __assign({
       id: id,
-      className: classnames(classNameOverride, isContainer && modules_23a5f9ec.container, group && !separated && modules_23a5f9ec.groupItem, separated && modules_23a5f9ec.separated),
+      className: classnames(classNameOverride, isContainer && styles.container, group && !separated && styles.groupItem, separated && styles.separated),
       "data-testid": "collapsible-container-".concat(id)
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_23a5f9ec.header, isOpen && modules_23a5f9ec.open, sticky && modules_23a5f9ec.sticky, isOpen && variant === 'default' && modules_23a5f9ec.defaultVariant, isOpen && variant === 'clear' && modules_23a5f9ec.clearVariant),
+      className: classnames(styles.header, isOpen && styles.open, sticky && styles.sticky, isOpen && variant === 'default' && styles.defaultVariant, isOpen && variant === 'clear' && styles.clearVariant),
       style: sticky && {
         top: sticky.top
       },
       onClick: handleSectionToggle,
       "data-testid": "collapsible-header-".concat(id)
     }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React.createElement("div", {
-      className: modules_23a5f9ec.title,
+      className: styles.title,
       "data-testid": "collapsible-button-title-".concat(id)
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-4",
@@ -75,13 +75,13 @@ const Collapsible = /*#__PURE__*/function () {
       "data-testid": "collapsible-button-".concat(id),
       id: buttonId,
       onClick: handleButtonPress,
-      classNameOverride: modules_23a5f9ec.chevronButton
+      classNameOverride: styles.chevronButton
     }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React.createElement(AnimateHeight, {
       height: isOpen ? 'auto' : 0,
       "data-testid": "collapsible-section-".concat(id)
     }, /*#__PURE__*/React.createElement("div", {
       id: sectionId,
-      className: classnames(modules_23a5f9ec.section, noSectionPadding && modules_23a5f9ec.noPadding),
+      className: classnames(styles.section, noSectionPadding && styles.noPadding),
       role: "region",
       "aria-labelledby": buttonId
     }, children))));

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

@@ -1,15 +1,15 @@
-var modules_23a5f9ec = {
-  "container": "Collapsible_module_container__538d1922",
-  "header": "Collapsible_module_header__538d1922",
-  "open": "Collapsible_module_open__538d1922",
-  "separated": "Collapsible_module_separated__538d1922",
-  "groupItem": "Collapsible_module_groupItem__538d1922",
-  "chevronButton": "Collapsible_module_chevronButton__538d1922",
-  "title": "Collapsible_module_title__538d1922",
-  "defaultVariant": "Collapsible_module_defaultVariant__538d1922",
-  "clearVariant": "Collapsible_module_clearVariant__538d1922",
-  "sticky": "Collapsible_module_sticky__538d1922",
-  "section": "Collapsible_module_section__538d1922",
-  "noPadding": "Collapsible_module_noPadding__538d1922"
+var styles = {
+  "container": "Collapsible-module_container__EBC1U",
+  "header": "Collapsible-module_header__yf32d",
+  "open": "Collapsible-module_open__YlzQL",
+  "separated": "Collapsible-module_separated__IKYdN",
+  "groupItem": "Collapsible-module_groupItem__JECHF",
+  "chevronButton": "Collapsible-module_chevronButton__Ti18q",
+  "title": "Collapsible-module_title__Mwsd6",
+  "defaultVariant": "Collapsible-module_defaultVariant__BqxxR",
+  "clearVariant": "Collapsible-module_clearVariant__BHkHf",
+  "sticky": "Collapsible-module_sticky__m1V8p",
+  "section": "Collapsible-module_section__yfZvI",
+  "noPadding": "Collapsible-module_noPadding__Vfm3q"
 };
-export { modules_23a5f9ec as default };
+export { styles as default };

package/dist/esm/src/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_ddfcdac6 from './CollapsibleGroup.module.scss.mjs';
+import styles from './CollapsibleGroup.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
@@ -20,7 +20,7 @@ var CollapsibleGroup = function (_a) {
     classNameOverride = _a.classNameOverride,
     props = __rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
   return /*#__PURE__*/React.createElement("div", __assign({
-    className: classnames(classNameOverride, !separated && modules_ddfcdac6.container)
+    className: classnames(classNameOverride, !separated && styles.container)
   }, props), React.Children.map(children, function (collapsible) {
     return /*#__PURE__*/React.cloneElement(collapsible, {
       group: true,

package/dist/esm/src/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_ddfcdac6 = {
-  "container": "CollapsibleGroup_module_container__339038b9"
+var styles = {
+  "container": "CollapsibleGroup-module_container__EjMRg"
 };
-export { modules_ddfcdac6 as default };
+export { styles as default };

package/dist/esm/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import { Brand } from '../../Brand/Brand.mjs';
 import { Collapsible } from '../Collapsible/Collapsible.mjs';
 import { Heading } from '../../Heading/Heading.mjs';
-import modules_dcd54fcb from './ExpertAdviceCollapsible.module.scss.mjs';
+import styles from './ExpertAdviceCollapsible.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
@@ -13,23 +13,23 @@ const ExpertAdviceCollapsible = /*#__PURE__*/function () {
   const ExpertAdviceCollapsible = function (props) {
     return /*#__PURE__*/React.createElement(Collapsible, __assign({}, props, {
       noSectionPadding: true,
-      classNameOverride: modules_dcd54fcb.expertAdviceContainer,
+      classNameOverride: styles.expertAdviceContainer,
       renderHeader: function () {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: modules_dcd54fcb.expertAdviceHeader
+          className: styles.expertAdviceHeader
         }, /*#__PURE__*/React.createElement(Brand, {
-          classNameOverride: modules_dcd54fcb.expertAdviceIcon,
+          classNameOverride: styles.expertAdviceIcon,
           alt: "Expert Advice",
           variant: "collective-intelligence",
           reversed: true
         }), /*#__PURE__*/React.createElement(Heading, {
           variant: "heading-4",
           tag: "span",
-          classNameOverride: modules_dcd54fcb.expertAdviceHeading
+          classNameOverride: styles.expertAdviceHeading
         }, props.title)));
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: modules_dcd54fcb.expertAdviceSection
+      className: styles.expertAdviceSection
     }, props.children));
   };
   ExpertAdviceCollapsible.displayName = 'ExpertAdviceCollapsible';

package/dist/esm/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss.mjs

@@ -1,8 +1,8 @@
-var modules_dcd54fcb = {
-  "expertAdviceContainer": "ExpertAdviceCollapsible_module_expertAdviceContainer__60a3b38b",
-  "expertAdviceHeader": "ExpertAdviceCollapsible_module_expertAdviceHeader__60a3b38b",
-  "expertAdviceHeading": "ExpertAdviceCollapsible_module_expertAdviceHeading__60a3b38b",
-  "expertAdviceIcon": "ExpertAdviceCollapsible_module_expertAdviceIcon__60a3b38b",
-  "expertAdviceSection": "ExpertAdviceCollapsible_module_expertAdviceSection__60a3b38b"
+var styles = {
+  "expertAdviceContainer": "ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4",
+  "expertAdviceHeader": "ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc",
+  "expertAdviceHeading": "ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh",
+  "expertAdviceIcon": "ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR",
+  "expertAdviceSection": "ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR"
 };
-export { modules_dcd54fcb as default };
+export { styles as default };

package/dist/esm/src/Container/Container.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_54a334e8 from './Container.module.css.mjs';
+import styles from './Container.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
@@ -15,7 +15,7 @@ const Container = /*#__PURE__*/function () {
       restProps = __rest(_a, ["children", "style", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: ref,
-      className: classnames(modules_54a334e8.container, classNameOverride),
+      className: classnames(styles.container, classNameOverride),
       style: style
     }, restProps), children);
   });

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

@@ -1,4 +1,4 @@
-var modules_54a334e8 = {
-  "container": "Container_module_container__0815c4f0"
+var styles = {
+  "container": "Container-module_container__Aj6o8"
 };
-export { modules_54a334e8 as default };
+export { styles as default };

package/dist/esm/src/Content/Content.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_950668a8 from './Content.module.css.mjs';
+import styles from './Content.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
@@ -15,7 +15,7 @@ const Content = /*#__PURE__*/function () {
       restProps = __rest(_a, ["children", "style", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: ref,
-      className: classnames(modules_950668a8.content, classNameOverride),
+      className: classnames(styles.content, classNameOverride),
       style: style
     }, restProps), children);
   });

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

@@ -1,4 +1,4 @@
-var modules_950668a8 = {
-  "content": "Content_module_content__2515b29e"
+var styles = {
+  "content": "Content-module_content__DUKqQ"
 };
-export { modules_950668a8 as default };
+export { styles as default };

package/dist/esm/src/DateInput/DateInput/DateInput.mjs

@@ -6,7 +6,7 @@ import '../../Input/InputRange/InputRange.mjs';
 import '../../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../../Label/Label.mjs';
 import { isRefObject } from '../../utils/isRefObject.mjs';
-import modules_0755dfa8 from './DateInput.module.scss.mjs';
+import styles from './DateInput.module.scss.mjs';
 const DateInput = /*#__PURE__*/function () {
   const DateInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var id = _a.id,
@@ -17,7 +17,7 @@ const DateInput = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_0755dfa8.dateInput, classNameOverride)
+      className: classnames(styles.dateInput, classNameOverride)
     }, /*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       id: "".concat(id, "-input-label"),
@@ -29,7 +29,7 @@ const DateInput = /*#__PURE__*/function () {
       id: id,
       type: "text",
       autoComplete: "off",
-      classNameOverride: modules_0755dfa8.input,
+      classNameOverride: styles.input,
       disabled: disabled,
       reversed: isReversed
     }, inputProps)));

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

@@ -1,5 +1,5 @@
-var modules_0755dfa8 = {
-  "dateInput": "DateInput_module_dateInput__ddfc3633",
-  "input": "DateInput_module_input__ddfc3633"
+var styles = {
+  "dateInput": "DateInput-module_dateInput__f0Rs6",
+  "input": "DateInput-module_input__lVV0-"
 };
-export { modules_0755dfa8 as default };
+export { styles as default };

package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs

@@ -2,7 +2,7 @@ import React from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { LabelledMessage } from '../../LabelledMessage/LabelledMessage.mjs';
 import { formatDescriptionInputFormat } from './utils/formatDescriptionInputFormat.mjs';
-import modules_282a7129 from './DateInputDescription.module.scss.mjs';
+import styles from './DateInputDescription.module.scss.mjs';
 const DateInputDescription = /*#__PURE__*/function () {
   const DateInputDescription = function (_a) {
     var description = _a.description,
@@ -16,9 +16,9 @@ const DateInputDescription = /*#__PURE__*/function () {
     });
     if (hasCustomDescription) {
       return /*#__PURE__*/React.createElement("span", {
-        className: modules_282a7129.dateInputDescription
+        className: styles.dateInputDescription
       }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
-        className: modules_282a7129.dateInputFormatContainer
+        className: styles.dateInputFormatContainer
       }, "(", /*#__PURE__*/React.createElement(LabelledMessage, {
         label: translatedInputFormatMessage,
         message: formatDescriptionInputFormat(locale)

package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.module.scss.mjs

@@ -1,5 +1,5 @@
-var modules_282a7129 = {
-  "dateInputDescription": "DateInputDescription_module_dateInputDescription__f9a2e797",
-  "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__f9a2e797"
+var styles = {
+  "dateInputDescription": "DateInputDescription-module_dateInputDescription__dEWv8",
+  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur"
 };
-export { modules_282a7129 as default };
+export { styles as default };

package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Icon } from '../../Icon/Icon.mjs';
 import { isRefObject } from '../../utils/isRefObject.mjs';
 import { DateInput } from '../DateInput/DateInput.mjs';
-import modules_d90a2c0e from './DateInputWithIconButton.module.scss.mjs';
+import styles from './DateInputWithIconButton.module.scss.mjs';
 const DateInputWithIconButton = /*#__PURE__*/function () {
   const DateInputWithIconButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var onButtonClick = _a.onButtonClick,
@@ -21,7 +21,7 @@ const DateInputWithIconButton = /*#__PURE__*/function () {
       "aria-label": value ? "Change date, ".concat(value) : 'Choose date',
       "aria-disabled": disabled,
       disabled: disabled,
-      className: classnames(modules_d90a2c0e.iconButton, restProps['aria-expanded'] && modules_d90a2c0e.calendarActive, disabled && modules_d90a2c0e.disabled)
+      className: classnames(styles.iconButton, restProps['aria-expanded'] && styles.calendarActive, disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "today",
       isPresentational: true,

package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs

@@ -1,6 +1,6 @@
-var modules_d90a2c0e = {
-  "iconButton": "DateInputWithIconButton_module_iconButton__dffd0a18",
-  "calendarActive": "DateInputWithIconButton_module_calendarActive__dffd0a18",
-  "disabled": "DateInputWithIconButton_module_disabled__dffd0a18"
+var styles = {
+  "iconButton": "DateInputWithIconButton-module_iconButton__W7YMX",
+  "calendarActive": "DateInputWithIconButton-module_calendarActive__b2Vze",
+  "disabled": "DateInputWithIconButton-module_disabled__0IRHh"
 };
-export { modules_d90a2c0e as default };
+export { styles as default };

package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -6,7 +6,7 @@ import '../../../DateInput/DateInput/DateInput.mjs';
 import { DateInputDescription } from '../../../DateInput/DateInputDescription/DateInputDescription.mjs';
 import { DateInputWithIconButton } from '../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
 import { FieldMessage } from '../../../FieldMessage/FieldMessage.mjs';
-import modules_99160b40 from './DateInputField.module.scss.mjs';
+import styles from './DateInputField.module.scss.mjs';
 const DateInputField = /*#__PURE__*/function () {
   const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var description = _a.description,
@@ -38,7 +38,7 @@ const DateInputField = /*#__PURE__*/function () {
       status: status,
       reversed: isReversed
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(disabled && modules_99160b40.disabled)
+      className: classnames(disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: /*#__PURE__*/React.createElement(DateInputDescription, {

package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs

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

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 modules_5bc568da from './DateRangePicker.module.scss.mjs';
+import styles 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(modules_5bc568da.button, modules_5bc568da.withStartIconAdornment, (_b = {}, _b[modules_5bc568da.disabled] = isDisabled, _b)),
+      className: classnames(styles.button, styles.withStartIconAdornment, (_b = {}, _b[styles.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: modules_5bc568da.startIconAdornment
+      className: styles.startIconAdornment
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "today",
       isPresentational: true,
       isFilled: true
     })), /*#__PURE__*/React.createElement("span", {
-      className: modules_5bc568da.value
+      className: styles.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 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"
+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"
 };
-export { modules_5bc568da as default };
+export { styles 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 modules_979bfa57 from './Divider.module.css.mjs';
+import styles 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(modules_979bfa57.wrapper, classNameOverride, isReversed && modules_979bfa57.reversed, modules_979bfa57[variant])
+      className: classnames(styles.wrapper, classNameOverride, isReversed && styles.reversed, styles[variant])
     }, props));
   };
   Divider.displayName = 'Divider';

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

@@ -1,8 +1,8 @@
-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"
+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"
 };
-export { modules_979bfa57 as default };
+export { styles 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 modules_1c20a3e1 from './EmptyState.module.css.mjs';
+import styles 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(modules_1c20a3e1.container, modules_1c20a3e1[variant], straightCorners && modules_1c20a3e1.straightCorners, classNameOverride),
+      className: classnames(styles.container, styles[variant], straightCorners && styles.straightCorners, classNameOverride),
       id: id
     }, props), /*#__PURE__*/React.createElement("div", {
-      className: modules_1c20a3e1.content
+      className: styles.content
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_1c20a3e1.illustrationContainer
+      className: styles.illustrationContainer
     }, isAnimated ? (/*#__PURE__*/React.createElement(IllustrationComponent, {
       isAnimated: true,
       loop: loop,
-      classNameOverride: modules_1c20a3e1.illustration
+      classNameOverride: styles.illustration
     })) : (/*#__PURE__*/React.createElement(IllustrationComponent, {
-      classNameOverride: modules_1c20a3e1.illustration
+      classNameOverride: styles.illustration
     }))), /*#__PURE__*/React.createElement("div", {
-      className: modules_1c20a3e1.textContainer
+      className: styles.textContainer
     }, headingProps && /*#__PURE__*/React.createElement(Heading, __assign({
-      classNameOverride: modules_1c20a3e1.heading
+      classNameOverride: styles.heading
     }, headingProps)), /*#__PURE__*/React.createElement(Text, {
       variant: "body"
     }, bodyText), children && /*#__PURE__*/React.createElement("span", null, children))));