@kaizen/components 3.0.5 → 3.0.6

package/dist/esm/src/TitleBlock/subcomponents/TitleBlockMenuItem.mjs

@@ -2,23 +2,23 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { MenuItem } from '../../MenuV1/index.mjs';
-import modules_19515229 from './TitleBlockMenuItem.module.scss.mjs';
+import styles from './TitleBlockMenuItem.module.scss.mjs';
 const TitleBlockMenuItem = /*#__PURE__*/function () {
   const TitleBlockMenuItem = function (props) {
-    var className = classnames(modules_19515229.menuItem, modules_19515229.destructive && modules_19515229['menuItem--destructive'], modules_19515229.disabled && modules_19515229['menuItem--disabled'], modules_19515229.isActive && modules_19515229['menuItem--active']);
+    var className = classnames(styles.menuItem, styles.destructive && styles['menuItem--destructive'], styles.disabled && styles['menuItem--disabled'], styles.isActive && styles['menuItem--active']);
     if ('component' in props) {
       var CustomMenuItem = props.component,
         label = props.label,
         icon = props.icon,
         otherProps = __rest(props, ["component", "label", "icon"]);
       var wrappedLabel = /*#__PURE__*/React.createElement("span", {
-        className: modules_19515229.menuItem__Label
+        className: styles.menuItem__Label
       }, label);
       var iconNode = icon && /*#__PURE__*/React.createElement("span", {
-        className: modules_19515229.menuItem__Icon
+        className: styles.menuItem__Icon
       }, icon);
       return /*#__PURE__*/React.createElement("li", {
-        className: modules_19515229.menuListItem
+        className: styles.menuListItem
       }, /*#__PURE__*/React.createElement(CustomMenuItem, __assign({}, otherProps, {
         className: className
       }), iconNode, wrappedLabel));

package/dist/esm/src/TitleBlock/subcomponents/TitleBlockMenuItem.module.scss.mjs

@@ -1,10 +1,10 @@
-var modules_19515229 = {
-  "menuListItem": "TitleBlockMenuItem_module_menuListItem__53835be1",
-  "menuItem": "TitleBlockMenuItem_module_menuItem__53835be1",
-  "menuItem--disabled": "TitleBlockMenuItem_module_menuItem_Disabled__53835be1",
-  "menuItem__Icon": "TitleBlockMenuItem_module_menuItem__Icon__53835be1",
-  "menuItem--destructive": "TitleBlockMenuItem_module_menuItem_Destructive__53835be1",
-  "menuItem--active": "TitleBlockMenuItem_module_menuItem_Active__53835be1",
-  "menuItem__Label": "TitleBlockMenuItem_module_menuItem__Label__53835be1"
+var styles = {
+  "menuListItem": "TitleBlockMenuItem-module_menuListItem__suc3B",
+  "menuItem": "TitleBlockMenuItem-module_menuItem__pi8lr",
+  "menuItem--disabled": "TitleBlockMenuItem-module_menuItem--disabled__0bKV2",
+  "menuItem__Icon": "TitleBlockMenuItem-module_menuItem__Icon__3qRQ0",
+  "menuItem--destructive": "TitleBlockMenuItem-module_menuItem--destructive__hlbFk",
+  "menuItem--active": "TitleBlockMenuItem-module_menuItem--active__qS8-v",
+  "menuItem__Label": "TitleBlockMenuItem-module_menuItem__Label__8XdhT"
 };
-export { modules_19515229 as default };
+export { styles as default };

package/dist/esm/src/TitleBlock/subcomponents/Toolbar.mjs

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import modules_b2e3cb74 from './Toolbar.module.scss.mjs';
+import styles from './Toolbar.module.scss.mjs';
 
 // Toolbar should eventually be broken out
 // into its own component since it's a generic
@@ -15,12 +15,12 @@ const Toolbar = /*#__PURE__*/function () {
       return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_b2e3cb74.toolbar,
+      className: styles.toolbar,
       "data-automation-id": automationId,
       "data-testid": automationId
     }, items.map(function (item) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(modules_b2e3cb74.toolbarItem, noGap && modules_b2e3cb74.noGap),
+        className: classnames(styles.toolbarItem, noGap && styles.noGap),
         key: item.key
       }, item.node);
     }));

package/dist/esm/src/TitleBlock/subcomponents/Toolbar.module.scss.mjs

@@ -1,4 +1,4 @@
-var modules_b2e3cb74 = {
-  "toolbar": "Toolbar_module_toolbar__f237a56f"
+var styles = {
+  "toolbar": "Toolbar-module_toolbar__8T-NB"
 };
-export { modules_b2e3cb74 as default };
+export { styles as default };

package/dist/esm/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../Icon/Icon.mjs';
-import modules_9d3ee063 from './ToggleSwitch.module.css.mjs';
+import styles from './ToggleSwitch.module.css.mjs';
 const ToggleSwitch = /*#__PURE__*/function () {
   const ToggleSwitch = function (_a) {
     var toggledStatus = _a.toggledStatus,
@@ -12,21 +12,21 @@ const ToggleSwitch = /*#__PURE__*/function () {
       restProps = __rest(_a, ["toggledStatus", "onToggle", "reversed", "disabled"]);
     var isOn = toggledStatus === 'on';
     return /*#__PURE__*/React.createElement("span", {
-      className: classnames(isOn ? modules_9d3ee063.on : modules_9d3ee063.off, reversed && modules_9d3ee063.reversed)
+      className: classnames(isOn ? styles.on : styles.off, reversed && styles.reversed)
     }, /*#__PURE__*/React.createElement("input", __assign({
       type: "checkbox",
-      className: classnames(modules_9d3ee063.checkbox, disabled && modules_9d3ee063.disabled),
+      className: classnames(styles.checkbox, disabled && styles.disabled),
       checked: isOn ? true : false,
       onChange: onToggle,
       disabled: disabled
     }, restProps)), /*#__PURE__*/React.createElement("span", {
-      className: classnames(modules_9d3ee063.track, disabled && modules_9d3ee063.disabled)
+      className: classnames(styles.track, disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement("span", {
-      className: modules_9d3ee063.thumb
+      className: styles.thumb
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "check",
       isPresentational: true,
-      className: modules_9d3ee063.checkIcon
+      className: styles.checkIcon
     }))));
   };
   ToggleSwitch.displayName = 'ToggleSwitch';

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

@@ -1,11 +1,11 @@
-var modules_9d3ee063 = {
-  "checkbox": "ToggleSwitch_module_checkbox__798b80e2",
-  "track": "ToggleSwitch_module_track__798b80e2",
-  "disabled": "ToggleSwitch_module_disabled__798b80e2",
-  "thumb": "ToggleSwitch_module_thumb__798b80e2",
-  "checkIcon": "ToggleSwitch_module_checkIcon__798b80e2",
-  "on": "ToggleSwitch_module_on__798b80e2",
-  "off": "ToggleSwitch_module_off__798b80e2",
-  "reversed": "ToggleSwitch_module_reversed__798b80e2"
+var styles = {
+  "checkbox": "ToggleSwitch-module_checkbox__NmNyg",
+  "track": "ToggleSwitch-module_track__Zvo6N",
+  "disabled": "ToggleSwitch-module_disabled__qntEm",
+  "thumb": "ToggleSwitch-module_thumb__YIdcS",
+  "checkIcon": "ToggleSwitch-module_checkIcon__J4eSM",
+  "on": "ToggleSwitch-module_on__-OJbU",
+  "off": "ToggleSwitch-module_off__e-dto",
+  "reversed": "ToggleSwitch-module_reversed__5Jz8i"
 };
-export { modules_9d3ee063 as default };
+export { styles as default };

package/dist/esm/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { FieldGroup } from '../../FieldGroup/FieldGroup.mjs';
 import { Label } from '../../Label/Label.mjs';
 import { ToggleSwitch } from '../ToggleSwitch/ToggleSwitch.mjs';
-import modules_6134abfe from './ToggleSwitchField.module.css.mjs';
+import styles from './ToggleSwitchField.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
@@ -27,9 +27,9 @@ const ToggleSwitchField = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement(FieldGroup, {
       id: "".concat(id, "-field-group"),
       inline: inline,
-      classNameOverride: classnames(modules_6134abfe.container, fullWidth && modules_6134abfe.fullWidth, toggledStatus === 'on' && modules_6134abfe.on)
+      classNameOverride: classnames(styles.container, fullWidth && styles.fullWidth, toggledStatus === 'on' && styles.on)
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_6134abfe.inner
+      className: styles.inner
     }, /*#__PURE__*/React.createElement(Label, {
       id: "".concat(id, "-field-label"),
       htmlFor: "".concat(id, "-field-toggle"),

package/dist/esm/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.css.mjs

@@ -1,7 +1,7 @@
-var modules_6134abfe = {
-  "container": "ToggleSwitchField_module_container__30498bc6",
-  "fullWidth": "ToggleSwitchField_module_fullWidth__30498bc6",
-  "inner": "ToggleSwitchField_module_inner__30498bc6",
-  "on": "ToggleSwitchField_module_on__30498bc6"
+var styles = {
+  "container": "ToggleSwitchField-module_container__6c4oG",
+  "fullWidth": "ToggleSwitchField-module_fullWidth__iGJSg",
+  "inner": "ToggleSwitchField-module_inner__k1hyg",
+  "on": "ToggleSwitchField-module_on__8RJfp"
 };
-export { modules_6134abfe as default };
+export { styles as default };

package/dist/esm/src/Tooltip/OverlayArrow.mjs

@@ -4,7 +4,7 @@ import { OverlayArrow as OverlayArrow$1 } from 'react-aria-components';
 import 'use-debounce';
 import { useReversedColors } from '../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
-import modules_48dfd58d from './OverlayArrow.module.css.mjs';
+import styles from './OverlayArrow.module.css.mjs';
 
 /**
  * An OverlayArrow renders a custom arrow element relative to an overlay element
@@ -13,7 +13,7 @@ import modules_48dfd58d from './OverlayArrow.module.css.mjs';
 var OverlayArrow = function (props) {
   var reverseColors = useReversedColors();
   return /*#__PURE__*/React.createElement(OverlayArrow$1, __assign({}, props, {
-    className: mergeClassNames(modules_48dfd58d.overlayArrow, reverseColors && modules_48dfd58d.reversed, props.className)
+    className: mergeClassNames(styles.overlayArrow, reverseColors && styles.reversed, props.className)
   }), /*#__PURE__*/React.createElement("svg", {
     width: 8,
     height: 8,

package/dist/esm/src/Tooltip/OverlayArrow.module.css.mjs

@@ -1,5 +1,5 @@
-var modules_48dfd58d = {
-  "overlayArrow": "OverlayArrow_module_overlayArrow__3f0f2318",
-  "reversed": "OverlayArrow_module_reversed__3f0f2318"
+var styles = {
+  "overlayArrow": "OverlayArrow-module_overlayArrow__65sMU",
+  "reversed": "OverlayArrow-module_reversed__ChGpb"
 };
-export { modules_48dfd58d as default };
+export { styles as default };

package/dist/esm/src/Tooltip/Tooltip.mjs

@@ -7,7 +7,7 @@ import 'use-debounce';
 import { useReversedColors } from '../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../utils/mergeClassNames.mjs';
 import { OverlayArrow } from './OverlayArrow.mjs';
-import modules_e4619b04 from './Tooltip.module.css.mjs';
+import styles from './Tooltip.module.css.mjs';
 
 /**
  * A tooltip displays a description of an element on hover or focus.
@@ -34,7 +34,7 @@ const Tooltip = /*#__PURE__*/function () {
       ref: ref,
       offset: 8
     }, props, {
-      className: mergeClassNames(modules_e4619b04.tooltip, className, reverseColors && modules_e4619b04.reversed)
+      className: mergeClassNames(styles.tooltip, className, reverseColors && styles.reversed)
     }), function (renderProps) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayArrow, null), typeof children === 'function' ? children(renderProps) : children);
     }), shouldInlineHiddenContent ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, typeof children === 'function' ? contextState && children({

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

@@ -1,5 +1,5 @@
-var modules_e4619b04 = {
-  "tooltip": "Tooltip_module_tooltip__5c6fdfa3",
-  "reversed": "Tooltip_module_reversed__5c6fdfa3"
+var styles = {
+  "tooltip": "Tooltip-module_tooltip__Q1YfF",
+  "reversed": "Tooltip-module_reversed__IIGeJ"
 };
-export { modules_e4619b04 as default };
+export { styles as default };

package/dist/esm/src/TooltipV1/Tooltip.mjs

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { usePopper } from 'react-popper';
 import { AnimationProvider, useAnimation } from './subcomponents/AppearanceAnim.mjs';
 import { isSemanticElement } from './utils/isSemanticElement.mjs';
-import modules_16974fb0 from './Tooltip.module.scss.mjs';
+import styles from './Tooltip.module.scss.mjs';
 var positionToPlacement = new Map([['above', 'top'], ['below', 'bottom'], ['left', 'left'], ['right', 'right']]);
 // Sync with Tooltip.scss
 var arrowHeight = 7;
@@ -65,23 +65,23 @@ var TooltipContent = function (_a) {
     isAnimOut = _f.isAnimOut;
   return isVisible || isAnimOut || isAnimIn ? (/*#__PURE__*/React.createElement("div", __assign({
     ref: setPopperElement,
-    className: modules_16974fb0.tooltip,
+    className: styles.tooltip,
     style: popperStyles.popper
   }, attributes.popper, {
     role: "tooltip",
     id: tooltipId
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(modules_16974fb0.tooltipContent, modules_16974fb0[mood])
+    className: classnames(styles.tooltipContent, styles[mood])
   }, text), /*#__PURE__*/React.createElement("div", {
     ref: setArrowElement,
-    className: modules_16974fb0.arrow,
+    className: styles.arrow,
     style: popperStyles.arrow
   }, /*#__PURE__*/React.createElement("div", {
-    className: modules_16974fb0.arrowInner
+    className: styles.arrowInner
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(modules_16974fb0.arrowMain, modules_16974fb0[mood])
+    className: classnames(styles.arrowMain, styles[mood])
   }), /*#__PURE__*/React.createElement("div", {
-    className: modules_16974fb0.arrowShadow
+    className: styles.arrowShadow
   }))))) : null;
 };
 var renderChildren = function (content, tooltipId, hasActiveTooltip) {
@@ -141,15 +141,15 @@ const Tooltip = /*#__PURE__*/function () {
     var getDisplayClassName = function () {
       switch (display) {
         case 'inline':
-          return modules_16974fb0.displayInline;
+          return styles.displayInline;
         case 'block':
-          return modules_16974fb0.displayBlock;
+          return styles.displayBlock;
         case 'inline-block':
-          return modules_16974fb0.displayInlineBlock;
+          return styles.displayInlineBlock;
         case 'flex':
-          return modules_16974fb0.displayFlex;
+          return styles.displayFlex;
         case 'inline-flex':
-          return modules_16974fb0.displayInlineFlex;
+          return styles.displayInlineFlex;
         default:
           return undefined;
       }

package/dist/esm/src/TooltipV1/Tooltip.module.scss.mjs

@@ -1,19 +1,19 @@
-var modules_16974fb0 = {
-  "tooltip": "Tooltip_module_tooltip__9f810d77",
-  "tooltipContent": "Tooltip_module_tooltipContent__9f810d77",
-  "default": "Tooltip_module_default__9f810d77",
-  "informative": "Tooltip_module_informative__9f810d77",
-  "positive": "Tooltip_module_positive__9f810d77",
-  "cautionary": "Tooltip_module_cautionary__9f810d77",
-  "highlight": "Tooltip_module_highlight__9f810d77",
-  "arrow": "Tooltip_module_arrow__9f810d77",
-  "arrowInner": "Tooltip_module_arrowInner__9f810d77",
-  "arrowMain": "Tooltip_module_arrowMain__9f810d77",
-  "arrowShadow": "Tooltip_module_arrowShadow__9f810d77",
-  "displayInline": "Tooltip_module_displayInline__9f810d77",
-  "displayBlock": "Tooltip_module_displayBlock__9f810d77",
-  "displayInlineBlock": "Tooltip_module_displayInlineBlock__9f810d77",
-  "displayFlex": "Tooltip_module_displayFlex__9f810d77",
-  "displayInlineFlex": "Tooltip_module_displayInlineFlex__9f810d77"
+var styles = {
+  "tooltip": "Tooltip-module_tooltip__lONhP",
+  "tooltipContent": "Tooltip-module_tooltipContent__V8RTJ",
+  "default": "Tooltip-module_default__PLDEY",
+  "informative": "Tooltip-module_informative__6R-mj",
+  "positive": "Tooltip-module_positive__KuRQ3",
+  "cautionary": "Tooltip-module_cautionary__HkjnH",
+  "highlight": "Tooltip-module_highlight__9Bxqy",
+  "arrow": "Tooltip-module_arrow__MpFXm",
+  "arrowInner": "Tooltip-module_arrowInner__7JqLM",
+  "arrowMain": "Tooltip-module_arrowMain__Gj7oU",
+  "arrowShadow": "Tooltip-module_arrowShadow__OtqVa",
+  "displayInline": "Tooltip-module_displayInline__fFJJW",
+  "displayBlock": "Tooltip-module_displayBlock__8UF75",
+  "displayInlineBlock": "Tooltip-module_displayInlineBlock__KKMPX",
+  "displayFlex": "Tooltip-module_displayFlex__qqJiT",
+  "displayInlineFlex": "Tooltip-module_displayInlineFlex__Ch-DV"
 };
-export { modules_16974fb0 as default };
+export { styles as default };

package/dist/esm/src/VisuallyHidden/VisuallyHidden.mjs

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_b0018d5a from './VisuallyHidden.module.css.mjs';
+import styles from './VisuallyHidden.module.css.mjs';
 const VisuallyHidden = /*#__PURE__*/function () {
   const VisuallyHidden = function (_a) {
     var children = _a.children,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(modules_b0018d5a.srOnly, classNameOverride)
+      className: classnames(styles.srOnly, classNameOverride)
     }, restProps), children);
   };
   VisuallyHidden.displayName = 'VisuallyHidden';

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

@@ -1,4 +1,4 @@
-var modules_b0018d5a = {
-  "srOnly": "VisuallyHidden_module_srOnly__0bea4ebb"
+var styles = {
+  "srOnly": "VisuallyHidden-module_srOnly__-f5sJ"
 };
-export { modules_b0018d5a as default };
+export { styles as default };

package/dist/esm/src/Well/Well.mjs

@@ -2,8 +2,8 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { useExitingAnimation } from '../utils/useExitingAnimation/useExitingAnimation.mjs';
-import modules_47b2939c from '../../styles/utils/AIMoment.module.css.mjs';
-import modules_4eb101c5 from './Well.module.css.mjs';
+import sharedAiStyles from '../../styles/utils/AIMoment.module.css.mjs';
+import styles from './Well.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
@@ -21,12 +21,12 @@ const Well = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       isAiLoading = _a.isAiLoading,
       restProps = __rest(_a, ["children", "color", "borderStyle", "noMargin", "classNameOverride", "isAiLoading"]);
-    var animationClass = useExitingAnimation(isAiLoading, modules_47b2939c.aiMomentLoading, modules_47b2939c.aiMomentExiting, 500);
+    var animationClass = useExitingAnimation(isAiLoading, sharedAiStyles.aiMomentLoading, sharedAiStyles.aiMomentExiting, 500);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_4eb101c5.container, modules_4eb101c5[borderStyle], modules_4eb101c5[color], noMargin && modules_4eb101c5.noMargin, isAiLoading !== undefined && modules_47b2939c.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
+      className: classnames(styles.container, styles[borderStyle], styles[color], noMargin && styles.noMargin, isAiLoading !== undefined && sharedAiStyles.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement(React.Fragment, null, isAiLoading !== undefined && (/*#__PURE__*/React.createElement("div", {
       "aria-hidden": true,
-      className: modules_47b2939c.aiMomentBackground
+      className: sharedAiStyles.aiMomentBackground
     })), children));
   };
   Well.displayName = 'Well';

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

@@ -1,17 +1,17 @@
-var modules_4eb101c5 = {
-  "container": "Well_module_container__e974c2dd",
-  "noMargin": "Well_module_noMargin__e974c2dd",
-  "white": "Well_module_white__e974c2dd",
-  "gray": "Well_module_gray__e974c2dd",
-  "blue": "Well_module_blue__e974c2dd",
-  "yellow": "Well_module_yellow__e974c2dd",
-  "orange": "Well_module_orange__e974c2dd",
-  "red": "Well_module_red__e974c2dd",
-  "green": "Well_module_green__e974c2dd",
-  "purple": "Well_module_purple__e974c2dd",
-  "positive": "Well_module_positive__e974c2dd",
-  "solid": "Well_module_solid__e974c2dd",
-  "dashed": "Well_module_dashed__e974c2dd",
-  "none": "Well_module_none__e974c2dd"
+var styles = {
+  "container": "Well-module_container__Bu20U",
+  "noMargin": "Well-module_noMargin__HImc8",
+  "white": "Well-module_white__ov6XT",
+  "gray": "Well-module_gray__sIKVK",
+  "blue": "Well-module_blue__mNOks",
+  "yellow": "Well-module_yellow__cW5bY",
+  "orange": "Well-module_orange__hp3q8",
+  "red": "Well-module_red__jCJY6",
+  "green": "Well-module_green__gOTVG",
+  "purple": "Well-module_purple__zgJJR",
+  "positive": "Well-module_positive__Kee9e",
+  "solid": "Well-module_solid__iyAUm",
+  "dashed": "Well-module_dashed__4I8h7",
+  "none": "Well-module_none__nwqoe"
 };
-export { modules_4eb101c5 as default };
+export { styles as default };

package/dist/esm/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_2621a9ab from './FooterActions.module.css.mjs';
+import styles from './FooterActions.module.css.mjs';
 
 /** A simple wrapper for a Footer previous or next action  */
 const FooterAction = /*#__PURE__*/function () {
@@ -11,7 +11,7 @@ const FooterAction = /*#__PURE__*/function () {
       action = _a.action,
       restProps = __rest(_a, ["actionType", "action"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames([modules_2621a9ab.footerAction, modules_2621a9ab["footerAction".concat(actionType)]])
+      className: classnames([styles.footerAction, styles["footerAction".concat(actionType)]])
     }, restProps), action);
   };
   FooterAction.displayName = 'Workflow.FooterActions';

package/dist/esm/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.css.mjs

@@ -1,6 +1,6 @@
-var modules_2621a9ab = {
-  "footerAction": "FooterActions_module_footerAction__56f4d0d3",
-  "footerActionPrevious": "FooterActions_module_footerActionPrevious__56f4d0d3",
-  "footerActionNext": "FooterActions_module_footerActionNext__56f4d0d3"
+var styles = {
+  "footerAction": "FooterActions-module_footerAction__szvPs",
+  "footerActionPrevious": "FooterActions-module_footerActionPrevious__VJ6j1",
+  "footerActionNext": "FooterActions-module_footerActionNext__koFhj"
 };
-export { modules_2621a9ab as default };
+export { styles as default };

package/dist/esm/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../../../../Icon/Icon.mjs';
 import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
-import modules_fc7512f3 from './ProgressStepper.module.css.mjs';
+import styles from './ProgressStepper.module.css.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
     return {
@@ -46,9 +46,9 @@ const ProgressStepper = /*#__PURE__*/function () {
       return stepItem.id === currentStepId;
     });
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_fc7512f3.stepsContainer
+      className: styles.stepsContainer
     }, /*#__PURE__*/React.createElement("ol", __assign({
-      className: modules_fc7512f3.stepList
+      className: styles.stepList
     }, restprops, {
       "aria-labelledby": "stepper-description"
     }), steps.map(function (step, index) {
@@ -59,23 +59,23 @@ const ProgressStepper = /*#__PURE__*/function () {
         accessibleName = _c.accessibleName,
         icon = _c.icon;
       return /*#__PURE__*/React.createElement("li", {
-        className: modules_fc7512f3.step,
+        className: styles.step,
         key: "".concat(step.id),
         "aria-current": isCurrentStep
       }, /*#__PURE__*/React.createElement("div", {
-        className: modules_fc7512f3.stepContent
+        className: styles.stepContent
       }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement("span", {
-        className: classnames(modules_fc7512f3.stepName, (_a = {}, _a[modules_fc7512f3.isCurrent] = isCurrentStep, _a)),
+        className: classnames(styles.stepName, (_a = {}, _a[styles.isCurrent] = isCurrentStep, _a)),
         "aria-hidden": true
       }, step.label), /*#__PURE__*/React.createElement("div", {
-        className: modules_fc7512f3.stepIndicator
+        className: styles.stepIndicator
       }, /*#__PURE__*/React.createElement("span", {
-        className: classnames(modules_fc7512f3.stepIcon, (_b = {}, _b[modules_fc7512f3.isCompleted] = isCompletedStep, _b))
+        className: classnames(styles.stepIcon, (_b = {}, _b[styles.isCompleted] = isCompletedStep, _b))
       }, icon)), index < steps.length - 1 && (/*#__PURE__*/React.createElement("div", {
-        className: classnames([modules_fc7512f3.stepDivider, isCompletedStep && modules_fc7512f3.completedStep])
+        className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
       }))));
     })), /*#__PURE__*/React.createElement("span", {
-      className: modules_fc7512f3.stepperDescription,
+      className: styles.stepperDescription,
       id: "stepper-description"
     }, "Step ", currentStepIndex + 1, " of ", steps.length));
   };

package/dist/esm/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css.mjs

@@ -1,14 +1,14 @@
-var modules_fc7512f3 = {
-  "stepsContainer": "ProgressStepper_module_stepsContainer__15c3299a",
-  "stepList": "ProgressStepper_module_stepList__15c3299a",
-  "step": "ProgressStepper_module_step__15c3299a",
-  "stepContent": "ProgressStepper_module_stepContent__15c3299a",
-  "stepIndicator": "ProgressStepper_module_stepIndicator__15c3299a",
-  "stepName": "ProgressStepper_module_stepName__15c3299a",
-  "isCurrent": "ProgressStepper_module_isCurrent__15c3299a",
-  "stepIcon": "ProgressStepper_module_stepIcon__15c3299a",
-  "isCompleted": "ProgressStepper_module_isCompleted__15c3299a",
-  "stepDivider": "ProgressStepper_module_stepDivider__15c3299a",
-  "stepperDescription": "ProgressStepper_module_stepperDescription__15c3299a"
+var styles = {
+  "stepsContainer": "ProgressStepper-module_stepsContainer__7Motj",
+  "stepList": "ProgressStepper-module_stepList__jmArV",
+  "step": "ProgressStepper-module_step__x0O0y",
+  "stepContent": "ProgressStepper-module_stepContent__OuBES",
+  "stepIndicator": "ProgressStepper-module_stepIndicator__opcbs",
+  "stepName": "ProgressStepper-module_stepName__QvpQ4",
+  "isCurrent": "ProgressStepper-module_isCurrent__L8bL9",
+  "stepIcon": "ProgressStepper-module_stepIcon__K-fVm",
+  "isCompleted": "ProgressStepper-module_isCompleted__l7HiL",
+  "stepDivider": "ProgressStepper-module_stepDivider__1dq4c",
+  "stepperDescription": "ProgressStepper-module_stepperDescription__KplV3"
 };
-export { modules_fc7512f3 as default };
+export { styles as default };

package/dist/esm/src/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_d4169b1f = {
-  "footerRoot": "FooterRoot_module_footerRoot__3040d7f6"
+var styles = {
+  "footerRoot": "FooterRoot-module_footerRoot__-osuZ"
 };
-export { modules_d4169b1f as default };
+export { styles as default };

package/dist/esm/src/Workflow/subcomponents/Footer/components/Root/Root.mjs

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_d4169b1f from './FooterRoot.module.css.mjs';
+import styles from './FooterRoot.module.css.mjs';
 const FooterRoot = /*#__PURE__*/function () {
   const FooterRoot = function (_a) {
     var children = _a.children,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("footer", __assign({
-      className: classnames(modules_d4169b1f.footerRoot, classNameOverride)
+      className: classnames(styles.footerRoot, classNameOverride)
     }, restProps), children);
   };
   FooterRoot.displayName = 'Workflow.FooterRoot';

package/dist/esm/src/Workflow/subcomponents/Header/components/Actions/Actions.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
-import modules_d567bfdd from './Actions.module.css.mjs';
+import styles from './Actions.module.css.mjs';
 
 /** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
 const Actions = /*#__PURE__*/function () {
@@ -8,7 +8,7 @@ const Actions = /*#__PURE__*/function () {
     var headerActions = _a.headerActions,
       restProps = __rest(_a, ["headerActions"]);
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_d567bfdd.actions
+      className: styles.actions
     }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
       return /*#__PURE__*/React.createElement(action.type, __assign({
         key: "header-actions ".concat(index)

package/dist/esm/src/Workflow/subcomponents/Header/components/Actions/Actions.module.css.mjs

@@ -1,4 +1,4 @@
-var modules_d567bfdd = {
-  "actions": "Actions_module_actions__ee9a2abc"
+var styles = {
+  "actions": "Actions-module_actions__JzCWB"
 };
-export { modules_d567bfdd as default };
+export { styles as default };

package/dist/esm/src/Workflow/subcomponents/Header/components/Branding/Branding.mjs

@@ -1,15 +1,15 @@
 import React from 'react';
 import { Brand } from '../../../../../Brand/Brand.mjs';
-import modules_a2d6ff64 from './Branding.module.css.mjs';
+import styles from './Branding.module.css.mjs';
 const Branding = /*#__PURE__*/function () {
   const Branding = function (_a) {
     var _b = _a.variant,
       variant = _b === void 0 ? 'logo-horizontal' : _b,
       alt = _a.alt;
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_a2d6ff64.branding
+      className: styles.branding
     }, /*#__PURE__*/React.createElement(Brand, {
-      classNameOverride: modules_a2d6ff64.logo,
+      classNameOverride: styles.logo,
       variant: variant,
       alt: alt
     }));