@kaizen/components 3.0.3 → 3.0.5

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs

@@ -7,7 +7,7 @@ import { FilterButtonRemovable } from '../../../../FilterButton/FilterButtonRemo
 import { useMenuTriggerContext } from '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import '../../../context/SelectionProvider/SelectionProvider.mjs';
 import { getTruncatedLabels } from '../../../utils/getTruncatedLabel.mjs';
-import styles from './RemovableFilterTrigger.module.css.mjs';
+import modules_a793f4b8 from './RemovableFilterTrigger.module.css.mjs';
 const RemovableFilterTrigger = /*#__PURE__*/function () {
   const RemovableFilterTrigger = function (_a) {
     var label = _a.label,
@@ -25,7 +25,7 @@ const RemovableFilterTrigger = /*#__PURE__*/function () {
     });
     return /*#__PURE__*/React.createElement(FilterButtonRemovable, {
       ref: ref,
-      classNameOverride: classnames(styles.filterButtonRemovable, classNameOverride),
+      classNameOverride: classnames(modules_a793f4b8.filterButtonRemovable, classNameOverride),
       triggerButtonProps: __assign(__assign({}, buttonProps), {
         label: label,
         selectedValue: getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterButtonRemovable": "RemovableFilterTrigger-module_filterButtonRemovable__-M4wV"
+var modules_a793f4b8 = {
+  "filterButtonRemovable": "RemovableFilterTrigger_module_filterButtonRemovable__41701a3a"
 };
-export { styles as default };
+export { modules_a793f4b8 as default };

package/dist/esm/src/Filter/FilterSelect/FilterSelect.mjs

@@ -17,7 +17,7 @@ import { SelectPopoverContents } from '../../SingleSelect/subcomponents/SelectPo
 import '../../SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from '../../SingleSelect/utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from '../../SingleSelect/utils/transformSelectItemToCollectionElement.mjs';
-import styles from './FilterSelect.module.css.mjs';
+import modules_672507ce from './FilterSelect.module.css.mjs';
 const FilterSelect = /*#__PURE__*/function () {
   const FilterSelect = function (_a) {
     var isOpen = _a.isOpen,
@@ -74,7 +74,7 @@ const FilterSelect = /*#__PURE__*/function () {
       onMount: setTriggerRef,
       classNameOverride: classNameOverride
     }, /*#__PURE__*/React.createElement(FilterContents, {
-      classNameOverride: styles.filterContents
+      classNameOverride: modules_672507ce.filterContents
     }, /*#__PURE__*/React.createElement(SelectProvider, {
       state: state
     }, /*#__PURE__*/React.createElement(SelectPopoverContents, {

package/dist/esm/src/Filter/FilterSelect/FilterSelect.module.css.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "filterContents": "FilterSelect-module_filterContents__--oQN"
+var modules_672507ce = {
+  "filterContents": "FilterSelect_module_filterContents__dc0e47fb"
 };
-export { styles as default };
+export { modules_672507ce as default };

package/dist/esm/src/Focusable/Focusable.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef } from 'react';
 import classnames from 'classnames';
 import { useFocusable } from 'react-aria';
-import styles from './Focusable.module.scss.mjs';
+import modules_99c30b46 from './Focusable.module.css.mjs';
 var Focusable = function (_a) {
   var children = _a.children,
     className = _a.className,
@@ -11,7 +11,7 @@ var Focusable = function (_a) {
   var focusableProps = useFocusable(props, ref).focusableProps;
   return /*#__PURE__*/React.createElement("div", __assign({
     ref: ref,
-    className: classnames(styles.focusableWrapper, className)
+    className: classnames(modules_99c30b46.focusableWrapper, className)
   }, focusableProps, {
     "data-inline-hidden-content": true,
     // We want the div to be focusable for keyboard users,

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

@@ -0,0 +1,4 @@
+var modules_99c30b46 = {
+  "focusableWrapper": "Focusable_module_focusableWrapper__2f19310f"
+};
+export { modules_99c30b46 as default };

package/dist/esm/src/GuidanceBlock/GuidanceBlock.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
-import styles from './GuidanceBlock.module.css.mjs';
+import modules_74570237 from './GuidanceBlock.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
@@ -28,19 +28,19 @@ const GuidanceBlock = /*#__PURE__*/function () {
       restProps = __rest(_a, ["layout", "variant", "noMaxWidth", "illustrationType", "smallScreenTextAlignment", "illustration", "actionsSlot"]);
     var queries = useMediaQueries().queries;
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.banner, variant && styles[variant], layout && styles[layout], queries.isSmall && styles.centerContent, noMaxWidth && styles.noMaxWidth, illustrationType === 'scene' && styles.hasSceneIllustration, smallScreenTextAlignment === 'left' && styles.smallScreenTextAlignment)
+      className: classnames(modules_74570237.banner, variant && modules_74570237[variant], layout && modules_74570237[layout], queries.isSmall && modules_74570237.centerContent, noMaxWidth && modules_74570237.noMaxWidth, illustrationType === 'scene' && modules_74570237.hasSceneIllustration, smallScreenTextAlignment === 'left' && modules_74570237.smallScreenTextAlignment)
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.illustrationWrapper
+      className: modules_74570237.illustrationWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.illustration
+      className: modules_74570237.illustration
     }, illustrationType === 'scene' ? /*#__PURE__*/React.cloneElement(illustration, {
       enableAspectRatio: true
     }) : illustration)), /*#__PURE__*/React.createElement("div", {
-      className: styles.descriptionAndActions
+      className: modules_74570237.descriptionAndActions
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.descriptionContainer
+      className: modules_74570237.descriptionContainer
     }, 'content' in restProps && restProps.content, 'text' in restProps && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: styles.headingWrapper
+      className: modules_74570237.headingWrapper
     }, /*#__PURE__*/React.createElement(Heading, {
       tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : 'h3',
       variant: "heading-3"
@@ -48,7 +48,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
       tag: "p",
       variant: "body"
     }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), actionsSlot && /*#__PURE__*/React.createElement("div", {
-      className: styles.buttonContainer
+      className: modules_74570237.buttonContainer
     }, actionsSlot)));
   };
   GuidanceBlock.displayName = 'GuidanceBlock';

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

@@ -1,23 +1,23 @@
-var styles = {
-  "banner": "GuidanceBlock-module_banner__7FT39",
-  "noMaxWidth": "GuidanceBlock-module_noMaxWidth__UCCUk",
-  "illustrationWrapper": "GuidanceBlock-module_illustrationWrapper__tK4Xr",
-  "illustration": "GuidanceBlock-module_illustration__LiDV3",
-  "hasSceneIllustration": "GuidanceBlock-module_hasSceneIllustration__eBOyt",
-  "descriptionContainer": "GuidanceBlock-module_descriptionContainer__w1-P-",
-  "descriptionAndActions": "GuidanceBlock-module_descriptionAndActions__aQhc9",
-  "buttonContainer": "GuidanceBlock-module_buttonContainer__bcVmB",
-  "headingWrapper": "GuidanceBlock-module_headingWrapper__OfZB5",
-  "default": "GuidanceBlock-module_default__7naG4",
-  "positive": "GuidanceBlock-module_positive__iCp-1",
-  "negative": "GuidanceBlock-module_negative__wWBlw",
-  "assertive": "GuidanceBlock-module_assertive__bNdnQ",
-  "informative": "GuidanceBlock-module_informative__KeJWO",
-  "cautionary": "GuidanceBlock-module_cautionary__5Vkw6",
-  "prominent": "GuidanceBlock-module_prominent__rWTgt",
-  "inline": "GuidanceBlock-module_inline__B-Ubr",
-  "stacked": "GuidanceBlock-module_stacked__4dS71",
-  "centerContent": "GuidanceBlock-module_centerContent__9Vlup",
-  "smallScreenTextAlignment": "GuidanceBlock-module_smallScreenTextAlignment__-UXo9"
+var modules_74570237 = {
+  "banner": "GuidanceBlock_module_banner__a801c9ea",
+  "noMaxWidth": "GuidanceBlock_module_noMaxWidth__a801c9ea",
+  "illustrationWrapper": "GuidanceBlock_module_illustrationWrapper__a801c9ea",
+  "illustration": "GuidanceBlock_module_illustration__a801c9ea",
+  "hasSceneIllustration": "GuidanceBlock_module_hasSceneIllustration__a801c9ea",
+  "descriptionContainer": "GuidanceBlock_module_descriptionContainer__a801c9ea",
+  "descriptionAndActions": "GuidanceBlock_module_descriptionAndActions__a801c9ea",
+  "buttonContainer": "GuidanceBlock_module_buttonContainer__a801c9ea",
+  "headingWrapper": "GuidanceBlock_module_headingWrapper__a801c9ea",
+  "default": "GuidanceBlock_module_default__a801c9ea",
+  "positive": "GuidanceBlock_module_positive__a801c9ea",
+  "negative": "GuidanceBlock_module_negative__a801c9ea",
+  "assertive": "GuidanceBlock_module_assertive__a801c9ea",
+  "informative": "GuidanceBlock_module_informative__a801c9ea",
+  "cautionary": "GuidanceBlock_module_cautionary__a801c9ea",
+  "prominent": "GuidanceBlock_module_prominent__a801c9ea",
+  "inline": "GuidanceBlock_module_inline__a801c9ea",
+  "stacked": "GuidanceBlock_module_stacked__a801c9ea",
+  "centerContent": "GuidanceBlock_module_centerContent__a801c9ea",
+  "smallScreenTextAlignment": "GuidanceBlock_module_smallScreenTextAlignment__a801c9ea"
 };
-export { styles as default };
+export { modules_74570237 as default };

package/dist/esm/src/Heading/Heading.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import { createElement } from 'react';
 import classnames from 'classnames';
-import styles from './Heading.module.css.mjs';
+import modules_84d8145b from './Heading.module.css.mjs';
 var VARIANTS_24PX_OR_GREATER = ['display-0', 'heading-1', 'heading-2'];
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
@@ -16,7 +16,7 @@ var Heading = function (_a) {
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
   var inferredTag = tag !== null && tag !== void 0 ? tag : translateHeadingLevelToTag(variant);
-  var className = classnames(styles.heading, styles[variant], classNameOverride, styles[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small);
+  var className = classnames(modules_84d8145b.heading, modules_84d8145b[variant], classNameOverride, modules_84d8145b[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? modules_84d8145b.large : modules_84d8145b.small);
   return /*#__PURE__*/createElement(inferredTag, __assign(__assign({}, restProps), {
     className: className
   }), children);

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

@@ -1,20 +1,20 @@
-var styles = {
-  "heading": "Heading-module_heading__6D0PM",
-  "display-0": "Heading-module_display-0__Dmiig",
-  "composable-header-title": "Heading-module_composable-header-title__CPBzk",
-  "heading-1": "Heading-module_heading-1__-GXEH",
-  "heading-2": "Heading-module_heading-2__LiRAV",
-  "heading-3": "Heading-module_heading-3__nVAgQ",
-  "heading-4": "Heading-module_heading-4__ESVT7",
-  "heading-5": "Heading-module_heading-5__zzZxI",
-  "heading-6": "Heading-module_heading-6__-JvYA",
-  "dark": "Heading-module_dark__vO-Uw",
-  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__24gWp",
-  "white": "Heading-module_white__AJgq4",
-  "white-reduced-opacity": "Heading-module_white-reduced-opacity__VvQaa",
-  "positive": "Heading-module_positive__GVkBf",
-  "small": "Heading-module_small__bALDR",
-  "large": "Heading-module_large__FLTyA",
-  "negative": "Heading-module_negative__exyNh"
+var modules_84d8145b = {
+  "heading": "Heading_module_heading__d3f5698e",
+  "display-0": "Heading_module_display0__d3f5698e",
+  "composable-header-title": "Heading_module_composableHeaderTitle__d3f5698e",
+  "heading-1": "Heading_module_heading1__d3f5698e",
+  "heading-2": "Heading_module_heading2__d3f5698e",
+  "heading-3": "Heading_module_heading3__d3f5698e",
+  "heading-4": "Heading_module_heading4__d3f5698e",
+  "heading-5": "Heading_module_heading5__d3f5698e",
+  "heading-6": "Heading_module_heading6__d3f5698e",
+  "dark": "Heading_module_dark__d3f5698e",
+  "dark-reduced-opacity": "Heading_module_darkReducedOpacity__d3f5698e",
+  "white": "Heading_module_white__d3f5698e",
+  "white-reduced-opacity": "Heading_module_whiteReducedOpacity__d3f5698e",
+  "positive": "Heading_module_positive__d3f5698e",
+  "small": "Heading_module_small__d3f5698e",
+  "large": "Heading_module_large__d3f5698e",
+  "negative": "Heading_module_negative__d3f5698e"
 };
-export { styles as default };
+export { modules_84d8145b as default };

package/dist/esm/src/Icon/Icon.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { handledRtlIcons } from './constants.mjs';
-import styles from './Icon.module.css.mjs';
+import modules_5a46b07c from './Icon.module.css.mjs';
 var MaterialIcon = function (_a) {
   var children = _a.children,
     isFilled = _a.isFilled,
@@ -11,7 +11,7 @@ var MaterialIcon = function (_a) {
     className = _a.className,
     restProps = __rest(_a, ["children", "isFilled", "isPresentational", "alt", "className"]);
   return /*#__PURE__*/React.createElement("span", __assign({
-    className: classnames(styles['material-symbols-outlined'], styles.icon, isFilled && styles.filled, className),
+    className: classnames(modules_5a46b07c['material-symbols-outlined'], modules_5a46b07c.icon, isFilled && modules_5a46b07c.filled, className),
     "aria-hidden": isPresentational,
     role: isPresentational ? undefined : 'img',
     "aria-label": alt
@@ -26,13 +26,13 @@ var Icon = function (_a) {
   }
   if (Object.keys(handledRtlIcons).includes(name)) {
     return /*#__PURE__*/React.createElement(MaterialIcon, __assign({}, restProps), /*#__PURE__*/React.createElement("span", {
-      className: styles.iconLTR
+      className: modules_5a46b07c.iconLTR
     }, name), /*#__PURE__*/React.createElement("span", {
-      className: styles.iconRTL
+      className: modules_5a46b07c.iconRTL
     }, handledRtlIcons[name]));
   }
   return /*#__PURE__*/React.createElement(MaterialIcon, __assign({}, restProps, {
-    className: classnames(styles.shouldMirrorInRTL, restProps.className)
+    className: classnames(modules_5a46b07c.shouldMirrorInRTL, restProps.className)
   }), name);
 };
 export { Icon };

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

@@ -1,9 +1,9 @@
-var styles = {
-  "material-symbols-outlined": "Icon-module_material-symbols-outlined__9Sv7S",
-  "icon": "Icon-module_icon__axtlp",
-  "filled": "Icon-module_filled__N1VVu",
-  "shouldMirrorInRTL": "Icon-module_shouldMirrorInRTL__bKmbn",
-  "iconLTR": "Icon-module_iconLTR__jvIwB",
-  "iconRTL": "Icon-module_iconRTL__16aXy"
+var modules_5a46b07c = {
+  "material-symbols-outlined": "Icon_module_materialSymbolsOutlined__232396ec",
+  "icon": "Icon_module_icon__232396ec",
+  "filled": "Icon_module_filled__232396ec",
+  "shouldMirrorInRTL": "Icon_module_shouldMirrorInRTL__232396ec",
+  "iconLTR": "Icon_module_iconLTR__232396ec",
+  "iconRTL": "Icon_module_iconRTL__232396ec"
 };
-export { styles as default };
+export { modules_5a46b07c as default };

package/dist/esm/src/IconV1/subcomponents/SVG/SVG.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './SVG.module.scss.mjs';
+import modules_c6db8197 from './SVG.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
@@ -16,7 +16,7 @@ const SVG = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       children = _a.children,
       restProps = __rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
-    var classes = classnames(styles.icon, classNameOverride, inheritSize && styles.inheritSize);
+    var classes = classnames(modules_c6db8197.icon, classNameOverride, inheritSize && modules_c6db8197.inheritSize);
     if (role === 'presentation') {
       return /*#__PURE__*/React.createElement("svg", __assign({
         className: classes,

package/dist/esm/src/IconV1/subcomponents/SVG/SVG.module.scss.mjs

@@ -1,5 +1,5 @@
-var styles = {
-  "icon": "SVG-module_icon__EKRwX",
-  "inheritSize": "SVG-module_inheritSize__3-DrP"
+var modules_c6db8197 = {
+  "icon": "SVG_module_icon__f46d6c8b",
+  "inheritSize": "SVG_module_inheritSize__f46d6c8b"
 };
-export { styles as default };
+export { modules_c6db8197 as default };

package/dist/esm/src/Illustration/subcomponents/Base/Base.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { assetUrl } from '../../../utils/hostedAssets.mjs';
-import styles from './Base.module.scss.mjs';
+import modules_46a3476b from './Base.module.scss.mjs';
 const Base = /*#__PURE__*/function () {
   const Base = function (_a) {
     var name = _a.name,
@@ -11,9 +11,9 @@ const Base = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       aspectRatio = _a.aspectRatio,
       restProps = __rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);
-    var className = classnames(styles.wrapper, classNameOverride);
+    var className = classnames(modules_46a3476b.wrapper, classNameOverride);
     return aspectRatio ? (/*#__PURE__*/React.createElement("figure", {
-      className: classnames(styles.aspectRatioWrapper, aspectRatio && styles[aspectRatio])
+      className: classnames(modules_46a3476b.aspectRatioWrapper, aspectRatio && modules_46a3476b[aspectRatio])
     }, /*#__PURE__*/React.createElement("img", __assign({}, restProps, {
       className: className,
       alt: alt,

package/dist/esm/src/Illustration/subcomponents/Base/Base.module.scss.mjs

@@ -1,11 +1,11 @@
-var styles = {
-  "wrapper": "Base-module_wrapper__UMpe0",
-  "figure": "Base-module_figure__k5wH2",
-  "pausePlayButton": "Base-module_pausePlayButton__XaPFX",
-  "aspectRatioWrapper": "Base-module_aspectRatioWrapper__bNveS",
-  "landscape": "Base-module_landscape__GYpiV",
-  "portrait": "Base-module_portrait__5G-0I",
-  "square": "Base-module_square__0KWiY",
-  "visuallyHidden": "Base-module_visuallyHidden__bykhu"
+var modules_46a3476b = {
+  "wrapper": "Base_module_wrapper__5c53cb6f",
+  "figure": "Base_module_figure__5c53cb6f",
+  "pausePlayButton": "Base_module_pausePlayButton__5c53cb6f",
+  "aspectRatioWrapper": "Base_module_aspectRatioWrapper__5c53cb6f",
+  "landscape": "Base_module_landscape__5c53cb6f",
+  "portrait": "Base_module_portrait__5c53cb6f",
+  "square": "Base_module_square__5c53cb6f",
+  "visuallyHidden": "Base_module_visuallyHidden__5c53cb6f"
 };
-export { styles as default };
+export { modules_46a3476b as default };

package/dist/esm/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -5,7 +5,7 @@ import { IconButton } from '../../../ButtonV1/IconButton/IconButton.mjs';
 import { assetUrl } from '../../../utils/hostedAssets.mjs';
 import { canPlayWebm } from '../../utils/canPlayWebm.mjs';
 import { usePausePlay } from '../../utils/usePausePlay.mjs';
-import styles from '../Base/Base.module.scss.mjs';
+import modules_46a3476b from '../Base/Base.module.scss.mjs';
 var VideoPlayer = function (_a) {
   var _b = _a.autoplay,
     autoplay = _b === void 0 ? true : _b,
@@ -114,7 +114,7 @@ var VideoPlayer = function (_a) {
   }, [windowIsAvailable]);
   var pausePlay = usePausePlay(videoRef);
   return /*#__PURE__*/React.createElement("figure", {
-    className: classnames(styles.figure, aspectRatio && styles[aspectRatio], aspectRatio && styles.aspectRatioWrapper)
+    className: classnames(modules_46a3476b.figure, aspectRatio && modules_46a3476b[aspectRatio], aspectRatio && modules_46a3476b.aspectRatioWrapper)
   }, /*#__PURE__*/React.createElement("video", {
     muted: true,
     "aria-hidden": true,
@@ -122,7 +122,7 @@ var VideoPlayer = function (_a) {
     ref: videoRef,
     width: "100%",
     "data-testid": "kz-video-player",
-    className: styles.wrapper,
+    className: modules_46a3476b.wrapper,
     loop: loop,
     poster: assetUrl("".concat(fallback, ".png")),
     autoPlay: prefersReducedMotion ? false : autoplay,
@@ -140,7 +140,7 @@ var VideoPlayer = function (_a) {
     },
     icon: pausePlay.icon,
     label: pausePlay.label,
-    classNameOverride: styles.pausePlayButton
+    classNameOverride: modules_46a3476b.pausePlayButton
   }));
 };
 export { VideoPlayer };

package/dist/esm/src/Input/Input/Input.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Input.module.scss.mjs';
+import modules_23691de0 from './Input.module.scss.mjs';
 const Input = /*#__PURE__*/function () {
   const Input = function (_a) {
     var inputRef = _a.inputRef,
@@ -19,18 +19,18 @@ const Input = /*#__PURE__*/function () {
       disabled = _a.disabled,
       restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.wrapper, reversed && styles.withReversed, disabled && styles.withDisabled, startIconAdornment && styles.withStartIconAdornment, endIconAdornment && styles.withEndIconAdornment, status != 'default' && styles.hasStatus)
+      className: classnames(modules_23691de0.wrapper, reversed && modules_23691de0.withReversed, disabled && modules_23691de0.withDisabled, startIconAdornment && modules_23691de0.withStartIconAdornment, endIconAdornment && modules_23691de0.withEndIconAdornment, status != 'default' && modules_23691de0.hasStatus)
     }, startIconAdornment && /*#__PURE__*/React.createElement("div", {
-      className: styles.startIconAdornment
+      className: modules_23691de0.startIconAdornment
     }, startIconAdornment), /*#__PURE__*/React.createElement("input", __assign({
       ref: inputRef,
       type: type,
       value: value,
       defaultValue: defaultValue,
       disabled: disabled,
-      className: classnames(styles.input, styles[status], classNameOverride, reversed ? styles.reversed : styles.default, disabled && styles.disabled)
+      className: classnames(modules_23691de0.input, modules_23691de0[status], classNameOverride, reversed ? modules_23691de0.reversed : modules_23691de0.default, disabled && modules_23691de0.disabled)
     }, restProps)), endIconAdornment && /*#__PURE__*/React.createElement("div", {
-      className: styles.endIconAdornment
+      className: modules_23691de0.endIconAdornment
     }, endIconAdornment));
   };
   Input.displayName = 'Input';

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

@@ -1,18 +1,18 @@
-var styles = {
-  "wrapper": "Input-module_wrapper__9jBDN",
-  "hasStatus": "Input-module_hasStatus__GjERD",
-  "input": "Input-module_input__d-Moh",
-  "disabled": "Input-module_disabled__CJeOi",
-  "reversed": "Input-module_reversed__Kh7dc",
-  "withStartIconAdornment": "Input-module_withStartIconAdornment__de6-U",
-  "startIconAdornment": "Input-module_startIconAdornment__pnn-b",
-  "withDisabled": "Input-module_withDisabled__pzzCm",
-  "withEndIconAdornment": "Input-module_withEndIconAdornment__fSBPl",
-  "endIconAdornment": "Input-module_endIconAdornment__bg-PL",
-  "withReversed": "Input-module_withReversed__SKSOD",
-  "default": "Input-module_default__zata3",
-  "focusRing": "Input-module_focusRing__E68jh",
-  "error": "Input-module_error__a-BFh",
-  "caution": "Input-module_caution__rC0sY"
+var modules_23691de0 = {
+  "wrapper": "Input_module_wrapper__cb48f4ea",
+  "hasStatus": "Input_module_hasStatus__cb48f4ea",
+  "input": "Input_module_input__cb48f4ea",
+  "disabled": "Input_module_disabled__cb48f4ea",
+  "reversed": "Input_module_reversed__cb48f4ea",
+  "withStartIconAdornment": "Input_module_withStartIconAdornment__cb48f4ea",
+  "startIconAdornment": "Input_module_startIconAdornment__cb48f4ea",
+  "withDisabled": "Input_module_withDisabled__cb48f4ea",
+  "withEndIconAdornment": "Input_module_withEndIconAdornment__cb48f4ea",
+  "endIconAdornment": "Input_module_endIconAdornment__cb48f4ea",
+  "withReversed": "Input_module_withReversed__cb48f4ea",
+  "default": "Input_module_default__cb48f4ea",
+  "focusRing": "Input_module_focusRing__cb48f4ea",
+  "error": "Input_module_error__cb48f4ea",
+  "caution": "Input_module_caution__cb48f4ea"
 };
-export { styles as default };
+export { modules_23691de0 as default };

package/dist/esm/src/Input/InputRange/InputRange.mjs

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import classnames from 'classnames';
 import { Text } from '../../Text/Text.mjs';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
-import styles from './InputRange.module.scss.mjs';
+import modules_54a56e3e from './InputRange.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
@@ -35,7 +35,7 @@ const InputRange = /*#__PURE__*/function () {
     var defaultValueWithDefault = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (max + 1) / 2;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", __assign({
       id: id,
-      className: classnames(styles.ratingScaleRange, classNameOverride, readOnlyWithNoValue && styles.hideThumb, disabled && styles.disabled),
+      className: classnames(modules_54a56e3e.ratingScaleRange, classNameOverride, readOnlyWithNoValue && modules_54a56e3e.hideThumb, disabled && modules_54a56e3e.disabled),
       disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly,
       type: "range",
       min: min,
@@ -52,20 +52,20 @@ const InputRange = /*#__PURE__*/function () {
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
       }
     }, restProps)), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.spokes, disabled && styles.disabled)
+      className: classnames(modules_54a56e3e.spokes, disabled && modules_54a56e3e.disabled)
     }, __spreadArray([], Array(max), true).map(function (_, index) {
       return /*#__PURE__*/React.createElement("div", {
         key: "".concat(id, "-spoke-").concat(index),
-        className: styles.spokeContainer
+        className: modules_54a56e3e.spokeContainer
       }, /*#__PURE__*/React.createElement("div", {
-        className: styles.spoke
+        className: modules_54a56e3e.spoke
       }));
     })), /*#__PURE__*/React.createElement(VisuallyHidden, {
       id: visuallyHiddenHintId
     }, min, " is ", minLabel, ", ", max, " is ", maxLabel), /*#__PURE__*/React.createElement("div", {
-      className: styles.labelsContainer
+      className: modules_54a56e3e.labelsContainer
     }, !readOnlyWithNoValue && (/*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.sliderLabels, disabled && styles.disabled)
+      className: classnames(modules_54a56e3e.sliderLabels, disabled && modules_54a56e3e.disabled)
     }, /*#__PURE__*/React.createElement(Text, {
       variant: "small",
       color: "dark-reduced-opacity",

package/dist/esm/src/Input/InputRange/InputRange.module.scss.mjs

@@ -1,11 +1,11 @@
-var styles = {
-  "ratingScaleRange": "InputRange-module_ratingScaleRange__gI-rs",
-  "disabled": "InputRange-module_disabled__LCaIN",
-  "hideThumb": "InputRange-module_hideThumb__oscfB",
-  "spokes": "InputRange-module_spokes__UFu4A",
-  "spokeContainer": "InputRange-module_spokeContainer__i6epK",
-  "spoke": "InputRange-module_spoke__k4Hzh",
-  "labelsContainer": "InputRange-module_labelsContainer__H-cPY",
-  "sliderLabels": "InputRange-module_sliderLabels__qpYBv"
+var modules_54a56e3e = {
+  "ratingScaleRange": "InputRange_module_ratingScaleRange__0bc8b4a5",
+  "disabled": "InputRange_module_disabled__0bc8b4a5",
+  "hideThumb": "InputRange_module_hideThumb__0bc8b4a5",
+  "spokes": "InputRange_module_spokes__0bc8b4a5",
+  "spokeContainer": "InputRange_module_spokeContainer__0bc8b4a5",
+  "spoke": "InputRange_module_spoke__0bc8b4a5",
+  "labelsContainer": "InputRange_module_labelsContainer__0bc8b4a5",
+  "sliderLabels": "InputRange_module_sliderLabels__0bc8b4a5"
 };
-export { styles as default };
+export { modules_54a56e3e as default };

package/dist/esm/src/Input/InputSearch/InputSearch.mjs

@@ -9,7 +9,7 @@ import '../../Loading/LoadingHeading/LoadingHeading.mjs';
 import '../../Loading/LoadingInput/LoadingInput.mjs';
 import '../../Loading/LoadingParagraph/LoadingParagraph.mjs';
 import { LoadingSpinner } from '../../Loading/LoadingSpinner/LoadingSpinner.mjs';
-import styles from './InputSearch.module.scss.mjs';
+import modules_eb1098a7 from './InputSearch.module.scss.mjs';
 const InputSearch = /*#__PURE__*/function () {
   const InputSearch = function (props) {
     var value = props.value,
@@ -37,20 +37,20 @@ const InputSearch = /*#__PURE__*/function () {
       description: 'Label for the clear search button'
     });
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
+      className: classnames(modules_eb1098a7.wrapper, secondary ? modules_eb1098a7.secondary : modules_eb1098a7.default, reversed && modules_eb1098a7.reversed, disabled && modules_eb1098a7.disabled, value && modules_eb1098a7.hasEndIconAdornment, classNameOverride)
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.startIconAdornment
+      className: modules_eb1098a7.startIconAdornment
     }, loading ? (/*#__PURE__*/React.createElement(LoadingSpinner, {
       accessibilityLabel: "",
       size: "sm",
-      classNameOverride: styles.loadingSpinner
+      classNameOverride: modules_eb1098a7.loadingSpinner
     })) : (/*#__PURE__*/React.createElement(Icon, {
       name: "search",
       isPresentational: true
     }))), /*#__PURE__*/React.createElement("input", __assign({
       ref: inputRef,
       type: "search",
-      className: styles.input,
+      className: modules_eb1098a7.input,
       disabled: disabled,
       value: value,
       onChange: onChange,
@@ -59,7 +59,7 @@ const InputSearch = /*#__PURE__*/function () {
       isReversed: reversed,
       onClick: handleOnClear,
       disabled: disabled,
-      classNameOverride: styles.endIconAdornment,
+      classNameOverride: modules_eb1098a7.endIconAdornment,
       "aria-label": clearButtonLabel
     })));
   };

package/dist/esm/src/Input/InputSearch/InputSearch.module.scss.mjs

@@ -1,13 +1,13 @@
-var styles = {
-  "wrapper": "InputSearch-module_wrapper__xz4kh",
-  "input": "InputSearch-module_input__hCit3",
-  "hasEndIconAdornment": "InputSearch-module_hasEndIconAdornment__ZtGcu",
-  "startIconAdornment": "InputSearch-module_startIconAdornment__Tc7Yx",
-  "loadingSpinner": "InputSearch-module_loadingSpinner__GIO1C",
-  "endIconAdornment": "InputSearch-module_endIconAdornment__lm-3h",
-  "disabled": "InputSearch-module_disabled__RizfW",
-  "default": "InputSearch-module_default__4d3Ek",
-  "secondary": "InputSearch-module_secondary__l68uD",
-  "reversed": "InputSearch-module_reversed__eS7Nr"
+var modules_eb1098a7 = {
+  "wrapper": "InputSearch_module_wrapper__c3a29785",
+  "input": "InputSearch_module_input__c3a29785",
+  "hasEndIconAdornment": "InputSearch_module_hasEndIconAdornment__c3a29785",
+  "startIconAdornment": "InputSearch_module_startIconAdornment__c3a29785",
+  "loadingSpinner": "InputSearch_module_loadingSpinner__c3a29785",
+  "endIconAdornment": "InputSearch_module_endIconAdornment__c3a29785",
+  "disabled": "InputSearch_module_disabled__c3a29785",
+  "default": "InputSearch_module_default__c3a29785",
+  "secondary": "InputSearch_module_secondary__c3a29785",
+  "reversed": "InputSearch_module_reversed__c3a29785"
 };
-export { styles as default };
+export { modules_eb1098a7 as default };