@kaizen/components 3.0.3 → 3.0.5

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

@@ -1,31 +1,31 @@
-var styles = {
-  "container": "Table-module_container__w-zFG",
-  "headerRowCell": "Table-module_headerRowCell__kW0YN",
-  "headerRowCellNoWrap": "Table-module_headerRowCellNoWrap__BSuzX",
-  "headerRowCellLabel": "Table-module_headerRowCellLabel__5v6m8",
-  "headerRowCellAlignCenter": "Table-module_headerRowCellAlignCenter__cobEI",
-  "headerRowCellAlignEnd": "Table-module_headerRowCellAlignEnd__dQOOQ",
-  "headerRowCellCheckbox": "Table-module_headerRowCellCheckbox__CdMiY",
-  "headerRowCellTooltip": "Table-module_headerRowCellTooltip__uzbpY",
-  "headerRowCellContent": "Table-module_headerRowCellContent__IArYC",
-  "headerRowCellButton": "Table-module_headerRowCellButton__uikM7",
-  "headerRowCellButtonReversed": "Table-module_headerRowCellButtonReversed__uk87N",
-  "headerRowCellNoButton": "Table-module_headerRowCellNoButton__dqf1B",
-  "headerRowCellLabelAndIcons": "Table-module_headerRowCellLabelAndIcons__OCCVi",
-  "headerRowCellTooltipIcon": "Table-module_headerRowCellTooltipIcon__X0ETJ",
-  "headerRowCellIcon": "Table-module_headerRowCellIcon__gB3zI",
-  "headerRowCellActive": "Table-module_headerRowCellActive__wshmg",
-  "card": "Table-module_card__RGyjC",
-  "well": "Table-module_well__xQmO5",
-  "row": "Table-module_row__GYSl1",
-  "popout": "Table-module_popout__PeAVV",
-  "expanded": "Table-module_expanded__dasr3",
-  "hasHoverState": "Table-module_hasHoverState__u5n3E",
-  "rowCell": "Table-module_rowCell__A5-2R",
-  "defaultSpacing": "Table-module_defaultSpacing__zq1Ci",
-  "dataVariant": "Table-module_dataVariant__vBOag",
-  "rowCellAlignCenter": "Table-module_rowCellAlignCenter__apkoC",
-  "rowCellAlignEnd": "Table-module_rowCellAlignEnd__qZfa1",
-  "whiteText": "Table-module_whiteText__4f-q5"
+var modules_ef9ad514 = {
+  "container": "Table_module_container__c0cf988d",
+  "headerRowCell": "Table_module_headerRowCell__c0cf988d",
+  "headerRowCellNoWrap": "Table_module_headerRowCellNoWrap__c0cf988d",
+  "headerRowCellLabel": "Table_module_headerRowCellLabel__c0cf988d",
+  "headerRowCellAlignCenter": "Table_module_headerRowCellAlignCenter__c0cf988d",
+  "headerRowCellAlignEnd": "Table_module_headerRowCellAlignEnd__c0cf988d",
+  "headerRowCellCheckbox": "Table_module_headerRowCellCheckbox__c0cf988d",
+  "headerRowCellTooltip": "Table_module_headerRowCellTooltip__c0cf988d",
+  "headerRowCellContent": "Table_module_headerRowCellContent__c0cf988d",
+  "headerRowCellButton": "Table_module_headerRowCellButton__c0cf988d",
+  "headerRowCellButtonReversed": "Table_module_headerRowCellButtonReversed__c0cf988d",
+  "headerRowCellNoButton": "Table_module_headerRowCellNoButton__c0cf988d",
+  "headerRowCellLabelAndIcons": "Table_module_headerRowCellLabelAndIcons__c0cf988d",
+  "headerRowCellTooltipIcon": "Table_module_headerRowCellTooltipIcon__c0cf988d",
+  "headerRowCellIcon": "Table_module_headerRowCellIcon__c0cf988d",
+  "headerRowCellActive": "Table_module_headerRowCellActive__c0cf988d",
+  "card": "Table_module_card__c0cf988d",
+  "well": "Table_module_well__c0cf988d",
+  "row": "Table_module_row__c0cf988d",
+  "popout": "Table_module_popout__c0cf988d",
+  "expanded": "Table_module_expanded__c0cf988d",
+  "hasHoverState": "Table_module_hasHoverState__c0cf988d",
+  "rowCell": "Table_module_rowCell__c0cf988d",
+  "defaultSpacing": "Table_module_defaultSpacing__c0cf988d",
+  "dataVariant": "Table_module_dataVariant__c0cf988d",
+  "rowCellAlignCenter": "Table_module_rowCellAlignCenter__c0cf988d",
+  "rowCellAlignEnd": "Table_module_rowCellAlignEnd__c0cf988d",
+  "whiteText": "Table_module_whiteText__c0cf988d"
 };
-export { styles as default };
+export { modules_ef9ad514 as default };

package/dist/esm/src/Tabs/subcomponents/Tab/Tab.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { Tab as Tab$1 } from 'react-aria-components';
 import { Badge } from '../../../Badge/Badge.mjs';
-import styles from './Tab.module.css.mjs';
+import modules_2904f848 from './Tab.module.css.mjs';
 
 /**
  * A tab button
@@ -14,13 +14,13 @@ var Tab = function (props) {
     className = props.className,
     restProps = __rest(props, ["badge", "children", "className"]);
   var tabProps = __assign({
-    className: classnames(styles.tab, className)
+    className: classnames(modules_2904f848.tab, className)
   }, restProps);
   return /*#__PURE__*/React.createElement(Tab$1, __assign({
     "data-kz-tab": true
   }, tabProps), function (TabRenderProps) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'function' ? children(TabRenderProps) : children, badge && (/*#__PURE__*/React.createElement("span", {
-      className: styles.badge
+      className: modules_2904f848.badge
     }, /*#__PURE__*/React.createElement(Badge, {
       variant: TabRenderProps.isSelected || TabRenderProps.isFocusVisible || TabRenderProps.isHovered ? 'active' : 'default'
     }, badge))));

package/dist/esm/src/Tabs/subcomponents/Tab/Tab.module.css.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "tab": "Tab-module_tab__q9831",
-  "badge": "Tab-module_badge__mvEL1"
+var modules_2904f848 = {
+  "tab": "Tab_module_tab__ce4d43df",
+  "badge": "Tab_module_badge__ce4d43df"
 };
-export { styles as default };
+export { modules_2904f848 as default };

package/dist/esm/src/Tabs/subcomponents/TabList/TabList.mjs

@@ -5,7 +5,7 @@ import { TabListStateContext, TabList as TabList$1 } from 'react-aria-components
 import { Icon } from '../../../Icon/Icon.mjs';
 import { isRTL } from '../../../utils/isRTL/isRTL.mjs';
 import { SCROLL_AMOUNT } from '../../constants.mjs';
-import styles from './TabList.module.css.mjs';
+import modules_b2689e93 from './TabList.module.css.mjs';
 
 /**
  * Wrapper for the tabs themselves
@@ -100,7 +100,7 @@ var TabList = function (props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
+    className: modules_b2689e93.container,
     id: tabListId
   }, leftArrowEnabled && (
   /*#__PURE__*/
@@ -112,7 +112,7 @@ var TabList = function (props) {
     onClick: function () {
       return handleArrowPress('left');
     },
-    className: styles.leftArrow,
+    className: modules_b2689e93.leftArrow,
     "data-testid": testId ? "".concat(testId, "-kz-tablist-left-arrow") : undefined
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "chevron_left",
@@ -120,7 +120,7 @@ var TabList = function (props) {
   }))), /*#__PURE__*/React.createElement(TabList$1, __assign({
     "aria-label": ariaLabel,
     ref: tabListRef,
-    className: classnames(styles.tabList, className, noPadding && styles.noPadding)
+    className: classnames(modules_b2689e93.tabList, className, noPadding && modules_b2689e93.noPadding)
   }, restProps), children), rightArrowEnabled && (
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -128,7 +128,7 @@ var TabList = function (props) {
     onClick: function () {
       return handleArrowPress('right');
     },
-    className: styles.rightArrow,
+    className: modules_b2689e93.rightArrow,
     "data-testid": testId ? "".concat(testId, "-kz-tablist-right-arrow") : undefined
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "chevron_right",

package/dist/esm/src/Tabs/subcomponents/TabList/TabList.module.css.mjs

@@ -1,8 +1,8 @@
-var styles = {
-  "container": "TabList-module_container__hufPc",
-  "tabList": "TabList-module_tabList__1wjHM",
-  "noPadding": "TabList-module_noPadding__GOP29",
-  "leftArrow": "TabList-module_leftArrow__-bUQz",
-  "rightArrow": "TabList-module_rightArrow__rmuuL"
+var modules_b2689e93 = {
+  "container": "TabList_module_container__7ce81ce7",
+  "tabList": "TabList_module_tabList__7ce81ce7",
+  "noPadding": "TabList_module_noPadding__7ce81ce7",
+  "leftArrow": "TabList_module_leftArrow__7ce81ce7",
+  "rightArrow": "TabList_module_rightArrow__7ce81ce7"
 };
-export { styles as default };
+export { modules_b2689e93 as default };

package/dist/esm/src/Tag/Tag.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Avatar } from '../Avatar/Avatar.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { LiveIcon } from './subcomponents/LiveIcon/LiveIcon.mjs';
-import styles from './Tag.module.css.mjs';
+import modules_eba0ff4e from './Tag.module.css.mjs';
 var isJSXElement = function (imageElementOrAvatarProps) {
   return 'props' in imageElementOrAvatarProps;
 };
@@ -35,14 +35,14 @@ const Tag = /*#__PURE__*/function () {
     var isTruncated = truncateWidth && truncateWidth > 0;
     var canShowIcon = size === 'medium';
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.root, styles[variant], variant === 'profile' && styles.default, styles[size], inline && styles.inline, dismissible && styles.dismissible)
+      className: classnames(modules_eba0ff4e.root, modules_eba0ff4e[variant], variant === 'profile' && modules_eba0ff4e.default, modules_eba0ff4e[size], inline && modules_eba0ff4e.inline, dismissible && modules_eba0ff4e.dismissible)
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.layoutContainer
+      className: modules_eba0ff4e.layoutContainer
     }, /*#__PURE__*/React.createElement(React.Fragment, null, canShowIcon && function () {
       switch (props.variant) {
         case 'validationPositive':
           return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
+            className: modules_eba0ff4e.validationIcon
           }, /*#__PURE__*/React.createElement(Icon, {
             name: "check_circle",
             isPresentational: true,
@@ -50,7 +50,7 @@ const Tag = /*#__PURE__*/function () {
           }));
         case 'validationNegative':
           return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
+            className: modules_eba0ff4e.validationIcon
           }, /*#__PURE__*/React.createElement(Icon, {
             name: "error",
             isPresentational: true,
@@ -58,7 +58,7 @@ const Tag = /*#__PURE__*/function () {
           }));
         case 'validationCautionary':
           return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
+            className: modules_eba0ff4e.validationIcon
           }, /*#__PURE__*/React.createElement(Icon, {
             name: "warning",
             isPresentational: true,
@@ -66,7 +66,7 @@ const Tag = /*#__PURE__*/function () {
           }));
         case 'validationInformative':
           return /*#__PURE__*/React.createElement("span", {
-            className: styles.validationIcon
+            className: modules_eba0ff4e.validationIcon
           }, /*#__PURE__*/React.createElement(Icon, {
             name: "info",
             isPresentational: true,
@@ -74,24 +74,24 @@ const Tag = /*#__PURE__*/function () {
           }));
         case 'profile':
           return /*#__PURE__*/React.createElement("span", {
-            className: styles.profile
+            className: modules_eba0ff4e.profile
           }, props.avatar && renderAvatar(props.avatar));
         default:
           return null;
       }
     }(), /*#__PURE__*/React.createElement("span", {
-      className: classnames(styles.textContent, isTruncated && styles.truncate),
+      className: classnames(modules_eba0ff4e.textContent, isTruncated && modules_eba0ff4e.truncate),
       style: {
         maxWidth: isTruncated ? truncateWidth : undefined
       }
     }, children), dismissible && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
       type: "button",
-      className: styles.dismissButton,
+      className: modules_eba0ff4e.dismissButton,
       onClick: onDismiss,
       onMouseDown: onMouseDown,
       onMouseLeave: onMouseLeave
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.iconWrapper
+      className: modules_eba0ff4e.iconWrapper
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "cancel",
       alt: "Dismiss",

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

@@ -1,28 +1,28 @@
-var styles = {
-  "root": "Tag-module_root__sGbnM",
-  "profile": "Tag-module_profile__lpDJR",
-  "layoutContainer": "Tag-module_layoutContainer__cPxSs",
-  "validationIcon": "Tag-module_validationIcon__i87BD",
-  "textContent": "Tag-module_textContent__61iwm",
-  "iconWrapper": "Tag-module_iconWrapper__gXgCb",
-  "dismissButton": "Tag-module_dismissButton__MgLNJ",
-  "background": "Tag-module_background__DaA0W",
-  "truncate": "Tag-module_truncate__5kX5V",
-  "inline": "Tag-module_inline__QQfqi",
-  "medium": "Tag-module_medium__PI53x",
-  "small": "Tag-module_small__hcPrf",
-  "default": "Tag-module_default__Wq9hK",
-  "sentimentPositive": "Tag-module_sentimentPositive__M4lXI",
-  "sentimentNeutral": "Tag-module_sentimentNeutral__uxZ6y",
-  "sentimentNegative": "Tag-module_sentimentNegative__JxDtU",
-  "sentimentNone": "Tag-module_sentimentNone__vDXoz",
-  "validationPositive": "Tag-module_validationPositive__KXW2z",
-  "validationInformative": "Tag-module_validationInformative__wJlj5",
-  "validationNegative": "Tag-module_validationNegative__CEuAp",
-  "validationCautionary": "Tag-module_validationCautionary__ay3Dg",
-  "statusLive": "Tag-module_statusLive__Ycm63",
-  "statusAction": "Tag-module_statusAction__Gdpew",
-  "statusClosed": "Tag-module_statusClosed__9Ggv1",
-  "statusDraft": "Tag-module_statusDraft__m3ksY"
+var modules_eba0ff4e = {
+  "root": "Tag_module_root__64ff572f",
+  "profile": "Tag_module_profile__64ff572f",
+  "layoutContainer": "Tag_module_layoutContainer__64ff572f",
+  "validationIcon": "Tag_module_validationIcon__64ff572f",
+  "textContent": "Tag_module_textContent__64ff572f",
+  "iconWrapper": "Tag_module_iconWrapper__64ff572f",
+  "dismissButton": "Tag_module_dismissButton__64ff572f",
+  "background": "Tag_module_background__64ff572f",
+  "truncate": "Tag_module_truncate__64ff572f",
+  "inline": "Tag_module_inline__64ff572f",
+  "medium": "Tag_module_medium__64ff572f",
+  "small": "Tag_module_small__64ff572f",
+  "default": "Tag_module_default__64ff572f",
+  "sentimentPositive": "Tag_module_sentimentPositive__64ff572f",
+  "sentimentNeutral": "Tag_module_sentimentNeutral__64ff572f",
+  "sentimentNegative": "Tag_module_sentimentNegative__64ff572f",
+  "sentimentNone": "Tag_module_sentimentNone__64ff572f",
+  "validationPositive": "Tag_module_validationPositive__64ff572f",
+  "validationInformative": "Tag_module_validationInformative__64ff572f",
+  "validationNegative": "Tag_module_validationNegative__64ff572f",
+  "validationCautionary": "Tag_module_validationCautionary__64ff572f",
+  "statusLive": "Tag_module_statusLive__64ff572f",
+  "statusAction": "Tag_module_statusAction__64ff572f",
+  "statusClosed": "Tag_module_statusClosed__64ff572f",
+  "statusDraft": "Tag_module_statusDraft__64ff572f"
 };
-export { styles as default };
+export { modules_eba0ff4e as default };

package/dist/esm/src/Tag/subcomponents/LiveIcon/LiveIcon.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SVG } from '../../../IconV1/subcomponents/SVG/SVG.mjs';
-import styles from './LiveIcon.module.css.mjs';
+import modules_18063e22 from './LiveIcon.module.css.mjs';
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
@@ -37,15 +37,15 @@ const LiveIconSvg = /*#__PURE__*/function () {
 const LiveIcon = /*#__PURE__*/function () {
   const LiveIcon = function () {
     return /*#__PURE__*/React.createElement("span", {
-      className: styles.liveIcon
+      className: modules_18063e22.liveIcon
     }, /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: styles.liveIcon_base
+      classNameOverride: modules_18063e22.liveIcon_base
     }), /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: styles.liveIcon_1
+      classNameOverride: modules_18063e22.liveIcon_1
     }), /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: styles.liveIcon_2
+      classNameOverride: modules_18063e22.liveIcon_2
     }), /*#__PURE__*/React.createElement(LiveIconSvg, {
-      classNameOverride: styles.liveIcon_3
+      classNameOverride: modules_18063e22.liveIcon_3
     }));
   };
   LiveIcon.displayName = 'LiveIcon';

package/dist/esm/src/Tag/subcomponents/LiveIcon/LiveIcon.module.css.mjs

@@ -1,8 +1,8 @@
-var styles = {
-  "liveIcon": "LiveIcon-module_liveIcon__v6FG-",
-  "liveIcon_base": "LiveIcon-module_liveIcon_base__Kagqm",
-  "liveIcon_1": "LiveIcon-module_liveIcon_1__ye1Qk",
-  "liveIcon_2": "LiveIcon-module_liveIcon_2__p6f55",
-  "liveIcon_3": "LiveIcon-module_liveIcon_3__JmRFR"
+var modules_18063e22 = {
+  "liveIcon": "LiveIcon_module_liveIcon__4433032e",
+  "liveIcon_base": "LiveIcon_module_liveIcon_base__4433032e",
+  "liveIcon_1": "LiveIcon_module_liveIcon_1__4433032e",
+  "liveIcon_2": "LiveIcon_module_liveIcon_2__4433032e",
+  "liveIcon_3": "LiveIcon_module_liveIcon_3__4433032e"
 };
-export { styles as default };
+export { modules_18063e22 as default };

package/dist/esm/src/Text/Text.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import { createElement } from 'react';
 import classnames from 'classnames';
-import styles from './Text.module.css.mjs';
+import modules_22fa3f10 from './Text.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
@@ -15,7 +15,7 @@ var Text = function (_a) {
     color = _b === void 0 ? 'dark' : _b,
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-  var className = classnames(styles.text, styles[variant], styles[color], classNameOverride);
+  var className = classnames(modules_22fa3f10.text, modules_22fa3f10[variant], modules_22fa3f10[color], classNameOverride);
   return /*#__PURE__*/createElement(tag !== null && tag !== void 0 ? tag : 'p', __assign(__assign({}, restProps), {
     className: className
   }), children);

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

@@ -1,14 +1,14 @@
-var styles = {
-  "text": "Text-module_text__3xRq3",
-  "intro-lede": "Text-module_intro-lede__Pf95y",
-  "body": "Text-module_body__o-QuI",
-  "small": "Text-module_small__d6k-f",
-  "extra-small": "Text-module_extra-small__jP3Xx",
-  "dark": "Text-module_dark__ApVTx",
-  "dark-reduced-opacity": "Text-module_dark-reduced-opacity__-ef8o",
-  "white": "Text-module_white__Vj0Na",
-  "white-reduced-opacity": "Text-module_white-reduced-opacity__kYl0h",
-  "positive": "Text-module_positive__ngZQ5",
-  "negative": "Text-module_negative__729Es"
+var modules_22fa3f10 = {
+  "text": "Text_module_text__8eac1a4a",
+  "intro-lede": "Text_module_introLede__8eac1a4a",
+  "body": "Text_module_body__8eac1a4a",
+  "small": "Text_module_small__8eac1a4a",
+  "extra-small": "Text_module_extraSmall__8eac1a4a",
+  "dark": "Text_module_dark__8eac1a4a",
+  "dark-reduced-opacity": "Text_module_darkReducedOpacity__8eac1a4a",
+  "white": "Text_module_white__8eac1a4a",
+  "white-reduced-opacity": "Text_module_whiteReducedOpacity__8eac1a4a",
+  "positive": "Text_module_positive__8eac1a4a",
+  "negative": "Text_module_negative__8eac1a4a"
 };
-export { styles as default };
+export { modules_22fa3f10 as default };

package/dist/esm/src/TextArea/TextArea.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { useState, useRef } from 'react';
 import classnames from 'classnames';
-import styles from './TextArea.module.css.mjs';
+import modules_f168227d from './TextArea.module.css.mjs';
 const TextArea = /*#__PURE__*/function () {
   const TextArea = function (_a) {
     var _b, _c;
@@ -32,10 +32,10 @@ const TextArea = /*#__PURE__*/function () {
       }
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.wrapper, (_b = {}, _b[styles.wrapperAutogrow] = autogrow, _b)),
+      className: classnames(modules_f168227d.wrapper, (_b = {}, _b[modules_f168227d.wrapperAutogrow] = autogrow, _b)),
       "data-value": autogrow ? value !== null && value !== void 0 ? value : internalValue : undefined
     }, /*#__PURE__*/React.createElement("textarea", __assign({
-      className: classnames(styles.textarea, styles[status], reversed ? styles.reversed : styles.default, (_c = {}, _c[styles.disabled] = disabled, _c[styles.textareaAutogrow] = autogrow, _c)),
+      className: classnames(modules_f168227d.textarea, modules_f168227d[status], reversed ? modules_f168227d.reversed : modules_f168227d.default, (_c = {}, _c[modules_f168227d.disabled] = disabled, _c[modules_f168227d.textareaAutogrow] = autogrow, _c)),
       rows: rows,
       onChange: onChange,
       value: value,

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

@@ -1,12 +1,12 @@
-var styles = {
-  "wrapper": "TextArea-module_wrapper__FHfMG",
-  "wrapperAutogrow": "TextArea-module_wrapperAutogrow__f46bL",
-  "textarea": "TextArea-module_textarea__Ht-1a",
-  "textareaAutogrow": "TextArea-module_textareaAutogrow__ReEar",
-  "default": "TextArea-module_default__e1cis",
-  "error": "TextArea-module_error__bBmvS",
-  "caution": "TextArea-module_caution__aj4nR",
-  "disabled": "TextArea-module_disabled__XY39a",
-  "reversed": "TextArea-module_reversed__r-W3e"
+var modules_f168227d = {
+  "wrapper": "TextArea_module_wrapper__be744297",
+  "wrapperAutogrow": "TextArea_module_wrapperAutogrow__be744297",
+  "textarea": "TextArea_module_textarea__be744297",
+  "textareaAutogrow": "TextArea_module_textareaAutogrow__be744297",
+  "default": "TextArea_module_default__be744297",
+  "error": "TextArea_module_error__be744297",
+  "caution": "TextArea_module_caution__be744297",
+  "disabled": "TextArea_module_disabled__be744297",
+  "reversed": "TextArea_module_reversed__be744297"
 };
-export { styles as default };
+export { modules_f168227d as default };

package/dist/esm/src/TextAreaField/TextAreaField.mjs

@@ -5,7 +5,7 @@ import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import { Label } from '../Label/Label.mjs';
 import { TextArea } from '../TextArea/TextArea.mjs';
-import styles from './TextAreaField.module.scss.mjs';
+import modules_1b0ed2b9 from './TextAreaField.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
@@ -38,7 +38,7 @@ const TextAreaField = /*#__PURE__*/function () {
     var renderDescription = function (position) {
       if (!description) return null;
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.message, disabled && styles.disabled)
+        className: classnames(modules_1b0ed2b9.message, disabled && modules_1b0ed2b9.disabled)
       }, /*#__PURE__*/React.createElement(FieldMessage, {
         id: descriptionAria,
         "data-testid": "".concat(id, "-field-description"),
@@ -51,9 +51,9 @@ const TextAreaField = /*#__PURE__*/function () {
       id: "".concat(id, "-field-group"),
       inline: inline,
       "data-testid": "".concat(id, "-field-group"),
-      classNameOverride: disabled ? styles.disabled : undefined
+      classNameOverride: disabled ? modules_1b0ed2b9.disabled : undefined
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.textareaLabel, variant === 'prominent' && styles.textareaLabelProminent)
+      className: classnames(modules_1b0ed2b9.textareaLabel, variant === 'prominent' && modules_1b0ed2b9.textareaLabelProminent)
     }, /*#__PURE__*/React.createElement(Label, {
       id: "".concat(id, "-field-label"),
       "data-testid": "".concat(id, "-field-label"),

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

@@ -1,7 +1,7 @@
-var styles = {
-  "message": "TextAreaField-module_message__hlao7",
-  "disabled": "TextAreaField-module_disabled__twCef",
-  "textareaLabel": "TextAreaField-module_textareaLabel__sOTRj",
-  "textareaLabelProminent": "TextAreaField-module_textareaLabelProminent__xqcY4"
+var modules_1b0ed2b9 = {
+  "message": "TextAreaField_module_message__095b2956",
+  "disabled": "TextAreaField_module_disabled__095b2956",
+  "textareaLabel": "TextAreaField_module_textareaLabel__095b2956",
+  "textareaLabelProminent": "TextAreaField_module_textareaLabelProminent__095b2956"
 };
-export { styles as default };
+export { modules_1b0ed2b9 as default };

package/dist/esm/src/TextField/TextField.mjs

@@ -8,7 +8,7 @@ import { Input } from '../Input/Input/Input.mjs';
 import '../Input/InputRange/InputRange.mjs';
 import '../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../Label/Label.mjs';
-import styles from './TextField.module.scss.mjs';
+import modules_555c3abf from './TextField.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
@@ -39,7 +39,7 @@ const TextField = /*#__PURE__*/function () {
       id: "".concat(id, "-field-group"),
       "data-testid": "".concat(id, "-field-group"),
       inline: inline,
-      classNameOverride: classnames(reversed && styles.reversed)
+      classNameOverride: classnames(reversed && modules_555c3abf.reversed)
     }, /*#__PURE__*/React.createElement(Label, {
       id: "".concat(id, "-field-label"),
       "data-testid": "".concat(id, "-field-label"),
@@ -51,27 +51,27 @@ const TextField = /*#__PURE__*/function () {
       id: "".concat(id, "-field-input"),
       "data-testid": "".concat(id, "-field-input"),
       "aria-describedby": ariaDescribedBy,
-      classNameOverride: styles.input,
+      classNameOverride: modules_555c3abf.input,
       disabled: disabled,
       reversed: reversed,
       status: status,
       startIconAdornment: icon,
       endIconAdornment: status === 'success' && (/*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.icon, styles.success, disabled && styles.disabled)
+        className: classnames(modules_555c3abf.icon, modules_555c3abf.success, disabled && modules_555c3abf.disabled)
       }, /*#__PURE__*/React.createElement(Icon, {
         name: "check_circle",
         isPresentational: true,
         isFilled: true
       })))
     }, restProps)), validationMessage && (/*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.message, disabled && styles.disabled)
+      className: classnames(modules_555c3abf.message, disabled && modules_555c3abf.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,
       status: status,
       reversed: reversed
     }))), description && (/*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.message, disabled && styles.disabled)
+      className: classnames(modules_555c3abf.message, disabled && modules_555c3abf.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionAria,
       message: description,

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

@@ -1,8 +1,8 @@
-var styles = {
-  "input": "TextField-module_input__CEokl",
-  "icon": "TextField-module_icon__wFK4Q",
-  "success": "TextField-module_success__pMLcV",
-  "reversed": "TextField-module_reversed__qW9r1",
-  "disabled": "TextField-module_disabled__gS8tk"
+var modules_555c3abf = {
+  "input": "TextField_module_input__e4240d26",
+  "icon": "TextField_module_icon__e4240d26",
+  "success": "TextField_module_success__e4240d26",
+  "reversed": "TextField_module_reversed__e4240d26",
+  "disabled": "TextField_module_disabled__e4240d26"
 };
-export { styles as default };
+export { modules_555c3abf as default };

package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs

@@ -3,12 +3,12 @@ import React from 'react';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import '../../ButtonV1/IconButton/IconButton.mjs';
 import { GenericTile } from '../subcomponents/GenericTile/GenericTile.mjs';
-import styles from './MultiActionTile.module.scss.mjs';
+import modules_0d682542 from './MultiActionTile.module.scss.mjs';
 var renderActions = function (primaryAction, secondaryAction) {
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.actions
+    className: modules_0d682542.actions
   }, secondaryAction && (/*#__PURE__*/React.createElement("div", {
-    className: styles.secondaryAction
+    className: modules_0d682542.secondaryAction
   }, /*#__PURE__*/React.createElement(Button, __assign({
     secondary: true
   }, secondaryAction)))), /*#__PURE__*/React.createElement(Button, __assign({}, primaryAction)));

package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.module.scss.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "actions": "MultiActionTile-module_actions__mntsC",
-  "secondaryAction": "MultiActionTile-module_secondaryAction__DuXdD"
+var modules_0d682542 = {
+  "actions": "MultiActionTile_module_actions__60f34f5f",
+  "secondaryAction": "MultiActionTile_module_secondaryAction__60f34f5f"
 };
-export { styles as default };
+export { modules_0d682542 as default };

package/dist/esm/src/Tile/TileGrid/TileGrid.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './TileGrid.module.scss.mjs';
+import modules_9b937ad3 from './TileGrid.module.scss.mjs';
 
 /**
  * @deprecated TileGrid is deprecated in v3 and will be removed in v4.
@@ -17,7 +17,7 @@ const TileGrid = /*#__PURE__*/function () {
       restProps = __rest(_a, ["children", "classNameOverride"]);
     var isFragment = !Array.isArray(children) && children.type === React.Fragment;
     return /*#__PURE__*/React.createElement("ul", __assign({
-      className: classnames(styles.grid, classNameOverride),
+      className: classnames(modules_9b937ad3.grid, classNameOverride),
       "data-tile-grid": true
     }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
       tiles: children.props.children

package/dist/esm/src/Tile/TileGrid/TileGrid.module.scss.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "grid": "TileGrid-module_grid__1WCNc"
+var modules_9b937ad3 = {
+  "grid": "TileGrid_module_grid__0d070152"
 };
-export { styles as default };
+export { modules_9b937ad3 as default };