@kaizen/components 3.0.4 → 3.0.5

package/dist/esm/src/Calendar/utils/setFocusInCalendar.mjs

@@ -1,10 +1,10 @@
-import calendarStyles from '../baseCalendarClassNames.module.scss.mjs';
+import modules_4b263413 from '../baseCalendarClassNames.module.scss.mjs';
 import { isInvalidDate } from './isInvalidDate.mjs';
 var setFocusInCalendar = function (calendarElement, selectedDay) {
-  var dayClass = selectedDay && !isInvalidDate(selectedDay) ? ".".concat(calendarStyles.daySelected) : ".".concat(calendarStyles.dayToday);
+  var dayClass = selectedDay && !isInvalidDate(selectedDay) ? ".".concat(modules_4b263413.daySelected) : ".".concat(modules_4b263413.dayToday);
   var dayToFocus = calendarElement.querySelector("".concat(dayClass, " button"));
   // RDP v9 puts the day class on the button inside the table cell whereas today and selected appear on the table cell
-  dayToFocus !== null && dayToFocus !== void 0 ? dayToFocus : dayToFocus = calendarElement.querySelector(".".concat(calendarStyles.day));
+  dayToFocus !== null && dayToFocus !== void 0 ? dayToFocus : dayToFocus = calendarElement.querySelector(".".concat(modules_4b263413.day));
   if (dayToFocus instanceof HTMLElement) {
     dayToFocus.focus();
   }

package/dist/esm/src/Card/Card.mjs

@@ -2,8 +2,8 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { useExitingAnimation } from '../utils/useExitingAnimation/useExitingAnimation.mjs';
-import sharedAiStyles from '../../styles/utils/AIMoment.module.css.mjs';
-import styles from './Card.module.css.mjs';
+import modules_47b2939c from '../../styles/utils/AIMoment.module.css.mjs';
+import modules_e5a68879 from './Card.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
@@ -22,12 +22,12 @@ const Card = /*#__PURE__*/function () {
       isAiLoading = _a.isAiLoading,
       props = __rest(_a, ["children", "tag", "color", "isElevated", "classNameOverride", "isAiLoading"]);
     var Element = tag;
-    var animationClass = useExitingAnimation(isAiLoading, sharedAiStyles.aiMomentLoading, sharedAiStyles.aiMomentExiting, 500);
+    var animationClass = useExitingAnimation(isAiLoading, modules_47b2939c.aiMomentLoading, modules_47b2939c.aiMomentExiting, 500);
     return /*#__PURE__*/React.createElement(Element, __assign({
-      className: classnames(styles.wrapper, styles[color], isElevated && styles.elevated, isAiLoading !== undefined && sharedAiStyles.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
+      className: classnames(modules_e5a68879.wrapper, modules_e5a68879[color], isElevated && modules_e5a68879.elevated, isAiLoading !== undefined && modules_47b2939c.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
     }, props), isAiLoading !== undefined && (/*#__PURE__*/React.createElement("div", {
       "aria-hidden": true,
-      className: sharedAiStyles.aiMomentBackground
+      className: modules_47b2939c.aiMomentBackground
     })), children);
   };
   Card.displayName = 'Card';

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

@@ -1,13 +1,13 @@
-var styles = {
-  "wrapper": "Card-module_wrapper__Hriov",
-  "elevated": "Card-module_elevated__qkaCe",
-  "blue": "Card-module_blue__JOIuL",
-  "gray": "Card-module_gray__cRl9J",
-  "green": "Card-module_green__s2Oj8",
-  "orange": "Card-module_orange__qrxQo",
-  "purple": "Card-module_purple__cp6Bx",
-  "red": "Card-module_red__Ux35X",
-  "white": "Card-module_white__LjMQF",
-  "yellow": "Card-module_yellow__A3F9a"
+var modules_e5a68879 = {
+  "wrapper": "Card_module_wrapper__48bfb956",
+  "elevated": "Card_module_elevated__48bfb956",
+  "blue": "Card_module_blue__48bfb956",
+  "gray": "Card_module_gray__48bfb956",
+  "green": "Card_module_green__48bfb956",
+  "orange": "Card_module_orange__48bfb956",
+  "purple": "Card_module_purple__48bfb956",
+  "red": "Card_module_red__48bfb956",
+  "white": "Card_module_white__48bfb956",
+  "yellow": "Card_module_yellow__48bfb956"
 };
-export { styles as default };
+export { modules_e5a68879 as default };

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

@@ -2,13 +2,13 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../Icon/Icon.mjs';
-import styles from './Checkbox.module.scss.mjs';
+import modules_6238daf1 from './Checkbox.module.scss.mjs';
 var renderCheckOrMixedIcon = function (status, reversed) {
   if (status === 'off') return;
   return /*#__PURE__*/React.createElement(Icon, {
     name: status === 'on' ? 'check' : 'remove',
     isPresentational: true,
-    className: classnames(styles.icon, reversed && styles.reversed)
+    className: classnames(modules_6238daf1.icon, reversed && modules_6238daf1.reversed)
   });
 };
 var getCheckedFromStatus = function (checkedStatus) {
@@ -25,7 +25,7 @@ const Checkbox = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("span", {
-      className: styles.container
+      className: modules_6238daf1.container
     }, /*#__PURE__*/React.createElement("input", __assign({
       ref: function (node) {
         if (node) {
@@ -34,13 +34,13 @@ const Checkbox = /*#__PURE__*/function () {
       },
       "data-indeterminate": checkedStatus === 'mixed',
       type: "checkbox",
-      className: classnames(styles.checkbox, classNameOverride, reversed && styles.reversed),
+      className: classnames(modules_6238daf1.checkbox, classNameOverride, reversed && modules_6238daf1.reversed),
       checked: getCheckedFromStatus(checkedStatus),
       onChange: onCheck,
       value: value !== null && value !== void 0 ? value : checkedStatus,
       readOnly: onCheck === undefined
     }, restProps)), /*#__PURE__*/React.createElement("span", {
-      className: classnames(styles.box, reversed && styles.reversed)
+      className: classnames(modules_6238daf1.box, reversed && modules_6238daf1.reversed)
     }, renderCheckOrMixedIcon(checkedStatus, reversed)));
   };
   Checkbox.displayName = 'Checkbox';

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

@@ -1,7 +1,7 @@
-var styles = {
-  "checkbox": "Checkbox-module_checkbox__qJnwV",
-  "icon": "Checkbox-module_icon__h6ebV",
-  "reversed": "Checkbox-module_reversed__YWdUf",
-  "box": "Checkbox-module_box__Q6BJn"
+var modules_6238daf1 = {
+  "checkbox": "Checkbox_module_checkbox__7ba75156",
+  "icon": "Checkbox_module_icon__7ba75156",
+  "reversed": "Checkbox_module_reversed__7ba75156",
+  "box": "Checkbox_module_box__7ba75156"
 };
-export { styles as default };
+export { modules_6238daf1 as default };

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 styles from './CheckboxField.module.scss.mjs';
+import modules_8b560cde 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(styles.container, classNameOverride, checkedStatus === 'on' && styles.checked, checkedStatus === 'mixed' && styles.mixed, reversed && styles.reversed, noBottomMargin && styles.noBottomMargin)
+      className: classnames(modules_8b560cde.container, classNameOverride, checkedStatus === 'on' && modules_8b560cde.checked, checkedStatus === 'mixed' && modules_8b560cde.mixed, reversed && modules_8b560cde.reversed, noBottomMargin && modules_8b560cde.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: styles.label
+      classNameOverride: modules_8b560cde.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 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"
+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"
 };
-export { styles as default };
+export { modules_8b560cde 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 styles from './CheckboxGroup.module.scss.mjs';
+import modules_38599e4e 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(styles.checkboxGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
+      className: classnames(modules_38599e4e.checkboxGroupContainer, classNameOverride, noBottomMargin && modules_38599e4e.noBottomMargin, reversed && modules_38599e4e.reversed),
       role: "group",
       "aria-labelledby": labelId
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: styles.checkboxGroupLabel
+      className: modules_38599e4e.checkboxGroupLabel
     }, /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       labelText: labelText,

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

@@ -1,6 +1,6 @@
-var styles = {
-  "checkboxGroupLabel": "CheckboxGroup-module_checkboxGroupLabel__a9Iet",
-  "checkboxGroupContainer": "CheckboxGroup-module_checkboxGroupContainer__NTUWc",
-  "noBottomMargin": "CheckboxGroup-module_noBottomMargin__J7ADb"
+var modules_38599e4e = {
+  "checkboxGroupLabel": "CheckboxGroup_module_checkboxGroupLabel__32e21cdc",
+  "checkboxGroupContainer": "CheckboxGroup_module_checkboxGroupContainer__32e21cdc",
+  "noBottomMargin": "CheckboxGroup_module_noBottomMargin__32e21cdc"
 };
-export { styles as default };
+export { modules_38599e4e 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 styles from './ClearButton.module.css.mjs';
+import modules_52fa069c 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(styles.clearButton, isReversed ? styles.reversed : styles.default, classNameOverride)
+      className: classnames(modules_52fa069c.clearButton, isReversed ? modules_52fa069c.reversed : modules_52fa069c.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 styles = {
-  "clearButton": "ClearButton-module_clearButton__qOM0I",
-  "default": "ClearButton-module_default__0y2mv",
-  "reversed": "ClearButton-module_reversed__AfUH1"
+var modules_52fa069c = {
+  "clearButton": "ClearButton_module_clearButton__057d2eb1",
+  "default": "ClearButton_module_default__057d2eb1",
+  "reversed": "ClearButton_module_reversed__057d2eb1"
 };
-export { styles as default };
+export { modules_52fa069c 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 styles from './Collapsible.module.scss.mjs';
+import modules_23a5f9ec 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 && styles.container, group && !separated && styles.groupItem, separated && styles.separated),
+      className: classnames(classNameOverride, isContainer && modules_23a5f9ec.container, group && !separated && modules_23a5f9ec.groupItem, separated && modules_23a5f9ec.separated),
       "data-testid": "collapsible-container-".concat(id)
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.header, isOpen && styles.open, sticky && styles.sticky, isOpen && variant === 'default' && styles.defaultVariant, isOpen && variant === 'clear' && styles.clearVariant),
+      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),
       style: sticky && {
         top: sticky.top
       },
       onClick: handleSectionToggle,
       "data-testid": "collapsible-header-".concat(id)
     }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React.createElement("div", {
-      className: styles.title,
+      className: modules_23a5f9ec.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: styles.chevronButton
+      classNameOverride: modules_23a5f9ec.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(styles.section, noSectionPadding && styles.noPadding),
+      className: classnames(modules_23a5f9ec.section, noSectionPadding && modules_23a5f9ec.noPadding),
       role: "region",
       "aria-labelledby": buttonId
     }, children))));

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

@@ -1,15 +1,15 @@
-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"
+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"
 };
-export { styles as default };
+export { modules_23a5f9ec 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 styles from './CollapsibleGroup.module.scss.mjs';
+import modules_ddfcdac6 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 && styles.container)
+    className: classnames(classNameOverride, !separated && modules_ddfcdac6.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 styles = {
-  "container": "CollapsibleGroup-module_container__EjMRg"
+var modules_ddfcdac6 = {
+  "container": "CollapsibleGroup_module_container__339038b9"
 };
-export { styles as default };
+export { modules_ddfcdac6 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 styles from './ExpertAdviceCollapsible.module.scss.mjs';
+import modules_dcd54fcb 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: styles.expertAdviceContainer,
+      classNameOverride: modules_dcd54fcb.expertAdviceContainer,
       renderHeader: function () {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: styles.expertAdviceHeader
+          className: modules_dcd54fcb.expertAdviceHeader
         }, /*#__PURE__*/React.createElement(Brand, {
-          classNameOverride: styles.expertAdviceIcon,
+          classNameOverride: modules_dcd54fcb.expertAdviceIcon,
           alt: "Expert Advice",
           variant: "collective-intelligence",
           reversed: true
         }), /*#__PURE__*/React.createElement(Heading, {
           variant: "heading-4",
           tag: "span",
-          classNameOverride: styles.expertAdviceHeading
+          classNameOverride: modules_dcd54fcb.expertAdviceHeading
         }, props.title)));
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: styles.expertAdviceSection
+      className: modules_dcd54fcb.expertAdviceSection
     }, props.children));
   };
   ExpertAdviceCollapsible.displayName = 'ExpertAdviceCollapsible';

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

@@ -1,8 +1,8 @@
-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"
+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"
 };
-export { styles as default };
+export { modules_dcd54fcb 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 styles from './Container.module.css.mjs';
+import modules_54a334e8 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(styles.container, classNameOverride),
+      className: classnames(modules_54a334e8.container, classNameOverride),
       style: style
     }, restProps), children);
   });

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

@@ -1,4 +1,4 @@
-var styles = {
-  "container": "Container-module_container__Aj6o8"
+var modules_54a334e8 = {
+  "container": "Container_module_container__0815c4f0"
 };
-export { styles as default };
+export { modules_54a334e8 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 styles from './Content.module.css.mjs';
+import modules_950668a8 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(styles.content, classNameOverride),
+      className: classnames(modules_950668a8.content, classNameOverride),
       style: style
     }, restProps), children);
   });

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

@@ -1,4 +1,4 @@
-var styles = {
-  "content": "Content-module_content__DUKqQ"
+var modules_950668a8 = {
+  "content": "Content_module_content__2515b29e"
 };
-export { styles as default };
+export { modules_950668a8 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 styles from './DateInput.module.scss.mjs';
+import modules_0755dfa8 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(styles.dateInput, classNameOverride)
+      className: classnames(modules_0755dfa8.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: styles.input,
+      classNameOverride: modules_0755dfa8.input,
       disabled: disabled,
       reversed: isReversed
     }, inputProps)));

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

@@ -1,5 +1,5 @@
-var styles = {
-  "dateInput": "DateInput-module_dateInput__f0Rs6",
-  "input": "DateInput-module_input__lVV0-"
+var modules_0755dfa8 = {
+  "dateInput": "DateInput_module_dateInput__ddfc3633",
+  "input": "DateInput_module_input__ddfc3633"
 };
-export { styles as default };
+export { modules_0755dfa8 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 styles from './DateInputDescription.module.scss.mjs';
+import modules_282a7129 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: styles.dateInputDescription
+        className: modules_282a7129.dateInputDescription
       }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
-        className: styles.dateInputFormatContainer
+        className: modules_282a7129.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 styles = {
-  "dateInputDescription": "DateInputDescription-module_dateInputDescription__dEWv8",
-  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur"
+var modules_282a7129 = {
+  "dateInputDescription": "DateInputDescription_module_dateInputDescription__f9a2e797",
+  "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__f9a2e797"
 };
-export { styles as default };
+export { modules_282a7129 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 styles from './DateInputWithIconButton.module.scss.mjs';
+import modules_d90a2c0e 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(styles.iconButton, restProps['aria-expanded'] && styles.calendarActive, disabled && styles.disabled)
+      className: classnames(modules_d90a2c0e.iconButton, restProps['aria-expanded'] && modules_d90a2c0e.calendarActive, disabled && modules_d90a2c0e.disabled)
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "today",
       isPresentational: true,

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

@@ -1,6 +1,6 @@
-var styles = {
-  "iconButton": "DateInputWithIconButton-module_iconButton__W7YMX",
-  "calendarActive": "DateInputWithIconButton-module_calendarActive__b2Vze",
-  "disabled": "DateInputWithIconButton-module_disabled__0IRHh"
+var modules_d90a2c0e = {
+  "iconButton": "DateInputWithIconButton_module_iconButton__dffd0a18",
+  "calendarActive": "DateInputWithIconButton_module_calendarActive__dffd0a18",
+  "disabled": "DateInputWithIconButton_module_disabled__dffd0a18"
 };
-export { styles as default };
+export { modules_d90a2c0e 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 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 description = _a.description,
@@ -38,7 +38,7 @@ const DateInputField = /*#__PURE__*/function () {
       status: status,
       reversed: isReversed
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(disabled && styles.disabled)
+      className: classnames(disabled && modules_99160b40.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 styles = {
-  "disabled": "DateInputField-module_disabled__-Y0lJ"
+var modules_99160b40 = {
+  "disabled": "DateInputField_module_disabled__e4d317ee"
 };
-export { styles as default };
+export { modules_99160b40 as default };