@kaizen/components 3.0.6 → 3.0.7

package/dist/esm/src/LikertScale/LikertScale.mjs

@@ -4,12 +4,12 @@ import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
 import determineSelectionFromKeyPress from './utils/determineSelectionFromKeyPress.mjs';
-import styles from './LikertScale.module.scss.mjs';
+import modules_b38d86dc from './LikertScale.module.scss.mjs';
 var SelectedItemIcon = function () {
   return /*#__PURE__*/React.createElement(Icon, {
     name: "check",
     isPresentational: true,
-    className: styles.check
+    className: modules_b38d86dc.check
   });
 };
 /**
@@ -74,7 +74,7 @@ var LikertScale = function (_a) {
   var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
   var isRated = selectedItem && selectedItem.value > 0;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.container, isRated && styles.rated, reversed && [styles.reversed], hoveredItem !== null && styles.hovered),
+    className: classnames(modules_b38d86dc.container, isRated && modules_b38d86dc.rated, reversed && [modules_b38d86dc.reversed], hoveredItem !== null && modules_b38d86dc.hovered),
     "aria-labelledby": isRequired ? "".concat(labelId) : labelId,
     role: "radiogroup",
     tabIndex: -1,
@@ -82,13 +82,13 @@ var LikertScale = function (_a) {
     "data-testid": dataTestId,
     "aria-required": isRequired
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles.legend,
+    className: modules_b38d86dc.legend,
     "data-testid": dataTestId && "".concat(dataTestId, "-legend")
   }, /*#__PURE__*/React.createElement(Text, {
     variant: "small",
     color: reversed ? 'white' : 'dark'
   }, legend)), /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.itemContainer, isRated && styles.rated, reversed && styles.reversed)
+    className: classnames(modules_b38d86dc.itemContainer, isRated && modules_b38d86dc.rated, reversed && modules_b38d86dc.reversed)
   }, scale.map(function (item) {
     if (item.value <= 0) {
       return;
@@ -107,7 +107,7 @@ var LikertScale = function (_a) {
     var isSuggested = hoveredItem && hoveredItem.value >= item.value;
     var isUnselected = selectedItem && selectedItem.value < item.value;
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.likertItem, colorSchema == 'blue' ? styles.blueColorSchema : styles.classicalColorSchema, styles["likertItem".concat(item.value)], isSelected && styles.selected, isSuggested && styles.suggested, isUnselected && styles.unselected),
+      className: classnames(modules_b38d86dc.likertItem, colorSchema == 'blue' ? modules_b38d86dc.blueColorSchema : modules_b38d86dc.classicalColorSchema, modules_b38d86dc["likertItem".concat(item.value)], isSelected && modules_b38d86dc.selected, isSuggested && modules_b38d86dc.suggested, isUnselected && modules_b38d86dc.unselected),
       key: item.value,
       "data-testid": dataTestId && "".concat(dataTestId, "-item-").concat(item.value),
       onClick: function () {
@@ -136,7 +136,7 @@ var LikertScale = function (_a) {
       tabIndex: tabIndex,
       ref: itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
+      className: classnames(modules_b38d86dc.likertItemFill, modules_b38d86dc["field".concat(item.value)], isSelectedItem && modules_b38d86dc.pop)
     }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
   })), shouldDisplayValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
     id: validationMessageId,

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

@@ -1,26 +1,26 @@
-var styles = {
-  "container": "LikertScale-module_container__Bukf-",
-  "rated": "LikertScale-module_rated__ROxnc",
-  "likertItem": "LikertScale-module_likertItem__eP1CK",
-  "unselected": "LikertScale-module_unselected__u0860",
-  "likertItemFill": "LikertScale-module_likertItemFill__ezezf",
-  "reversed": "LikertScale-module_reversed__1Qv-P",
-  "likertItem4": "LikertScale-module_likertItem4__zCn-z",
-  "likertItem5": "LikertScale-module_likertItem5__zlLeK",
-  "check": "LikertScale-module_check__OQ6Vg",
-  "suggested": "LikertScale-module_suggested__Coarq",
-  "itemContainer": "LikertScale-module_itemContainer__HP9-l",
-  "legend": "LikertScale-module_legend__vrqgt",
-  "classicalColorSchema": "LikertScale-module_classicalColorSchema__RQxlf",
-  "field1": "LikertScale-module_field1__Jn1Bm",
-  "selected": "LikertScale-module_selected__p-uBW",
-  "field2": "LikertScale-module_field2__1UNws",
-  "field3": "LikertScale-module_field3__19aIY",
-  "field4": "LikertScale-module_field4__SMr6O",
-  "field5": "LikertScale-module_field5__XzwLL",
-  "blueColorSchema": "LikertScale-module_blueColorSchema__UxEqp",
-  "pop": "LikertScale-module_pop__-d3Gv",
-  "likertItem1": "LikertScale-module_likertItem1__hUT3Q",
-  "hovered": "LikertScale-module_hovered__DDQ7g"
+var modules_b38d86dc = {
+  "container": "LikertScale_module_container__3466304a",
+  "rated": "LikertScale_module_rated__3466304a",
+  "likertItem": "LikertScale_module_likertItem__3466304a",
+  "unselected": "LikertScale_module_unselected__3466304a",
+  "likertItemFill": "LikertScale_module_likertItemFill__3466304a",
+  "reversed": "LikertScale_module_reversed__3466304a",
+  "likertItem4": "LikertScale_module_likertItem4__3466304a",
+  "likertItem5": "LikertScale_module_likertItem5__3466304a",
+  "check": "LikertScale_module_check__3466304a",
+  "suggested": "LikertScale_module_suggested__3466304a",
+  "itemContainer": "LikertScale_module_itemContainer__3466304a",
+  "legend": "LikertScale_module_legend__3466304a",
+  "classicalColorSchema": "LikertScale_module_classicalColorSchema__3466304a",
+  "field1": "LikertScale_module_field1__3466304a",
+  "selected": "LikertScale_module_selected__3466304a",
+  "field2": "LikertScale_module_field2__3466304a",
+  "field3": "LikertScale_module_field3__3466304a",
+  "field4": "LikertScale_module_field4__3466304a",
+  "field5": "LikertScale_module_field5__3466304a",
+  "blueColorSchema": "LikertScale_module_blueColorSchema__3466304a",
+  "pop": "LikertScale_module_pop__3466304a",
+  "likertItem1": "LikertScale_module_likertItem1__3466304a",
+  "hovered": "LikertScale_module_hovered__3466304a"
 };
-export { styles as default };
+export { modules_b38d86dc as default };

package/dist/esm/src/Link/Link.mjs

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import { Link as Link$1 } from 'react-aria-components';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
 import { LinkContent } from './subcomponents/LinkContent.mjs';
-import styles from './Link.module.css.mjs';
+import modules_475441e2 from './Link.module.css.mjs';
 const Link = /*#__PURE__*/function () {
   const Link = /*#__PURE__*/forwardRef(function (_a, ref) {
     var children = _a.children,
@@ -24,7 +24,7 @@ const Link = /*#__PURE__*/function () {
     var childIsFunction = typeof children === 'function';
     return /*#__PURE__*/React.createElement(Link$1, __assign({
       ref: ref,
-      className: mergeClassNames(styles.link, isDisabled && styles.isDisabled, isInline ? styles.isInline : styles[size], styles[variant], className),
+      className: mergeClassNames(modules_475441e2.link, isDisabled && modules_475441e2.isDisabled, isInline ? modules_475441e2.isInline : modules_475441e2[size], modules_475441e2[variant], className),
       isDisabled: isDisabled
     }, otherProps), function (racStateProps) {
       return /*#__PURE__*/React.createElement(LinkContent, {

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

@@ -1,18 +1,18 @@
-var styles = {
-  "link": "Link-module_link__8oxip",
-  "isUnderlined": "Link-module_isUnderlined__qvbtS",
-  "icon": "Link-module_icon__CXh2J",
-  "iconStart": "Link-module_iconStart__ZysGR",
-  "iconEnd": "Link-module_iconEnd__-DTiD",
-  "primary": "Link-module_primary__bmhX0",
-  "secondary": "Link-module_secondary__pyYIV",
-  "isInline": "Link-module_isInline__sznAm",
-  "extra-small": "Link-module_extra-small__nScM0",
-  "body": "Link-module_body__H4Jgj",
-  "intro-lede": "Link-module_intro-lede__38Y6J",
-  "small": "Link-module_small__4kJcR",
-  "white": "Link-module_white__qQr6q",
-  "isDisabled": "Link-module_isDisabled__gvLNv",
-  "reversed": "Link-module_reversed__IqX8B"
+var modules_475441e2 = {
+  "link": "Link_module_link__72c83769",
+  "isUnderlined": "Link_module_isUnderlined__72c83769",
+  "icon": "Link_module_icon__72c83769",
+  "iconStart": "Link_module_iconStart__72c83769",
+  "iconEnd": "Link_module_iconEnd__72c83769",
+  "primary": "Link_module_primary__72c83769",
+  "secondary": "Link_module_secondary__72c83769",
+  "isInline": "Link_module_isInline__72c83769",
+  "extra-small": "Link_module_extraSmall__72c83769",
+  "body": "Link_module_body__72c83769",
+  "intro-lede": "Link_module_introLede__72c83769",
+  "small": "Link_module_small__72c83769",
+  "white": "Link_module_white__72c83769",
+  "isDisabled": "Link_module_isDisabled__72c83769",
+  "reversed": "Link_module_reversed__72c83769"
 };
-export { styles as default };
+export { modules_475441e2 as default };

package/dist/esm/src/Link/subcomponents/LinkContent.mjs

@@ -1,10 +1,10 @@
 import React from 'react';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
-import styles from '../Link.module.css.mjs';
+import modules_475441e2 from '../Link.module.css.mjs';
 var LinkIcon = function (_a) {
   var icon = _a.icon;
   return /*#__PURE__*/React.createElement("span", {
-    className: styles.icon
+    className: modules_475441e2.icon
   }, icon);
 };
 var LinkContent = function (_a) {
@@ -12,9 +12,9 @@ var LinkContent = function (_a) {
     icon = _a.icon,
     iconPosition = _a.iconPosition,
     isUnderlined = _a.isUnderlined;
-  var iconPositionStyling = iconPosition === 'start' ? styles.iconStart : styles.iconEnd;
+  var iconPositionStyling = iconPosition === 'start' ? modules_475441e2.iconStart : modules_475441e2.iconEnd;
   return /*#__PURE__*/React.createElement("span", {
-    className: mergeClassNames(styles.linkContent, isUnderlined && styles.isUnderlined)
+    className: mergeClassNames(modules_475441e2.linkContent, isUnderlined && modules_475441e2.isUnderlined)
   }, icon && iconPosition === 'start' && /*#__PURE__*/React.createElement(LinkIcon, {
     icon: icon
   }), /*#__PURE__*/React.createElement("span", {

package/dist/esm/src/LinkButton/LinkButton.mjs

@@ -12,8 +12,8 @@ import { ButtonContent } from '../Button/subcomponents/ButtonContent/ButtonConte
 import 'use-debounce';
 import { useReversedColors } from '../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
-import buttonStyles from '../Button/Button.module.css.mjs';
-import styles from './LinkButton.module.css.mjs';
+import modules_b0070f27 from '../Button/Button.module.css.mjs';
+import modules_d94a108e from './LinkButton.module.css.mjs';
 const LinkButton = /*#__PURE__*/function () {
   const LinkButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var children = _a.children,
@@ -34,7 +34,7 @@ const LinkButton = /*#__PURE__*/function () {
     var isReversedVariant = useReversedColors();
     return /*#__PURE__*/React.createElement(Link, __assign({
       ref: ref,
-      className: mergeClassNames(styles.linkButton, buttonStyles.button, buttonStyles[size], hasHiddenLabel && buttonStyles["".concat(size, "IconButton")], isDisabled && buttonStyles.isDisabled, isReversedVariant ? buttonStyles["".concat(variant, "Reversed")] : buttonStyles[variant], isFullWidth && buttonStyles.fullWidth, className),
+      className: mergeClassNames(modules_d94a108e.linkButton, modules_b0070f27.button, modules_b0070f27[size], hasHiddenLabel && modules_b0070f27["".concat(size, "IconButton")], isDisabled && modules_b0070f27.isDisabled, isReversedVariant ? modules_b0070f27["".concat(variant, "Reversed")] : modules_b0070f27[variant], isFullWidth && modules_b0070f27.fullWidth, className),
       isDisabled: isDisabled
     }, otherProps), function (racStateProps) {
       var childIsFunction = typeof children === 'function';

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

@@ -1,4 +1,4 @@
-var styles = {
-  "linkButton": "LinkButton-module_linkButton__Kvn6k"
+var modules_d94a108e = {
+  "linkButton": "LinkButton_module_linkButton__e4acd84c"
 };
-export { styles as default };
+export { modules_d94a108e as default };

package/dist/esm/src/Loading/LoadingGraphic/LoadingGraphic.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './LoadingGraphic.module.scss.mjs';
+import modules_d218e6ce from './LoadingGraphic.module.scss.mjs';
 var loadingGraphicSizeMap = new Map([['small', 1.25], ['medium', 3], ['large', 4.5], ['xlarge', 6], ['xxlarge', 7.5], ['scene', 18.75]]);
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
@@ -16,7 +16,7 @@ const LoadingGraphic = /*#__PURE__*/function () {
       props = __rest(_a, ["isAnimated", "isReversed", "size", "classNameOverride"]);
     var sizeValue = "".concat(loadingGraphicSizeMap.get(size), "rem");
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.loadingGraphic, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride),
+      className: classnames(modules_d218e6ce.loadingGraphic, isAnimated && modules_d218e6ce.isAnimated, isReversed && modules_d218e6ce.isReversed, classNameOverride),
       style: {
         width: sizeValue,
         height: sizeValue

package/dist/esm/src/Loading/LoadingGraphic/LoadingGraphic.module.scss.mjs

@@ -1,6 +1,6 @@
-var styles = {
-  "loadingGraphic": "LoadingGraphic-module_loadingGraphic__lg-gH",
-  "isAnimated": "LoadingGraphic-module_isAnimated__tyskp",
-  "isReversed": "LoadingGraphic-module_isReversed__HmZ4H"
+var modules_d218e6ce = {
+  "loadingGraphic": "LoadingGraphic_module_loadingGraphic__c023383f",
+  "isAnimated": "LoadingGraphic_module_isAnimated__c023383f",
+  "isReversed": "LoadingGraphic_module_isReversed__c023383f"
 };
-export { styles as default };
+export { modules_d218e6ce as default };

package/dist/esm/src/Loading/LoadingHeading/LoadingHeading.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './LoadingHeading.module.scss.mjs';
+import modules_106fe276 from './LoadingHeading.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
@@ -17,7 +17,7 @@ const LoadingHeading = /*#__PURE__*/function () {
       variant = _a.variant,
       props = __rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.loadingHeading, classNameOverride, styles[variant], isAnimated && styles.isAnimated, isReversed && styles.isReversed, isLink && styles.link),
+      className: classnames(modules_106fe276.loadingHeading, classNameOverride, modules_106fe276[variant], isAnimated && modules_106fe276.isAnimated, isReversed && modules_106fe276.isReversed, isLink && modules_106fe276.link),
       style: {
         width: "".concat(width, "%")
       }

package/dist/esm/src/Loading/LoadingHeading/LoadingHeading.module.scss.mjs

@@ -1,15 +1,15 @@
-var styles = {
-  "loadingHeading": "LoadingHeading-module_loadingHeading__tb9a-",
-  "isAnimated": "LoadingHeading-module_isAnimated__cbstI",
-  "fade-in-out": "LoadingHeading-module_fade-in-out__4e-Ds",
-  "display-0": "LoadingHeading-module_display-0__SXmNU",
-  "heading-1": "LoadingHeading-module_heading-1__09eOy",
-  "heading-2": "LoadingHeading-module_heading-2__bxtDS",
-  "heading-3": "LoadingHeading-module_heading-3__h8MXB",
-  "heading-4": "LoadingHeading-module_heading-4__VsC1Y",
-  "heading-5": "LoadingHeading-module_heading-5__5arKU",
-  "heading-6": "LoadingHeading-module_heading-6__sLipd",
-  "isReversed": "LoadingHeading-module_isReversed__vz6G1",
-  "link": "LoadingHeading-module_link__E7uU1"
+var modules_106fe276 = {
+  "loadingHeading": "LoadingHeading_module_loadingHeading__61a90039",
+  "isAnimated": "LoadingHeading_module_isAnimated__61a90039",
+  "fade-in-out": "LoadingHeading_module_fadeInOut__61a90039",
+  "display-0": "LoadingHeading_module_display0__61a90039",
+  "heading-1": "LoadingHeading_module_heading1__61a90039",
+  "heading-2": "LoadingHeading_module_heading2__61a90039",
+  "heading-3": "LoadingHeading_module_heading3__61a90039",
+  "heading-4": "LoadingHeading_module_heading4__61a90039",
+  "heading-5": "LoadingHeading_module_heading5__61a90039",
+  "heading-6": "LoadingHeading_module_heading6__61a90039",
+  "isReversed": "LoadingHeading_module_isReversed__61a90039",
+  "link": "LoadingHeading_module_link__61a90039"
 };
-export { styles as default };
+export { modules_106fe276 as default };

package/dist/esm/src/Loading/LoadingInput/LoadingInput.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './LoadingInput.module.scss.mjs';
+import modules_5cdecf3b from './LoadingInput.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
@@ -17,7 +17,7 @@ const LoadingInput = /*#__PURE__*/function () {
       height = _b === void 0 ? 48 : _b,
       props = __rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.loadingInput, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride),
+      className: classnames(modules_5cdecf3b.loadingInput, isAnimated && modules_5cdecf3b.isAnimated, isReversed && modules_5cdecf3b.isReversed, classNameOverride),
       style: {
         width: "".concat(width, "%"),
         height: "".concat(height, "px")

package/dist/esm/src/Loading/LoadingInput/LoadingInput.module.scss.mjs

@@ -1,6 +1,6 @@
-var styles = {
-  "loadingInput": "LoadingInput-module_loadingInput__65Cpe",
-  "isAnimated": "LoadingInput-module_isAnimated__hJtl-",
-  "isReversed": "LoadingInput-module_isReversed__wyVkD"
+var modules_5cdecf3b = {
+  "loadingInput": "LoadingInput_module_loadingInput__7e9b630b",
+  "isAnimated": "LoadingInput_module_isAnimated__7e9b630b",
+  "isReversed": "LoadingInput_module_isReversed__7e9b630b"
 };
-export { styles as default };
+export { modules_5cdecf3b as default };

package/dist/esm/src/Loading/LoadingParagraph/LoadingParagraph.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './LoadingParagraph.module.scss.mjs';
+import modules_2bc4c596 from './LoadingParagraph.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
@@ -20,7 +20,7 @@ const LoadingParagraph = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["isAnimated", "isCentred", "isReversed", "isInline", "noBottomMargin", "width", "isLink", "inheritBaseline", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.loadingParagraph, classNameOverride, isAnimated && styles.isAnimated, isCentred && styles.isCentered, isReversed && styles.isReversed, isLink && styles.isLink, inheritBaseline && styles.inheritBaseline, isInline && styles.isInline, noBottomMargin && styles.noBottomMargin),
+      className: classnames(modules_2bc4c596.loadingParagraph, classNameOverride, isAnimated && modules_2bc4c596.isAnimated, isCentred && modules_2bc4c596.isCentered, isReversed && modules_2bc4c596.isReversed, isLink && modules_2bc4c596.isLink, inheritBaseline && modules_2bc4c596.inheritBaseline, isInline && modules_2bc4c596.isInline, noBottomMargin && modules_2bc4c596.noBottomMargin),
       style: {
         width: "".concat(width, "%")
       }

package/dist/esm/src/Loading/LoadingParagraph/LoadingParagraph.module.scss.mjs

@@ -1,11 +1,11 @@
-var styles = {
-  "loadingParagraph": "LoadingParagraph-module_loadingParagraph__-riGM",
-  "isAnimated": "LoadingParagraph-module_isAnimated__FWmuv",
-  "isReversed": "LoadingParagraph-module_isReversed__hD0mn",
-  "isLink": "LoadingParagraph-module_isLink__gVurw",
-  "isCentered": "LoadingParagraph-module_isCentered__Pkyts",
-  "isInline": "LoadingParagraph-module_isInline__-mSTd",
-  "noBottomMargin": "LoadingParagraph-module_noBottomMargin__9Qt0n",
-  "inheritBaseline": "LoadingParagraph-module_inheritBaseline__RU-tb"
+var modules_2bc4c596 = {
+  "loadingParagraph": "LoadingParagraph_module_loadingParagraph__1be1d552",
+  "isAnimated": "LoadingParagraph_module_isAnimated__1be1d552",
+  "isReversed": "LoadingParagraph_module_isReversed__1be1d552",
+  "isLink": "LoadingParagraph_module_isLink__1be1d552",
+  "isCentered": "LoadingParagraph_module_isCentered__1be1d552",
+  "isInline": "LoadingParagraph_module_isInline__1be1d552",
+  "noBottomMargin": "LoadingParagraph_module_noBottomMargin__1be1d552",
+  "inheritBaseline": "LoadingParagraph_module_inheritBaseline__1be1d552"
 };
-export { styles as default };
+export { modules_2bc4c596 as default };

package/dist/esm/src/Loading/LoadingSpinner/LoadingSpinner.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
 import { SpinnerIcon } from './subcomponents/SpinnerIcon.mjs';
-import styles from './LoadingSpinner.module.css.mjs';
+import modules_be1485f9 from './LoadingSpinner.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |
@@ -18,7 +18,7 @@ const LoadingSpinner = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.loadingSpinner, styles[size], classNameOverride),
+      className: classnames(modules_be1485f9.loadingSpinner, modules_be1485f9[size], classNameOverride),
       role: "status"
     }, props), /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibilityLabel), /*#__PURE__*/React.createElement(SpinnerIcon, {
       size: size

package/dist/esm/src/Loading/LoadingSpinner/LoadingSpinner.module.css.mjs

@@ -1,8 +1,8 @@
-var styles = {
-  "loadingSpinner": "LoadingSpinner-module_loadingSpinner__Zc2mJ",
-  "xs": "LoadingSpinner-module_xs__y46OT",
-  "sm": "LoadingSpinner-module_sm__nkmIa",
-  "md": "LoadingSpinner-module_md__OWP2-",
-  "spinner": "LoadingSpinner-module_spinner__BKrX0"
+var modules_be1485f9 = {
+  "loadingSpinner": "LoadingSpinner_module_loadingSpinner__ba1dbc55",
+  "xs": "LoadingSpinner_module_xs__ba1dbc55",
+  "sm": "LoadingSpinner_module_sm__ba1dbc55",
+  "md": "LoadingSpinner_module_md__ba1dbc55",
+  "spinner": "LoadingSpinner_module_spinner__ba1dbc55"
 };
-export { styles as default };
+export { modules_be1485f9 as default };

package/dist/esm/src/Loading/LoadingSpinner/subcomponents/SpinnerIcon.mjs

@@ -1,8 +1,8 @@
 import React from 'react';
-import styles from '../LoadingSpinner.module.css.mjs';
+import modules_be1485f9 from '../LoadingSpinner.module.css.mjs';
 var SmallSpinnerIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
-    className: styles.spinner,
+    className: modules_be1485f9.spinner,
     "aria-hidden": "true",
     viewBox: "0 0 24 24",
     fill: "none",
@@ -23,7 +23,7 @@ var SmallSpinnerIcon = function () {
 };
 var MediumSpinnerIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
-    className: styles.spinner,
+    className: modules_be1485f9.spinner,
     "aria-hidden": "true",
     viewBox: "0 0 48 48",
     fill: "none",
@@ -44,7 +44,7 @@ var MediumSpinnerIcon = function () {
 };
 var ExtraSmallSpinnerIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
-    className: styles.spinner,
+    className: modules_be1485f9.spinner,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"

package/dist/esm/src/Menu/Menu.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Menu as Menu$1 } from 'react-aria-components';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
-import styles from './Menu.module.css.mjs';
+import modules_f8dc2fc6 from './Menu.module.css.mjs';
 
 /**
  * A menu displays a list of actions or options that a user can choose.
@@ -12,7 +12,7 @@ const Menu = /*#__PURE__*/function () {
     var className = _a.className,
       props = __rest(_a, ["className"]);
     return /*#__PURE__*/React.createElement(Menu$1, __assign({
-      className: mergeClassNames(styles.menu, className),
+      className: mergeClassNames(modules_f8dc2fc6.menu, className),
       ref: ref
     }, props));
   });

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

@@ -1,4 +1,4 @@
-var styles = {
-  "menu": "Menu-module_menu__-Dayv"
+var modules_f8dc2fc6 = {
+  "menu": "Menu_module_menu__b53e7efe"
 };
-export { styles as default };
+export { modules_f8dc2fc6 as default };

package/dist/esm/src/Menu/MenuItem.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { MenuItem as MenuItem$1 } from 'react-aria-components';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
-import styles from './MenuItem.module.css.mjs';
+import modules_8e83d36b from './MenuItem.module.css.mjs';
 
 /**
  * A MenuItem represents an individual action in a Menu.
@@ -17,12 +17,12 @@ const MenuItem = /*#__PURE__*/function () {
     var determinedTextValue = textValue !== null && textValue !== void 0 ? textValue : typeof children === 'string' ? children : undefined;
     return /*#__PURE__*/React.createElement(MenuItem$1, __assign({
       ref: ref,
-      className: mergeClassNames(styles.item, className),
+      className: mergeClassNames(modules_8e83d36b.item, className),
       textValue: determinedTextValue
     }, props), typeof children === 'string' && icon ? (/*#__PURE__*/React.createElement("div", {
-      className: styles.flexWrapper
+      className: modules_8e83d36b.flexWrapper
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles.iconWrapper
+      className: modules_8e83d36b.iconWrapper
     }, icon), children)) : children);
   });
   MenuItem.displayName = 'MenuItem';

package/dist/esm/src/Menu/MenuItem.module.css.mjs

@@ -1,6 +1,6 @@
-var styles = {
-  "item": "MenuItem-module_item__HbRrR",
-  "flexWrapper": "MenuItem-module_flexWrapper__QWWG-",
-  "iconWrapper": "MenuItem-module_iconWrapper__ASkSm"
+var modules_8e83d36b = {
+  "item": "MenuItem_module_item__8b270eaf",
+  "flexWrapper": "MenuItem_module_flexWrapper__8b270eaf",
+  "iconWrapper": "MenuItem_module_iconWrapper__8b270eaf"
 };
-export { styles as default };
+export { modules_8e83d36b as default };

package/dist/esm/src/Menu/MenuPopover.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Popover } from 'react-aria-components';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
-import styles from './MenuPopover.module.css.mjs';
+import modules_c6d8ab28 from './MenuPopover.module.css.mjs';
 
 /**
  * Overlay element for holding a <Menu>
@@ -13,7 +13,7 @@ const MenuPopover = /*#__PURE__*/function () {
       props = __rest(_a, ["className"]);
     return /*#__PURE__*/React.createElement(Popover, __assign({
       ref: ref,
-      className: mergeClassNames(styles.menuPopover, className)
+      className: mergeClassNames(modules_c6d8ab28.menuPopover, className)
     }, props));
   });
   MenuPopover.displayName = 'MenuPopover';

package/dist/esm/src/Menu/MenuPopover.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "menuPopover": "MenuPopover-module_menuPopover__lPRKM"
+var modules_c6d8ab28 = {
+  "menuPopover": "MenuPopover_module_menuPopover__e9419460"
 };
-export { styles as default };
+export { modules_c6d8ab28 as default };

package/dist/esm/src/MenuV1/subcomponents/MenuDropdown/MenuDropdown.mjs

@@ -3,7 +3,7 @@ import React, { useState, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import { usePopper } from 'react-popper';
-import styles from './MenuDropdown.module.scss.mjs';
+import modules_bd945eb7 from './MenuDropdown.module.scss.mjs';
 const MenuDropdown = /*#__PURE__*/function () {
   const MenuDropdown = function (_a) {
     var children = _a.children,
@@ -82,7 +82,7 @@ const MenuDropdown = /*#__PURE__*/function () {
       ref: setPopperElement
     }, attributes.popper, {
       style: popperStyles.popper,
-      className: classnames(styles.menuContainer, width == 'default' && styles.defaultWidth),
+      className: classnames(modules_bd945eb7.menuContainer, width == 'default' && modules_bd945eb7.defaultWidth),
       onClick: handleRootClick
     }), children));
   };

package/dist/esm/src/MenuV1/subcomponents/MenuDropdown/MenuDropdown.module.scss.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "menuContainer": "MenuDropdown-module_menuContainer__ZXFkL",
-  "defaultWidth": "MenuDropdown-module_defaultWidth__r5DO5"
+var modules_bd945eb7 = {
+  "menuContainer": "MenuDropdown_module_menuContainer__694648a6",
+  "defaultWidth": "MenuDropdown_module_defaultWidth__694648a6"
 };
-export { styles as default };
+export { modules_bd945eb7 as default };

package/dist/esm/src/MenuV1/subcomponents/MenuItem/MenuItem.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import styles from './MenuItem.module.scss.mjs';
+import modules_f3e5eb91 from './MenuItem.module.scss.mjs';
 const MenuItem = /*#__PURE__*/function () {
   const MenuItem = function (_a) {
     var label = _a.label,
@@ -14,15 +14,15 @@ const MenuItem = /*#__PURE__*/function () {
       dataTestId = _a["data-testid"],
       id = _a.id;
     var wrappedLabel = /*#__PURE__*/React.createElement("span", {
-      className: styles.menuItem__Label
+      className: modules_f3e5eb91.menuItem__Label
     }, label);
     var iconNode = icon && /*#__PURE__*/React.createElement("span", {
-      className: styles.menuItem__Icon
+      className: modules_f3e5eb91.menuItem__Icon
     }, icon);
-    var className = classnames(styles.menuItem, destructive && styles['menuItem--destructive'], disabled && styles['menuItem--disabled'], isActive && styles['menuItem--active']);
+    var className = classnames(modules_f3e5eb91.menuItem, destructive && modules_f3e5eb91['menuItem--destructive'], disabled && modules_f3e5eb91['menuItem--disabled'], isActive && modules_f3e5eb91['menuItem--active']);
     if (disabled) {
       return /*#__PURE__*/React.createElement("li", {
-        className: styles.menuListItem
+        className: modules_f3e5eb91.menuListItem
       }, /*#__PURE__*/React.createElement("button", {
         id: id,
         type: "button",
@@ -33,7 +33,7 @@ const MenuItem = /*#__PURE__*/function () {
     }
     if (href) {
       return /*#__PURE__*/React.createElement("li", {
-        className: styles.menuListItem
+        className: modules_f3e5eb91.menuListItem
       }, /*#__PURE__*/React.createElement("a", {
         id: id,
         href: href,
@@ -45,7 +45,7 @@ const MenuItem = /*#__PURE__*/function () {
       }, iconNode, wrappedLabel));
     }
     return /*#__PURE__*/React.createElement("li", {
-      className: styles.menuListItem
+      className: modules_f3e5eb91.menuListItem
     }, /*#__PURE__*/React.createElement("button", {
       id: id,
       type: "button",