@kaizen/components 3.0.5 → 3.0.6

package/dist/esm/src/MultiSelect/subcomponents/Checkbox/Checkbox.module.scss.mjs

@@ -1,8 +1,8 @@
-var modules_6238daf1 = {
-  "checkbox": "Checkbox_module_checkbox__badfb534",
-  "selected": "Checkbox_module_selected__badfb534",
-  "nativeCheckbox": "Checkbox_module_nativeCheckbox__badfb534",
-  "iconContainer": "Checkbox_module_iconContainer__badfb534",
-  "icon": "Checkbox_module_icon__badfb534"
+var styles = {
+  "checkbox": "Checkbox-module_checkbox__0LHj5",
+  "selected": "Checkbox-module_selected__-Nd6E",
+  "nativeCheckbox": "Checkbox-module_nativeCheckbox__BauKG",
+  "iconContainer": "Checkbox-module_iconContainer__Nsip6",
+  "icon": "Checkbox-module_icon__2b48e"
 };
-export { modules_6238daf1 as default };
+export { styles as default };

package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { Checkbox } from '../Checkbox/Checkbox.mjs';
-import modules_831455bd from './MultiSelectOptionField.module.scss.mjs';
+import styles from './MultiSelectOptionField.module.scss.mjs';
 const MultiSelectOptionField = /*#__PURE__*/function () {
   const MultiSelectOptionField = function (_a) {
     var id = _a.id,
@@ -12,16 +12,16 @@ const MultiSelectOptionField = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "option", "checkedStatus", "onChange", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_831455bd.multiSelectOptionField, classNameOverride)
+      className: classnames(styles.multiSelectOptionField, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement(Checkbox, {
       id: id,
       checkedStatus: checkedStatus,
       onChange: onChange,
       value: option.value,
-      classNameOverride: classnames(modules_831455bd.checkbox, [checkedStatus !== 'unchecked' && modules_831455bd.checked])
+      classNameOverride: classnames(styles.checkbox, [checkedStatus !== 'unchecked' && styles.checked])
     }), /*#__PURE__*/React.createElement("label", {
       htmlFor: id,
-      className: modules_831455bd.label
+      className: styles.label
     }, option.label));
   };
   MultiSelectOptionField.displayName = 'MultiSelect.OptionField';

package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.module.scss.mjs

@@ -1,7 +1,7 @@
-var modules_831455bd = {
-  "multiSelectOptionField": "MultiSelectOptionField_module_multiSelectOptionField__e518bbd3",
-  "checkbox": "MultiSelectOptionField_module_checkbox__e518bbd3",
-  "checked": "MultiSelectOptionField_module_checked__e518bbd3",
-  "label": "MultiSelectOptionField_module_label__e518bbd3"
+var styles = {
+  "multiSelectOptionField": "MultiSelectOptionField-module_multiSelectOptionField__-PNh-",
+  "checkbox": "MultiSelectOptionField-module_checkbox__rDOxI",
+  "checked": "MultiSelectOptionField-module_checked__wo-TX",
+  "label": "MultiSelectOptionField-module_label__79KfB"
 };
-export { modules_831455bd as default };
+export { styles as default };

package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Text } from '../../../Text/Text.mjs';
 import { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden.mjs';
 import { MultiSelectOptionField } from '../MultiSelectOptionField/MultiSelectOptionField.mjs';
-import modules_108515e5 from './MultiSelectOptions.module.scss.mjs';
+import styles from './MultiSelectOptions.module.scss.mjs';
 const MultiSelectOptions = /*#__PURE__*/function () {
   const MultiSelectOptions = function (_a) {
     var id = _a.id,
@@ -26,7 +26,7 @@ const MultiSelectOptions = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("fieldset", __assign({
       id: id,
       "aria-describedby": optionsCountId,
-      className: classnames(modules_108515e5.multiSelectOptions, classNameOverride)
+      className: classnames(styles.multiSelectOptions, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
       id: optionsCountId,
       "aria-live": "polite"

package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_108515e5 = {
-  "multiSelectOptions": "MultiSelectOptions_module_multiSelectOptions__82450968"
+var styles = {
+  "multiSelectOptions": "MultiSelectOptions-module_multiSelectOptions__b8hYg"
 };
-export { modules_108515e5 as default };
+export { styles as default };

package/dist/esm/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs

@@ -3,7 +3,7 @@ import React, { forwardRef, useId } from 'react';
 import classnames from 'classnames';
 import { ClearButton } from '../../../ClearButton/ClearButton.mjs';
 import { Icon } from '../../../Icon/Icon.mjs';
-import modules_b0d6496f from './MultiSelectToggle.module.scss.mjs';
+import styles from './MultiSelectToggle.module.scss.mjs';
 import { RemovableTag } from '../../../__next__/Tag/RemovableTag/RemovableTag.mjs';
 const MultiSelectToggle = /*#__PURE__*/function () {
   const MultiSelectToggle = /*#__PURE__*/forwardRef(function (_a, ref) {
@@ -21,11 +21,11 @@ const MultiSelectToggle = /*#__PURE__*/function () {
       restProps = __rest(_a, ["onClick", 'aria-labelledby', 'aria-describedby', 'aria-controls', "isOpen", "classNameOverride", "selectedOptions", "onRemoveOption", "onRemoveAllOptions", "status"]);
     var clearAllId = useId();
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_b0d6496f.multiSelectToggle, classNameOverride, status && modules_b0d6496f[status]),
+      className: classnames(styles.multiSelectToggle, classNameOverride, status && styles[status]),
       onClick: onClick
     }, restProps), /*#__PURE__*/React.createElement("button", {
       ref: ref,
-      className: modules_b0d6496f.toggleButton,
+      className: styles.toggleButton,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
       "aria-controls": ariaControls,
@@ -40,10 +40,10 @@ const MultiSelectToggle = /*#__PURE__*/function () {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_b0d6496f.selectedItemsContainer, selectedOptions.length && modules_b0d6496f.hasSelectedItems)
+      className: classnames(styles.selectedItemsContainer, selectedOptions.length && styles.hasSelectedItems)
     }, selectedOptions.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
       role: "list",
-      className: modules_b0d6496f.selectedItems
+      className: styles.selectedItems
     }, selectedOptions.map(function (_a) {
       var label = _a.label,
         value = _a.value;
@@ -69,7 +69,7 @@ const MultiSelectToggle = /*#__PURE__*/function () {
       id: clearAllId,
       "aria-label": "Remove all options from ",
       "aria-labelledby": "".concat(clearAllId, " ").concat(ariaLabelledBy),
-      classNameOverride: modules_b0d6496f.clearAllButton,
+      classNameOverride: styles.clearAllButton,
       onClick: function (e) {
         e.stopPropagation();
         onRemoveAllOptions();

package/dist/esm/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.module.scss.mjs

@@ -1,11 +1,11 @@
-var modules_b0d6496f = {
-  "multiSelectToggle": "MultiSelectToggle_module_multiSelectToggle__d09b3e66",
-  "error": "MultiSelectToggle_module_error__d09b3e66",
-  "caution": "MultiSelectToggle_module_caution__d09b3e66",
-  "toggleButton": "MultiSelectToggle_module_toggleButton__d09b3e66",
-  "selectedItemsContainer": "MultiSelectToggle_module_selectedItemsContainer__d09b3e66",
-  "hasSelectedItems": "MultiSelectToggle_module_hasSelectedItems__d09b3e66",
-  "selectedItems": "MultiSelectToggle_module_selectedItems__d09b3e66",
-  "clearAllButton": "MultiSelectToggle_module_clearAllButton__d09b3e66"
+var styles = {
+  "multiSelectToggle": "MultiSelectToggle-module_multiSelectToggle__CeR4G",
+  "error": "MultiSelectToggle-module_error__LJZKT",
+  "caution": "MultiSelectToggle-module_caution__hFOzy",
+  "toggleButton": "MultiSelectToggle-module_toggleButton__38-Qi",
+  "selectedItemsContainer": "MultiSelectToggle-module_selectedItemsContainer__OawF7",
+  "hasSelectedItems": "MultiSelectToggle-module_hasSelectedItems__S7KXg",
+  "selectedItems": "MultiSelectToggle-module_selectedItems__R-byj",
+  "clearAllButton": "MultiSelectToggle-module_clearAllButton__yWNQi"
 };
-export { modules_b0d6496f as default };
+export { styles as default };

package/dist/esm/src/MultiSelect/subcomponents/Popover/Popover.mjs

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
 import { useFloating, autoUpdate, offset, flip, size } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
-import modules_ef8f756f from './Popover.module.scss.mjs';
+import styles from './Popover.module.scss.mjs';
 const Popover = /*#__PURE__*/function () {
   const Popover = function (_a) {
     var children = _a.children,
@@ -40,7 +40,7 @@ const Popover = /*#__PURE__*/function () {
     }, focusOnProps), /*#__PURE__*/React.createElement("div", __assign({
       ref: refs.setFloating,
       style: floatingStyles,
-      className: classnames(modules_ef8f756f.popover, classNameOverride)
+      className: classnames(styles.popover, classNameOverride)
     }, restProps), children)), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
   };
   Popover.displayName = 'Popover';

package/dist/esm/src/MultiSelect/subcomponents/Popover/Popover.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_ef8f756f = {
-  "popover": "Popover_module_popover__7a8de4a5"
+var styles = {
+  "popover": "Popover-module_popover__B7k5I"
 };
-export { modules_ef8f756f as default };
+export { styles as default };

package/dist/esm/src/Notification/InlineNotification/InlineNotification.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import classnames from 'classnames';
 import { GenericNotification } from '../subcomponents/GenericNotification/GenericNotification.mjs';
-import modules_f5422433 from '../subcomponents/GenericNotification/GenericNotification.module.css.mjs';
+import styles from '../subcomponents/GenericNotification/GenericNotification.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
@@ -20,7 +20,7 @@ const InlineNotification = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement(GenericNotification, __assign({
       style: "inline",
       persistent: persistent || hideCloseIcon,
-      classNameOverride: classnames(classNameOverride, [isSubtle && modules_f5422433.subtle]),
+      classNameOverride: classnames(classNameOverride, [isSubtle && styles.subtle]),
       ref: ref
     }, otherProps));
   });

package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { useToastNotificationContext } from '../context/ToastNotificationContext.mjs';
 import { ToastNotificationsMap } from './subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs';
-import modules_63d016d9 from './ToastNotificationsList.module.css.mjs';
+import styles from './ToastNotificationsList.module.css.mjs';
 var toastNotificationListId = 'toast-notifications-list';
 const ToastNotificationsList = /*#__PURE__*/function () {
   const ToastNotificationsList = function () {
@@ -18,7 +18,7 @@ const ToastNotificationsList = /*#__PURE__*/function () {
         container = document.createElement('div');
         container.setAttribute('id', toastNotificationListId);
         container.setAttribute('role', 'status');
-        container.className = modules_63d016d9.toastNotificationsList;
+        container.className = styles.toastNotificationsList;
         document.body.appendChild(container);
       }
       setToastContainer(container);

package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_63d016d9 = {
-  "toastNotificationsList": "ToastNotificationsList_module_toastNotificationsList__34214369"
+var styles = {
+  "toastNotificationsList": "ToastNotificationsList-module_toastNotificationsList__AUm-A"
 };
-export { modules_63d016d9 as default };
+export { styles as default };

package/dist/esm/src/Notification/subcomponents/CancelButton/CancelButton.mjs

@@ -1,11 +1,11 @@
 import React from 'react';
 import { Icon } from '../../../Icon/Icon.mjs';
-import modules_f5422433 from '../GenericNotification/GenericNotification.module.css.mjs';
+import styles from '../GenericNotification/GenericNotification.module.css.mjs';
 const CancelButton = /*#__PURE__*/function () {
   const CancelButton = function (_a) {
     var onClick = _a.onClick;
     return /*#__PURE__*/React.createElement("button", {
-      className: modules_f5422433.cancel,
+      className: styles.cancel,
       type: "button",
       onClick: onClick,
       "data-testid": "close-button",

package/dist/esm/src/Notification/subcomponents/GenericNotification/GenericNotification.mjs

@@ -5,7 +5,7 @@ import { isRefObject } from '../../../utils/isRefObject.mjs';
 import { CancelButton } from '../CancelButton/CancelButton.mjs';
 import { NotificationHeading } from '../NotificationHeading/NotificationHeading.mjs';
 import { NotificationIconVariant } from '../NotificationIcon/NotificationIcon.mjs';
-import modules_f5422433 from './GenericNotification.module.css.mjs';
+import styles from './GenericNotification.module.css.mjs';
 const GenericNotification = /*#__PURE__*/function () {
   const GenericNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
     var variant = _a.variant,
@@ -53,22 +53,22 @@ const GenericNotification = /*#__PURE__*/function () {
     }
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: containerRef,
-      className: classnames(modules_f5422433.notification, modules_f5422433[variant], modules_f5422433[style], isHidden && modules_f5422433.hidden, noBottomMargin && modules_f5422433.noBottomMargin, classNameOverride, persistent && modules_f5422433.persistent),
+      className: classnames(styles.notification, styles[variant], styles[style], isHidden && styles.hidden, noBottomMargin && styles.noBottomMargin, classNameOverride, persistent && styles.persistent),
       style: {
         marginTop: getMarginTop()
       },
       onTransitionEnd: onTransitionEnd
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_f5422433.icon
+      className: styles.icon
     }, /*#__PURE__*/React.createElement(NotificationIconVariant, {
       variant: variant
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_f5422433.textContainer, forceMultiline && modules_f5422433.forceMultiline)
+      className: classnames(styles.textContainer, forceMultiline && styles.forceMultiline)
     }, style !== 'global' && (/*#__PURE__*/React.createElement(NotificationHeading, {
       titleProp: title,
       headingProps: headingProps
     })), children && /*#__PURE__*/React.createElement("div", {
-      className: modules_f5422433.text
+      className: styles.text
     }, children)), !persistent && /*#__PURE__*/React.createElement(CancelButton, {
       onClick: function () {
         return setIsHidden(true);

package/dist/esm/src/Notification/subcomponents/GenericNotification/GenericNotification.module.css.mjs

@@ -1,27 +1,27 @@
-var modules_f5422433 = {
-  "notification": "GenericNotification_module_notification__a6b68fe7",
-  "inline": "GenericNotification_module_inline__a6b68fe7",
-  "toast": "GenericNotification_module_toast__a6b68fe7",
-  "global": "GenericNotification_module_global__a6b68fe7",
-  "success": "GenericNotification_module_success__a6b68fe7",
-  "informative": "GenericNotification_module_informative__a6b68fe7",
-  "cautionary": "GenericNotification_module_cautionary__a6b68fe7",
-  "security": "GenericNotification_module_security__a6b68fe7",
-  "warning": "GenericNotification_module_warning__a6b68fe7",
-  "hidden": "GenericNotification_module_hidden__a6b68fe7",
-  "icon": "GenericNotification_module_icon__a6b68fe7",
-  "textContainer": "GenericNotification_module_textContainer__a6b68fe7",
-  "forceMultiline": "GenericNotification_module_forceMultiline__a6b68fe7",
-  "title": "GenericNotification_module_title__a6b68fe7",
-  "notificationTitle": "GenericNotification_module_notificationTitle__a6b68fe7",
-  "text": "GenericNotification_module_text__a6b68fe7",
-  "cancel": "GenericNotification_module_cancel__a6b68fe7",
-  "disabled": "GenericNotification_module_disabled__a6b68fe7",
-  "hover": "GenericNotification_module_hover__a6b68fe7",
-  "active": "GenericNotification_module_active__a6b68fe7",
-  "cancelLabel": "GenericNotification_module_cancelLabel__a6b68fe7",
-  "noBottomMargin": "GenericNotification_module_noBottomMargin__a6b68fe7",
-  "persistent": "GenericNotification_module_persistent__a6b68fe7",
-  "subtle": "GenericNotification_module_subtle__a6b68fe7"
+var styles = {
+  "notification": "GenericNotification-module_notification__-lOMz",
+  "inline": "GenericNotification-module_inline__lnYb9",
+  "toast": "GenericNotification-module_toast__dPvtC",
+  "global": "GenericNotification-module_global__i1IKL",
+  "success": "GenericNotification-module_success__HMC7W",
+  "informative": "GenericNotification-module_informative__S4sGn",
+  "cautionary": "GenericNotification-module_cautionary__VMbSA",
+  "security": "GenericNotification-module_security__pdJT9",
+  "warning": "GenericNotification-module_warning__42AEX",
+  "hidden": "GenericNotification-module_hidden__QOpq1",
+  "icon": "GenericNotification-module_icon__rMIaU",
+  "textContainer": "GenericNotification-module_textContainer__yHSKi",
+  "forceMultiline": "GenericNotification-module_forceMultiline__SlLf9",
+  "title": "GenericNotification-module_title__3cvl6",
+  "notificationTitle": "GenericNotification-module_notificationTitle__-yijp",
+  "text": "GenericNotification-module_text__B5r5l",
+  "cancel": "GenericNotification-module_cancel__4O-Ys",
+  "disabled": "GenericNotification-module_disabled__V2Wyr",
+  "hover": "GenericNotification-module_hover__erovs",
+  "active": "GenericNotification-module_active__2ksOr",
+  "cancelLabel": "GenericNotification-module_cancelLabel__uLIuz",
+  "noBottomMargin": "GenericNotification-module_noBottomMargin__okqYr",
+  "persistent": "GenericNotification-module_persistent__y-Jp7",
+  "subtle": "GenericNotification-module_subtle__TCixZ"
 };
-export { modules_f5422433 as default };
+export { styles as default };

package/dist/esm/src/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Heading } from '../../../Heading/Heading.mjs';
-import modules_f5422433 from '../GenericNotification/GenericNotification.module.css.mjs';
+import styles from '../GenericNotification/GenericNotification.module.css.mjs';
 const NotificationHeading = /*#__PURE__*/function () {
   const NotificationHeading = function (_a) {
     var _b, _c, _d;
@@ -11,7 +11,7 @@ const NotificationHeading = /*#__PURE__*/function () {
         variant: (_b = headingProps.variant) !== null && _b !== void 0 ? _b : 'heading-6',
         tag: (_c = headingProps.tag) !== null && _c !== void 0 ? _c : 'div',
         color: (_d = headingProps.color) !== null && _d !== void 0 ? _d : 'dark',
-        classNameOverride: modules_f5422433.notificationTitle
+        classNameOverride: styles.notificationTitle
       }, headingProps.children);
     }
     if (titleProp) {
@@ -19,7 +19,7 @@ const NotificationHeading = /*#__PURE__*/function () {
         variant: "heading-6",
         tag: "div",
         color: "dark",
-        classNameOverride: modules_f5422433.notificationTitle
+        classNameOverride: styles.notificationTitle
       }, titleProp);
     }
     return null;

package/dist/esm/src/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Icon } from '../../../Icon/Icon.mjs';
-import modules_ebcc20c9 from './NotificationIcon.module.css.mjs';
+import styles from './NotificationIcon.module.css.mjs';
 var NotificationIcon = function (_a) {
   var name = _a.name;
   return /*#__PURE__*/React.createElement(Icon, {
     name: name,
     isFilled: true,
     isPresentational: true,
-    className: modules_ebcc20c9.notificationIcon
+    className: styles.notificationIcon
   });
 };
 const NotificationIconVariant = /*#__PURE__*/function () {

package/dist/esm/src/Notification/subcomponents/NotificationIcon/NotificationIcon.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_ebcc20c9 = {
-  "notificationIcon": "NotificationIcon_module_notificationIcon__6e82d684"
+var styles = {
+  "notificationIcon": "NotificationIcon-module_notificationIcon__4xH0m"
 };
-export { modules_ebcc20c9 as default };
+export { styles as default };

package/dist/esm/src/Pagination/Pagination.mjs

@@ -8,7 +8,7 @@ import { DirectionalLink } from './subcomponents/DirectionalLink/DirectionalLink
 import { PaginationLink } from './subcomponents/PaginationLink/PaginationLink.mjs';
 import { TruncateIndicator } from './subcomponents/TruncateIndicator/TruncateIndicator.mjs';
 import { createRange } from './utils/createRange.mjs';
-import modules_e3c5bce1 from './Pagination.module.scss.mjs';
+import styles from './Pagination.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
@@ -93,7 +93,7 @@ var Pagination = function (_a) {
   var previousPageDisabled = currentPage <= 1;
   var nextPageDisabled = currentPage >= pageCount;
   return /*#__PURE__*/React.createElement("nav", __assign({
-    className: classnames(modules_e3c5bce1.container, classNameOverride)
+    className: classnames(styles.container, classNameOverride)
   }, restProps), /*#__PURE__*/React.createElement(DirectionalLink, {
     label: ariaLabelPreviousPage,
     direction: "prev",
@@ -102,7 +102,7 @@ var Pagination = function (_a) {
       return handleButtonClick('prev');
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: modules_e3c5bce1.pagesIndicatorWrapper
+    className: styles.pagesIndicatorWrapper
   }, pagination(queries.isMediumOrSmaller ? 0 : 1, queries.isSmall ? 0 : 1)), /*#__PURE__*/React.createElement(DirectionalLink, {
     label: ariaLabelNextPage,
     direction: "next",

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

@@ -1,5 +1,5 @@
-var modules_e3c5bce1 = {
-  "container": "Pagination_module_container__b254d61d",
-  "pagesIndicatorWrapper": "Pagination_module_pagesIndicatorWrapper__b254d61d"
+var styles = {
+  "container": "Pagination-module_container__JHnDH",
+  "pagesIndicatorWrapper": "Pagination-module_pagesIndicatorWrapper__taluU"
 };
-export { modules_e3c5bce1 as default };
+export { styles as default };

package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Icon } from '../../../Icon/Icon.mjs';
-import modules_002da23c from './TruncateIndicator.module.css.mjs';
+import styles from './TruncateIndicator.module.css.mjs';
 var TruncateIndicator = function () {
   return /*#__PURE__*/React.createElement("div", {
-    className: modules_002da23c.truncateIndicatorWrapper,
+    className: styles.truncateIndicatorWrapper,
     "data-testid": "truncate-indicator"
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "more_horiz",

package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_002da23c = {
-  "truncateIndicatorWrapper": "TruncateIndicator_module_truncateIndicatorWrapper__a6a2a3a5"
+var styles = {
+  "truncateIndicatorWrapper": "TruncateIndicator-module_truncateIndicatorWrapper__Ft9Pp"
 };
-export { modules_002da23c as default };
+export { styles as default };

package/dist/esm/src/Popover/Popover.mjs

@@ -6,7 +6,7 @@ import { Heading } from '../Heading/Heading.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
 import { mapSizeToClass, mapLineVariant } from './utils/classMappers.mjs';
-import modules_ef8f756f from './Popover.module.scss.mjs';
+import styles from './Popover.module.scss.mjs';
 
 // Sync with styles.scss
 var arrowWidth = 14;
@@ -77,16 +77,16 @@ const Popover = /*#__PURE__*/function () {
       ref: setPopperElement,
       style: popperStyles.popper
     }, attributes.popper, {
-      className: classnames(modules_ef8f756f.root, mapSizeToClass(size), classNameOverride)
+      className: classnames(styles.root, mapSizeToClass(size), classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_ef8f756f.defaultBox
+      className: styles.defaultBox
     }, heading && (/*#__PURE__*/React.createElement("div", {
-      className: modules_ef8f756f.header
+      className: styles.header
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-6",
-      classNameOverride: modules_ef8f756f.singleLine
+      classNameOverride: styles.singleLine
     }, heading), dismissible && (/*#__PURE__*/React.createElement("button", {
-      className: modules_ef8f756f.close,
+      className: styles.close,
       onClick: onClose,
       type: "button",
       "aria-label": "close"
@@ -97,13 +97,13 @@ const Popover = /*#__PURE__*/function () {
     }))))), /*#__PURE__*/React.createElement(Text, {
       tag: "div",
       variant: "small",
-      classNameOverride: classnames(modules_ef8f756f.container, mapLineVariant(singleLine))
+      classNameOverride: classnames(styles.container, mapLineVariant(singleLine))
     }, children)), /*#__PURE__*/React.createElement("div", {
       ref: setArrowElement,
       style: popperStyles.arrow,
-      className: modules_ef8f756f.arrowWrapper
+      className: styles.arrowWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_ef8f756f.arrow, modules_ef8f756f.defaultArrow)
+      className: classnames(styles.arrow, styles.defaultArrow)
     })));
   };
   Popover.displayName = 'Popover';

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

@@ -1,13 +1,13 @@
-var modules_ef8f756f = {
-  "root": "Popover_module_root__7bb9dc9f",
-  "defaultBox": "Popover_module_defaultBox__7bb9dc9f",
-  "defaultArrow": "Popover_module_defaultArrow__7bb9dc9f",
-  "header": "Popover_module_header__7bb9dc9f",
-  "container": "Popover_module_container__7bb9dc9f",
-  "close": "Popover_module_close__7bb9dc9f",
-  "arrowWrapper": "Popover_module_arrowWrapper__7bb9dc9f",
-  "arrow": "Popover_module_arrow__7bb9dc9f",
-  "large": "Popover_module_large__7bb9dc9f",
-  "singleLine": "Popover_module_singleLine__7bb9dc9f"
+var styles = {
+  "root": "Popover-module_root__OrmwT",
+  "defaultBox": "Popover-module_defaultBox__X9FWm",
+  "defaultArrow": "Popover-module_defaultArrow__6rN-3",
+  "header": "Popover-module_header__b3DtD",
+  "container": "Popover-module_container__JwR7Q",
+  "close": "Popover-module_close__8h4Rt",
+  "arrowWrapper": "Popover-module_arrowWrapper__DiE3-",
+  "arrow": "Popover-module_arrow__PS4V6",
+  "large": "Popover-module_large__-LH0l",
+  "singleLine": "Popover-module_singleLine__7il24"
 };
-export { modules_ef8f756f as default };
+export { styles as default };

package/dist/esm/src/Popover/utils/classMappers.mjs

@@ -1,13 +1,13 @@
-import modules_ef8f756f from '../Popover.module.scss.mjs';
+import styles from '../Popover.module.scss.mjs';
 var mapSizeToClass = function (size) {
   switch (size) {
     case 'large':
-      return modules_ef8f756f.large;
+      return styles.large;
     default:
       return '';
   }
 };
 var mapLineVariant = function (singleLine) {
-  return singleLine ? modules_ef8f756f.singleLine : '';
+  return singleLine ? styles.singleLine : '';
 };
 export { mapLineVariant, mapSizeToClass };

package/dist/esm/src/ProgressBar/ProgressBar.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import { Label } from './subcomponents/Label/Label.mjs';
 import { calculatePercentage } from './utils/calculatePercentage.mjs';
-import modules_ee15117b from './ProgressBar.module.scss.mjs';
+import styles from './ProgressBar.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
@@ -36,14 +36,14 @@ const ProgressBar = /*#__PURE__*/function () {
       content: label,
       isReversed: isReversed
     }), /*#__PURE__*/React.createElement("div", {
-      className: modules_ee15117b.progressBackground
+      className: styles.progressBackground
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_ee15117b.progress, modules_ee15117b[color], isAnimating && modules_ee15117b.isAnimating),
+      className: classnames(styles.progress, styles[color], isAnimating && styles.isAnimating),
       style: {
         transform: "translateX(-".concat(100 - percentage, "%")
       }
     })), subtext && (/*#__PURE__*/React.createElement("div", {
-      className: modules_ee15117b.subtext
+      className: styles.subtext
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-6",
       tag: "p",

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

@@ -1,12 +1,12 @@
-var modules_ee15117b = {
-  "subtext": "ProgressBar_module_subtext__4a4d0fe0",
-  "progressBackground": "ProgressBar_module_progressBackground__4a4d0fe0",
-  "progress": "ProgressBar_module_progress__4a4d0fe0",
-  "blue": "ProgressBar_module_blue__4a4d0fe0",
-  "green": "ProgressBar_module_green__4a4d0fe0",
-  "red": "ProgressBar_module_red__4a4d0fe0",
-  "yellow": "ProgressBar_module_yellow__4a4d0fe0",
-  "isAnimating": "ProgressBar_module_isAnimating__4a4d0fe0",
-  "pulse": "ProgressBar_module_pulse__4a4d0fe0"
+var styles = {
+  "subtext": "ProgressBar-module_subtext__eizyu",
+  "progressBackground": "ProgressBar-module_progressBackground__5qzp5",
+  "progress": "ProgressBar-module_progress__X1IHw",
+  "blue": "ProgressBar-module_blue__WEID8",
+  "green": "ProgressBar-module_green__J1T96",
+  "red": "ProgressBar-module_red__Ssd61",
+  "yellow": "ProgressBar-module_yellow__bcHWO",
+  "isAnimating": "ProgressBar-module_isAnimating__F6AxQ",
+  "pulse": "ProgressBar-module_pulse__RGaQm"
 };
-export { modules_ee15117b as default };
+export { styles as default };

package/dist/esm/src/ProgressBar/subcomponents/Label/Label.mjs

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Heading } from '../../../Heading/Heading.mjs';
-import modules_aa63a669 from './Label.module.scss.mjs';
+import styles from './Label.module.scss.mjs';
 const Label = /*#__PURE__*/function () {
   const Label = function (_a) {
     var content = _a.content,
       _b = _a.isReversed,
       isReversed = _b === void 0 ? false : _b;
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_aa63a669.label
+      className: styles.label
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-4",
       tag: "p",