@kaizen/components 1.62.0 → 1.63.0

package/dist/types/{__layout__/Workflow/v3 → Workflow}/Workflow.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../types/OverrideClassName";
 import { FooterProps, HeaderProps } from "./subcomponents";
 export type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & FooterProps & Pick<HeaderProps, "workflowName" | "statusTag" | "headerActions">;
 export declare const Workflow: {

package/dist/types/{__layout__/Workflow/v2 → Workflow}/subcomponents/Footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../types/OverrideClassName";
 import { ProgressStepperProps, FooterRootProps } from "./components";
 export type FooterProps = {
     /** An action to return to a previous step */

package/dist/types/{__layout__/Workflow/v3 → Workflow}/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type FooterActionsProps = {
     actionType?: "Previous" | "Next";
     action?: JSX.Element;

package/dist/types/{__layout__/Workflow/v2 → Workflow}/subcomponents/Footer/components/Root/Root.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type FooterRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
 export declare const FooterRoot: {
     ({ children, classNameOverride, ...restProps }: FooterRootProps): JSX.Element;

package/dist/types/{__layout__/Workflow/v2 → Workflow}/subcomponents/Header/components/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorkflowActionsProps = {
     /**
      * Header actions will render in order of the array.

package/dist/types/{__layout__/Workflow/v2 → Workflow}/subcomponents/Header/components/Branding/Branding.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { BrandProps } from "../../../../../../../Brand";
-import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+import { BrandProps } from "../../../../../Brand";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorflowBrandingProps = {
     variant?: BrandProps["variant"];
     alt: string;

package/dist/types/{__layout__/Workflow/v3 → Workflow}/subcomponents/Header/components/Root/Root.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type HeaderRootProps = OverrideClassName<HTMLAttributes<HTMLHeadingElement>>;
 export declare const HeaderRoot: {
     ({ children, classNameOverride, ...restProps }: HeaderRootProps): JSX.Element;

package/dist/types/{__layout__/Workflow/v3 → Workflow}/subcomponents/Header/components/Titles/Titles.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
 export type WorkflowTitlesProps = {
     workflowName: string;
     stepName: string;

package/dist/types/{__layout__/Workflow/v1 → Workflow}/subcomponents/Main/Main.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../types/OverrideClassName";
 export type WorkflowMainProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: ReactNode;
 };

package/dist/types/{__layout__/Workflow/v3 → Workflow}/subcomponents/Wrapper/Wrapper.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../types/OverrideClassName";
 export type WorkflowWrapperProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: ReactNode;
 };

package/dist/types/__future__/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Select";
 export * from "./Tag";
-export * from "../__layout__/Workflow/v2";

package/dist/types/index.d.ts

@@ -57,7 +57,6 @@ export * from "./ToggleSwitch";
 export * from "./utils";
 export * from "./VisuallyHidden";
 export * from "./Well";
-export * from "./__layout__/Workflow/v1";
 export * from "./__overlays__/Tooltip/v1";
 export * from "./__actions__/Menu/v1";
 export * from "./__actions__/Button/v1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.62.0",
+  "version": "1.63.0",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/ProgressStepper.mdx

@@ -14,7 +14,7 @@ import * as ProgressStepperStories from "./ProgressStepper.stories"
 
 <Installation
   installCommand="pnpm add @kaizen/components"
-  importStatement='import { Workflow } from "@kaizen/components/v3/layout"'
+  importStatement='import { Workflow } from "@kaizen/components"'
 />
 
 ## Overview

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/ProgressStepper.stories.tsx

@@ -3,7 +3,7 @@ import { Workflow } from "../"
 import { WorkflowControls } from "./controls"
 
 const meta = {
-  title: "Layout/Workflow/Workflow (v3)/Components/Progress Stepper",
+  title: "Layout/Workflow/Workflow/Components/Progress Stepper",
   component: Workflow.ProgressStepper,
   argTypes: {
     currentStepId: WorkflowControls.currentStepId,

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/Workflow.mdx

@@ -15,7 +15,7 @@ import * as WorkflowHeader from "./WorkflowHeader.stories"
 
 <Installation
   installCommand="pnpm add @kaizen/components"
-  importStatement='import { Workflow } from "@kaizen/components/v3/layout"'
+  importStatement='import { Workflow } from "@kaizen/components"'
 />
 
 ## Overview

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/Workflow.stories.tsx

@@ -34,7 +34,7 @@ const MockContent = (): JSX.Element => (
 )
 
 const meta = {
-  title: "Layout/Workflow/Workflow (v3)",
+  title: "Layout/Workflow/Workflow",
   component: Workflow,
   argTypes: WorkflowControls,
   args: {

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/WorkflowFooter.mdx

@@ -15,7 +15,7 @@ import * as WorkflowFooterStories from "./WorkflowFooter.stories"
 
 <Installation
   installCommand="pnpm add @kaizen/components"
-  importStatement='import { Workflow } from "@kaizen/components/v3/layout"'
+  importStatement='import { Workflow } from "@kaizen/components"'
 />
 
 ## Overview

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/WorkflowFooter.stories.tsx

@@ -5,7 +5,7 @@ import { Workflow } from "../"
 import { WorkflowControls } from "./controls"
 
 const meta = {
-  title: "Layout/Workflow/Workflow (v3)/Components/Footer",
+  title: "Layout/Workflow/Workflow/Components/Footer",
   component: Workflow.Footer,
   argTypes: {
     ...WorkflowControls.nextAction,

package/src/{__layout__/Workflow/v1 → Workflow}/_docs/WorkflowHeader.mdx

@@ -15,7 +15,7 @@ import * as WorkflowHeaderStories from "./WorkflowHeader.stories"
 
 <Installation
   installCommand="pnpm add @kaizen/components"
-  importStatement='import { Workflow } from "@kaizen/components/v1/layout"'
+  importStatement='import { Workflow } from "@kaizen/components'
 />
 
 ## Overview

package/src/{__layout__/Workflow/v3 → Workflow}/_docs/WorkflowHeader.stories.tsx

@@ -7,7 +7,7 @@ import { Workflow } from "../"
 import { WorkflowControls } from "./controls"
 
 const meta = {
-  title: "Layout/Workflow/Workflow (v3)/Components/Header",
+  title: "Layout/Workflow/Workflow/Components/Header",
   component: Workflow.Header,
   argTypes: {
     ...WorkflowControls.headerActions,

package/src/{__layout__/Workflow/v3 → Workflow}/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css

@@ -45,6 +45,9 @@
   display: none;
   text-align: center;
   margin-bottom: var(--spacing-12);
+  font-family: var(--typography-paragraph-small-font-family);
+  font-size: var(--typography-paragraph-small-font-size);
+  line-height: var(--typography-paragraph-small-line-height);
   font-weight: var(--typography-paragraph-bold-font-weight);
   color: var(--color-gray-600);
 }
@@ -96,7 +99,6 @@
   font-weight: var(--typography-paragraph-small-font-weight);
   font-size: var(--typography-paragraph-small-font-size);
   line-height: var(--typography-paragraph-small-line-height);
-  letter-spacing: var(--typography-paragraph-small-letter-spacing);
 
   @media (width >= 768px) {
     /* sr hidden styles */

package/src/{__layout__/Workflow/v3 → Workflow}/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx

@@ -5,7 +5,6 @@ import {
   IndicatorInactiveIcon,
   SuccessIcon,
 } from "~components/Icon"
-import { Text } from "~components/Text"
 import { VisuallyHidden } from "~components/VisuallyHidden"
 import styles from "./ProgressStepper.module.css"
 
@@ -109,15 +108,14 @@ export const ProgressStepper = ({
                   {/* will need to be translated */}
                   {accessibleName}
                 </VisuallyHidden>
-                <Text
-                  classNameOverride={classnames(styles.stepName, {
+                <span
+                  className={classnames(styles.stepName, {
                     [styles.isCurrent]: isCurrentStep,
                   })}
-                  variant="small"
                   aria-hidden
                 >
                   {step.label}
-                </Text>
+                </span>
                 <div className={styles.stepIndicator}>
                   <span
                     className={classnames(styles.stepIcon, {

package/src/__future__/Select/_docs/Select.mdx

@@ -101,3 +101,5 @@ By default, the Select's popover will attach itself to the `body` of the documen
 You can change the default behaviour by providing a `portalContainerId` to attach this to different element in the DOM. This can help to resolve issues that may arise with `z-index` or having a Select in a modal.
 
 <Canvas of={SelectStories.PortalContainer} />
+
+There is currently a known issue whereby a selected option will cause the page to scroll to the top of the window on open (click on [default to see example](https://cultureamp.design/?path=/docs/components-select-future--docs#portals)). This can be solved by setting a `portalContainerId` to the closest parent of the Select.

package/src/__future__/index.ts

@@ -1,3 +1,2 @@
 export * from "./Select"
 export * from "./Tag"
-export * from "../__layout__/Workflow/v2"

package/src/index.ts

@@ -57,7 +57,6 @@ export * from "./ToggleSwitch"
 export * from "./utils"
 export * from "./VisuallyHidden"
 export * from "./Well"
-export * from "./__layout__/Workflow/v1"
 export * from "./__overlays__/Tooltip/v1"
 export * from "./__actions__/Menu/v1"
 export * from "./__actions__/Button/v1"

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

@@ -1,58 +0,0 @@
-'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);
-
-/**
- * @deprecated Use { Workflow } from `@kaizen/components/future`
- */
-var 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__default.default.createElement(Workflow.Wrapper, tslib.__assign({
-    classNameOverride: classNameOverride
-  }, restProps), React__default.default.createElement(Workflow.Header, {
-    workflowName: workflowName,
-    stepName: stepName,
-    status: status,
-    headerActions: headerActions
-  }), React__default.default.createElement(Workflow.Main, null, children), React__default.default.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;
-exports.Workflow = Workflow;

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

@@ -1,8 +0,0 @@
-'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/Footer.cjs

@@ -1,34 +0,0 @@
-'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,
-    stepName = _a.stepName,
-    isComplete = _a.isComplete,
-    previousAction = _a.previousAction,
-    nextAction = _a.nextAction,
-    restProps = tslib.__rest(_a, ["steps", "stepName", "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,
-    stepName: stepName,
-    isComplete: isComplete
-  }), React__default.default.createElement(FooterActions.FooterAction, {
-    action: nextAction,
-    actionType: "Next"
-  }));
-};
-Footer.displayName = "Workflow.Footer";
-exports.Footer = Footer;

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

@@ -1,26 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var FooterActions_module = require('./FooterActions.module.scss.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/v1/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.cjs

@@ -1,8 +0,0 @@
-'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/__layout__/Workflow/v1/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs

@@ -1,98 +0,0 @@
-'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.scss.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)
-    };
-  }
-  if (isCurrentStep) {
-    return {
-      icon: React__default.default.createElement(IndicatorActiveIcon.IndicatorActiveIcon, {
-        key: index,
-        inheritSize: true,
-        role: "presentation",
-        classNameOverride: "active"
-      }),
-      accessibleName: "Current: ".concat(step)
-    };
-  }
-  return {
-    icon: React__default.default.createElement(IndicatorInactiveIcon.IndicatorInactiveIcon, {
-      key: index,
-      inheritSize: true,
-      classNameOverride: "incomplete",
-      role: "presentation"
-    }),
-    accessibleName: "Not started: ".concat(step)
-  };
-};
-var 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__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 isCurrentStep = currentStepIndex === index;
-    var isCompletedStep = index < currentStepIndex || isComplete;
-    var _a = getStepStatus(isCompletedStep, isCurrentStep, step, index),
-      accessibleName = _a.accessibleName,
-      Icon = _a.icon;
-    return React__default.default.createElement("li", {
-      className: ProgressStepper_module.step,
-      key: "".concat(index, "-").concat(step),
-      "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: ProgressStepper_module.stepName,
-      variant: "small",
-      color: "white",
-      "aria-hidden": true
-    }, step), React__default.default.createElement("div", {
-      className: ProgressStepper_module.stepIndicator
-    }, React__default.default.createElement("span", {
-      className: ProgressStepper_module.stepIcon
-    }, 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",
-    color: "white",
-    id: "stepper-description"
-  }, "Step ", currentStepIndex + 1, " of ", steps.length));
-};
-ProgressStepper.displayName = "Workflow.ProgressStepper";
-exports.ProgressStepper = ProgressStepper;

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

@@ -1,14 +0,0 @@
-'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/__layout__/Workflow/v1/subcomponents/Footer/components/Root/FooterRoot.module.scss.cjs

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

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var FooterRoot_module = require('./FooterRoot.module.scss.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/v1/subcomponents/Header/Header.cjs

@@ -1,32 +0,0 @@
-'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,
-    status = _a.status,
-    headerActions = _a.headerActions,
-    restProps = tslib.__rest(_a, ["workflowName", "stepName", "status", "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,
-    status: status
-  }), React__default.default.createElement(Actions.Actions, {
-    headerActions: headerActions
-  }));
-};
-Header.displayName = "Workflow.Header";
-exports.Header = Header;

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

@@ -1,26 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var Actions_module = require('./Actions.module.scss.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/v1/subcomponents/Header/components/Actions/Actions.module.scss.cjs

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

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

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Brand = require('../../../../../../../Brand/Brand.cjs');
-var Branding_module = require('./Branding.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var Branding = function (_a) {
-  var _b = _a.variant,
-    variant = _b === void 0 ? "logo-horizontal" : _b,
-    alt = _a.alt;
-  return React__default.default.createElement("div", {
-    className: Branding_module.branding
-  }, React__default.default.createElement(Brand.Brand, {
-    classNameOverride: Branding_module.logo,
-    variant: variant,
-    alt: alt
-  }));
-};
-Branding.displayName = "Workflow.Branding";
-exports.Branding = Branding;