@kaizen/components 1.46.0 → 1.47.0

package/dist/esm/__future__/Select/subcomponents/Option/Option.mjs

@@ -1,41 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { useFocusRing } from '@react-aria/focus';
-import { useOption } from '@react-aria/listbox';
-import { mergeProps } from '@react-aria/utils';
-import classnames from 'classnames';
-import '../../../../Icon/subcomponents/SVG/SVG.mjs';
-import { CheckIcon } from '../../../../Icon/CheckIcon.mjs';
-import { useSelectContext } from '../../context/SelectContext.mjs';
-import styles from './Option.module.scss.mjs';
-const Option = /*#__PURE__*/function () {
-  const Option = function (_a) {
-    var item = _a.item,
-      classNameOverride = _a.classNameOverride,
-      props = __rest(_a, ["item", "classNameOverride"]);
-    var state = useSelectContext().state;
-    var ref = React.useRef(null);
-    var _b = useOption({
-        key: item.key
-      }, state, ref),
-      optionProps = _b.optionProps,
-      isSelected = _b.isSelected,
-      isDisabled = _b.isDisabled;
-    var _c = useFocusRing(),
-      isFocusVisible = _c.isFocusVisible,
-      focusProps = _c.focusProps;
-    return /*#__PURE__*/React.createElement("li", __assign({}, mergeProps(optionProps, focusProps, props), {
-      ref: ref,
-      className: classnames(styles.option, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.disabled, classNameOverride),
-      "aria-label": item.textValue
-    }), item.rendered, /*#__PURE__*/React.createElement("span", {
-      className: classnames(styles.icon, isSelected && styles.isSelected)
-    }, isSelected && /*#__PURE__*/React.createElement(CheckIcon, {
-      inheritSize: true,
-      role: "presentation"
-    })));
-  };
-  Option.displayName = "Option";
-  return Option;
-}();
-export { Option };

package/dist/esm/__future__/Select/subcomponents/Option/Option.module.scss.mjs

@@ -1,8 +0,0 @@
-var styles = {
-  "icon": "Option-module_icon__i3CDN",
-  "option": "Option-module_option__gPSuE",
-  "isFocusVisible": "Option-module_isFocusVisible__wzfsx",
-  "disabled": "Option-module_disabled__ob1Pw",
-  "isSelected": "Option-module_isSelected__J3Z-z"
-};
-export { styles as default };

package/dist/esm/__future__/Select/subcomponents/Overlay/Overlay.mjs

@@ -1,39 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { FocusScope } from '@react-aria/focus';
-import { useOverlay, DismissButton } from '@react-aria/overlays';
-import { useSelectContext } from '../../context/SelectContext.mjs';
-const Overlay = /*#__PURE__*/function () {
-  const Overlay = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    var state = useSelectContext().state;
-    // Handle events that should cause the menu to close,
-    // e.g. blur, clicking outside, or pressing the escape key.
-    var overlayRef = React.useRef(null);
-    var overlayProps = useOverlay({
-      isDismissable: true,
-      isOpen: state.isOpen,
-      onClose: state.close
-    }, overlayRef).overlayProps;
-    // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
-    // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
-    // In addition, add hidden <DismissButton> components at the start and end of the list
-    // to allow screen reader users to dismiss the popup easily.
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: overlayRef,
-      className: classNameOverride
-    }, overlayProps, restProps), /*#__PURE__*/React.createElement(FocusScope, {
-      autoFocus: true,
-      restoreFocus: true
-    }, /*#__PURE__*/React.createElement(DismissButton, {
-      onDismiss: state.close
-    }), children, /*#__PURE__*/React.createElement(DismissButton, {
-      onDismiss: state.close
-    })));
-  };
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}();
-export { Overlay };

package/dist/esm/__future__/Select/subcomponents/SectionDivider/SectionDivider.mjs

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

package/dist/esm/__future__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "divider": "SectionDivider-module_divider__qtq-c"
-};
-export { styles as default };

package/dist/esm/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useSelectContext } from '../../context/SelectContext.mjs';
-import { ListBox } from '../ListBox/ListBox.mjs';
-import { ListItems } from '../ListItems/ListItems.mjs';
-import { Overlay } from '../Overlay/Overlay.mjs';
-import styles from './SelectPopoverContents.module.scss.mjs';
-const SelectPopoverContents = /*#__PURE__*/function () {
-  const SelectPopoverContents = function (_a) {
-    var children = _a.children,
-      menuProps = _a.menuProps;
-    var state = useSelectContext().state;
-    // The collection structure is set by useSelectState's `children`
-    // which we have used a util to ensure the following structure
-    // - SelectOptionGroup => Section
-    // - Option => Item
-    var itemNodes = Array.from(state.collection);
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.selectPopoverContents
-    }, /*#__PURE__*/React.createElement(Overlay, null, /*#__PURE__*/React.createElement(ListBox, {
-      menuProps: menuProps
-    }, children ? children({
-      items: itemNodes
-    }) : ( /*#__PURE__*/React.createElement(ListItems, {
-      items: itemNodes
-    })))));
-  };
-  SelectPopoverContents.displayName = "Select.PopoverContents";
-  return SelectPopoverContents;
-}();
-export { SelectPopoverContents };

package/dist/esm/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "selectPopoverContents": "SelectPopoverContents-module_selectPopoverContents__9V5SB"
-};
-export { styles as default };

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.mjs

@@ -1,47 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import '../../../../Icon/subcomponents/SVG/SVG.mjs';
-import { ChevronDownIcon } from '../../../../Icon/ChevronDownIcon.mjs';
-import { ChevronUpIcon } from '../../../../Icon/ChevronUpIcon.mjs';
-import { Label } from '../../../../Label/Label.mjs';
-import styles from './SelectToggle.module.scss.mjs';
-const SelectToggle = /*#__PURE__*/function () {
-  const SelectToggle = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var label = _a.label,
-      labelProps = _a.labelProps,
-      value = _a.value,
-      valueProps = _a.valueProps,
-      isOpen = _a.isOpen,
-      _b = _a.placeholder,
-      placeholder = _b === void 0 ? "Select" : _b,
-      status = _a.status,
-      isDisabled = _a.isDisabled,
-      isReversed = _a.isReversed,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "placeholder", "status", "isDisabled", "isReversed", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, __assign({}, labelProps, {
-      reversed: isReversed,
-      disabled: isDisabled
-    }), label), /*#__PURE__*/React.createElement("button", __assign({
-      type: "button",
-      // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it
-      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-      role: "combobox"
-    }, restProps, {
-      ref: ref,
-      className: classnames(styles.selectToggle, (value === null || value === undefined) && styles.placeholder, status === "error" && styles.error, status === "caution" && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
-    }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
-      className: styles.value
-    }), value !== null && value !== void 0 ? value : placeholder), isOpen ? ( /*#__PURE__*/React.createElement(ChevronUpIcon, {
-      role: "presentation",
-      classNameOverride: styles.icon
-    })) : ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
-      role: "presentation",
-      classNameOverride: styles.icon
-    }))));
-  });
-  SelectToggle.displayName = "SelectToggle";
-  return SelectToggle;
-}();
-export { SelectToggle };

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs

@@ -1,12 +0,0 @@
-var styles = {
-  "iconWrapper": "SelectToggle-module_iconWrapper__E4YL8",
-  "icon": "SelectToggle-module_icon__BqMEK",
-  "selectToggle": "SelectToggle-module_selectToggle__fWnqy",
-  "placeholder": "SelectToggle-module_placeholder__wQK-w",
-  "error": "SelectToggle-module_error__pxp-j",
-  "caution": "SelectToggle-module_caution__-G7WL",
-  "disabled": "SelectToggle-module_disabled__8A4rw",
-  "reversed": "SelectToggle-module_reversed__ku-Ph",
-  "value": "SelectToggle-module_value__XRxRl"
-};
-export { styles as default };

package/dist/esm/__future__/Select/utils/getDisabledKeysFromItems.mjs

@@ -1,16 +0,0 @@
-import { __spreadArray } from 'tslib';
-import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
-var getDisabledKeysFromItems = function (items) {
-  return items.reduce(function (acc, item) {
-    if (isSelectOptionGroup(item)) {
-      var keys = Array.from(item.options).filter(function (groupItem) {
-        return groupItem.disabled;
-      }).map(function (disabledItems) {
-        return disabledItems.value;
-      });
-      return __spreadArray(__spreadArray([], acc, true), keys, true);
-    }
-    return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
-  }, []);
-};
-export { getDisabledKeysFromItems };

package/dist/esm/__future__/Select/utils/isSelectOptionGroup.mjs

@@ -1,4 +0,0 @@
-var isSelectOptionGroup = function (item) {
-  return item.hasOwnProperty("options") && Array.isArray(item.options);
-};
-export { isSelectOptionGroup };

package/dist/esm/__future__/Select/utils/transformSelectItemToCollectionElement.mjs

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Section, Item } from '@react-stately/collections';
-import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
-var transformSelectItemToCollectionElement = function (item) {
-  return isSelectOptionGroup(item) ? ( /*#__PURE__*/React.createElement(Section, {
-    key: item.label,
-    title: item.label,
-    items: item.options
-  }, function (child) {
-    return /*#__PURE__*/React.createElement(Item, {
-      key: child.value
-    }, child.label);
-  })) : ( /*#__PURE__*/React.createElement(Item, {
-    key: item.value
-  }, item.label));
-};
-export { transformSelectItemToCollectionElement };

package/dist/esm/__future__/Tag/RemovableTag/RemovableTag.mjs

@@ -1,25 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Tag } from '../Tag/Tag.mjs';
-import { RemoveButton } from './subcomponents/RemoveButton.mjs';
-import styles from './RemovableTag.module.scss.mjs';
-const RemovableTag = /*#__PURE__*/function () {
-  const RemovableTag = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      // Note: We've commented out color support for now, but may introduce it back in later
-      // if a good use case comes along.
-      // color = "gray",
-      removeButtonProps = _a.removeButtonProps,
-      restProps = __rest(_a, ["children", "classNameOverride", "removeButtonProps"]);
-    return /*#__PURE__*/React.createElement(Tag, __assign({
-      classNameOverride: classnames(classNameOverride, styles.removableTag)
-    }, restProps), children, /*#__PURE__*/React.createElement(RemoveButton
-    // color={color}
-    , __assign({}, removeButtonProps)));
-  };
-  RemovableTag.displayName = "RemovableTag";
-  return RemovableTag;
-}();
-export { RemovableTag };

package/dist/esm/__future__/Tag/RemovableTag/RemovableTag.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "removableTag": "RemovableTag-module_removableTag__IwJHj"
-};
-export { styles as default };

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveButton.mjs

@@ -1,25 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { RemoveTagIcon } from './RemoveTagIcon.mjs';
-import styles from './RemoveButton.module.scss.mjs';
-const RemoveButton = /*#__PURE__*/function () {
-  const RemoveButton = function (_a) {
-    var classNameOverride = _a.classNameOverride,
-      // color = "gray",
-      ariaLabel = _a.ariaLabel,
-      onClick = _a.onClick,
-      restProps = __rest(_a, ["classNameOverride", "ariaLabel", "onClick"]);
-    return /*#__PURE__*/React.createElement("button", __assign({
-      type: "button",
-      "aria-label": ariaLabel,
-      className: classnames(styles.removeButton, classNameOverride),
-      onClick: onClick
-    }, restProps), /*#__PURE__*/React.createElement(RemoveTagIcon, {
-      role: "presentation"
-    }));
-  };
-  RemoveButton.displayName = "RemoveButton";
-  return RemoveButton;
-}();
-export { RemoveButton };

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "removeButton": "RemoveButton-module_removeButton__9yzxJ"
-};
-export { styles as default };

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.mjs

@@ -1,15 +0,0 @@
-import { __assign } from 'tslib';
-import React from 'react';
-import { SVG } from '../../../../Icon/subcomponents/SVG/SVG.mjs';
-var RemoveTagIcon = function (props) {
-  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.97304 10.0337L5.05893 13.9478L6.11959 15.0085L10.0337 11.0944L13.9478 15.0085L15.0085 13.9478L11.0944 10.0337L15.0085 6.11959L13.9478 5.05893L10.0337 8.97304L6.11959 5.05893L5.05893 6.11959L8.97304 10.0337Z",
-    fill: "currentColor"
-  }));
-  return /*#__PURE__*/React.createElement(SVG, __assign({}, props, {
-    viewBox: "0 0 20 20"
-  }), svgContent);
-};
-export { RemoveTagIcon };

package/dist/esm/__future__/Tag/Tag/Tag.mjs

@@ -1,22 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import styles from './Tag.module.scss.mjs';
-const Tag = /*#__PURE__*/function () {
-  const Tag = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      icon = _a.icon,
-      _b = _a.color,
-      color = _b === void 0 ? "gray" : _b,
-      restProps = __rest(_a, ["children", "classNameOverride", "icon", "color"]);
-    return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(styles.tag, styles[color], classNameOverride)
-    }, restProps), icon && /*#__PURE__*/React.createElement("span", {
-      className: styles.iconContainer
-    }, icon), children);
-  };
-  Tag.displayName = "Tag";
-  return Tag;
-}();
-export { Tag };

package/dist/esm/__future__/Tag/Tag/Tag.module.scss.mjs

@@ -1,12 +0,0 @@
-var styles = {
-  "tag": "Tag-module_tag__Ef8Iu",
-  "iconContainer": "Tag-module_iconContainer__tEPTW",
-  "gray": "Tag-module_gray__4YmDZ",
-  "blue": "Tag-module_blue__CjyTI",
-  "green": "Tag-module_green__uC0TU",
-  "yellow": "Tag-module_yellow__wEk5Z",
-  "orange": "Tag-module_orange__V-KdG",
-  "red": "Tag-module_red__cg1Rf",
-  "purple": "Tag-module_purple__OR2Jt"
-};
-export { styles as default };

package/dist/esm/__future__/Workflow/Workflow.mjs

@@ -1,52 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { Footer } from './subcomponents/Footer/Footer.mjs';
-import './subcomponents/Footer/components/Root/Root.mjs';
-import { ProgressStepper } from './subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs';
-import './subcomponents/Footer/components/FooterActions/FooterActions.mjs';
-import { Header } from './subcomponents/Header/Header.mjs';
-import './subcomponents/Header/components/Titles/Titles.mjs';
-import './subcomponents/Header/components/Actions/Actions.mjs';
-import './subcomponents/Header/components/Branding/Branding.mjs';
-import './subcomponents/Header/components/Root/Root.mjs';
-import { Main } from './subcomponents/Main/Main.mjs';
-import { Wrapper } from './subcomponents/Wrapper/Wrapper.mjs';
-const Workflow = /*#__PURE__*/function () {
-  const Workflow = function (_a) {
-    var steps = _a.steps,
-      currentStepId = _a.currentStepId,
-      isComplete = _a.isComplete,
-      workflowName = _a.workflowName,
-      status = _a.status,
-      headerActions = _a.headerActions,
-      children = _a.children,
-      nextAction = _a.nextAction,
-      previousAction = _a.previousAction,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
-    var currentStep = steps.find(function (step) {
-      return step.id === currentStepId;
-    });
-    return /*#__PURE__*/React.createElement(Workflow.Wrapper, __assign({
-      classNameOverride: classNameOverride
-    }, restProps), /*#__PURE__*/React.createElement(Workflow.Header, {
-      workflowName: workflowName,
-      stepName: currentStep.label,
-      status: status,
-      headerActions: headerActions
-    }), /*#__PURE__*/React.createElement(Workflow.Main, null, children), /*#__PURE__*/React.createElement(Workflow.Footer, {
-      currentStepId: currentStepId,
-      steps: steps,
-      isComplete: isComplete,
-      nextAction: nextAction,
-      previousAction: previousAction
-    }));
-  };
-  Workflow.Header = Header;
-  Workflow.Footer = Footer;
-  Workflow.Main = Main;
-  Workflow.ProgressStepper = ProgressStepper;
-  Workflow.Wrapper = Wrapper;
-  return Workflow;
-}();
-export { Workflow };

package/dist/esm/__future__/Workflow/subcomponents/Footer/Footer.mjs

@@ -1,29 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { FooterRoot } from './components/Root/Root.mjs';
-import { ProgressStepper } from './components/ProgressStepper/ProgressStepper.mjs';
-import { FooterAction } from './components/FooterActions/FooterActions.mjs';
-const Footer = /*#__PURE__*/function () {
-  const Footer = function (_a) {
-    var steps = _a.steps,
-      currentStepId = _a.currentStepId,
-      isComplete = _a.isComplete,
-      previousAction = _a.previousAction,
-      nextAction = _a.nextAction,
-      restProps = __rest(_a, ["steps", "currentStepId", "isComplete", "previousAction", "nextAction"]);
-    return /*#__PURE__*/React.createElement(FooterRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(FooterAction, {
-      action: previousAction,
-      actionType: "Previous"
-    }), /*#__PURE__*/React.createElement(ProgressStepper, {
-      steps: steps,
-      currentStepId: currentStepId,
-      isComplete: isComplete
-    }), /*#__PURE__*/React.createElement(FooterAction, {
-      action: nextAction,
-      actionType: "Next"
-    }));
-  };
-  Footer.displayName = "Workflow.Footer";
-  return Footer;
-}();
-export { Footer };

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

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

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.mjs

@@ -1,6 +0,0 @@
-var styles = {
-  "footerAction": "FooterActions-module_footerAction__v7eL-",
-  "footerActionPrevious": "FooterActions-module_footerActionPrevious__2XByZ",
-  "footerActionNext": "FooterActions-module_footerActionNext__IKRta"
-};
-export { styles as default };

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

@@ -1,94 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import '../../../../../../Icon/subcomponents/SVG/SVG.mjs';
-import { IndicatorActiveIcon } from '../../../../../../Icon/IndicatorActiveIcon.mjs';
-import { IndicatorInactiveIcon } from '../../../../../../Icon/IndicatorInactiveIcon.mjs';
-import { SuccessIcon } from '../../../../../../Icon/SuccessIcon.mjs';
-import { Text } from '../../../../../../Text/Text.mjs';
-import { VisuallyHidden } from '../../../../../../VisuallyHidden/VisuallyHidden.mjs';
-import styles from './ProgressStepper.module.scss.mjs';
-var getStepStatus = function (isComplete, isCurrentStep, step, index) {
-  if (isComplete) {
-    return {
-      icon: ( /*#__PURE__*/React.createElement(SuccessIcon, {
-        key: index,
-        inheritSize: true,
-        role: "presentation",
-        classNameOverride: "success"
-      })),
-      accessibleName: "Completed: ".concat(step.label)
-    };
-  }
-  if (isCurrentStep) {
-    return {
-      icon: ( /*#__PURE__*/React.createElement(IndicatorActiveIcon, {
-        key: index,
-        inheritSize: true,
-        role: "presentation",
-        classNameOverride: "active"
-      })),
-      accessibleName: "Current: ".concat(step.label)
-    };
-  }
-  return {
-    icon: ( /*#__PURE__*/React.createElement(IndicatorInactiveIcon, {
-      key: index,
-      inheritSize: true,
-      classNameOverride: "incomplete",
-      role: "presentation"
-    })),
-    accessibleName: "Not started: ".concat(step.label)
-  };
-};
-const ProgressStepper = /*#__PURE__*/function () {
-  const ProgressStepper = function (_a) {
-    var currentStepId = _a.currentStepId,
-      steps = _a.steps,
-      _b = _a.isComplete,
-      isComplete = _b === void 0 ? false : _b,
-      restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
-    var currentStepIndex = steps.findIndex(function (stepItem) {
-      return stepItem.id === currentStepId;
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.stepsContainer
-    }, /*#__PURE__*/React.createElement("ol", __assign({
-      className: styles.stepList
-    }, restprops, {
-      "aria-labelledby": "stepper-description"
-    }), steps.map(function (step, index) {
-      var isCurrentStep = currentStepIndex === index;
-      var isCompletedStep = index < currentStepIndex || isComplete;
-      var _a = getStepStatus(isCompletedStep, isCurrentStep, step, index),
-        accessibleName = _a.accessibleName,
-        Icon = _a.icon;
-      return /*#__PURE__*/React.createElement("li", {
-        className: styles.step,
-        key: "".concat(step.id),
-        "aria-current": isCurrentStep
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.stepContent
-      }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement(Text, {
-        classNameOverride: styles.stepName,
-        variant: "small",
-        color: "white",
-        "aria-hidden": true
-      }, step.label), /*#__PURE__*/React.createElement("div", {
-        className: styles.stepIndicator
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles.stepIcon
-      }, Icon)), index < steps.length - 1 && ( /*#__PURE__*/React.createElement("div", {
-        className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
-      }))));
-    })), /*#__PURE__*/React.createElement(Text, {
-      classNameOverride: styles.stepperDescription,
-      variant: "small",
-      color: "white",
-      id: "stepper-description"
-    }, "Step ", currentStepIndex + 1, " of ", steps.length));
-  };
-  ProgressStepper.displayName = "Workflow.ProgressStepper";
-  return ProgressStepper;
-}();
-export { ProgressStepper };

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.mjs

@@ -1,12 +0,0 @@
-var styles = {
-  "stepsContainer": "ProgressStepper-module_stepsContainer__WMxXN",
-  "stepList": "ProgressStepper-module_stepList__b1wWX",
-  "step": "ProgressStepper-module_step__-Ep19",
-  "stepContent": "ProgressStepper-module_stepContent__B4uFS",
-  "stepIndicator": "ProgressStepper-module_stepIndicator__-qEWT",
-  "stepName": "ProgressStepper-module_stepName__hS4lp",
-  "stepIcon": "ProgressStepper-module_stepIcon__0Kh4y",
-  "stepDivider": "ProgressStepper-module_stepDivider__KEZPU",
-  "stepperDescription": "ProgressStepper-module_stepperDescription__B00hX"
-};
-export { styles as default };

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "footerRoot": "FooterRoot-module_footerRoot__N-6nQ"
-};
-export { styles as default };

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

@@ -1,17 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import styles from './FooterRoot.module.scss.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(styles.footerRoot, classNameOverride)
-    }, restProps), children);
-  };
-  FooterRoot.displayName = "Workflow.FooterRoot";
-  return FooterRoot;
-}();
-export { FooterRoot };

package/dist/esm/__future__/Workflow/subcomponents/Header/Header.mjs

@@ -1,27 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { Titles } from './components/Titles/Titles.mjs';
-import { Actions } from './components/Actions/Actions.mjs';
-import { Branding } from './components/Branding/Branding.mjs';
-import { HeaderRoot } from './components/Root/Root.mjs';
-const Header = /*#__PURE__*/function () {
-  const Header = function (_a) {
-    var workflowName = _a.workflowName,
-      stepName = _a.stepName,
-      status = _a.status,
-      headerActions = _a.headerActions,
-      restProps = __rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
-    return /*#__PURE__*/React.createElement(HeaderRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(Branding, {
-      alt: "Cultureamp"
-    }), /*#__PURE__*/React.createElement(Titles, {
-      workflowName: workflowName,
-      stepName: stepName,
-      status: status
-    }), /*#__PURE__*/React.createElement(Actions, {
-      headerActions: headerActions
-    }));
-  };
-  Header.displayName = "Workflow.Header";
-  return Header;
-}();
-export { Header };