@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/esm/dts/index.d.ts

@@ -1,5 +1,20 @@
+export * from "./types/DatePicker";
+export * from "./Avatar";
+export * from "./AvatarGroup";
+export * from "./Badge";
+export * from "./Brand";
+export * from "./BrandMoment";
 export * from "./Button";
+export * from "./ButtonGroup";
+export * from "./Card";
+export * from "./Checkbox";
 export * from "./ClearButton";
+export * from "./Collapsible";
+export * from "./Divider";
+export * from "./EmptyState";
+export * from "./ErrorPage";
+export * from "./FieldGroup";
+export * from "./FieldMessage";
 export * from "./Filter";
 export * from "./FilterBar";
 export * from "./FilterButton";
@@ -7,8 +22,15 @@ export * from "./FilterDatePicker";
 export * from "./FilterDateRangePicker";
 export * from "./FilterMultiSelect";
 export * from "./FilterSelect";
-export * from "./InputSearch";
+export * from "./Heading";
+export * from "./Icon";
+export * from "./Input";
 export * from "./KaizenProvider";
+export * from "./Label";
+export * from "./LabelledMessage";
+export * from "./Notification";
+export * from "./Radio";
+export * from "./SearchField";
+export * from "./Slider";
+export * from "./Text";
 export * from "./Workflow";
-export * from "./types/DatePicker";
-export * from "./ErrorPage";

package/dist/esm/dts/types/OverrideClassName.d.ts

@@ -1,3 +1,4 @@
 export type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
+    /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
     classNameOverride?: string;
 };

package/dist/esm/future.js

@@ -1,211 +1,4 @@
-import { _ as __rest, a as __assign, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-18cfe99a.js';
-import React from 'react';
-import classnames from 'classnames';
-import { Paragraph, Heading } from '@kaizen/typography';
-import { Tag } from '@kaizen/draft-tag';
-import { Brand } from '@kaizen/brand';
-
-var styles$8 = {"footerRoot":"FooterRoot-module_footerRoot__N-6nQ"};
-
-var FooterRoot = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("footer", __assign({ className: classnames(styles$8.footerRoot, classNameOverride) }, restProps), children);
-};
-FooterRoot.displayName = "Workflow.FooterRoot";
-
-var styles$7 = {"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"};
-
-var getStepStatus = function(isComplete, isCurrentStep, step, index) {
-  if (isComplete) {
-    return {
-      icon: React.createElement(SuccessIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "success" }),
-      accessibleName: "Completed: ".concat(step.label)
-    };
-  }
-  if (isCurrentStep) {
-    return {
-      icon: React.createElement(IndicatorActiveIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "active" }),
-      accessibleName: "Current: ".concat(step.label)
-    };
-  }
-  return {
-    icon: React.createElement(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 = __rest(_a, ["currentStepId", "steps", "isComplete"]);
-  var currentStepIndex = steps.findIndex(function(stepItem) {
-    return stepItem.id === currentStepId;
-  });
-  return React.createElement(
-    "div",
-    { className: styles$7.stepsContainer },
-    React.createElement("ol", __assign({ className: styles$7.stepList }, restprops, { "aria-labelledby": "stepper-description" }), steps.map(function(step, index) {
-      var isCurrentStep = currentStepIndex === index;
-      var isCompletedStep = index < currentStepIndex || isComplete;
-      var _a2 = getStepStatus(isCompletedStep, isCurrentStep, step, index), accessibleName = _a2.accessibleName, Icon = _a2.icon;
-      return React.createElement(
-        "li",
-        { className: styles$7.step, key: "".concat(step.id), "aria-current": isCurrentStep },
-        React.createElement(
-          "div",
-          { className: styles$7.stepContent },
-          React.createElement("span", { className: "sr-only" }, accessibleName),
-          React.createElement(Paragraph, { classNameOverride: styles$7.stepName, variant: "small", color: "white", "aria-hidden": true }, step.label),
-          React.createElement(
-            "div",
-            { className: styles$7.stepIndicator },
-            React.createElement("span", { className: styles$7.stepIcon }, Icon)
-          ),
-          index < steps.length - 1 && React.createElement("div", { className: classnames([
-            styles$7.stepDivider,
-            isCompletedStep && styles$7.completedStep
-          ]) })
-        )
-      );
-    })),
-    React.createElement(
-      Paragraph,
-      { classNameOverride: styles$7.stepperDescription, variant: "small", color: "white", id: "stepper-description" },
-      "Step ",
-      currentStepIndex + 1,
-      " of ",
-      steps.length
-    )
-  );
-};
-ProgressStepper.displayName = "Workflow.ProgressStepper";
-
-var styles$6 = {"footerAction":"FooterActions-module_footerAction__v7eL-","footerActionPrevious":"FooterActions-module_footerActionPrevious__2XByZ","footerActionNext":"FooterActions-module_footerActionNext__IKRta"};
-
-var FooterAction = function(_a) {
-  var _b = _a.actionType, actionType = _b === void 0 ? "Previous" : _b, action = _a.action, restProps = __rest(_a, ["actionType", "action"]);
-  return React.createElement("div", __assign({ className: classnames([
-    styles$6.footerAction,
-    styles$6["footerAction".concat(actionType)]
-  ]) }, restProps), action);
-};
-FooterAction.displayName = "Workflow.FooterActions";
-
-var 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 React.createElement(
-    FooterRoot,
-    __assign({}, restProps),
-    React.createElement(FooterAction, { action: previousAction, actionType: "Previous" }),
-    React.createElement(ProgressStepper, { steps, currentStepId, isComplete }),
-    React.createElement(FooterAction, { action: nextAction, actionType: "Next" })
-  );
-};
-Footer.displayName = "Workflow.Footer";
-
-var styles$5 = {"titles":"Titles-module_titles__JYwU0","pageTitle":"Titles-module_pageTitle__YDp9S","prefix":"Titles-module_prefix__40x8n","status":"Titles-module_status__huuP7"};
-
-var Titles = function(_a) {
-  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, restProps = __rest(_a, ["workflowName", "stepName", "status"]);
-  return React.createElement(
-    "div",
-    __assign({ className: styles$5.titles }, restProps),
-    React.createElement(
-      Heading,
-      { variant: "heading-1", tag: "h1", color: "dark", classNameOverride: styles$5.pageTitle },
-      React.createElement(
-        Heading,
-        { classNameOverride: styles$5.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: styles$5.status },
-      React.createElement(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";
-
-var styles$4 = {"actions":"Actions-module_actions__Prrp0"};
-
-var Actions = function(_a) {
-  var headerActions = _a.headerActions, restProps = __rest(_a, ["headerActions"]);
-  return React.createElement("div", __assign({ className: styles$4.actions }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function(action, index) {
-    return React.createElement(action.type, __assign({ key: "header-actions ".concat(index) }, action.props));
-  }));
-};
-Actions.displayName = "Workflow.Actions";
-
-var styles$3 = {"branding":"Branding-module_branding__4h-rD","logo":"Branding-module_logo__vqqec"};
-
-var Branding = function(_a) {
-  var _b = _a.variant, variant = _b === void 0 ? "logo-horizontal" : _b, alt = _a.alt;
-  return React.createElement(
-    "div",
-    { className: styles$3.branding },
-    React.createElement(Brand, { classNameOverride: styles$3.logo, variant, alt })
-  );
-};
-Branding.displayName = "Workflow.Branding";
-
-var styles$2 = {"root":"Root-module_root__7DVw5"};
-
-var HeaderRoot = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("header", __assign({ className: classnames(styles$2.root, classNameOverride) }, restProps), children);
-};
-HeaderRoot.displayName = "Workflow.HeaderRoot";
-
-var Header = function(_a) {
-  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, headerActions = _a.headerActions, restProps = __rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
-  return React.createElement(
-    HeaderRoot,
-    __assign({}, restProps),
-    React.createElement(Branding, { alt: "Cultureamp" }),
-    React.createElement(Titles, { workflowName, stepName, status }),
-    React.createElement(Actions, { headerActions })
-  );
-};
-Header.displayName = "Workflow.Header";
-
-var styles$1 = {"main":"Main-module_main__hMyB1"};
-
-var Main = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("main", __assign({ className: classnames([styles$1.main, classNameOverride]) }, restProps), children);
-};
-Main.displayName = "Workflow.Main";
-
-var styles = {"wrapper":"Wrapper-module_wrapper__89WmC"};
-
-var Wrapper = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("div", __assign({ className: classnames(styles.wrapper, classNameOverride) }, restProps), children);
-};
-Wrapper.displayName = "Workflow.Wrapper";
-
-var WorkflowComponent = 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 React.createElement(
-    Workflow.Wrapper,
-    __assign({ classNameOverride }, restProps),
-    React.createElement(Workflow.Header, { workflowName, stepName: currentStep.label, status, headerActions }),
-    React.createElement(Workflow.Main, null, children),
-    React.createElement(Workflow.Footer, { currentStepId, steps, isComplete, nextAction, previousAction })
-  );
-};
-var Workflow = Object.assign(WorkflowComponent, {
-  Header,
-  Footer,
-  Main,
-  ProgressStepper,
-  Wrapper
-});
-
-export { Workflow };
+export { Select } from './packages/components/src/__future__/Select/Select.js';
+export { Tag } from './packages/components/src/__future__/Tag/Tag.js';
+export { Workflow } from './packages/components/src/__future__/Workflow/Workflow.js';
 //# sourceMappingURL=future.js.map

package/dist/esm/future.js.map

@@ -1 +1 @@
-{"version":3,"file":"future.js","sources":["../../src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx","../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx","../../src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx","../../src/__future__/Workflow/subcomponents/Footer/Footer.tsx","../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx","../../src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx","../../src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx","../../src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx","../../src/__future__/Workflow/subcomponents/Header/Header.tsx","../../src/__future__/Workflow/subcomponents/Main/Main.tsx","../../src/__future__/Workflow/subcomponents/Wrapper/Wrapper.tsx","../../src/__future__/Workflow/Workflow.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","import React from \"react\"\nimport classnames from \"classnames\"\nimport { Paragraph } from \"@kaizen/typography\"\nimport { IndicatorActiveIcon } from \"~icons/IndicatorActiveIcon\"\nimport { IndicatorInactiveIcon } from \"~icons/IndicatorInactiveIcon\"\nimport { SuccessIcon } from \"~icons/SuccessIcon\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport interface ProgressStepperProps {\n  /** the id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  /** @default false */\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\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.label}`,\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.label}`,\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.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\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, 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={`${step.id}`}\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.label}\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","import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterActions.module.scss\"\n\nexport interface FooterActionsProps\n  extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">> {\n  /** @default \"start\" */\n  actionType?: \"Previous\" | \"Next\"\n  action?: JSX.Element\n}\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","import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FooterRoot,\n  FooterAction,\n  ProgressStepper,\n  ProgressStepperProps,\n} from \"./components\"\n\nexport interface FooterProps\n  extends OverrideClassName<Omit<HTMLAttributes<HTMLElement>, \"children\">>,\n    ProgressStepperProps {\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}\n\nexport const Footer = ({\n  steps,\n  currentStepId,\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      currentStepId={currentStepId}\n      isComplete={isComplete}\n    />\n    <FooterAction action={nextAction} actionType=\"Next\" />\n  </FooterRoot>\n)\n\nFooter.displayName = \"Workflow.Footer\"\n","import React, { HTMLAttributes } from \"react\"\n// import classnames from \"classnames\"\nimport { Tag, DefaultTagProps } from \"@kaizen/draft-tag\"\nimport { Heading } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport interface WorkflowTitlesProps\n  extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n}\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n","import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Actions.module.scss\"\n\nexport interface WorkflowActionsProps\n  extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">> {\n  /**\n   * Header actions will render in order of the array.\n   */\n  headerActions?: JSX.Element[]\n}\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","import React, { HTMLAttributes } from \"react\"\nimport { Brand, BrandProps } from \"@kaizen/brand\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Branding.module.scss\"\n\nexport interface WorflowBrandingProps\n  extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {\n  /** * @default: \"logo-horizontal\" */\n  variant?: BrandProps[\"variant\"]\n  alt: string\n}\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","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","import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowActionsProps,\n  WorkflowTitlesProps,\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","import React, { HTMLAttributes, ReactNode } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Main.module.scss\"\n\nexport type WorkflowMainProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children: ReactNode\n}\n\nexport const Main = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: WorkflowMainProps): JSX.Element => (\n  <main className={classnames([styles.main, classNameOverride])} {...restProps}>\n    {children}\n  </main>\n)\n\nMain.displayName = \"Workflow.Main\"\n","import React, { HTMLAttributes, ReactNode } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Wrapper.module.scss\"\n\nexport type WorkflowWrapperProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children: ReactNode\n}\n\nexport const Wrapper = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: WorkflowWrapperProps): JSX.Element => (\n  <div className={classnames(styles.wrapper, classNameOverride)} {...restProps}>\n    {children}\n  </div>\n)\n\nWrapper.displayName = \"Workflow.Wrapper\"\n","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  Pick<HeaderProps, \"workflowName\" | \"status\" | \"headerActions\">\n\nconst WorkflowComponent = ({\n  steps,\n  currentStepId,\n  isComplete,\n  workflowName,\n  status,\n  headerActions,\n  children,\n  nextAction,\n  previousAction,\n  classNameOverride,\n  ...restProps\n}: WorkflowProps): JSX.Element => {\n  const currentStep = steps.find(step => step.id === currentStepId)\n  return (\n    <Workflow.Wrapper classNameOverride={classNameOverride} {...restProps}>\n      <Workflow.Header\n        workflowName={workflowName}\n        stepName={currentStep!.label}\n        status={status}\n        headerActions={headerActions}\n      />\n      <Workflow.Main>{children}</Workflow.Main>\n      <Workflow.Footer\n        currentStepId={currentStepId}\n        steps={steps}\n        isComplete={isComplete}\n        nextAction={nextAction}\n        previousAction={previousAction}\n      />\n    </Workflow.Wrapper>\n  )\n}\n\nexport const Workflow = Object.assign(WorkflowComponent, {\n  Header,\n  Footer,\n  Main,\n  ProgressStepper,\n  Wrapper,\n})\n"],"names":["styles","_a"],"mappings":"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"}
+{"version":3,"file":"future.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}