@kaizen/components 3.0.5 → 3.0.6

package/dist/esm/src/MenuV1/subcomponents/MenuItem/MenuItem.module.scss.mjs

@@ -1,10 +1,10 @@
-var modules_f3e5eb91 = {
-  "menuListItem": "MenuItem_module_menuListItem__24f5dfdc",
-  "menuItem": "MenuItem_module_menuItem__24f5dfdc",
-  "menuItem--disabled": "MenuItem_module_menuItem_Disabled__24f5dfdc",
-  "menuItem__Icon": "MenuItem_module_menuItem__Icon__24f5dfdc",
-  "menuItem--destructive": "MenuItem_module_menuItem_Destructive__24f5dfdc",
-  "menuItem--active": "MenuItem_module_menuItem_Active__24f5dfdc",
-  "menuItem__Label": "MenuItem_module_menuItem__Label__24f5dfdc"
+var styles = {
+  "menuListItem": "MenuItem-module_menuListItem__NXK9G",
+  "menuItem": "MenuItem-module_menuItem__Ne4nH",
+  "menuItem--disabled": "MenuItem-module_menuItem--disabled__iyApr",
+  "menuItem__Icon": "MenuItem-module_menuItem__Icon__oFs3T",
+  "menuItem--destructive": "MenuItem-module_menuItem--destructive__N9OmK",
+  "menuItem--active": "MenuItem-module_menuItem--active__aVUEU",
+  "menuItem__Label": "MenuItem-module_menuItem__Label__o9jMC"
 };
-export { modules_f3e5eb91 as default };
+export { styles as default };

package/dist/esm/src/MenuV1/subcomponents/MenuList/MenuList.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { useId, cloneElement } from 'react';
-import modules_d1c0b4e0 from './MenuList.module.scss.mjs';
+import styles from './MenuList.module.scss.mjs';
 const MenuList = /*#__PURE__*/function () {
   const MenuList = function (props) {
     var _a;
@@ -12,7 +12,7 @@ const MenuList = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement(React.Fragment, null, heading && /*#__PURE__*/cloneElement(heading, {
       id: listHeadingID
     }), /*#__PURE__*/React.createElement("ul", __assign({
-      className: modules_d1c0b4e0.menuSection,
+      className: styles.menuSection,
       "aria-labelledby": heading ? listHeadingID : undefined
     }, restProps), children));
   };

package/dist/esm/src/MenuV1/subcomponents/MenuList/MenuList.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_d1c0b4e0 = {
-  "menuSection": "MenuList_module_menuSection__8b2792fc"
+var styles = {
+  "menuSection": "MenuList-module_menuSection__kFY7V"
 };
-export { modules_d1c0b4e0 as default };
+export { styles as default };

package/dist/esm/src/MenuV1/subcomponents/StatelessMenu/StatelessMenu.mjs

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import { MenuDropdown } from '../MenuDropdown/MenuDropdown.mjs';
-import modules_8ea8fd34 from './StatelessMenu.module.scss.mjs';
+import styles from './StatelessMenu.module.scss.mjs';
 const StatelessMenu = /*#__PURE__*/function () {
   const StatelessMenu = function (_a) {
     var _b = _a.align,
@@ -58,7 +58,7 @@ const StatelessMenu = /*#__PURE__*/function () {
         "data-testid": dataTestId,
         onClick: onClick
       }, /*#__PURE__*/React.createElement("div", {
-        className: modules_8ea8fd34.buttonWrapper,
+        className: styles.buttonWrapper,
         ref: setReferenceElement
       }, menuButton), portalSelector && portalSelectorElementRef.current ? /*#__PURE__*/ReactDOM.createPortal(menu, portalSelectorElementRef.current) : menu)
     );

package/dist/esm/src/MenuV1/subcomponents/StatelessMenu/StatelessMenu.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_8ea8fd34 = {
-  "buttonWrapper": "StatelessMenu_module_buttonWrapper__c8837f94"
+var styles = {
+  "buttonWrapper": "StatelessMenu-module_buttonWrapper__tFRmW"
 };
-export { modules_8ea8fd34 as default };
+export { styles as default };

package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -13,7 +13,7 @@ import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFoot
 import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
 import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
 import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
-import modules_67560e97 from './ConfirmationModal.module.scss.mjs';
+import styles from './ConfirmationModal.module.scss.mjs';
 var getIconName = function (variantName) {
   switch (variantName) {
     case 'cautionary':
@@ -101,23 +101,23 @@ const ConfirmationModal = /*#__PURE__*/function () {
       onAfterEnter: onAfterEnter,
       className: className
     }, /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_67560e97.modal,
+      className: styles.modal,
       "data-modal": true
     }, props), /*#__PURE__*/React.createElement(ModalHeader, {
       onDismiss: onDismiss
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_67560e97.header, modules_67560e97[variant], isProminent && modules_67560e97.prominent, !unpadded && modules_67560e97.padded)
+      className: classnames(styles.header, styles[variant], isProminent && styles.prominent, !unpadded && styles.padded)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_67560e97.iconContainer, isProminent && modules_67560e97.prominent)
+      className: classnames(styles.iconContainer, isProminent && styles.prominent)
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_67560e97.spotIcon
+      className: styles.spotIcon
     }, getIcon(variantName, isProminent))), /*#__PURE__*/React.createElement(ModalAccessibleLabel, {
       isProminent: isProminent
     }, /*#__PURE__*/React.createElement(Heading, {
       tag: "h2",
       variant: "heading-2"
     }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
-      className: classnames(isProminent && modules_67560e97.prominent, !unpadded && modules_67560e97.padded)
+      className: classnames(isProminent && styles.prominent, !unpadded && styles.padded)
     }, /*#__PURE__*/React.createElement(ModalAccessibleDescription, null, children))), /*#__PURE__*/React.createElement(ModalFooter, {
       actions: footerActions,
       unpadded: unpadded

package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs

@@ -1,28 +1,28 @@
-var modules_67560e97 = {
-  "defaultModalWidth": "ConfirmationModal_module_defaultModalWidth__baa49d4e",
-  "backdropLayer": "ConfirmationModal_module_backdropLayer__baa49d4e",
-  "scrollLayer": "ConfirmationModal_module_scrollLayer__baa49d4e",
-  "modalLayer": "ConfirmationModal_module_modalLayer__baa49d4e",
-  "modal": "ConfirmationModal_module_modal__baa49d4e",
-  "transitionLayer": "ConfirmationModal_module_transitionLayer__baa49d4e",
-  "fade-0-to-0-5": "ConfirmationModal_module_fade0To05__baa49d4e",
-  "custom-1": "ConfirmationModal_module_custom1__baa49d4e",
-  "animatingEnter": "ConfirmationModal_module_animatingEnter__baa49d4e",
-  "custom-3": "ConfirmationModal_module_custom3__baa49d4e",
-  "animatingLeave": "ConfirmationModal_module_animatingLeave__baa49d4e",
-  "fade-0-5-to-0": "ConfirmationModal_module_fade05To0__baa49d4e",
-  "custom-5": "ConfirmationModal_module_custom5__baa49d4e",
-  "unscrollable": "ConfirmationModal_module_unscrollable__baa49d4e",
-  "pseudoScrollbar": "ConfirmationModal_module_pseudoScrollbar__baa49d4e",
-  "hide": "ConfirmationModal_module_hide__baa49d4e",
-  "spotIcon": "ConfirmationModal_module_spotIcon__baa49d4e",
-  "header": "ConfirmationModal_module_header__baa49d4e",
-  "padded": "ConfirmationModal_module_padded__baa49d4e",
-  "iconContainer": "ConfirmationModal_module_iconContainer__baa49d4e",
-  "prominent": "ConfirmationModal_module_prominent__baa49d4e",
-  "success": "ConfirmationModal_module_success__baa49d4e",
-  "informative": "ConfirmationModal_module_informative__baa49d4e",
-  "warning": "ConfirmationModal_module_warning__baa49d4e",
-  "cautionary": "ConfirmationModal_module_cautionary__baa49d4e"
+var styles = {
+  "defaultModalWidth": "ConfirmationModal-module_defaultModalWidth__K3fje",
+  "backdropLayer": "ConfirmationModal-module_backdropLayer__wvXnl",
+  "scrollLayer": "ConfirmationModal-module_scrollLayer__x-yP4",
+  "modalLayer": "ConfirmationModal-module_modalLayer__MucTZ",
+  "modal": "ConfirmationModal-module_modal__k3pXu",
+  "transitionLayer": "ConfirmationModal-module_transitionLayer__Ue95T",
+  "fade-0-to-0-5": "ConfirmationModal-module_fade-0-to-0-5__353tZ",
+  "custom-1": "ConfirmationModal-module_custom-1__Ibcy-",
+  "animatingEnter": "ConfirmationModal-module_animatingEnter__4W4xh",
+  "custom-3": "ConfirmationModal-module_custom-3__MEO7v",
+  "animatingLeave": "ConfirmationModal-module_animatingLeave__n-S4X",
+  "fade-0-5-to-0": "ConfirmationModal-module_fade-0-5-to-0__pfhV-",
+  "custom-5": "ConfirmationModal-module_custom-5__zbG38",
+  "unscrollable": "ConfirmationModal-module_unscrollable__wg2AZ",
+  "pseudoScrollbar": "ConfirmationModal-module_pseudoScrollbar__NqMuT",
+  "hide": "ConfirmationModal-module_hide__jOdWV",
+  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
+  "header": "ConfirmationModal-module_header__Ooy23",
+  "padded": "ConfirmationModal-module_padded__nGa2-",
+  "iconContainer": "ConfirmationModal-module_iconContainer__QjdGa",
+  "prominent": "ConfirmationModal-module_prominent__8-gkP",
+  "success": "ConfirmationModal-module_success__4feh-",
+  "informative": "ConfirmationModal-module_informative__-kOIo",
+  "warning": "ConfirmationModal-module_warning__QlnBO",
+  "cautionary": "ConfirmationModal-module_cautionary__AJSCG"
 };
-export { modules_67560e97 as default };
+export { styles as default };

package/dist/esm/src/Modal/ContextModal/ContextModal.mjs

@@ -9,7 +9,7 @@ import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFoot
 import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
 import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
 import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
-import modules_9111028a from './ContextModal.module.scss.mjs';
+import styles from './ContextModal.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
@@ -67,25 +67,25 @@ const ContextModal = /*#__PURE__*/function () {
       onAfterEnter: onAfterEnter,
       className: className
     }, /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_9111028a.modal,
+      className: styles.modal,
       "data-modal": true
     }, props), renderBackground === null || renderBackground === void 0 ? void 0 : renderBackground(), /*#__PURE__*/React.createElement(ModalHeader, {
       onDismiss: onDismiss
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_9111028a.header, !unpadded && modules_9111028a.padded)
+      className: classnames(styles.header, !unpadded && styles.padded)
     }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-2",
       tag: "h2"
     }, title)))), contentHeader && /*#__PURE__*/React.createElement("div", {
-      className: modules_9111028a.contentHeader
+      className: styles.contentHeader
     }, contentHeader), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_9111028a.contentLayout, modules_9111028a["".concat(layout, "Contentlayout")])
+      className: classnames(styles.contentLayout, styles["".concat(layout, "Contentlayout")])
     }, image && /*#__PURE__*/React.createElement("div", {
-      className: modules_9111028a.image
+      className: styles.image
     }, image), /*#__PURE__*/React.createElement("div", {
-      className: modules_9111028a.content
+      className: styles.content
     }, children, onConfirm != null && (/*#__PURE__*/React.createElement("div", {
-      className: secondaryLabel ? modules_9111028a.footerWithSecondaryAction : modules_9111028a.footer
+      className: secondaryLabel ? styles.footerWithSecondaryAction : styles.footer
     }))))), /*#__PURE__*/React.createElement(ModalFooter, {
       variant: image ? 'context' : undefined,
       actions: footerActions,

package/dist/esm/src/Modal/ContextModal/ContextModal.module.scss.mjs

@@ -1,30 +1,30 @@
-var modules_9111028a = {
-  "defaultModalWidth": "ContextModal_module_defaultModalWidth__bfc91d8e",
-  "backdropLayer": "ContextModal_module_backdropLayer__bfc91d8e",
-  "scrollLayer": "ContextModal_module_scrollLayer__bfc91d8e",
-  "modalLayer": "ContextModal_module_modalLayer__bfc91d8e",
-  "modal": "ContextModal_module_modal__bfc91d8e",
-  "transitionLayer": "ContextModal_module_transitionLayer__bfc91d8e",
-  "fade-0-to-0-5": "ContextModal_module_fade0To05__bfc91d8e",
-  "custom-1": "ContextModal_module_custom1__bfc91d8e",
-  "animatingEnter": "ContextModal_module_animatingEnter__bfc91d8e",
-  "custom-3": "ContextModal_module_custom3__bfc91d8e",
-  "animatingLeave": "ContextModal_module_animatingLeave__bfc91d8e",
-  "fade-0-5-to-0": "ContextModal_module_fade05To0__bfc91d8e",
-  "custom-5": "ContextModal_module_custom5__bfc91d8e",
-  "unscrollable": "ContextModal_module_unscrollable__bfc91d8e",
-  "pseudoScrollbar": "ContextModal_module_pseudoScrollbar__bfc91d8e",
-  "hide": "ContextModal_module_hide__bfc91d8e",
-  "custom-7": "ContextModal_module_custom7__bfc91d8e",
-  "custom-9": "ContextModal_module_custom9__bfc91d8e",
-  "header": "ContextModal_module_header__bfc91d8e",
-  "padded": "ContextModal_module_padded__bfc91d8e",
-  "footerWithSecondaryAction": "ContextModal_module_footerWithSecondaryAction__bfc91d8e",
-  "footer": "ContextModal_module_footer__bfc91d8e",
-  "emptyFooter": "ContextModal_module_emptyFooter__bfc91d8e",
-  "portraitContentlayout": "ContextModal_module_portraitContentlayout__bfc91d8e",
-  "landscapeContentlayout": "ContextModal_module_landscapeContentlayout__bfc91d8e",
-  "image": "ContextModal_module_image__bfc91d8e",
-  "content": "ContextModal_module_content__bfc91d8e"
+var styles = {
+  "defaultModalWidth": "ContextModal-module_defaultModalWidth__bgf7L",
+  "backdropLayer": "ContextModal-module_backdropLayer__wuj3B",
+  "scrollLayer": "ContextModal-module_scrollLayer__JANXA",
+  "modalLayer": "ContextModal-module_modalLayer__Cx6aX",
+  "modal": "ContextModal-module_modal__wriV7",
+  "transitionLayer": "ContextModal-module_transitionLayer__IjJem",
+  "fade-0-to-0-5": "ContextModal-module_fade-0-to-0-5__vZx9M",
+  "custom-1": "ContextModal-module_custom-1__be8sO",
+  "animatingEnter": "ContextModal-module_animatingEnter__53BlF",
+  "custom-3": "ContextModal-module_custom-3__klp3m",
+  "animatingLeave": "ContextModal-module_animatingLeave__-JR11",
+  "fade-0-5-to-0": "ContextModal-module_fade-0-5-to-0__R4eO-",
+  "custom-5": "ContextModal-module_custom-5__deZpl",
+  "unscrollable": "ContextModal-module_unscrollable__kF7MR",
+  "pseudoScrollbar": "ContextModal-module_pseudoScrollbar__6RfHj",
+  "hide": "ContextModal-module_hide__Sdnsg",
+  "custom-7": "ContextModal-module_custom-7__rPmP4",
+  "custom-9": "ContextModal-module_custom-9__QZcNq",
+  "header": "ContextModal-module_header__V4IRF",
+  "padded": "ContextModal-module_padded__osmk1",
+  "footerWithSecondaryAction": "ContextModal-module_footerWithSecondaryAction__-5sq8",
+  "footer": "ContextModal-module_footer__JIwF5",
+  "emptyFooter": "ContextModal-module_emptyFooter__UHWc-",
+  "portraitContentlayout": "ContextModal-module_portraitContentlayout__kqUJG",
+  "landscapeContentlayout": "ContextModal-module_landscapeContentlayout__IFqQN",
+  "image": "ContextModal-module_image__aEDvK",
+  "content": "ContextModal-module_content__-KrFF"
 };
-export { modules_9111028a as default };
+export { styles as default };

package/dist/esm/src/Modal/GenericModal/GenericModal.mjs

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import { useIsClientReady } from '../../utils/useIsClientReady/useIsClientReady.mjs';
 import { ModalContext } from './context/ModalContext.mjs';
-import modules_70b8bd9e from './GenericModal.module.scss.mjs';
+import styles from './GenericModal.module.scss.mjs';
 const GenericModal = /*#__PURE__*/function () {
   const GenericModal = function (_a) {
     var propsId = _a.id,
@@ -90,10 +90,10 @@ const GenericModal = /*#__PURE__*/function () {
       afterEnter: onAfterEnterHandler,
       afterLeave: onAfterLeaveHandler,
       "data-generic-modal-transition-wrapper": true,
-      enter: modules_70b8bd9e.animatingEnter,
-      leave: modules_70b8bd9e.animatingLeave,
+      enter: styles.animatingEnter,
+      leave: styles.animatingLeave,
       as: "div",
-      className: classnames(modules_70b8bd9e.transitionLayer, className)
+      className: classnames(styles.transitionLayer, className)
     }, /*#__PURE__*/React.createElement(FocusOn, {
       focusLock: focusLockDisabled,
       returnFocus: true,
@@ -102,9 +102,9 @@ const GenericModal = /*#__PURE__*/function () {
       // eslint-disable-next-line jsx-a11y/no-autofocus
       autoFocus: false
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_70b8bd9e.backdropLayer
+      className: styles.backdropLayer
     }), /*#__PURE__*/React.createElement("div", {
-      className: modules_70b8bd9e.scrollLayer,
+      className: styles.scrollLayer,
       ref: scrollLayerRef,
       "data-testid": "".concat(id, "-scrollLayer"),
       onClick: outsideModalClickHandler
@@ -115,7 +115,7 @@ const GenericModal = /*#__PURE__*/function () {
       }
     }, /*#__PURE__*/React.createElement("div", {
       role: "dialog",
-      className: modules_70b8bd9e.modalLayer,
+      className: styles.modalLayer,
       "aria-labelledby": labelledByID,
       "aria-describedby": describedByID,
       ref: modalLayerRef,

package/dist/esm/src/Modal/GenericModal/GenericModal.module.scss.mjs

@@ -1,9 +1,9 @@
-var modules_70b8bd9e = {
-  "backdropLayer": "GenericModal_module_backdropLayer__acf0c8b0",
-  "scrollLayer": "GenericModal_module_scrollLayer__acf0c8b0",
-  "modalLayer": "GenericModal_module_modalLayer__acf0c8b0",
-  "transitionLayer": "GenericModal_module_transitionLayer__acf0c8b0",
-  "animatingEnter": "GenericModal_module_animatingEnter__acf0c8b0",
-  "animatingLeave": "GenericModal_module_animatingLeave__acf0c8b0"
+var styles = {
+  "backdropLayer": "GenericModal-module_backdropLayer__RNQ-U",
+  "scrollLayer": "GenericModal-module_scrollLayer__A5VdY",
+  "modalLayer": "GenericModal-module_modalLayer__WfD1U",
+  "transitionLayer": "GenericModal-module_transitionLayer__zTH-C",
+  "animatingEnter": "GenericModal-module_animatingEnter__P3wuk",
+  "animatingLeave": "GenericModal-module_animatingLeave__rNkKX"
 };
-export { modules_70b8bd9e as default };
+export { styles as default };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalContext } from '../../context/ModalContext.mjs';
-import modules_bc0ca697 from './ModalAccessibleDescription.module.scss.mjs';
+import styles from './ModalAccessibleDescription.module.scss.mjs';
 const ModalAccessibleDescription = /*#__PURE__*/function () {
   const ModalAccessibleDescription = function (_a) {
     var children = _a.children;
@@ -8,7 +8,7 @@ const ModalAccessibleDescription = /*#__PURE__*/function () {
       var describedByID = _a.describedByID;
       return /*#__PURE__*/React.createElement("div", {
         id: describedByID,
-        className: modules_bc0ca697.modalDescription
+        className: styles.modalDescription
       }, children);
     });
   };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_bc0ca697 = {
-  "modalDescription": "ModalAccessibleDescription_module_modalDescription__f8fe5fab"
+var styles = {
+  "modalDescription": "ModalAccessibleDescription-module_modalDescription__gq-Mn"
 };
-export { modules_bc0ca697 as default };
+export { styles as default };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import { ModalContext } from '../../context/ModalContext.mjs';
-import modules_2e2f5781 from './ModalAccessibleLabel.module.scss.mjs';
+import styles from './ModalAccessibleLabel.module.scss.mjs';
 const ModalAccessibleLabel = /*#__PURE__*/function () {
   const ModalAccessibleLabel = function (_a) {
     var children = _a.children,
@@ -12,7 +12,7 @@ const ModalAccessibleLabel = /*#__PURE__*/function () {
       return /*#__PURE__*/React.createElement("div", {
         id: labelledByID,
         tabIndex: -1,
-        className: classnames(modules_2e2f5781.modalLabel, isProminent && modules_2e2f5781.prominent)
+        className: classnames(styles.modalLabel, isProminent && styles.prominent)
       }, children);
     });
   };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.mjs

@@ -1,5 +1,5 @@
-var modules_2e2f5781 = {
-  "modalLabel": "ModalAccessibleLabel_module_modalLabel__bdd2672b",
-  "prominent": "ModalAccessibleLabel_module_prominent__bdd2672b"
+var styles = {
+  "modalLabel": "ModalAccessibleLabel-module_modalLabel__CQAIs",
+  "prominent": "ModalAccessibleLabel-module_prominent__WEPnY"
 };
-export { modules_2e2f5781 as default };
+export { styles as default };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs

@@ -1,13 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
-import modules_9b469231 from './ModalBody.module.scss.mjs';
+import styles from './ModalBody.module.scss.mjs';
 const ModalBody = /*#__PURE__*/function () {
   const ModalBody = function (_a) {
     var _b = _a.inputEdit,
       inputEdit = _b === void 0 ? false : _b,
       children = _a.children;
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(inputEdit && modules_9b469231.inputEdit)
+      className: classnames(inputEdit && styles.inputEdit)
     }, children);
   };
   ModalBody.displayName = 'ModalBody';

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_9b469231 = {
-  "inputEdit": "ModalBody_module_inputEdit__8b8b28d6"
+var styles = {
+  "inputEdit": "ModalBody-module_inputEdit__4Krgt"
 };
-export { modules_9b469231 as default };
+export { styles as default };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -5,7 +5,7 @@ import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { useMediaQueries } from '../../../../utils/useMediaQueries.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
-import modules_5b783e10 from './ModalFooter.module.scss.mjs';
+import styles from './ModalFooter.module.scss.mjs';
 const ModalFooter = /*#__PURE__*/function () {
   const ModalFooter = function (_a) {
     var unpadded = _a.unpadded,
@@ -17,10 +17,10 @@ const ModalFooter = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement(ModalBody, {
       inputEdit: variant === 'inputEdit'
     }, /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_5b783e10.actions, !unpadded && modules_5b783e10.padded, variant === 'context' && modules_5b783e10.informationPadded, alignStart && modules_5b783e10.actionsAlignStart)
+      className: classnames(styles.actions, !unpadded && styles.padded, variant === 'context' && styles.informationPadded, alignStart && styles.actionsAlignStart)
     }, props), actions.map(function (action, index) {
       return /*#__PURE__*/React.createElement("div", {
-        className: modules_5b783e10.actionButton,
+        className: styles.actionButton,
         key: index
       }, /*#__PURE__*/React.createElement(Button, __assign({
         type: "button",

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.mjs

@@ -1,7 +1,7 @@
-var modules_5b783e10 = {
-  "actions": "ModalFooter_module_actions__cc2d7cbc",
-  "actionsAlignStart": "ModalFooter_module_actionsAlignStart__cc2d7cbc",
-  "padded": "ModalFooter_module_padded__cc2d7cbc",
-  "actionButton": "ModalFooter_module_actionButton__cc2d7cbc"
+var styles = {
+  "actions": "ModalFooter-module_actions__q2PiD",
+  "actionsAlignStart": "ModalFooter-module_actionsAlignStart__4wZ75",
+  "padded": "ModalFooter-module_padded__9PLtz",
+  "actionButton": "ModalFooter-module_actionButton__YD4vG"
 };
-export { modules_5b783e10 as default };
+export { styles as default };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs

@@ -3,14 +3,14 @@ import '../../../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { Icon } from '../../../../Icon/Icon.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
-import modules_c4ceb2ea from './ModalHeader.module.scss.mjs';
+import styles from './ModalHeader.module.scss.mjs';
 const ModalHeader = /*#__PURE__*/function () {
   const ModalHeader = function (_a) {
     var reversed = _a.reversed,
       onDismiss = _a.onDismiss,
       children = _a.children;
     return /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_c4ceb2ea.dismissButton
+      className: styles.dismissButton
     }, /*#__PURE__*/React.createElement(IconButton, {
       label: "Dismiss",
       icon: /*#__PURE__*/React.createElement(Icon, {

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_c4ceb2ea = {
-  "dismissButton": "ModalHeader_module_dismissButton__7f752ac1"
+var styles = {
+  "dismissButton": "ModalHeader-module_dismissButton__YhHZl"
 };
-export { modules_c4ceb2ea as default };
+export { styles as default };

package/dist/esm/src/Modal/InputEditModal/InputEditModal.mjs

@@ -9,7 +9,7 @@ import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFoot
 import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
 import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
 import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
-import modules_6f905686 from './InputEditModal.module.scss.mjs';
+import styles from './InputEditModal.module.scss.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
@@ -58,17 +58,17 @@ const InputEditModal = /*#__PURE__*/function () {
       onAfterEnter: onAfterEnter,
       className: className
     }, /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_6f905686.modal,
+      className: styles.modal,
       "data-modal": true
     }, props), /*#__PURE__*/React.createElement(ModalHeader, {
       onDismiss: onDismiss
     }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_6f905686.header, !unpadded && modules_6f905686.padded)
+      className: classnames(styles.header, !unpadded && styles.padded)
     }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
       tag: "h2",
       variant: "heading-2"
     }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_6f905686.body, !unpadded && modules_6f905686.padded)
+      className: classnames(styles.body, !unpadded && styles.padded)
     }, children)), /*#__PURE__*/React.createElement(ModalFooter, {
       actions: footerActions,
       variant: "inputEdit",

package/dist/esm/src/Modal/InputEditModal/InputEditModal.module.scss.mjs

@@ -1,7 +1,7 @@
-var modules_6f905686 = {
-  "modal": "InputEditModal_module_modal__293ebf8f",
-  "header": "InputEditModal_module_header__293ebf8f",
-  "padded": "InputEditModal_module_padded__293ebf8f",
-  "body": "InputEditModal_module_body__293ebf8f"
+var styles = {
+  "modal": "InputEditModal-module_modal__SbQqp",
+  "header": "InputEditModal-module_header__nivTf",
+  "padded": "InputEditModal-module_padded__ZdEIS",
+  "body": "InputEditModal-module_body__LyxBE"
 };
-export { modules_6f905686 as default };
+export { styles as default };

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

@@ -7,7 +7,7 @@ import { MultiSelectOptions } from './subcomponents/MultiSelectOptions/MultiSele
 import { MultiSelectToggle } from './subcomponents/MultiSelectToggle/MultiSelectToggle.mjs';
 import { Popover } from './subcomponents/Popover/Popover.mjs';
 import { useFloating } from '@floating-ui/react-dom';
-import modules_66f395c3 from './MultiSelect.module.scss.mjs';
+import styles from './MultiSelect.module.scss.mjs';
 const MultiSelect = /*#__PURE__*/function () {
   const MultiSelect = function (_a) {
     var propsId = _a.id,
@@ -63,7 +63,7 @@ const MultiSelect = /*#__PURE__*/function () {
       id: "".concat(id, "--label")
     }, label), /*#__PURE__*/React.createElement("div", {
       ref: refs.setReference,
-      className: modules_66f395c3.toggleContainer
+      className: styles.toggleContainer
     }, /*#__PURE__*/React.createElement(MultiSelectToggle, {
       ref: toggleButtonRef,
       id: "".concat(id, "--toggle"),
@@ -100,7 +100,7 @@ const MultiSelect = /*#__PURE__*/function () {
           return (_b = (_a = refs.floating) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
       },
-      classNameOverride: modules_66f395c3.popover
+      classNameOverride: styles.popover
     }, /*#__PURE__*/React.createElement(MultiSelectOptions, {
       id: "".concat(id, "--options"),
       options: items,

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

@@ -1,5 +1,5 @@
-var modules_66f395c3 = {
-  "toggleContainer": "MultiSelect_module_toggleContainer__9a30c7d3",
-  "popover": "MultiSelect_module_popover__9a30c7d3"
+var styles = {
+  "toggleContainer": "MultiSelect-module_toggleContainer__AxNnf",
+  "popover": "MultiSelect-module_popover__jI13O"
 };
-export { modules_66f395c3 as default };
+export { styles as default };

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

@@ -2,13 +2,13 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../../Icon/Icon.mjs';
-import modules_6238daf1 from './Checkbox.module.scss.mjs';
+import styles from './Checkbox.module.scss.mjs';
 var renderIcon = function (status) {
   if (status === 'unchecked') return null;
   return /*#__PURE__*/React.createElement(Icon, {
     name: status === 'checked' ? 'check' : 'remove',
     isPresentational: true,
-    className: modules_6238daf1.icon
+    className: styles.icon
   });
 };
 const Checkbox = /*#__PURE__*/function () {
@@ -32,13 +32,13 @@ const Checkbox = /*#__PURE__*/function () {
       }
     }, [checkedStatus]);
     return /*#__PURE__*/React.createElement("span", {
-      className: classnames(modules_6238daf1.checkbox, checkedStatus !== 'unchecked' && modules_6238daf1.selected, classNameOverride)
+      className: classnames(styles.checkbox, checkedStatus !== 'unchecked' && styles.selected, classNameOverride)
     }, /*#__PURE__*/React.createElement("input", __assign({
       ref: checkboxRef,
       type: "checkbox",
-      className: modules_6238daf1.nativeCheckbox
+      className: styles.nativeCheckbox
     }, restProps)), /*#__PURE__*/React.createElement("span", {
-      className: modules_6238daf1.iconContainer
+      className: styles.iconContainer
     }, renderIcon(checkedStatus)));
   };
   Checkbox.displayName = 'Checkbox';