@kaizen/components 3.0.6 → 3.0.7

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 };

package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -7,7 +7,7 @@ import { IconButton } from '../../../ButtonV1/IconButton/IconButton.mjs';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { Text } from '../../../Text/Text.mjs';
-import styles from './GenericTile.module.scss.mjs';
+import modules_fed39cba from './GenericTile.module.scss.mjs';
 const GenericTile = /*#__PURE__*/function () {
   const GenericTile = function (_a) {
     var children = _a.children,
@@ -39,12 +39,12 @@ const GenericTile = /*#__PURE__*/function () {
     });
     var renderTitle = function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: styles.title
+        className: modules_fed39cba.title
       }, /*#__PURE__*/React.createElement(Heading, {
         variant: "heading-3",
         tag: titleTag
       }, title), metadata && (/*#__PURE__*/React.createElement("div", {
-        className: styles.titleMeta
+        className: modules_fed39cba.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
         color: "dark-reduced-opacity"
@@ -52,9 +52,9 @@ const GenericTile = /*#__PURE__*/function () {
     };
     var renderFront = function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.face, styles.faceFront, styles[variant])
+        className: classnames(modules_fed39cba.face, modules_fed39cba.faceFront, modules_fed39cba[variant])
       }, information && (/*#__PURE__*/React.createElement("div", {
-        className: styles.informationBtn
+        className: modules_fed39cba.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
         label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -69,9 +69,9 @@ const GenericTile = /*#__PURE__*/function () {
         "aria-hidden": isFlipped,
         ref: infoButtonRef
       }))), renderTitle(), /*#__PURE__*/React.createElement("div", {
-        className: styles.children
+        className: modules_fed39cba.children
       }, children && children), footer && /*#__PURE__*/React.createElement("div", {
-        className: styles.footer
+        className: modules_fed39cba.footer
       }, footer));
     };
     var renderInformation = function (informationProp) {
@@ -80,9 +80,9 @@ const GenericTile = /*#__PURE__*/function () {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
           variant: "body"
         }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
-          className: styles.footer
+          className: modules_fed39cba.footer
         }, /*#__PURE__*/React.createElement("div", {
-          className: styles.actions
+          className: modules_fed39cba.actions
         }, informationProp.secondaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           secondary: true,
           disabled: !isFlipped
@@ -100,9 +100,9 @@ const GenericTile = /*#__PURE__*/function () {
         description: 'Prompts user to interact with button to hide information'
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.face, styles.faceBack)
+        className: classnames(modules_fed39cba.face, modules_fed39cba.faceBack)
       }, /*#__PURE__*/React.createElement("div", {
-        className: styles.informationBtn
+        className: modules_fed39cba.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
         label: "".concat(returnButtonLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -116,13 +116,13 @@ const GenericTile = /*#__PURE__*/function () {
         "aria-hidden": !isFlipped,
         ref: infoButtonReturnRef
       })), /*#__PURE__*/React.createElement("div", {
-        className: styles.information
+        className: modules_fed39cba.information
       }, renderInformation(information)));
     };
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.root, classNameOverride)
+      className: classnames(modules_fed39cba.root, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.tile, isFlipped && styles.isFlipped)
+      className: classnames(modules_fed39cba.tile, isFlipped && modules_fed39cba.isFlipped)
     }, isFlipped ? renderBack() : renderFront()));
   };
   GenericTile.displayName = 'GenericTile';