@kaizen/components 1.25.0 → 1.27.0

package/dist/cjs/TextField/TextField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.cjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport { SuccessIcon } from \"..\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}

package/dist/cjs/TextField/TextField.module.scss.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "input": "TextField-module_input__CEokl",
+  "success": "TextField-module_success__pMLcV",
+  "fade-0-to-1": "TextField-module_fade-0-to-1__Ac-99",
+  "withReversed": "TextField-module_withReversed__agi-Q",
+  "disabled": "TextField-module_disabled__gS8tk",
+  "error": "TextField-module_error__7S-f2",
+  "caution": "TextField-module_caution__3gzHk",
+  "message": "TextField-module_message__bQOgK"
+};
+module.exports = styles;
+//# sourceMappingURL=TextField.module.scss.cjs.map

package/dist/cjs/TextField/TextField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var VisuallyHidden_module = require('./VisuallyHidden.module.scss.cjs');
+const VisuallyHidden = /*#__PURE__*/function () {
+  const VisuallyHidden = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    return React.createElement("span", tslib.__assign({
+      className: classnames(VisuallyHidden_module.srOnly, classNameOverride)
+    }, restProps), children);
+  };
+  VisuallyHidden.displayName = "VisuallyHidden";
+  return VisuallyHidden;
+}();
+exports.VisuallyHidden = VisuallyHidden;
+//# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.cjs","sources":["../../../src/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React, { ReactNode, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./VisuallyHidden.module.scss\"\n\nexport type VisuallyHiddenProps = {\n  children: ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const VisuallyHidden = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: VisuallyHiddenProps): JSX.Element => (\n  <span className={classnames(styles.srOnly, classNameOverride)} {...restProps}>\n    {children}\n  </span>\n)\n\nVisuallyHidden.displayName = \"VisuallyHidden\"\n"],"names":["VisuallyHidden","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","srOnly","displayName"],"mappings":";;;;;;MASaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHiBC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI9B,CADa;IAC0B,OACtCK,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,qBAAM,CAACC,MAAM,EAAET,iBAAiB;IAAC,CAAM,EAAAC,SAAS,GACzEF,QAAQ,CACJ;GACR;EAEDF,cAAc,CAACa,WAAW,GAAG,gBAAgB;EAAA,OAVhCb,cAAc;AAAA;"}

package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "srOnly": "VisuallyHidden-module_srOnly__tTjOK"
+};
+module.exports = styles;
+//# sourceMappingURL=VisuallyHidden.module.scss.cjs.map

package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Workflow/Workflow.cjs

@@ -0,0 +1,56 @@
+'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');
+
+/**
+ * @deprecated Use { Workflow } from `@kaizen/components/future`
+ */
+const Workflow = /*#__PURE__*/function () {
+  const Workflow = function (_a) {
+    var stepName = _a.stepName,
+      steps = _a.steps,
+      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 = tslib.__rest(_a, ["stepName", "steps", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+    return React.createElement(Workflow.Wrapper, tslib.__assign({
+      classNameOverride: classNameOverride
+    }, restProps), React.createElement(Workflow.Header, {
+      workflowName: workflowName,
+      stepName: stepName,
+      status: status,
+      headerActions: headerActions
+    }), React.createElement(Workflow.Main, null, children), React.createElement(Workflow.Footer, {
+      stepName: stepName,
+      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;
+  return Workflow;
+}();
+exports.Workflow = Workflow;
+//# sourceMappingURL=Workflow.cjs.map

package/dist/cjs/Workflow/Workflow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workflow.cjs","sources":["../../../src/Workflow/Workflow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  Footer,\n  FooterProps,\n  Header,\n  Main,\n  HeaderProps,\n  ProgressStepper,\n  Wrapper,\n} from \"./subcomponents\"\n\nexport type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> &\n  FooterProps &\n  HeaderProps\n\n/**\n * @deprecated Use { Workflow } from `@kaizen/components/future`\n */\nexport const Workflow = ({\n  stepName,\n  steps,\n  isComplete,\n  workflowName,\n  status,\n  headerActions,\n  children,\n  nextAction,\n  previousAction,\n  classNameOverride,\n  ...restProps\n}: WorkflowProps): JSX.Element => (\n  <Workflow.Wrapper classNameOverride={classNameOverride} {...restProps}>\n    <Workflow.Header\n      workflowName={workflowName}\n      stepName={stepName}\n      status={status}\n      headerActions={headerActions}\n    />\n    <Workflow.Main>{children}</Workflow.Main>\n    <Workflow.Footer\n      stepName={stepName}\n      steps={steps}\n      isComplete={isComplete}\n      nextAction={nextAction}\n      previousAction={previousAction}\n    />\n  </Workflow.Wrapper>\n)\n\nWorkflow.Header = Header\nWorkflow.Footer = Footer\nWorkflow.Main = Main\nWorkflow.ProgressStepper = ProgressStepper\nWorkflow.Wrapper = Wrapper\n"],"names":["Workflow","_a","stepName","steps","isComplete","workflowName","status","headerActions","children","nextAction","previousAction","classNameOverride","restProps","__rest","React","createElement","Wrapper","Header","Main","Footer","ProgressStepper"],"mappings":";;;;;;;;;;;;;;;;AAgBA;;AAEG;AAFH,MAGaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXd,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,KAAK,WAAA;MACLC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,MAAM,YAAA;MACNC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,UAAU,gBAAA;MACVC,cAAc,GAAAT,EAAA,CAAAS,cAAA;MACdC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAZ,EAAA,EAXW,+IAYxB,CADa;IACoB,OAChCa,KAAC,CAAAC,aAAA,CAAAf,QAAQ,CAACgB,OAAO;MAACL,iBAAiB,EAAEA;IAAiB,CAAA,EAAMC,SAAS,CAAA,EACnEE,KAAA,CAAAC,aAAA,CAACf,QAAQ,CAACiB,MAAM;MACdZ,YAAY,EAAEA,YAAY;MAC1BH,QAAQ,EAAEA,QAAQ;MAClBI,MAAM,EAAEA,MAAM;MACdC,aAAa,EAAEA;IAAa,CAC5B,CAAA,EACFO,KAAA,CAAAC,aAAA,CAACf,QAAQ,CAACkB,IAAI,EAAA,IAAA,EAAEV,QAAQ,CAAiB,EACzCM,KAAC,CAAAC,aAAA,CAAAf,QAAQ,CAACmB,MAAM,EACd;MAAAjB,QAAQ,EAAEA,QAAQ;MAClBC,KAAK,EAAEA,KAAK;MACZC,UAAU,EAAEA,UAAU;MACtBK,UAAU,EAAEA,UAAU;MACtBC,cAAc,EAAEA;IAAc,CAAA,CAC9B,CACe;GACpB;EAEDV,QAAQ,CAACiB,MAAM,GAAGA,MAAAA,CAAAA,MAAM;EACxBjB,QAAQ,CAACmB,MAAM,GAAGA,MAAAA,CAAAA,MAAM;EACxBnB,QAAQ,CAACkB,IAAI,GAAGA,IAAAA,CAAAA,IAAI;EACpBlB,QAAQ,CAACoB,eAAe,GAAGA,eAAAA,CAAAA,eAAe;EAC1CpB,QAAQ,CAACgB,OAAO,GAAGA,OAAO,CAAAA,OAAA;EAAA,OAnCbhB,QAAQ;AAAA;"}

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

@@ -0,0 +1,32 @@
+'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');
+const Footer = /*#__PURE__*/function () {
+  const Footer = function (_a) {
+    var steps = _a.steps,
+      stepName = _a.stepName,
+      isComplete = _a.isComplete,
+      previousAction = _a.previousAction,
+      nextAction = _a.nextAction,
+      restProps = tslib.__rest(_a, ["steps", "stepName", "isComplete", "previousAction", "nextAction"]);
+    return React.createElement(Root.FooterRoot, tslib.__assign({}, restProps), React.createElement(FooterActions.FooterAction, {
+      action: previousAction,
+      actionType: "Previous"
+    }), React.createElement(ProgressStepper.ProgressStepper, {
+      steps: steps,
+      stepName: stepName,
+      isComplete: isComplete
+    }), React.createElement(FooterActions.FooterAction, {
+      action: nextAction,
+      actionType: "Next"
+    }));
+  };
+  Footer.displayName = "Workflow.Footer";
+  return Footer;
+}();
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.cjs.map

package/dist/cjs/Workflow/subcomponents/Footer/Footer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.cjs","sources":["../../../../../src/Workflow/subcomponents/Footer/Footer.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FooterRoot,\n  FooterAction,\n  ProgressStepper,\n  ProgressStepperProps,\n} from \"./components\"\n\nexport type FooterProps = {\n  /** An action to return to a previous step */\n  previousAction?: JSX.Element\n  /** An action to progress to the next step or submit the form */\n  nextAction?: JSX.Element\n} & ProgressStepperProps &\n  OverrideClassName<Omit<HTMLAttributes<HTMLElement>, \"children\">>\n\nexport const Footer = ({\n  steps,\n  stepName,\n  isComplete,\n  previousAction,\n  nextAction,\n  ...restProps\n}: FooterProps): JSX.Element => (\n  <FooterRoot {...restProps}>\n    <FooterAction action={previousAction} actionType=\"Previous\" />\n    <ProgressStepper\n      steps={steps}\n      stepName={stepName}\n      isComplete={isComplete}\n    />\n    <FooterAction action={nextAction} actionType=\"Next\" />\n  </FooterRoot>\n)\n\nFooter.displayName = \"Workflow.Footer\"\n"],"names":["Footer","_a","steps","stepName","isComplete","previousAction","nextAction","restProps","__rest","React","createElement","FooterRoot","__assign","FooterAction","action","actionType","ProgressStepper","displayName"],"mappings":";;;;;;;MAiBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAOT,EAAA;IANZ,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,cAAc,GAAAJ,EAAA,CAAAI,cAAA;MACdC,UAAU,GAAAL,EAAA,CAAAK,UAAA;MACPC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAP,EAAA,EANS,mEAOtB,CADa;IACkB,OAC9BQ,KAAA,CAAAC,aAAA,CAACC,IAAAA,CAAAA,UAAU,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,EACvBE,KAAC,CAAAC,aAAA,CAAAG,0BAAY;MAACC,MAAM,EAAET,cAAc;MAAEU,UAAU,EAAC;KAAa,CAAA,EAC9DN,KAAA,CAAAC,aAAA,CAACM,eAAe,CAAAA,eAAA,EAAA;MACdd,KAAK,EAAEA,KAAK;MACZC,QAAQ,EAAEA,QAAQ;MAClBC,UAAU,EAAEA;KACZ,CAAA,EACFK,KAAA,CAAAC,aAAA,CAACG,aAAAA,CAAAA,YAAY,EAAA;MAACC,MAAM,EAAER,UAAU;MAAES,UAAU,EAAC;IAAM,CAAA,CAAG,CAC3C;GACd;EAEDf,MAAM,CAACiB,WAAW,GAAG,iBAAiB;EAAA,OAnBzBjB,MAAM;AAAA;"}

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FooterActions_module = require('./FooterActions.module.scss.cjs');
+
+/** 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 = tslib.__rest(_a, ["actionType", "action"]);
+    return React.createElement("div", tslib.__assign({
+      className: classnames([FooterActions_module.footerAction, FooterActions_module["footerAction".concat(actionType)]])
+    }, restProps), action);
+  };
+  FooterAction.displayName = "Workflow.FooterActions";
+  return FooterAction;
+}();
+exports.FooterAction = FooterAction;
+//# sourceMappingURL=FooterActions.cjs.map

package/dist/cjs/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterActions.cjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterActions.module.scss\"\n\nexport type FooterActionsProps = {\n  actionType?: \"Previous\" | \"Next\"\n  action?: JSX.Element\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A simple wrapper for a Footer previous or next action  */\nexport const FooterAction = ({\n  actionType = \"Previous\",\n  action,\n  ...restProps\n}: FooterActionsProps): JSX.Element => (\n  <div\n    className={classnames([\n      styles.footerAction,\n      styles[`footerAction${actionType}`],\n    ])}\n    {...restProps}\n  >\n    {action}\n  </div>\n)\n\nFooterAction.displayName = \"Workflow.FooterActions\"\n"],"names":["FooterAction","_a","_b","actionType","action","restProps","__rest","React","createElement","__assign","className","classnames","styles","footerAction","concat","displayName"],"mappings":";;;;;;;AAUA;AAAA,MACaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAIR,EAAA;IAHnB,IAAAC,EAAuB,GAAAD,EAAA,CAAAE,UAAA;MAAvBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAAA,EAAA;MACvBE,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAHe,wBAI5B,CADa;IACyB,OACrCM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CAAC,CACpBC,oBAAM,CAACC,YAAY,EACnBD,oBAAM,CAAC,cAAA,CAAAE,MAAA,CAAeX,UAAU,CAAE,CAAC,CACpC;OACGE,SAAS,CAAA,EAEZD,MAAM,CACH;GACP;EAEDJ,YAAY,CAACe,WAAW,GAAG,wBAAwB;EAAA,OAhBtCf,YAAY;AAAA;"}

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "footerAction": "FooterActions-module_footerAction__H-bdq",
+  "footerActionPrevious": "FooterActions-module_footerActionPrevious__yyzsX",
+  "footerActionNext": "FooterActions-module_footerActionNext__GIowc"
+};
+module.exports = styles;
+//# sourceMappingURL=FooterActions.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterActions.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,97 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var typography = require('@kaizen/typography');
+require('uuid');
+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 ProgressStepper_module = require('./ProgressStepper.module.scss.cjs');
+var getStepStatus = function (isComplete, isCurrentStep, step, index) {
+  if (isComplete) {
+    return {
+      icon: React.createElement(SuccessIcon.SuccessIcon, {
+        key: index,
+        inheritSize: true,
+        role: "presentation",
+        classNameOverride: "success"
+      }),
+      accessibleName: "Completed: ".concat(step)
+    };
+  }
+  if (isCurrentStep) {
+    return {
+      icon: React.createElement(IndicatorActiveIcon.IndicatorActiveIcon, {
+        key: index,
+        inheritSize: true,
+        role: "presentation",
+        classNameOverride: "active"
+      }),
+      accessibleName: "Current: ".concat(step)
+    };
+  }
+  return {
+    icon: React.createElement(IndicatorInactiveIcon.IndicatorInactiveIcon, {
+      key: index,
+      inheritSize: true,
+      classNameOverride: "incomplete",
+      role: "presentation"
+    }),
+    accessibleName: "Not started: ".concat(step)
+  };
+};
+const ProgressStepper = /*#__PURE__*/function () {
+  const ProgressStepper = function (_a) {
+    var stepName = _a.stepName,
+      steps = _a.steps,
+      _b = _a.isComplete,
+      isComplete = _b === void 0 ? false : _b,
+      restprops = tslib.__rest(_a, ["stepName", "steps", "isComplete"]);
+    var currentStepIndex = steps.indexOf(stepName);
+    return React.createElement("div", {
+      className: ProgressStepper_module.stepsContainer
+    }, React.createElement("ol", tslib.__assign({
+      className: ProgressStepper_module.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 React.createElement("li", {
+        className: ProgressStepper_module.step,
+        key: "".concat(index, "-").concat(step),
+        "aria-current": isCurrentStep
+      }, React.createElement("div", {
+        className: ProgressStepper_module.stepContent
+      }, React.createElement("span", {
+        className: "sr-only"
+      }, accessibleName), React.createElement(typography.Paragraph, {
+        classNameOverride: ProgressStepper_module.stepName,
+        variant: "small",
+        color: "white",
+        "aria-hidden": true
+      }, step), React.createElement("div", {
+        className: ProgressStepper_module.stepIndicator
+      }, React.createElement("span", {
+        className: ProgressStepper_module.stepIcon
+      }, Icon)), index < steps.length - 1 && React.createElement("div", {
+        className: classnames([ProgressStepper_module.stepDivider, isCompletedStep && ProgressStepper_module.completedStep])
+      })));
+    })), React.createElement(typography.Paragraph, {
+      classNameOverride: ProgressStepper_module.stepperDescription,
+      variant: "small",
+      color: "white",
+      id: "stepper-description"
+    }, "Step ", currentStepIndex + 1, " of ", steps.length));
+  };
+  ProgressStepper.displayName = "Workflow.ProgressStepper";
+  return ProgressStepper;
+}();
+exports.ProgressStepper = ProgressStepper;
+//# sourceMappingURL=ProgressStepper.cjs.map

package/dist/cjs/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.cjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Paragraph } from \"@kaizen/typography\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Paragraph\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Paragraph>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Paragraph\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Paragraph>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Paragraph","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var styles = {
+  "stepsContainer": "ProgressStepper-module_stepsContainer__kh4S2",
+  "stepList": "ProgressStepper-module_stepList__ToKVO",
+  "step": "ProgressStepper-module_step__5Zakx",
+  "stepContent": "ProgressStepper-module_stepContent__brp8m",
+  "stepIndicator": "ProgressStepper-module_stepIndicator__vAWW6",
+  "stepName": "ProgressStepper-module_stepName__21rPP",
+  "stepIcon": "ProgressStepper-module_stepIcon__eW-Ps",
+  "stepDivider": "ProgressStepper-module_stepDivider__SaO4y",
+  "stepperDescription": "ProgressStepper-module_stepperDescription__XT8Ra"
+};
+module.exports = styles;
+//# sourceMappingURL=ProgressStepper.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/cjs/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "footerRoot": "FooterRoot-module_footerRoot__bvMSa"
+};
+module.exports = styles;
+//# sourceMappingURL=FooterRoot.module.scss.cjs.map

package/dist/cjs/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterRoot.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FooterRoot_module = require('./FooterRoot.module.scss.cjs');
+const FooterRoot = /*#__PURE__*/function () {
+  const FooterRoot = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    return React.createElement("footer", tslib.__assign({
+      className: classnames(FooterRoot_module.footerRoot, classNameOverride)
+    }, restProps), children);
+  };
+  FooterRoot.displayName = "Workflow.FooterRoot";
+  return FooterRoot;
+}();
+exports.FooterRoot = FooterRoot;
+//# sourceMappingURL=Root.cjs.map

package/dist/cjs/Workflow/subcomponents/Footer/components/Root/Root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.cjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterRoot.module.scss\"\n\nexport type FooterRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const FooterRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: FooterRootProps): JSX.Element => (\n  <footer\n    className={classnames(styles.footerRoot, classNameOverride)}\n    {...restProps}\n  >\n    {children}\n  </footer>\n)\n\nFooterRoot.displayName = \"Workflow.FooterRoot\"\n"],"names":["FooterRoot","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","footerRoot","displayName"],"mappings":";;;;;;MASaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHhB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHaC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CADa;IACsB,OAClCK,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,iBAAM,CAACC,UAAU,EAAET,iBAAiB;IAAC,CACvD,EAAAC,SAAS,GAEZF,QAAQ,CACF;GACV;EAEDF,UAAU,CAACa,WAAW,GAAG,qBAAqB;EAAA,OAbjCb,UAAU;AAAA;"}

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

@@ -0,0 +1,30 @@
+'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');
+const Header = /*#__PURE__*/function () {
+  const Header = function (_a) {
+    var workflowName = _a.workflowName,
+      stepName = _a.stepName,
+      status = _a.status,
+      headerActions = _a.headerActions,
+      restProps = tslib.__rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
+    return React.createElement(Root.HeaderRoot, tslib.__assign({}, restProps), React.createElement(Branding.Branding, {
+      alt: "Cultureamp"
+    }), React.createElement(Titles.Titles, {
+      workflowName: workflowName,
+      stepName: stepName,
+      status: status
+    }), React.createElement(Actions.Actions, {
+      headerActions: headerActions
+    }));
+  };
+  Header.displayName = "Workflow.Header";
+  return Header;
+}();
+exports.Header = Header;
+//# sourceMappingURL=Header.cjs.map

package/dist/cjs/Workflow/subcomponents/Header/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowTitlesProps,\n  WorkflowActionsProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Cultureamp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["Header","_a","workflowName","stepName","status","headerActions","restProps","__rest","React","createElement","HeaderRoot","__assign","Branding","alt","Titles","Actions","displayName"],"mappings":";;;;;;;;MAYaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAMT,EAAA;IALZ,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,cAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACVC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EALS,uDAMtB,CADa;IACkB,OAC9BO,KAAA,CAAAC,aAAA,CAACC,IAAAA,CAAAA,UAAU,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,EACvBE,KAAA,CAAAC,aAAA,CAACG,QAAAA,CAAAA,QAAQ,EAAA;MAACC,GAAG,EAAC;IAAY,CAAG,CAAA,EAC7BL,KAAA,CAAAC,aAAA,CAACK,MAAM,CAAAA,MAAA,EAAA;MAACZ,YAAY,EAAEA,YAAY;MAAEC,QAAQ,EAAEA,QAAQ;MAAEC,MAAM,EAAEA;KAAU,CAAA,EAC1EI,KAAC,CAAAC,aAAA,CAAAM,OAAO,CAAAA,OAAA;MAACV,aAAa,EAAEA;IAAiB,CAAA,CAAA,CAC9B;GACd;EAEDL,MAAM,CAACgB,WAAW,GAAG,iBAAiB;EAAA,OAdzBhB,MAAM;AAAA;"}

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

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

package/dist/cjs/Workflow/subcomponents/Header/components/Actions/Actions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.cjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Actions/Actions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Actions.module.scss\"\n\nexport type WorkflowActionsProps = {\n  /**\n   * Header actions will render in order of the array.\n   */\n  headerActions?: JSX.Element[]\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */\nexport const Actions = ({\n  headerActions,\n  ...restProps\n}: WorkflowActionsProps): JSX.Element => (\n  <div className={styles.actions} {...restProps}>\n    {headerActions?.map((action, index) => (\n      <action.type key={`header-actions ${index}`} {...action.props} />\n    ))}\n  </div>\n)\n\nActions.displayName = \"Workflow.Actions\"\n"],"names":["Actions","_a","headerActions","restProps","__rest","React","className","styles","actions","map","action","index","createElement","type","key","props","displayName"],"mappings":";;;;;;AAWA;AAAA,MACaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAGD,EAAA;IAFrB,IAAAC,aAAa,GAAAD,EAAA,CAAAC,aAAA;MACVC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAH,EAAA,EAFU,iBAGvB,CADa;IAC2B,OACvCI;MAAKC,SAAS,EAAEC,cAAM,CAACC;OAAaL,SAAS,CAAA,EAC1CD,aAAa,KAAb,IAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAEO,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAA;MAAK,OACrCN,KAAA,CAAAO,aAAA,CAACF,MAAM,CAACG,IAAI;QAACC,GAAG,EAAE,yBAAkBH,KAAK;SAAQD,MAAM,CAACK,KAAK,CAAI,CAAA;IAClE,CAAA,CAAC,CACE;GACP;EAEDf,OAAO,CAACgB,WAAW,GAAG,kBAAkB;EAAA,OAX3BhB,OAAO;AAAA;"}

package/dist/cjs/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "actions": "Actions-module_actions__2Zdtd"
+};
+module.exports = styles;
+//# sourceMappingURL=Actions.module.scss.cjs.map

package/dist/cjs/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Workflow/subcomponents/Header/components/Branding/Branding.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var brand = require('@kaizen/brand');
+var Branding_module = require('./Branding.module.scss.cjs');
+const Branding = /*#__PURE__*/function () {
+  const Branding = function (_a) {
+    var _b = _a.variant,
+      variant = _b === void 0 ? "logo-horizontal" : _b,
+      alt = _a.alt;
+    return React.createElement("div", {
+      className: Branding_module.branding
+    }, React.createElement(brand.Brand, {
+      classNameOverride: Branding_module.logo,
+      variant: variant,
+      alt: alt
+    }));
+  };
+  Branding.displayName = "Workflow.Branding";
+  return Branding;
+}();
+exports.Branding = Branding;
+//# sourceMappingURL=Branding.cjs.map

package/dist/cjs/Workflow/subcomponents/Header/components/Branding/Branding.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Branding.cjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Branding/Branding.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Brand, BrandProps } from \"@kaizen/brand\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Branding.module.scss\"\n\nexport type WorflowBrandingProps = {\n  variant?: BrandProps[\"variant\"]\n  alt: string\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Branding = ({\n  variant = \"logo-horizontal\",\n  alt,\n}: WorflowBrandingProps): JSX.Element => (\n  <div className={styles.branding}>\n    <Brand classNameOverride={styles.logo} variant={variant} alt={alt} />\n  </div>\n)\n\nBranding.displayName = \"Workflow.Branding\"\n"],"names":["Branding","_a","_b","variant","alt","React","createElement","className","styles","branding","Brand","classNameOverride","logo","displayName"],"mappings":";;;;;MAUaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAGF,EAAA;IAFrB,IAAAC,EAAA,GAAAD,EAAA,CAAAE,OAA2B;MAA3BA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,iBAAiB,GAAAA,EAAA;MAC3BE,GAAG,GAAAH,EAAA,CAAAG,GAAA;IACoC,OACvCC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,eAAM,CAACC;IAAQ,CAAA,EAC7BJ,KAAA,CAAAC,aAAA,CAACI,WAAK,EAAC;MAAAC,iBAAiB,EAAEH,eAAM,CAACI,IAAI;MAAET,OAAO,EAAEA,OAAO;MAAEC,GAAG,EAAEA;IAAG,CAAA,CAAI,CACjE;EAHiC,CAIxC;EAEDJ,QAAQ,CAACa,WAAW,GAAG,mBAAmB;EAAA,OAT7Bb,QAAQ;AAAA;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "branding": "Branding-module_branding__Oayqr",
+  "logo": "Branding-module_logo__rTXU9"
+};
+module.exports = styles;
+//# sourceMappingURL=Branding.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Branding.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/Workflow/subcomponents/Header/components/Root/Root.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Root_module = require('./Root.module.scss.cjs');
+const HeaderRoot = /*#__PURE__*/function () {
+  const HeaderRoot = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    return React.createElement("header", tslib.__assign({
+      className: classnames(Root_module.root, classNameOverride)
+    }, restProps), children);
+  };
+  HeaderRoot.displayName = "Workflow.HeaderRoot";
+  return HeaderRoot;
+}();
+exports.HeaderRoot = HeaderRoot;
+//# sourceMappingURL=Root.cjs.map

package/dist/cjs/Workflow/subcomponents/Header/components/Root/Root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.cjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Root.module.scss\"\n\nexport type HeaderRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const HeaderRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: HeaderRootProps): JSX.Element => (\n  <header className={classnames(styles.root, classNameOverride)} {...restProps}>\n    {children}\n  </header>\n)\n\nHeaderRoot.displayName = \"Workflow.HeaderRoot\"\n"],"names":["HeaderRoot","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","root","displayName"],"mappings":";;;;;;MASaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHhB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHaC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CADa;IACsB,OAClCK,KAAQ,CAAAC,aAAA,CAAA,QAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,WAAM,CAACC,IAAI,EAAET,iBAAiB;IAAC,CAAM,EAAAC,SAAS,GACzEF,QAAQ,CACF;GACV;EAEDF,UAAU,CAACa,WAAW,GAAG,qBAAqB;EAAA,OAVjCb,UAAU;AAAA;"}

package/dist/cjs/Workflow/subcomponents/Header/components/Root/Root.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "root": "Root-module_root__cfRZi"
+};
+module.exports = styles;
+//# sourceMappingURL=Root.module.scss.cjs.map

package/dist/cjs/Workflow/subcomponents/Header/components/Root/Root.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Workflow/subcomponents/Header/components/Titles/Titles.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var draftTag = require('@kaizen/draft-tag');
+var typography = require('@kaizen/typography');
+var Titles_module = require('./Titles.module.scss.cjs');
+const Titles = /*#__PURE__*/function () {
+  const Titles = function (_a) {
+    var workflowName = _a.workflowName,
+      stepName = _a.stepName,
+      status = _a.status,
+      restProps = tslib.__rest(_a, ["workflowName", "stepName", "status"]);
+    return React.createElement("div", tslib.__assign({
+      className: Titles_module.titles
+    }, restProps), React.createElement(typography.Heading, {
+      variant: "heading-1",
+      tag: "h1",
+      color: "dark",
+      classNameOverride: Titles_module.pageTitle
+    }, React.createElement(typography.Heading, {
+      classNameOverride: Titles_module.prefix,
+      variant: "heading-6",
+      tag: "span",
+      color: "dark-reduced-opacity"
+    }, workflowName, React.createElement("span", {
+      className: "sr-only"
+    }, ":")), React.createElement("span", null, stepName)), status &&
+    // status may need to be update by a fetch
+    React.createElement("div", {
+      className: Titles_module.status
+    }, React.createElement(draftTag.Tag, {
+      inline: true,
+      variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft"
+    }, status === null || status === void 0 ? void 0 : status.content)));
+  };
+  Titles.displayName = "Workflow.Titles";
+  return Titles;
+}();
+exports.Titles = Titles;
+//# sourceMappingURL=Titles.cjs.map