@kaizen/components 3.0.5 → 3.0.6

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

@@ -1,29 +1,29 @@
-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"
+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"
 };
-export { modules_7db85bb8 as default };
+export { styles 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 modules_b3d449c4 from './SingleSelect.module.scss.mjs';
+import styles 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 && modules_b3d449c4.notFullWidth, classNameOverride)
+      className: classnames(!isFullWidth && styles.notFullWidth, classNameOverride)
     }, /*#__PURE__*/React.createElement(HiddenSelect, {
       label: label,
       name: id,
       state: state,
       triggerRef: triggerRef
     }), /*#__PURE__*/React.createElement("div", {
-      className: modules_b3d449c4.container
+      className: styles.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 modules_b3d449c4 = {
-  "container": "SingleSelect_module_container__c1c7349f",
-  "notFullWidth": "SingleSelect_module_notFullWidth__c1c7349f"
+var styles = {
+  "container": "SingleSelect-module_container__FvkOW",
+  "notFullWidth": "SingleSelect-module_notFullWidth__4EzMa"
 };
-export { modules_b3d449c4 as default };
+export { styles 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 modules_251fbe08 from './ListBox.module.scss.mjs';
+import styles 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(modules_251fbe08.listBox, classNameOverride)
+      className: classnames(styles.listBox, classNameOverride)
     }, listBoxProps, restProps), children);
   };
   ListBox.displayName = 'ListBox';

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

@@ -1,4 +1,4 @@
-var modules_251fbe08 = {
-  "listBox": "ListBox_module_listBox__149bfec3"
+var styles = {
+  "listBox": "ListBox-module_listBox__wJZp6"
 };
-export { modules_251fbe08 as default };
+export { styles 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 modules_38d20667 from './ListBoxSection.module.scss.mjs';
+import styles 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: modules_38d20667.sectionWrapper
+      className: styles.sectionWrapper
     }), section.rendered && (/*#__PURE__*/React.createElement(Heading, __assign({
       tag: "span",
       variant: "heading-6"
     }, headingProps, {
-      classNameOverride: modules_38d20667.sectionHeading
+      classNameOverride: styles.sectionHeading
     }), section.rendered)), /*#__PURE__*/React.createElement("ul", __assign({}, groupProps, {
-      className: modules_38d20667.sectionList
+      className: styles.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 modules_38d20667 = {
-  "sectionWrapper": "ListBoxSection_module_sectionWrapper__329ad125",
-  "sectionHeading": "ListBoxSection_module_sectionHeading__329ad125",
-  "sectionList": "ListBoxSection_module_sectionList__329ad125"
+var styles = {
+  "sectionWrapper": "ListBoxSection-module_sectionWrapper__zqs3S",
+  "sectionHeading": "ListBoxSection-module_sectionHeading__ypX0p",
+  "sectionList": "ListBoxSection-module_sectionList__3n5Iu"
 };
-export { modules_38d20667 as default };
+export { styles 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 modules_84f224dd from './Option.module.scss.mjs';
+import styles 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(modules_84f224dd.option, isSelected && modules_84f224dd.isSelected, isFocusVisible && modules_84f224dd.isFocusVisible, isDisabled && modules_84f224dd.disabled, classNameOverride),
+      className: classnames(styles.option, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.disabled, classNameOverride),
       "aria-label": item.textValue
     }), item.rendered, /*#__PURE__*/React.createElement("span", {
-      className: classnames(modules_84f224dd.icon, isSelected && modules_84f224dd.isSelected)
+      className: classnames(styles.icon, isSelected && styles.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 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"
+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"
 };
-export { modules_84f224dd as default };
+export { styles 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 modules_07bb815f from './SectionDivider.module.scss.mjs';
+import styles from './SectionDivider.module.scss.mjs';
 const SectionDivider = /*#__PURE__*/function () {
   const SectionDivider = function () {
     return /*#__PURE__*/React.createElement(Divider, {
-      classNameOverride: modules_07bb815f.divider,
+      classNameOverride: styles.divider,
       variant: "canvas"
     });
   };

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

@@ -1,4 +1,4 @@
-var modules_07bb815f = {
-  "divider": "SectionDivider_module_divider__29b1eaf0"
+var styles = {
+  "divider": "SectionDivider-module_divider__NVqZe"
 };
-export { modules_07bb815f as default };
+export { styles 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 modules_2add844f from './SelectPopoverContents.module.scss.mjs';
+import styles 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: modules_2add844f.selectPopoverContents
+      className: styles.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 modules_2add844f = {
-  "selectPopoverContents": "SelectPopoverContents_module_selectPopoverContents__9668aa7b"
+var styles = {
+  "selectPopoverContents": "SelectPopoverContents-module_selectPopoverContents__UAbye"
 };
-export { modules_2add844f as default };
+export { styles 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 modules_9ba54552 from './SelectToggle.module.scss.mjs';
+import styles 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(modules_9ba54552.selectToggle, status === 'error' && modules_9ba54552.error, status === 'caution' && modules_9ba54552.caution, isDisabled && modules_9ba54552.disabled, isReversed && modules_9ba54552.reversed, classNameOverride)
+      className: classnames(styles.selectToggle, status === 'error' && styles.error, status === 'caution' && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
     }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
-      className: modules_9ba54552.value
+      className: styles.value
     }), value), /*#__PURE__*/React.createElement(Icon, {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true,
-      className: modules_9ba54552.icon
+      className: styles.icon
     })));
   });
   SelectToggle.displayName = 'SelectToggle';

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

@@ -1,10 +1,10 @@
-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"
+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"
 };
-export { modules_9ba54552 as default };
+export { styles 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 modules_321294e1 from './Slider.module.css.mjs';
+import styles 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(modules_321294e1.wrapper, labelPosition === 'inline' && modules_321294e1.labelInline)
+      className: classnames(styles.wrapper, labelPosition === 'inline' && styles.labelInline)
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_321294e1.labelWrapper
+      className: styles.labelWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_321294e1.label
+      className: styles.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 ? modules_321294e1.descriptionDisabled : undefined
+      classNameOverride: disabled ? styles.descriptionDisabled : undefined
     }, description))), /*#__PURE__*/React.createElement("div", {
-      className: modules_321294e1.inputWrapper
+      className: styles.inputWrapper
     }, /*#__PURE__*/React.createElement(InputRange, __assign({
       id: id,
       "aria-describedby": descriptionId,
       disabled: disabled
     }, restProps)), readOnlyMessage && /*#__PURE__*/React.createElement("div", {
-      className: modules_321294e1.readOnlyMessage
+      className: styles.readOnlyMessage
     }, readOnlyMessage))));
   };
   Slider.displayName = 'Slider';

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

@@ -1,10 +1,10 @@
-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"
+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"
 };
-export { modules_321294e1 as default };
+export { styles 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 modules_ef9ad514 from './Table.module.scss.mjs';
+import styles 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(modules_ef9ad514.container, variant === 'default' && modules_ef9ad514.defaultSpacing, variant === 'data' && modules_ef9ad514.dataVariant)
+    className: classnames(styles.container, variant === 'default' && styles.defaultSpacing, variant === 'data' && styles.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: modules_ef9ad514.headerRowCellLabelAndIcons
+    className: styles.headerRowCellLabelAndIcons
   }, icon && (/*#__PURE__*/React.createElement("span", {
-    className: modules_ef9ad514.headerRowCellIcon
+    className: styles.headerRowCellIcon
   }, /*#__PURE__*/cloneElement(icon, (_b = {
     title: labelText
   }, _b['aria-label'] = labelText, _b.role = 'img', _b)))), checkable && (/*#__PURE__*/React.createElement("div", {
-    className: modules_ef9ad514.headerRowCellCheckbox
+    className: styles.headerRowCellCheckbox
   }, /*#__PURE__*/React.createElement(Checkbox, {
     checkedStatus: checkedStatus,
     onCheck: onCheck,
     "aria-label": checkboxLabel
   }))), tooltipInfo != null && !isTooltipIconHidden ? (/*#__PURE__*/React.createElement("div", {
-    className: modules_ef9ad514.headerRowCellTooltipIcon
+    className: styles.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: modules_ef9ad514.headerRowCellLabel
+    classNameOverride: styles.headerRowCellLabel
   }, labelText)) : null, (sorting !== null && sorting !== void 0 ? sorting : isHovered && sortingArrowsOnHover) && (/*#__PURE__*/React.createElement("div", {
-    className: classnames(align === 'center' && modules_ef9ad514.headerRowCellIconAlignCenter, align === 'end' && modules_ef9ad514.headerRowCellIconAlignEnd, reversed && modules_ef9ad514.whiteText)
+    className: classnames(align === 'center' && styles.headerRowCellIconAlignCenter, align === 'end' && styles.headerRowCellIconAlignEnd, reversed && styles.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(modules_ef9ad514.headerRowCellButton, reversed && modules_ef9ad514.headerRowCellButtonReversed),
+    className: classnames(styles.headerRowCellButton, reversed && styles.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(modules_ef9ad514.headerRowCellButton, reversed && modules_ef9ad514.headerRowCellButtonReversed),
+    className: classnames(styles.headerRowCellButton, reversed && styles.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: modules_ef9ad514.headerRowCellNoButton
+    className: styles.headerRowCellNoButton
   }, cellContents));
   cellContents = tooltipInfo != null ? (/*#__PURE__*/React.createElement(Tooltip, {
     animationDuration: 0,
-    classNameOverride: modules_ef9ad514.headerRowCellTooltip,
+    classNameOverride: styles.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: modules_ef9ad514.headerRowCellTooltip
+    className: styles.headerRowCellTooltip
   }, cellContents));
   return /*#__PURE__*/React.createElement("div", __assign({
-    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),
+    className: classnames(styles.headerRowCell, wrapping === 'nowrap' && styles.headerRowCellNoWrap, align === 'center' && styles.headerRowCellAlignCenter, align === 'end' && styles.headerRowCellAlignEnd, sorting && styles.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(modules_ef9ad514.card, expanded && modules_ef9ad514.expanded, expanded && modules_ef9ad514[expandedStyle], (forceHoverState || onClick != null || href != null) && modules_ef9ad514.hasHoverState, classNameOverride);
+  var className = classnames(styles.card, expanded && styles.expanded, expanded && styles[expandedStyle], (forceHoverState || onClick != null || href != null) && styles.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(modules_ef9ad514.row, classNameOverride),
+    className: classnames(styles.row, classNameOverride),
     role: "row"
   }, otherProps), children);
 };
@@ -223,7 +223,7 @@ var TableRowCell = function (_a) {
       width: ratioToPercent(width),
       flex: flex
     },
-    className: classnames(modules_ef9ad514.rowCell, classNameOverride),
+    className: classnames(styles.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(modules_ef9ad514.rowCell, classNameOverride)
+    className: classnames(styles.rowCell, classNameOverride)
   }, otherProps), children));
 };
 export { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell };

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

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

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

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

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

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