@kaizen/components 1.60.2 → 1.61.0

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

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

package/dist/types/{Workflow → __layout__/Workflow/v1}/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 & HeaderProps;
 /**

package/dist/types/__layout__/Workflow/v1/index.d.ts

@@ -0,0 +1,27 @@
+import { WorkflowProps as WorkflowPropsV1 } from "./Workflow";
+/** * @deprecated upgrade to v3 for the latest release */
+export declare const Workflow: {
+    ({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowPropsV1): JSX.Element;
+    Header: {
+        ({ workflowName, stepName, status, headerActions, ...restProps }: import("./subcomponents").HeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ steps, stepName, isComplete, previousAction, nextAction, ...restProps }: import("./subcomponents").FooterProps): JSX.Element;
+        displayName: string;
+    };
+    Main: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowMainProps): JSX.Element;
+        displayName: string;
+    };
+    ProgressStepper: {
+        ({ stepName, steps, isComplete, ...restprops }: import("./subcomponents").ProgressStepperProps): JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowWrapperProps): JSX.Element;
+        displayName: string;
+    };
+};
+/** * @deprecated upgrade to v3 for the latest release */
+export type WorkflowProps = WorkflowPropsV1;

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

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

package/dist/types/{__future__/Workflow → __layout__/Workflow/v1}/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/{__future__/Workflow → __layout__/Workflow/v1}/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/{Workflow → __layout__/Workflow/v1}/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/{Workflow → __layout__/Workflow/v1}/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/{__future__/Workflow → __layout__/Workflow/v1}/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/{Workflow → __layout__/Workflow/v1}/subcomponents/Header/components/Titles/Titles.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { DefaultTagProps } from "../../../../../Tag";
-import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { DefaultTagProps } from "../../../../../../../Tag";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorkflowStatus = {
     /** @default: "statusDraft" */
     variant?: DefaultTagProps["variant"];

package/dist/types/{__future__/Workflow → __layout__/Workflow/v1}/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/{Workflow → __layout__/Workflow/v1}/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__/Workflow → __layout__/Workflow/v2}/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" | "status" | "headerActions">;
 export declare const Workflow: {

package/dist/types/__layout__/Workflow/v2/index.d.ts

@@ -0,0 +1,27 @@
+import { WorkflowProps as WorkflowPropsV2 } from "./Workflow";
+/** * @deprecated upgrade to v3 for the latest release */
+export declare const Workflow: {
+    ({ steps, currentStepId, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowPropsV2): JSX.Element;
+    Header: {
+        ({ workflowName, stepName, status, headerActions, ...restProps }: import("./subcomponents").HeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: import("./subcomponents").FooterProps): JSX.Element;
+        displayName: string;
+    };
+    Main: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowMainProps): JSX.Element;
+        displayName: string;
+    };
+    ProgressStepper: {
+        ({ currentStepId, steps, isComplete, ...restprops }: import("./subcomponents").ProgressStepperProps): JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowWrapperProps): JSX.Element;
+        displayName: string;
+    };
+};
+/** * @deprecated upgrade to v3 for the latest release */
+export type WorkflowProps = WorkflowPropsV2;

package/dist/types/{__future__/Workflow → __layout__/Workflow/v2}/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/{Workflow → __layout__/Workflow/v2}/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/{Workflow → __layout__/Workflow/v2}/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/{__future__/Workflow → __layout__/Workflow/v2}/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/{__future__/Workflow → __layout__/Workflow/v2}/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/{Workflow → __layout__/Workflow/v2}/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/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Header/components/Titles/Titles.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
-import { DefaultTagProps } from "../../../../../../Tag";
-import { OverrideClassName } from "../../../../../../types/OverrideClassName";
+import { DefaultTagProps } from "../../../../../../../Tag";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
 export type WorkflowStatus = {
     /** @default: "statusDraft" */
     variant?: DefaultTagProps["variant"];

package/dist/types/{Workflow → __layout__/Workflow/v2}/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/{__future__/Workflow → __layout__/Workflow/v2}/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/__layout__/Workflow/v3/Workflow.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from "react";
+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: {
+    ({ steps, currentStepId, isComplete, workflowName, statusTag, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps): JSX.Element;
+    Header: {
+        ({ workflowName, stepName, statusTag, headerActions, ...restProps }: HeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
+        displayName: string;
+    };
+    Main: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowMainProps): JSX.Element;
+        displayName: string;
+    };
+    ProgressStepper: {
+        ({ currentStepId, steps, isComplete, ...restprops }: import("./subcomponents").ProgressStepperProps): JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, classNameOverride, ...restProps }: import("./subcomponents").WorkflowWrapperProps): JSX.Element;
+        displayName: string;
+    };
+};

package/dist/types/__layout__/Workflow/v3/_docs/controls/controls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const WorkflowControls: Partial<ArgTypes>;

package/dist/types/__layout__/Workflow/v3/_docs/controls/index.d.ts

@@ -0,0 +1 @@
+export * from "./controls";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/Footer.d.ts

@@ -0,0 +1,12 @@
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { ProgressStepperProps, FooterRootProps } from "./components";
+export type FooterProps = {
+    /** An action to return to a previous step */
+    previousAction?: JSX.Element;
+    /** An action to progress to the next step or submit the form */
+    nextAction?: JSX.Element;
+} & ProgressStepperProps & OverrideClassName<Omit<FooterRootProps, "children">>;
+export declare const Footer: {
+    ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type FooterActionsProps = {
+    actionType?: "Previous" | "Next";
+    action?: JSX.Element;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
+/** A simple wrapper for a Footer previous or next action  */
+export declare const FooterAction: {
+    ({ actionType, action, ...restProps }: FooterActionsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/FooterActions/index.d.ts

@@ -0,0 +1 @@
+export * from "./FooterActions";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -0,0 +1,16 @@
+export type Step = {
+    id: string;
+    label: string;
+};
+export type Steps = [Step, ...Step[]];
+export type ProgressStepperProps = {
+    /** The id reference to within a Step object */
+    currentStepId: Step["id"];
+    /** A non-empty array of Steps */
+    steps: Steps;
+    isComplete?: boolean;
+};
+export declare const ProgressStepper: {
+    ({ currentStepId, steps, isComplete, ...restprops }: ProgressStepperProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/index.d.ts

@@ -0,0 +1 @@
+export * from "./ProgressStepper";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/Root/Root.d.ts

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

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/Root/index.d.ts

@@ -0,0 +1 @@
+export * from "./Root";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Root";
+export * from "./ProgressStepper";
+export * from "./FooterActions";

package/dist/types/__layout__/Workflow/v3/subcomponents/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Footer";
+export * from "./components";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import { WorkflowActionsProps, WorkflowTitlesProps } from "./components";
+export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
+export declare const Header: {
+    ({ workflowName, stepName, statusTag, headerActions, ...restProps }: HeaderProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Actions/Actions.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type WorkflowActionsProps = {
+    /**
+     * Header actions will render in order of the array.
+     */
+    headerActions?: JSX.Element[];
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
+/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
+export declare const Actions: {
+    ({ headerActions, ...restProps }: WorkflowActionsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Actions/index.d.ts

@@ -0,0 +1 @@
+export * from "./Actions";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Branding/Branding.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { BrandProps } from "../../../../../../../Brand";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type WorflowBrandingProps = {
+    variant?: BrandProps["variant"];
+    alt: string;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const Branding: {
+    ({ variant, alt, }: WorflowBrandingProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Branding/index.d.ts

@@ -0,0 +1 @@
+export * from "./Branding";

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

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

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Root/index.d.ts

@@ -0,0 +1 @@
+export * from "./Root";

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../../../../../../types/OverrideClassName";
+export type WorkflowTitlesProps = {
+    workflowName: string;
+    stepName: string;
+    statusTag?: ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const Titles: {
+    ({ workflowName, stepName, statusTag, ...restProps }: WorkflowTitlesProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/Titles/index.d.ts

@@ -0,0 +1 @@
+export * from "./Titles";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Titles";
+export * from "./Actions";
+export * from "./Branding";
+export * from "./Root";

package/dist/types/__layout__/Workflow/v3/subcomponents/Header/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Header";
+export * from "./components";

package/dist/types/__layout__/Workflow/v3/subcomponents/Main/Main.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+export type WorkflowMainProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
+    children: ReactNode;
+};
+export declare const Main: {
+    ({ children, classNameOverride, ...restProps }: WorkflowMainProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Main/index.d.ts

@@ -0,0 +1 @@
+export * from "./Main";

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+export type WorkflowWrapperProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
+    children: ReactNode;
+};
+export declare const Wrapper: {
+    ({ children, classNameOverride, ...restProps }: WorkflowWrapperProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/__layout__/Workflow/v3/subcomponents/Wrapper/index.d.ts

@@ -0,0 +1 @@
+export * from "./Wrapper";

package/dist/types/__layout__/Workflow/v3/subcomponents/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Footer";
+export * from "./Header";
+export * from "./Main";
+export * from "./Wrapper";

package/dist/types/__layout__/v1.d.ts

@@ -0,0 +1 @@
+export * from "./Workflow/v1";

package/dist/types/__layout__/v2.d.ts

@@ -0,0 +1 @@
+export * from "./Workflow/v2";

package/dist/types/__layout__/v3.d.ts

@@ -0,0 +1 @@
+export * from "./Workflow/v3";

package/dist/types/index.d.ts

@@ -56,7 +56,7 @@ export * from "./ToggleSwitch";
 export * from "./utils";
 export * from "./VisuallyHidden";
 export * from "./Well";
-export * from "./Workflow";
+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.60.2",
+  "version": "1.61.0",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -89,8 +89,8 @@
     "react-day-picker": "Version locked until a11y gets fixed (https://github.com/gpbl/react-day-picker/pull/1708)"
   },
   "devDependencies": {
-    "@cultureamp/frontend-apis": "^9.8.0",
-    "@cultureamp/i18n-react-intl": "^2.6.0",
+    "@cultureamp/frontend-apis": "^9.8.2",
+    "@cultureamp/i18n-react-intl": "^2.6.1",
     "@tanstack/react-query": "^5.51.23",
     "@types/lodash.debounce": "^4.0.9",
     "@types/react-highlight": "^0.12.8",
@@ -137,7 +137,6 @@
     }
   },
   "scripts": {
-    "clean": "rm -rf dist",
     "lint:ts": "tsc --noEmit",
     "build": "pnpm package-bundler build-shared-ui && pnpm build:styles",
     "build:global-styles": "postcss ./styles/global.css --output dist/global.css",
@@ -146,6 +145,8 @@
     "test": "FORCE_COLOR=1 jest",
     "test:ci": "pnpm test -- --ci",
     "update-icons": "./src/Icon/bin/update-icons.sh",
-    "i18n:extract": "pnpm i18n-extract"
+    "i18n:extract": "pnpm i18n-extract",
+    "clean": "rimraf 'dist' 'node_modules' '.turbo'",
+    "clean:dist": "rimraf 'dist'"
   }
 }

package/src/MultiSelect/MultiSelect.tsx

@@ -114,6 +114,9 @@ export const MultiSelect = ({
         <Popover
           refs={refs}
           id={`${id}--popover`}
+          role="dialog"
+          aria-modal="true"
+          tabIndex={-1}
           focusOnProps={{
             enabled: true,
             onClickOutside,

package/src/MultiSelect/subcomponents/Popover/Popover.tsx

@@ -65,9 +65,6 @@ export const Popover = <RT extends ReferenceType>({
         ref={refs.setFloating}
         style={floatingStyles}
         className={classnames(styles.popover, classNameOverride)}
-        role="dialog"
-        aria-modal="true"
-        tabIndex={-1}
         {...restProps}
       >
         {children}

package/src/__future__/Select/Select.spec.tsx

@@ -367,19 +367,6 @@ describe("<Select />", () => {
       })
     })
 
-    it("will portal to the document body by default", async () => {
-      render(<SelectWrapper selectedKey="batch-brew" isOpen />)
-
-      const popover = screen.getByRole("dialog")
-      // expected div that FocusOn adds to the popover
-      const popoverFocusWrapper = popover.parentNode
-
-      await waitFor(() => {
-        const expectedBodyTag = popoverFocusWrapper?.parentNode
-        expect(expectedBodyTag?.nodeName).toEqual("BODY")
-      })
-    })
-
     it("will render as a descendant of the element matching the id", async () => {
       const SelectWithPortal = (): JSX.Element => {
         const portalContainerId = "id--portal-container"
@@ -401,13 +388,13 @@ describe("<Select />", () => {
 
       await waitFor(() => {
         const newPortalRegion = screen.getByTestId("id--portal-container-test")
-        const popover = within(newPortalRegion).getByRole("dialog")
+        const listbox = within(newPortalRegion).getByRole("listbox")
 
-        expect(popover).toBeInTheDocument()
+        expect(listbox).toBeInTheDocument()
       })
     })
 
-    it("will portal to the document body if the id does not match", async () => {
+    it("will still render the listbox when the portal id given is invalid", async () => {
       const SelectWithPortal = (): JSX.Element => {
         const expectedContainerId = "id--portal-container"
         return (
@@ -424,9 +411,8 @@ describe("<Select />", () => {
       render(<SelectWithPortal />)
 
       await waitFor(() => {
-        const popover = within(document.body).getByRole("dialog")
-
-        expect(popover).toBeInTheDocument()
+        const listbox = within(document.body).getByRole("listbox")
+        expect(listbox).toBeInTheDocument()
       })
     })
   })

package/src/__future__/index.ts

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