@kaizen/components 1.60.3 → 1.61.0

package/dist/cjs/__layout__/Workflow/v1/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var Workflow$1 = require('./Workflow.cjs');
+
+// Since we can't add a deprecation flag on a * export
+/** * @deprecated upgrade to v3 for the latest release */
+var Workflow = Workflow$1.Workflow;
+exports.Workflow = Workflow;

package/dist/cjs/__layout__/Workflow/v1/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "footerAction": "FooterActions-module_footerAction__79XyY",
+  "footerActionPrevious": "FooterActions-module_footerActionPrevious__EuPJe",
+  "footerActionNext": "FooterActions-module_footerActionNext__QUYDX"
+};
+module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v1}/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs

@@ -3,12 +3,12 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-require('../../../../../Icon/subcomponents/SVG/SVG.cjs');
-var IndicatorActiveIcon = require('../../../../../Icon/IndicatorActiveIcon.cjs');
-var IndicatorInactiveIcon = require('../../../../../Icon/IndicatorInactiveIcon.cjs');
-var SuccessIcon = require('../../../../../Icon/SuccessIcon.cjs');
-var Text = require('../../../../../Text/Text.cjs');
-var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs');
+require('../../../../../../../Icon/subcomponents/SVG/SVG.cjs');
+var IndicatorActiveIcon = require('../../../../../../../Icon/IndicatorActiveIcon.cjs');
+var IndicatorInactiveIcon = require('../../../../../../../Icon/IndicatorInactiveIcon.cjs');
+var SuccessIcon = require('../../../../../../../Icon/SuccessIcon.cjs');
+var Text = require('../../../../../../../Text/Text.cjs');
+var VisuallyHidden = require('../../../../../../../VisuallyHidden/VisuallyHidden.cjs');
 var ProgressStepper_module = require('./ProgressStepper.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__layout__/Workflow/v1/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "stepsContainer": "ProgressStepper-module_stepsContainer__ci3hM",
+  "stepList": "ProgressStepper-module_stepList__kp--2",
+  "step": "ProgressStepper-module_step__Ut-Qg",
+  "stepContent": "ProgressStepper-module_stepContent__retc7",
+  "stepIndicator": "ProgressStepper-module_stepIndicator__YdnP-",
+  "stepName": "ProgressStepper-module_stepName__zVxii",
+  "stepIcon": "ProgressStepper-module_stepIcon__jyegN",
+  "stepDivider": "ProgressStepper-module_stepDivider__Lp7Fp",
+  "stepperDescription": "ProgressStepper-module_stepperDescription__jgeSN"
+};
+module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v1}/subcomponents/Footer/components/Root/FooterRoot.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "footerRoot": "FooterRoot-module_footerRoot__bvMSa"
+  "footerRoot": "FooterRoot-module_footerRoot__3uh1Q"
 };
 module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Actions/Actions.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "actions": "Actions-module_actions__Prrp0"
+  "actions": "Actions-module_actions__LTO83"
 };
 module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Branding/Branding.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Brand = require('../../../../../Brand/Brand.cjs');
+var Brand = require('../../../../../../../Brand/Brand.cjs');
 var Branding_module = require('./Branding.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__layout__/Workflow/v1/subcomponents/Header/components/Branding/Branding.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "branding": "Branding-module_branding__qp0rz",
+  "logo": "Branding-module_logo__5dDZ6"
+};
+module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Root/Root.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "root": "Root-module_root__7DVw5"
+  "root": "Root-module_root__q4CXr"
 };
 module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Titles/Titles.cjs

@@ -2,9 +2,9 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var Heading = require('../../../../../Heading/Heading.cjs');
-var Tag = require('../../../../../Tag/Tag.cjs');
-var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs');
+var Heading = require('../../../../../../../Heading/Heading.cjs');
+var Tag = require('../../../../../../../Tag/Tag.cjs');
+var VisuallyHidden = require('../../../../../../../VisuallyHidden/VisuallyHidden.cjs');
 var Titles_module = require('./Titles.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__layout__/Workflow/v1/subcomponents/Header/components/Titles/Titles.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "titles": "Titles-module_titles__4J9L5",
+  "pageTitle": "Titles-module_pageTitle__vGL5H",
+  "prefix": "Titles-module_prefix__xpoFE",
+  "status": "Titles-module_status__aCnZe"
+};
+module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v1}/subcomponents/Main/Main.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "main": "Main-module_main__hMyB1"
+  "main": "Main-module_main__ww911"
 };
 module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v1}/subcomponents/Wrapper/Wrapper.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "wrapper": "Wrapper-module_wrapper__EUUEZ"
+  "wrapper": "Wrapper-module_wrapper__-Y3pN"
 };
 module.exports = styles;

package/dist/cjs/__layout__/Workflow/v2/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var Workflow$1 = require('./Workflow.cjs');
+
+// Since we can't add a deprecation flag on a * export
+/** * @deprecated upgrade to v3 for the latest release */
+var Workflow = Workflow$1.Workflow;
+exports.Workflow = Workflow;

package/dist/cjs/__layout__/Workflow/v2/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "footerAction": "FooterActions-module_footerAction__P3SfE",
+  "footerActionPrevious": "FooterActions-module_footerActionPrevious__vXm10",
+  "footerActionNext": "FooterActions-module_footerActionNext__RGSLB"
+};
+module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs

@@ -3,12 +3,12 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-require('../../../../../../Icon/subcomponents/SVG/SVG.cjs');
-var IndicatorActiveIcon = require('../../../../../../Icon/IndicatorActiveIcon.cjs');
-var IndicatorInactiveIcon = require('../../../../../../Icon/IndicatorInactiveIcon.cjs');
-var SuccessIcon = require('../../../../../../Icon/SuccessIcon.cjs');
-var Text = require('../../../../../../Text/Text.cjs');
-var VisuallyHidden = require('../../../../../../VisuallyHidden/VisuallyHidden.cjs');
+require('../../../../../../../Icon/subcomponents/SVG/SVG.cjs');
+var IndicatorActiveIcon = require('../../../../../../../Icon/IndicatorActiveIcon.cjs');
+var IndicatorInactiveIcon = require('../../../../../../../Icon/IndicatorInactiveIcon.cjs');
+var SuccessIcon = require('../../../../../../../Icon/SuccessIcon.cjs');
+var Text = require('../../../../../../../Text/Text.cjs');
+var VisuallyHidden = require('../../../../../../../VisuallyHidden/VisuallyHidden.cjs');
 var ProgressStepper_module = require('./ProgressStepper.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__layout__/Workflow/v2/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "stepsContainer": "ProgressStepper-module_stepsContainer__069Ge",
+  "stepList": "ProgressStepper-module_stepList__YU7g1",
+  "step": "ProgressStepper-module_step__UdJjV",
+  "stepContent": "ProgressStepper-module_stepContent__u3kyY",
+  "stepIndicator": "ProgressStepper-module_stepIndicator__0WOl-",
+  "stepName": "ProgressStepper-module_stepName__Eyh7V",
+  "stepIcon": "ProgressStepper-module_stepIcon__7hOT9",
+  "stepDivider": "ProgressStepper-module_stepDivider__lzlyF",
+  "stepperDescription": "ProgressStepper-module_stepperDescription__-55Pn"
+};
+module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Footer/components/Root/FooterRoot.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "footerRoot": "FooterRoot-module_footerRoot__N-6nQ"
+  "footerRoot": "FooterRoot-module_footerRoot__wTT1Y"
 };
 module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Actions/Actions.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "actions": "Actions-module_actions__2Zdtd"
+  "actions": "Actions-module_actions__vQuuU"
 };
 module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Branding/Branding.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Brand = require('../../../../../../Brand/Brand.cjs');
+var Brand = require('../../../../../../../Brand/Brand.cjs');
 var Branding_module = require('./Branding.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__layout__/Workflow/v2/subcomponents/Header/components/Branding/Branding.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "branding": "Branding-module_branding__-0SAJ",
+  "logo": "Branding-module_logo__8UZxA"
+};
+module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Root/Root.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "root": "Root-module_root__cfRZi"
+  "root": "Root-module_root__6oXd5"
 };
 module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Titles/Titles.cjs

@@ -2,9 +2,9 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var Heading = require('../../../../../../Heading/Heading.cjs');
-var Tag = require('../../../../../../Tag/Tag.cjs');
-var VisuallyHidden = require('../../../../../../VisuallyHidden/VisuallyHidden.cjs');
+var Heading = require('../../../../../../../Heading/Heading.cjs');
+var Tag = require('../../../../../../../Tag/Tag.cjs');
+var VisuallyHidden = require('../../../../../../../VisuallyHidden/VisuallyHidden.cjs');
 var Titles_module = require('./Titles.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/__layout__/Workflow/v2/subcomponents/Header/components/Titles/Titles.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "titles": "Titles-module_titles__SJ3Lh",
+  "pageTitle": "Titles-module_pageTitle__WJKZd",
+  "prefix": "Titles-module_prefix__30HrD",
+  "status": "Titles-module_status__BfCLq"
+};
+module.exports = styles;

package/dist/cjs/{Workflow → __layout__/Workflow/v2}/subcomponents/Main/Main.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "main": "Main-module_main__H-zGJ"
+  "main": "Main-module_main__GG12H"
 };
 module.exports = styles;

package/dist/cjs/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Wrapper/Wrapper.module.scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "wrapper": "Wrapper-module_wrapper__89WmC"
+  "wrapper": "Wrapper-module_wrapper__qgCaH"
 };
 module.exports = styles;

package/dist/cjs/__layout__/Workflow/v3/Workflow.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Footer = require('./subcomponents/Footer/Footer.cjs');
+require('./subcomponents/Footer/components/Root/Root.cjs');
+var ProgressStepper = require('./subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs');
+require('./subcomponents/Footer/components/FooterActions/FooterActions.cjs');
+var Header = require('./subcomponents/Header/Header.cjs');
+require('./subcomponents/Header/components/Titles/Titles.cjs');
+require('./subcomponents/Header/components/Actions/Actions.cjs');
+require('./subcomponents/Header/components/Branding/Branding.cjs');
+require('./subcomponents/Header/components/Root/Root.cjs');
+var Main = require('./subcomponents/Main/Main.cjs');
+var Wrapper = require('./subcomponents/Wrapper/Wrapper.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Workflow = function (_a) {
+  var steps = _a.steps,
+    currentStepId = _a.currentStepId,
+    isComplete = _a.isComplete,
+    workflowName = _a.workflowName,
+    statusTag = _a.statusTag,
+    headerActions = _a.headerActions,
+    children = _a.children,
+    nextAction = _a.nextAction,
+    previousAction = _a.previousAction,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["steps", "currentStepId", "isComplete", "workflowName", "statusTag", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+  var currentStep = steps.find(function (step) {
+    return step.id === currentStepId;
+  });
+  return React__default.default.createElement(Workflow.Wrapper, tslib.__assign({
+    classNameOverride: classNameOverride
+  }, restProps), React__default.default.createElement(Workflow.Header, {
+    workflowName: workflowName,
+    stepName: currentStep.label,
+    statusTag: statusTag,
+    headerActions: headerActions
+  }), React__default.default.createElement(Workflow.Main, null, children), React__default.default.createElement(Workflow.Footer, {
+    currentStepId: currentStepId,
+    steps: steps,
+    isComplete: isComplete,
+    nextAction: nextAction,
+    previousAction: previousAction
+  }));
+};
+Workflow.Header = Header.Header;
+Workflow.Footer = Footer.Footer;
+Workflow.Main = Main.Main;
+Workflow.ProgressStepper = ProgressStepper.ProgressStepper;
+Workflow.Wrapper = Wrapper.Wrapper;
+exports.Workflow = Workflow;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/Footer.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Root = require('./components/Root/Root.cjs');
+var ProgressStepper = require('./components/ProgressStepper/ProgressStepper.cjs');
+var FooterActions = require('./components/FooterActions/FooterActions.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Footer = function (_a) {
+  var steps = _a.steps,
+    currentStepId = _a.currentStepId,
+    isComplete = _a.isComplete,
+    previousAction = _a.previousAction,
+    nextAction = _a.nextAction,
+    restProps = tslib.__rest(_a, ["steps", "currentStepId", "isComplete", "previousAction", "nextAction"]);
+  return React__default.default.createElement(Root.FooterRoot, tslib.__assign({}, restProps), React__default.default.createElement(FooterActions.FooterAction, {
+    action: previousAction,
+    actionType: "Previous"
+  }), React__default.default.createElement(ProgressStepper.ProgressStepper, {
+    steps: steps,
+    currentStepId: currentStepId,
+    isComplete: isComplete
+  }), React__default.default.createElement(FooterActions.FooterAction, {
+    action: nextAction,
+    actionType: "Next"
+  }));
+};
+Footer.displayName = "Workflow.Footer";
+exports.Footer = Footer;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/FooterActions/FooterActions.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FooterActions_module = require('./FooterActions.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/** A simple wrapper for a Footer previous or next action  */
+var FooterAction = function (_a) {
+  var _b = _a.actionType,
+    actionType = _b === void 0 ? "Previous" : _b,
+    action = _a.action,
+    restProps = tslib.__rest(_a, ["actionType", "action"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default([FooterActions_module.footerAction, FooterActions_module["footerAction".concat(actionType)]])
+  }, restProps), action);
+};
+FooterAction.displayName = "Workflow.FooterActions";
+exports.FooterAction = FooterAction;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/FooterActions/FooterActions.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "footerAction": "FooterActions-module_footerAction__yu1mj",
+  "footerActionPrevious": "FooterActions-module_footerActionPrevious__C-ejW",
+  "footerActionNext": "FooterActions-module_footerActionNext__yLUMV"
+};
+module.exports = styles;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs

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

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var styles = {
+  "stepsContainer": "ProgressStepper-module_stepsContainer__xiaZx",
+  "stepList": "ProgressStepper-module_stepList__HEznt",
+  "step": "ProgressStepper-module_step__SpIP9",
+  "stepContent": "ProgressStepper-module_stepContent__HnUls",
+  "stepIndicator": "ProgressStepper-module_stepIndicator__rdjmc",
+  "stepName": "ProgressStepper-module_stepName__JxpgD",
+  "isCurrent": "ProgressStepper-module_isCurrent__tpOup",
+  "stepIcon": "ProgressStepper-module_stepIcon__4CeIh",
+  "isCompleted": "ProgressStepper-module_isCompleted__TeTBL",
+  "stepDivider": "ProgressStepper-module_stepDivider__vpzq6",
+  "stepperDescription": "ProgressStepper-module_stepperDescription__liW0H"
+};
+module.exports = styles;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/Root/FooterRoot.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "footerRoot": "FooterRoot-module_footerRoot__DUoiZ"
+};
+module.exports = styles;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/Root/Root.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FooterRoot_module = require('./FooterRoot.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var FooterRoot = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+  return React__default.default.createElement("footer", tslib.__assign({
+    className: classnames__default.default(FooterRoot_module.footerRoot, classNameOverride)
+  }, restProps), children);
+};
+FooterRoot.displayName = "Workflow.FooterRoot";
+exports.FooterRoot = FooterRoot;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Header/Header.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Titles = require('./components/Titles/Titles.cjs');
+var Actions = require('./components/Actions/Actions.cjs');
+var Branding = require('./components/Branding/Branding.cjs');
+var Root = require('./components/Root/Root.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Header = function (_a) {
+  var workflowName = _a.workflowName,
+    stepName = _a.stepName,
+    statusTag = _a.statusTag,
+    headerActions = _a.headerActions,
+    restProps = tslib.__rest(_a, ["workflowName", "stepName", "statusTag", "headerActions"]);
+  return React__default.default.createElement(Root.HeaderRoot, tslib.__assign({}, restProps), React__default.default.createElement(Branding.Branding, {
+    alt: "Culture Amp"
+  }), React__default.default.createElement(Titles.Titles, {
+    workflowName: workflowName,
+    stepName: stepName,
+    statusTag: statusTag
+  }), React__default.default.createElement(Actions.Actions, {
+    headerActions: headerActions
+  }));
+};
+Header.displayName = "Workflow.Header";
+exports.Header = Header;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Header/components/Actions/Actions.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Actions_module = require('./Actions.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
+var Actions = function (_a) {
+  var headerActions = _a.headerActions,
+    restProps = tslib.__rest(_a, ["headerActions"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: Actions_module.actions
+  }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
+    return React__default.default.createElement(action.type, tslib.__assign({
+      key: "header-actions ".concat(index)
+    }, action.props));
+  }));
+};
+Actions.displayName = "Workflow.Actions";
+exports.Actions = Actions;

package/dist/cjs/__layout__/Workflow/v3/subcomponents/Header/components/Actions/Actions.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "actions": "Actions-module_actions__WJwtK"
+};
+module.exports = styles;