@kaizen/components 3.0.4 → 3.0.5

package/dist/esm/src/Select/Select.mjs

@@ -9,7 +9,7 @@ import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { Label } from '../Label/Label.mjs';
 import { Tag } from '../Tag/Tag.mjs';
-import styles from './Select.module.scss.mjs';
+import modules_7db85bb8 from './Select.module.scss.mjs';
 
 // react-select defaults to showing "Select..." placeholder text, which goes against our a11y
 // standards — use `label` for the field name and `description` for help text instead.
@@ -40,7 +40,7 @@ const Select = /*#__PURE__*/function () {
     var reactId = useId();
     // the default for fullWidth depends on the variant
     var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
-    var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === 'default') && styles.default, reversed && styles.reversed, variant === 'secondary' && styles.secondary, variant === 'secondary-small' && styles.secondarySmall, !fullWidth && styles.notFullWidth, props.isDisabled && styles.disabled, status === 'error' && styles.error);
+    var classes = classnames(propsClassName, modules_7db85bb8.specificityIncreaser, (!reversed || variant === 'default') && modules_7db85bb8.default, reversed && modules_7db85bb8.reversed, variant === 'secondary' && modules_7db85bb8.secondary, variant === 'secondary-small' && modules_7db85bb8.secondarySmall, !fullWidth && modules_7db85bb8.notFullWidth, props.isDisabled && modules_7db85bb8.disabled, status === 'error' && modules_7db85bb8.error);
     var labelId = useState(label ? reactId : undefined)[0];
     return /*#__PURE__*/React.createElement(React.Fragment, null, label ? (/*#__PURE__*/React.createElement(Label, {
       reversed: reversed,
@@ -99,7 +99,7 @@ const AsyncSelect = /*#__PURE__*/function () {
         IndicatorSeparator: null,
         LoadingMessage: LoadingMessage
       },
-      className: classnames(styles.specificityIncreaser, propsClassName)
+      className: classnames(modules_7db85bb8.specificityIncreaser, propsClassName)
     }));
   });
   AsyncSelect.displayName = 'AsyncSelect';
@@ -109,12 +109,12 @@ var Control = function (props) {
   return /*#__PURE__*/React.createElement("div", {
     "data-automation-id": "Select__Control"
   }, /*#__PURE__*/React.createElement(components.Control, __assign({}, props, {
-    className: classnames(styles.control, props.isFocused && styles.focusedControl, props.isDisabled && styles.disabled)
+    className: classnames(modules_7db85bb8.control, props.isFocused && modules_7db85bb8.focusedControl, props.isDisabled && modules_7db85bb8.disabled)
   })));
 };
 var DropdownIndicator = function (props) {
   return /*#__PURE__*/React.createElement(components.DropdownIndicator, __assign({}, props, {
-    className: styles.dropdownIndicator
+    className: modules_7db85bb8.dropdownIndicator
   }), /*#__PURE__*/React.createElement(Icon, {
     name: props.selectProps.menuIsOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
     isPresentational: true
@@ -122,41 +122,41 @@ var DropdownIndicator = function (props) {
 };
 var LoadingMessage = function (props) {
   return /*#__PURE__*/React.createElement(components.LoadingMessage, __assign({}, props, {
-    className: styles.loadingMessage
+    className: modules_7db85bb8.loadingMessage
   }));
 };
 var Menu = function (props) {
   return /*#__PURE__*/React.createElement(components.Menu, __assign({}, props, {
-    className: styles.menu
+    className: modules_7db85bb8.menu
   }));
 };
 var GroupHeading = function (props) {
   return /*#__PURE__*/React.createElement(components.GroupHeading, __assign({}, props, {
-    className: styles.groupHeading
+    className: modules_7db85bb8.groupHeading
   }));
 };
 var Option = function (props) {
   return /*#__PURE__*/React.createElement("div", {
     "data-automation-id": "Select__Option"
   }, /*#__PURE__*/React.createElement(components.Option, __assign({}, props, {
-    className: classnames(styles.option, props.isFocused && styles.focusedOption, props.isSelected && styles.selectedOption, props.isDisabled && styles.disabledOption)
+    className: classnames(modules_7db85bb8.option, props.isFocused && modules_7db85bb8.focusedOption, props.isSelected && modules_7db85bb8.selectedOption, props.isDisabled && modules_7db85bb8.disabledOption)
   })));
 };
 var NoOptionsMessage = function (props) {
   return /*#__PURE__*/React.createElement(components.NoOptionsMessage, __assign({}, props), /*#__PURE__*/React.createElement("span", {
-    className: styles.noOptionsMessage
+    className: modules_7db85bb8.noOptionsMessage
   }, props.children));
 };
 var SingleValue = function (props) {
   return /*#__PURE__*/React.createElement(components.SingleValue, __assign({}, props, {
-    className: styles.singleValueOverrides
+    className: modules_7db85bb8.singleValueOverrides
   }), /*#__PURE__*/React.createElement("span", {
-    className: styles.singleValue
+    className: modules_7db85bb8.singleValue
   }, props.children));
 };
 var MultiValue = function (props) {
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.multiValue
+    className: modules_7db85bb8.multiValue
   }, /*#__PURE__*/React.createElement(Tag, {
     variant: "default",
     dismissible: true,
@@ -166,17 +166,17 @@ var MultiValue = function (props) {
 };
 var IndicatorsContainer = function (props) {
   return /*#__PURE__*/React.createElement(components.IndicatorsContainer, __assign({}, props, {
-    className: styles.indicatorsContainer
+    className: modules_7db85bb8.indicatorsContainer
   }));
 };
 var Input = function (props) {
   return /*#__PURE__*/React.createElement(components.Input, __assign({
-    className: styles.input
+    className: modules_7db85bb8.input
   }, props));
 };
 var ValueContainer = function (props) {
   return /*#__PURE__*/React.createElement(components.ValueContainer, __assign({}, props, {
-    className: styles.valueContainer
+    className: modules_7db85bb8.valueContainer
   }));
 };
 var ClearIndicator = function (props) {
@@ -185,7 +185,7 @@ var ClearIndicator = function (props) {
     onClick: props.clearValue
   }), buttonRef).buttonProps;
   return /*#__PURE__*/React.createElement(ClearButton, __assign({}, buttonProps, {
-    classNameOverride: styles.clearIndicator
+    classNameOverride: modules_7db85bb8.clearIndicator
   }));
 };
 export { AsyncSelect, Select };

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

@@ -1,29 +1,29 @@
-var styles = {
-  "specificityIncreaser": "Select-module_specificityIncreaser__cZtQV",
-  "secondary": "Select-module_secondary__0RpOQ",
-  "default": "Select-module_default__hKuCo",
-  "control": "Select-module_control__ehUuP",
-  "focusedControl": "Select-module_focusedControl__3AwhP",
-  "secondarySmall": "Select-module_secondarySmall__6yNEL",
-  "multiValue": "Select-module_multiValue__9XkYX",
-  "dropdownIndicator": "Select-module_dropdownIndicator__NUopQ",
-  "disabled": "Select-module_disabled__-iG97",
-  "valueContainer": "Select-module_valueContainer__MGkpr",
-  "indicatorsContainer": "Select-module_indicatorsContainer__2xCsm",
-  "loadingMessage": "Select-module_loadingMessage__4Ej9T",
-  "menu": "Select-module_menu__axmUL",
-  "groupHeading": "Select-module_groupHeading__eNw6U",
-  "option": "Select-module_option__EdP-F",
-  "focusedOption": "Select-module_focusedOption__uwQwp",
-  "disabledOption": "Select-module_disabledOption__TWVun",
-  "selectedOption": "Select-module_selectedOption__xhYOz",
-  "noOptionsMessage": "Select-module_noOptionsMessage__DG5zw",
-  "singleValue": "Select-module_singleValue__-cc8w",
-  "reversed": "Select-module_reversed__-jCGs",
-  "singleValueOverrides": "Select-module_singleValueOverrides__44Gby",
-  "input": "Select-module_input__HAhy-",
-  "error": "Select-module_error__GpAw6",
-  "clearIndicator": "Select-module_clearIndicator__O6EuX",
-  "notFullWidth": "Select-module_notFullWidth__LO-xV"
+var modules_7db85bb8 = {
+  "specificityIncreaser": "Select_module_specificityIncreaser__eed63bdd",
+  "secondary": "Select_module_secondary__eed63bdd",
+  "default": "Select_module_default__eed63bdd",
+  "control": "Select_module_control__eed63bdd",
+  "focusedControl": "Select_module_focusedControl__eed63bdd",
+  "secondarySmall": "Select_module_secondarySmall__eed63bdd",
+  "multiValue": "Select_module_multiValue__eed63bdd",
+  "dropdownIndicator": "Select_module_dropdownIndicator__eed63bdd",
+  "disabled": "Select_module_disabled__eed63bdd",
+  "valueContainer": "Select_module_valueContainer__eed63bdd",
+  "indicatorsContainer": "Select_module_indicatorsContainer__eed63bdd",
+  "loadingMessage": "Select_module_loadingMessage__eed63bdd",
+  "menu": "Select_module_menu__eed63bdd",
+  "groupHeading": "Select_module_groupHeading__eed63bdd",
+  "option": "Select_module_option__eed63bdd",
+  "focusedOption": "Select_module_focusedOption__eed63bdd",
+  "disabledOption": "Select_module_disabledOption__eed63bdd",
+  "selectedOption": "Select_module_selectedOption__eed63bdd",
+  "noOptionsMessage": "Select_module_noOptionsMessage__eed63bdd",
+  "singleValue": "Select_module_singleValue__eed63bdd",
+  "reversed": "Select_module_reversed__eed63bdd",
+  "singleValueOverrides": "Select_module_singleValueOverrides__eed63bdd",
+  "input": "Select_module_input__eed63bdd",
+  "error": "Select_module_error__eed63bdd",
+  "clearIndicator": "Select_module_clearIndicator__eed63bdd",
+  "notFullWidth": "Select_module_notFullWidth__eed63bdd"
 };
-export { styles as default };
+export { modules_7db85bb8 as default };

package/dist/esm/src/SingleSelect/SingleSelect.mjs

@@ -19,7 +19,7 @@ import { SelectPopoverContents } from './subcomponents/SelectPopoverContents/Sel
 import { SelectToggle } from './subcomponents/SelectToggle/SelectToggle.mjs';
 import { getDisabledKeysFromItems } from './utils/getDisabledKeysFromItems.mjs';
 import { transformSelectItemToCollectionElement } from './utils/transformSelectItemToCollectionElement.mjs';
-import styles from './SingleSelect.module.scss.mjs';
+import modules_b3d449c4 from './SingleSelect.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
@@ -108,14 +108,14 @@ const SingleSelect = /*#__PURE__*/function () {
       }
     }, [portalContainerId]);
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(!isFullWidth && styles.notFullWidth, classNameOverride)
+      className: classnames(!isFullWidth && modules_b3d449c4.notFullWidth, classNameOverride)
     }, /*#__PURE__*/React.createElement(HiddenSelect, {
       label: label,
       name: id,
       state: state,
       triggerRef: triggerRef
     }), /*#__PURE__*/React.createElement("div", {
-      className: styles.container
+      className: modules_b3d449c4.container
     }, trigger === undefined ? (/*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps))) : trigger(selectToggleProps), state.isOpen && (/*#__PURE__*/React.createElement(Popover, {
       id: popoverId,
       portalContainer: portalContainer,

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

@@ -1,5 +1,5 @@
-var styles = {
-  "container": "SingleSelect-module_container__FvkOW",
-  "notFullWidth": "SingleSelect-module_notFullWidth__4EzMa"
+var modules_b3d449c4 = {
+  "container": "SingleSelect_module_container__c1c7349f",
+  "notFullWidth": "SingleSelect_module_notFullWidth__c1c7349f"
 };
-export { styles as default };
+export { modules_b3d449c4 as default };

package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.mjs

@@ -4,7 +4,7 @@ import { useListBox } from '@react-aria/listbox';
 import classnames from 'classnames';
 import { useIsClientReady } from '../../../utils/useIsClientReady/useIsClientReady.mjs';
 import { useSelectContext } from '../../context/SelectContext.mjs';
-import styles from './ListBox.module.scss.mjs';
+import modules_251fbe08 from './ListBox.module.scss.mjs';
 
 /** A util to retrieve the key of the correct focusable items based of the focus strategy
  * This is used to determine which element from the collection to focus to on open base on the keyboard event
@@ -67,7 +67,7 @@ const ListBox = /*#__PURE__*/function () {
     }, [isClientReady]);
     return /*#__PURE__*/React.createElement("ul", __assign({
       ref: ref,
-      className: classnames(styles.listBox, classNameOverride)
+      className: classnames(modules_251fbe08.listBox, classNameOverride)
     }, listBoxProps, restProps), children);
   };
   ListBox.displayName = 'ListBox';

package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.module.scss.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "listBox": "ListBox-module_listBox__wJZp6"
+var modules_251fbe08 = {
+  "listBox": "ListBox_module_listBox__149bfec3"
 };
-export { styles as default };
+export { modules_251fbe08 as default };

package/dist/esm/src/SingleSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import { useListBoxSection } from '@react-aria/listbox';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Option } from '../Option/Option.mjs';
-import styles from './ListBoxSection.module.scss.mjs';
+import modules_38d20667 from './ListBoxSection.module.scss.mjs';
 const ListBoxSection = /*#__PURE__*/function () {
   const ListBoxSection = function (_a) {
     var section = _a.section;
@@ -15,14 +15,14 @@ const ListBoxSection = /*#__PURE__*/function () {
       headingProps = _b.headingProps,
       groupProps = _b.groupProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", __assign({}, itemProps, {
-      className: styles.sectionWrapper
+      className: modules_38d20667.sectionWrapper
     }), section.rendered && (/*#__PURE__*/React.createElement(Heading, __assign({
       tag: "span",
       variant: "heading-6"
     }, headingProps, {
-      classNameOverride: styles.sectionHeading
+      classNameOverride: modules_38d20667.sectionHeading
     }), section.rendered)), /*#__PURE__*/React.createElement("ul", __assign({}, groupProps, {
-      className: styles.sectionList
+      className: modules_38d20667.sectionList
     }), Array.from(section.childNodes).map(function (item) {
       return /*#__PURE__*/React.createElement(Option, {
         key: item.key,

package/dist/esm/src/SingleSelect/subcomponents/ListBoxSection/ListBoxSection.module.scss.mjs

@@ -1,6 +1,6 @@
-var styles = {
-  "sectionWrapper": "ListBoxSection-module_sectionWrapper__zqs3S",
-  "sectionHeading": "ListBoxSection-module_sectionHeading__ypX0p",
-  "sectionList": "ListBoxSection-module_sectionList__3n5Iu"
+var modules_38d20667 = {
+  "sectionWrapper": "ListBoxSection_module_sectionWrapper__329ad125",
+  "sectionHeading": "ListBoxSection_module_sectionHeading__329ad125",
+  "sectionList": "ListBoxSection_module_sectionList__329ad125"
 };
-export { styles as default };
+export { modules_38d20667 as default };

package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { useOption, useFocusRing, mergeProps } from 'react-aria';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { useSelectContext } from '../../context/SelectContext.mjs';
-import styles from './Option.module.scss.mjs';
+import modules_84f224dd from './Option.module.scss.mjs';
 const Option = /*#__PURE__*/function () {
   const Option = function (_a) {
     var item = _a.item,
@@ -37,10 +37,10 @@ const Option = /*#__PURE__*/function () {
       }
     }), {
       ref: ref,
-      className: classnames(styles.option, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.disabled, classNameOverride),
+      className: classnames(modules_84f224dd.option, isSelected && modules_84f224dd.isSelected, isFocusVisible && modules_84f224dd.isFocusVisible, isDisabled && modules_84f224dd.disabled, classNameOverride),
       "aria-label": item.textValue
     }), item.rendered, /*#__PURE__*/React.createElement("span", {
-      className: classnames(styles.icon, isSelected && styles.isSelected)
+      className: classnames(modules_84f224dd.icon, isSelected && modules_84f224dd.isSelected)
     }, isSelected && /*#__PURE__*/React.createElement(Icon, {
       name: "check",
       isPresentational: true

package/dist/esm/src/SingleSelect/subcomponents/Option/Option.module.scss.mjs

@@ -1,8 +1,8 @@
-var styles = {
-  "icon": "Option-module_icon__LBqr8",
-  "option": "Option-module_option__t8cp-",
-  "isFocusVisible": "Option-module_isFocusVisible__6obxh",
-  "disabled": "Option-module_disabled__8jF6L",
-  "isSelected": "Option-module_isSelected__USyVi"
+var modules_84f224dd = {
+  "icon": "Option_module_icon__c1a4223f",
+  "option": "Option_module_option__c1a4223f",
+  "isFocusVisible": "Option_module_isFocusVisible__c1a4223f",
+  "disabled": "Option_module_disabled__c1a4223f",
+  "isSelected": "Option_module_isSelected__c1a4223f"
 };
-export { styles as default };
+export { modules_84f224dd as default };

package/dist/esm/src/SingleSelect/subcomponents/SectionDivider/SectionDivider.mjs

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Divider } from '../../../Divider/Divider.mjs';
-import styles from './SectionDivider.module.scss.mjs';
+import modules_07bb815f from './SectionDivider.module.scss.mjs';
 const SectionDivider = /*#__PURE__*/function () {
   const SectionDivider = function () {
     return /*#__PURE__*/React.createElement(Divider, {
-      classNameOverride: styles.divider,
+      classNameOverride: modules_07bb815f.divider,
       variant: "canvas"
     });
   };

package/dist/esm/src/SingleSelect/subcomponents/SectionDivider/SectionDivider.module.scss.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "divider": "SectionDivider-module_divider__NVqZe"
+var modules_07bb815f = {
+  "divider": "SectionDivider_module_divider__29b1eaf0"
 };
-export { styles as default };
+export { modules_07bb815f as default };

package/dist/esm/src/SingleSelect/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs

@@ -3,7 +3,7 @@ import { useSelectContext } from '../../context/SelectContext.mjs';
 import { ListBox } from '../ListBox/ListBox.mjs';
 import { ListItems } from '../ListItems/ListItems.mjs';
 import { Overlay } from '../Overlay/Overlay.mjs';
-import styles from './SelectPopoverContents.module.scss.mjs';
+import modules_2add844f from './SelectPopoverContents.module.scss.mjs';
 const SelectPopoverContents = /*#__PURE__*/function () {
   const SelectPopoverContents = function (_a) {
     var children = _a.children,
@@ -16,7 +16,7 @@ const SelectPopoverContents = /*#__PURE__*/function () {
     // - Option => Item
     var itemNodes = Array.from(state.collection);
     return /*#__PURE__*/React.createElement("div", {
-      className: styles.selectPopoverContents
+      className: modules_2add844f.selectPopoverContents
     }, /*#__PURE__*/React.createElement(Overlay, {
       popoverRef: popoverRef
     }, /*#__PURE__*/React.createElement(ListBox, {

package/dist/esm/src/SingleSelect/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.mjs

@@ -1,4 +1,4 @@
-var styles = {
-  "selectPopoverContents": "SelectPopoverContents-module_selectPopoverContents__UAbye"
+var modules_2add844f = {
+  "selectPopoverContents": "SelectPopoverContents_module_selectPopoverContents__9668aa7b"
 };
-export { styles as default };
+export { modules_2add844f as default };

package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { Label } from '../../../Label/Label.mjs';
-import styles from './SelectToggle.module.scss.mjs';
+import modules_9ba54552 from './SelectToggle.module.scss.mjs';
 const SelectToggle = /*#__PURE__*/function () {
   const SelectToggle = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var label = _a.label,
@@ -26,13 +26,13 @@ const SelectToggle = /*#__PURE__*/function () {
       role: "combobox"
     }, restProps, {
       ref: ref,
-      className: classnames(styles.selectToggle, status === 'error' && styles.error, status === 'caution' && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
+      className: classnames(modules_9ba54552.selectToggle, status === 'error' && modules_9ba54552.error, status === 'caution' && modules_9ba54552.caution, isDisabled && modules_9ba54552.disabled, isReversed && modules_9ba54552.reversed, classNameOverride)
     }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
-      className: styles.value
+      className: modules_9ba54552.value
     }), value), /*#__PURE__*/React.createElement(Icon, {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true,
-      className: styles.icon
+      className: modules_9ba54552.icon
     })));
   });
   SelectToggle.displayName = 'SelectToggle';

package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.module.scss.mjs

@@ -1,10 +1,10 @@
-var styles = {
-  "icon": "SelectToggle-module_icon__rsV9A",
-  "selectToggle": "SelectToggle-module_selectToggle__e6slL",
-  "error": "SelectToggle-module_error__npEgr",
-  "caution": "SelectToggle-module_caution__9jSK0",
-  "disabled": "SelectToggle-module_disabled__2MKmF",
-  "reversed": "SelectToggle-module_reversed__2MXx0",
-  "value": "SelectToggle-module_value__oZ9tC"
+var modules_9ba54552 = {
+  "icon": "SelectToggle_module_icon__0c3174f8",
+  "selectToggle": "SelectToggle_module_selectToggle__0c3174f8",
+  "error": "SelectToggle_module_error__0c3174f8",
+  "caution": "SelectToggle_module_caution__0c3174f8",
+  "disabled": "SelectToggle_module_disabled__0c3174f8",
+  "reversed": "SelectToggle_module_reversed__0c3174f8",
+  "value": "SelectToggle_module_value__0c3174f8"
 };
-export { styles as default };
+export { modules_9ba54552 as default };

package/dist/esm/src/Slider/Slider.mjs

@@ -5,7 +5,7 @@ import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
 import { InputRange } from '../Input/InputRange/InputRange.mjs';
 import { Label } from '../Label/Label.mjs';
 import { Text } from '../Text/Text.mjs';
-import styles from './Slider.module.css.mjs';
+import modules_321294e1 from './Slider.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
@@ -29,11 +29,11 @@ const Slider = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement(FieldGroup, {
       inline: true
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.wrapper, labelPosition === 'inline' && styles.labelInline)
+      className: classnames(modules_321294e1.wrapper, labelPosition === 'inline' && modules_321294e1.labelInline)
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.labelWrapper
+      className: modules_321294e1.labelWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.label
+      className: modules_321294e1.label
     }, /*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       labelText: labelText,
@@ -42,15 +42,15 @@ const Slider = /*#__PURE__*/function () {
     })), description && (/*#__PURE__*/React.createElement(Text, {
       variant: "small",
       id: descriptionId,
-      classNameOverride: disabled ? styles.descriptionDisabled : undefined
+      classNameOverride: disabled ? modules_321294e1.descriptionDisabled : undefined
     }, description))), /*#__PURE__*/React.createElement("div", {
-      className: styles.inputWrapper
+      className: modules_321294e1.inputWrapper
     }, /*#__PURE__*/React.createElement(InputRange, __assign({
       id: id,
       "aria-describedby": descriptionId,
       disabled: disabled
     }, restProps)), readOnlyMessage && /*#__PURE__*/React.createElement("div", {
-      className: styles.readOnlyMessage
+      className: modules_321294e1.readOnlyMessage
     }, readOnlyMessage))));
   };
   Slider.displayName = 'Slider';

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

@@ -1,10 +1,10 @@
-var styles = {
-  "wrapper": "Slider-module_wrapper__kXjBM",
-  "labelWrapper": "Slider-module_labelWrapper__vENis",
-  "label": "Slider-module_label__mtiIe",
-  "labelInline": "Slider-module_labelInline__Ga4E2",
-  "inputWrapper": "Slider-module_inputWrapper__XF-0J",
-  "descriptionDisabled": "Slider-module_descriptionDisabled__NGY9Q",
-  "readOnlyMessage": "Slider-module_readOnlyMessage__ttMUd"
+var modules_321294e1 = {
+  "wrapper": "Slider_module_wrapper__4e68995a",
+  "labelWrapper": "Slider_module_labelWrapper__4e68995a",
+  "label": "Slider_module_label__4e68995a",
+  "labelInline": "Slider_module_labelInline__4e68995a",
+  "inputWrapper": "Slider_module_inputWrapper__4e68995a",
+  "descriptionDisabled": "Slider_module_descriptionDisabled__4e68995a",
+  "readOnlyMessage": "Slider_module_readOnlyMessage__4e68995a"
 };
-export { styles as default };
+export { modules_321294e1 as default };

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

@@ -7,7 +7,7 @@ import '../Checkbox/CheckboxGroup/CheckboxGroup.mjs';
 import { Heading } from '../Heading/Heading.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { Tooltip } from '../TooltipV1/Tooltip.mjs';
-import styles from './Table.module.scss.mjs';
+import modules_ef9ad514 from './Table.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |
@@ -20,7 +20,7 @@ var TableContainer = function (_a) {
     otherProps = __rest(_a, ["variant", "children"]);
   return /*#__PURE__*/React.createElement("div", __assign({
     role: "table",
-    className: classnames(styles.container, variant === 'default' && styles.defaultSpacing, variant === 'data' && styles.dataVariant)
+    className: classnames(modules_ef9ad514.container, variant === 'default' && modules_ef9ad514.defaultSpacing, variant === 'data' && modules_ef9ad514.dataVariant)
   }, otherProps), children);
 };
 var TableHeader = function (_a) {
@@ -84,19 +84,19 @@ var TableHeaderRowCell = function (_a) {
   // For this "cellContents" variable, we start at the inner most child, and
   // wrap it elements, depending on what the props dictate.
   var cellContents = /*#__PURE__*/React.createElement("div", {
-    className: styles.headerRowCellLabelAndIcons
+    className: modules_ef9ad514.headerRowCellLabelAndIcons
   }, icon && (/*#__PURE__*/React.createElement("span", {
-    className: styles.headerRowCellIcon
+    className: modules_ef9ad514.headerRowCellIcon
   }, /*#__PURE__*/cloneElement(icon, (_b = {
     title: labelText
   }, _b['aria-label'] = labelText, _b.role = 'img', _b)))), checkable && (/*#__PURE__*/React.createElement("div", {
-    className: styles.headerRowCellCheckbox
+    className: modules_ef9ad514.headerRowCellCheckbox
   }, /*#__PURE__*/React.createElement(Checkbox, {
     checkedStatus: checkedStatus,
     onCheck: onCheck,
     "aria-label": checkboxLabel
   }))), tooltipInfo != null && !isTooltipIconHidden ? (/*#__PURE__*/React.createElement("div", {
-    className: styles.headerRowCellTooltipIcon
+    className: modules_ef9ad514.headerRowCellTooltipIcon
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "error",
     isPresentational: true,
@@ -105,9 +105,9 @@ var TableHeaderRowCell = function (_a) {
     tag: "div",
     variant: "heading-6",
     color: sorting || isHovered ? hoveredHeaderColor : headerColor,
-    classNameOverride: styles.headerRowCellLabel
+    classNameOverride: modules_ef9ad514.headerRowCellLabel
   }, labelText)) : null, (sorting !== null && sorting !== void 0 ? sorting : isHovered && sortingArrowsOnHover) && (/*#__PURE__*/React.createElement("div", {
-    className: classnames(align === 'center' && styles.headerRowCellIconAlignCenter, align === 'end' && styles.headerRowCellIconAlignEnd, reversed && styles.whiteText)
+    className: classnames(align === 'center' && modules_ef9ad514.headerRowCellIconAlignCenter, align === 'end' && modules_ef9ad514.headerRowCellIconAlignEnd, reversed && modules_ef9ad514.whiteText)
   }, sorting === 'ascending' || sortingArrowsOnHover === 'ascending' ? (/*#__PURE__*/React.createElement(Icon, {
     name: "arrow_drop_up",
     isPresentational: true
@@ -116,7 +116,7 @@ var TableHeaderRowCell = function (_a) {
     isPresentational: true
   })))));
   cellContents = href ? (/*#__PURE__*/React.createElement("a", {
-    className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
+    className: classnames(modules_ef9ad514.headerRowCellButton, reversed && modules_ef9ad514.headerRowCellButtonReversed),
     href: href,
     onClick: onClick,
     onMouseEnter: function () {
@@ -133,7 +133,7 @@ var TableHeaderRowCell = function (_a) {
     }
   }, cellContents)) : onClick ? (/*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
+    className: classnames(modules_ef9ad514.headerRowCellButton, reversed && modules_ef9ad514.headerRowCellButtonReversed),
     onClick: onClick,
     onMouseEnter: function () {
       return updateHoverState(true);
@@ -153,11 +153,11 @@ var TableHeaderRowCell = function (_a) {
   // for this flex positioning, to have the dom tree depth match for
   // each permutation.
   React.createElement("div", {
-    className: styles.headerRowCellNoButton
+    className: modules_ef9ad514.headerRowCellNoButton
   }, cellContents));
   cellContents = tooltipInfo != null ? (/*#__PURE__*/React.createElement(Tooltip, {
     animationDuration: 0,
-    classNameOverride: styles.headerRowCellTooltip,
+    classNameOverride: modules_ef9ad514.headerRowCellTooltip,
     text: tooltipInfo,
     portalSelector: tooltipPortalSelector
   }, cellContents)) : (
@@ -165,10 +165,10 @@ var TableHeaderRowCell = function (_a) {
   // Again, this wrapper is just to make the dom tree consistent between
   // different permutations.
   React.createElement("div", {
-    className: styles.headerRowCellTooltip
+    className: modules_ef9ad514.headerRowCellTooltip
   }, cellContents));
   return /*#__PURE__*/React.createElement("div", __assign({
-    className: classnames(styles.headerRowCell, wrapping === 'nowrap' && styles.headerRowCellNoWrap, align === 'center' && styles.headerRowCellAlignCenter, align === 'end' && styles.headerRowCellAlignEnd, sorting && styles.headerRowCellActive, classNameOverride),
+    className: classnames(modules_ef9ad514.headerRowCell, wrapping === 'nowrap' && modules_ef9ad514.headerRowCellNoWrap, align === 'center' && modules_ef9ad514.headerRowCellAlignCenter, align === 'end' && modules_ef9ad514.headerRowCellAlignEnd, sorting && modules_ef9ad514.headerRowCellActive, classNameOverride),
     style: {
       width: ratioToPercent(width),
       flex: flex
@@ -187,7 +187,7 @@ var TableCard = function (_a) {
     forceHoverState = _c === void 0 ? false : _c,
     classNameOverride = _a.classNameOverride,
     otherProps = __rest(_a, ["children", "expanded", "expandedStyle", "onClick", "href", "forceHoverState", "classNameOverride"]);
-  var className = classnames(styles.card, expanded && styles.expanded, expanded && styles[expandedStyle], (forceHoverState || onClick != null || href != null) && styles.hasHoverState, classNameOverride);
+  var className = classnames(modules_ef9ad514.card, expanded && modules_ef9ad514.expanded, expanded && modules_ef9ad514[expandedStyle], (forceHoverState || onClick != null || href != null) && modules_ef9ad514.hasHoverState, classNameOverride);
   return href != null ? (/*#__PURE__*/React.createElement("a", __assign({
     href: href,
     className: className,
@@ -205,7 +205,7 @@ var TableRow = function (_a) {
     classNameOverride = _a.classNameOverride,
     otherProps = __rest(_a, ["children", "classNameOverride"]);
   return /*#__PURE__*/React.createElement("div", __assign({
-    className: classnames(styles.row, classNameOverride),
+    className: classnames(modules_ef9ad514.row, classNameOverride),
     role: "row"
   }, otherProps), children);
 };
@@ -223,7 +223,7 @@ var TableRowCell = function (_a) {
       width: ratioToPercent(width),
       flex: flex
     },
-    className: classnames(styles.rowCell, classNameOverride),
+    className: classnames(modules_ef9ad514.rowCell, classNameOverride),
     href: href
   }, otherProps), children)) : (/*#__PURE__*/React.createElement("div", __assign({
     role: "cell",
@@ -231,7 +231,7 @@ var TableRowCell = function (_a) {
       width: ratioToPercent(width),
       flex: flex
     },
-    className: classnames(styles.rowCell, classNameOverride)
+    className: classnames(modules_ef9ad514.rowCell, classNameOverride)
   }, otherProps), children));
 };
 export { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell };