@kaizen/components 1.58.2 → 1.60.0

package/src/Popover/_docs/Popover.stories.tsx

@@ -1,7 +1,6 @@
 import React from "react"
 import { Meta, StoryObj } from "@storybook/react"
-import { AddIcon, MeatballsIcon } from "~components/Icon"
-import { Popover as PopoverComponent, PopoverProps, usePopover } from "../index"
+import { Popover as PopoverComponent, usePopover } from "../index"
 
 const meta = {
   title: "Components/Popover",
@@ -11,15 +10,8 @@ const meta = {
     referenceElement: undefined,
   },
   argTypes: {
-    customIcon: {
-      options: ["None", "MeatballsIcon", "AddIcon"],
-      control: { type: "radio" },
-      mapping: {
-        None: undefined,
-        MeatballsIcon: <MeatballsIcon role="presentation" />,
-        AddIcon: <AddIcon role="presentation" />,
-      },
-    },
+    variant: { control: false },
+    customIcon: { control: false },
   },
 } satisfies Meta<typeof PopoverComponent>
 
@@ -59,34 +51,3 @@ export const Playground: Story = {
     ),
   ],
 }
-
-export const Variants: Story = {
-  render: (args, context) => {
-    const Popover = (props: PopoverProps): JSX.Element =>
-      PopoverTemplate.render!({ ...args, ...props }, context)
-    return (
-      <div className="flex pl-32">
-        <div className="w-[150px]">
-          <Popover {...args} heading="Default" />
-        </div>
-        <div className="w-[150px]">
-          <Popover {...args} variant="positive" heading="Positive" />
-        </div>
-        <div className="w-[150px]">
-          <Popover {...args} variant="informative" heading="Informative" />
-        </div>
-        <div className="w-[150px]">
-          <Popover {...args} variant="negative" heading="Negative" />
-        </div>
-        <div className="w-[150px]">
-          <Popover {...args} variant="cautionary" heading="Cautionary" />
-        </div>
-      </div>
-    )
-  },
-  parameters: {
-    docs: {
-      source: { type: "dynamic" },
-    },
-  },
-}

package/src/ProgressBar/ProgressBar.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
 import { Heading } from "~components/Heading"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { Label } from "./subcomponents/Label"
 import { calculatePercentage } from "./utils/calculatePercentage"
 import styles from "./ProgressBar.module.scss"

package/src/Radio/Radio/Radio.tsx

@@ -1,6 +1,6 @@
 import React, { InputHTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Radio.module.scss"
 
 export type RadioProps = OverrideClassName<

package/src/Radio/RadioGroup/RadioGroup.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes, useId } from "react"
 import classnames from "classnames"
 import { Label } from "~components/Label"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./RadioGroup.module.scss"
 
 export type RadioGroupProps = OverrideClassName<

package/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.tsx

@@ -2,7 +2,7 @@ import React, { MouseEvent, HTMLAttributes } from "react"
 import classnames from "classnames"
 import { Label } from "~components/Label"
 import { VisuallyHidden } from "~components/VisuallyHidden"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { RichTextContent, RichTextContentProps } from "../RichTextContent"
 import { EditorContentArray } from "../types"
 import styles from "./EditableRichTextContent.module.scss"

package/src/RichTextEditor/RichTextContent/RichTextContent.tsx

@@ -1,6 +1,6 @@
 import React, { useState, HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { createSchemaWithAll } from "../RichTextEditor/schema"
 import { EditorContentArray } from "../types"
 import { useRichTextEditor } from "../utils/core"

package/src/RichTextEditor/RichTextEditor/RichTextEditor.tsx

@@ -9,7 +9,7 @@ import classnames from "classnames"
 import { FieldMessage } from "~components/FieldMessage"
 import { Label } from "~components/Label"
 import { InlineNotification } from "~components/Notification"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { ToolbarItems, EditorContentArray, EditorRows } from "../types"
 import { useRichTextEditor } from "../utils/core"
 import { createLinkManager } from "../utils/plugins"

package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import classnames from "classnames"
 import { Tooltip } from "~components/__overlays__/Tooltip/v1"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { ToggleIconButtonMoods } from "./types"
 import styles from "./ToggleIconButton.module.scss"
 

package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { ToolbarSectionProps } from "../ToolbarSection"
 import styles from "./Toolbar.module.scss"
 

package/src/Skirt/Skirt.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import classnames from "classnames"
 import { Container } from "~components/Container"
 import { Content, ContentProps } from "~components/Content"
-import { useResizeObserver } from "~utils/useResizeObserver"
+import { useResizeObserver } from "~components/utils/useResizeObserver"
 import styles from "./Skirt.module.scss"
 
 const spacing = 24

package/src/SplitButton/SplitButton.tsx

@@ -1,8 +1,8 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
 import { Menu } from "~components/__actions__/v2"
-import { DataAttributes } from "~types/DataAttributes"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { DataAttributes } from "~components/types/DataAttributes"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { ActionButton, ActionButtonProps } from "./subcomponents/ActionButton"
 import {
   DropdownButton,

package/src/SplitButton/subcomponents/BaseButton/BaseButton.tsx

@@ -1,6 +1,6 @@
 import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./BaseButton.module.scss"
 
 type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>

package/src/Table/Table.tsx

@@ -8,7 +8,7 @@ import {
   SortDescendingIcon,
 } from "~components/Icon"
 import { Tooltip } from "~components/__overlays__/Tooltip/v1"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Table.module.scss"
 
 export type TableContainerProps = {

package/src/Tabs/subcomponents/Tab.tsx

@@ -9,7 +9,7 @@ import { Tab as ReachTab } from "@reach/tabs"
 import classnames from "classnames"
 import { useFocusable } from "react-aria"
 import { Badge } from "~components/Badge"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Tab.module.scss"
 
 export type TabProps = {

package/src/Tabs/subcomponents/TabList.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import { TabList as ReachTabList } from "@reach/tabs"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./TabList.module.scss"
 
 export type TabListProps = {

package/src/Tabs/subcomponents/TabPanel.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import { TabPanel as ReachTabPanel } from "@reach/tabs"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./TabPanel.module.scss"
 
 export type TabPanelProps = {

package/src/Tabs/subcomponents/TabPanels.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import { TabPanels as ReachTabPanels } from "@reach/tabs"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 
 export type TabPanelsProps = {
   children: ReactNode

package/src/Text/Text.tsx

@@ -1,6 +1,6 @@
 import { createElement, HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Text.module.scss"
 
 export type TextVariants = "intro-lede" | "body" | "small" | "extra-small"

package/src/TextArea/TextArea.tsx

@@ -5,7 +5,7 @@ import React, {
   useState,
 } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./TextArea.module.scss"
 
 export type TextAreaProps = {

package/src/Tile/TileGrid/TileGrid.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactElement } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { InformationTileProps } from "../InformationTile"
 import { MultiActionTileProps } from "../MultiActionTile"
 import styles from "./TileGrid.module.scss"

package/src/Tile/subcomponents/GenericTile/GenericTile.tsx

@@ -5,7 +5,7 @@ import { ArrowBackwardIcon, InformationIcon } from "~components/Icon"
 import { Text } from "~components/Text"
 import { GenericButtonProps } from "~components/__actions__/Button/v1/GenericButton"
 import { IconButton } from "~components/__actions__/v2"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import Action from "./Action"
 import styles from "./GenericTile.module.scss"
 

package/src/TimeField/TimeField.tsx

@@ -9,7 +9,7 @@ import {
 import classnames from "classnames"
 import { FieldMessage } from "~components/FieldMessage"
 import { Label } from "~components/Label"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { TimeSegment } from "./subcomponents/TimeSegment"
 import { StatusType, TimeValue, ValueType } from "./types"
 import styles from "./TimeField.module.scss"

package/src/TitleBlockZen/TitleBlockZen.spec.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { render, waitFor, screen, within } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
-import { mockMatchMedia } from "~utils/useMediaQueries.spec"
+import { mockMatchMedia } from "~components/utils/useMediaQueries.spec"
 import { CustomBreadcrumbProps, SectionTitleRenderProps } from "./types"
 import { TitleBlockZen } from "./index"
 

package/src/TitleBlockZen/TitleBlockZen.tsx

@@ -6,7 +6,7 @@ import { ArrowLeftIcon, ArrowRightIcon, HamburgerIcon } from "~components/Icon"
 import { Select } from "~components/Select"
 import { Tag } from "~components/Tag"
 import { IconButton } from "~components/__actions__/v2"
-import { useMediaQueries } from "~utils/useMediaQueries"
+import { useMediaQueries } from "~components/utils/useMediaQueries"
 import { MainActions } from "./subcomponents/MainActions"
 import { MobileActions } from "./subcomponents/MobileActions"
 import { SecondaryActions } from "./subcomponents/SecondaryActions"

package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Meta, StoryObj } from "@storybook/react"
-import { assetUrl } from "@kaizen/hosted-assets"
 import { AddIcon, StarOnIcon } from "~components/Icon"
+import { assetUrl } from "~components/utils/hostedAssets"
 import { StickerSheet } from "~storybook/components/StickerSheet"
 import { NavigationTab, TitleBlockZen } from "../index"
 

package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from "react"
 import classnames from "classnames"
 import { CheckIcon } from "~components/Icon"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./ToggleSwitch.module.scss"
 
 export type ToggledStatus = "on" | "off"

package/src/VisuallyHidden/VisuallyHidden.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./VisuallyHidden.module.scss"
 
 export type VisuallyHiddenProps = {

package/src/Well/Well.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { WellBorderStyleType, WellVariantType, WellColors } from "./types"
 import styles from "./Well.module.scss"
 

package/src/Workflow/Workflow.tsx

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import {
   Footer,
   FooterProps,

package/src/Workflow/subcomponents/Footer/Footer.tsx

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import {
   FooterRoot,
   FooterAction,

package/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./FooterActions.module.scss"
 
 export type FooterActionsProps = {

package/src/Workflow/subcomponents/Footer/components/Root/Root.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./FooterRoot.module.scss"
 
 export type FooterRootProps = OverrideClassName<

package/src/Workflow/subcomponents/Header/components/Actions/Actions.tsx

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Actions.module.scss"
 
 export type WorkflowActionsProps = {

package/src/Workflow/subcomponents/Header/components/Branding/Branding.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import { Brand, BrandProps } from "~components/Brand"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Branding.module.scss"
 
 export type WorflowBrandingProps = {

package/src/Workflow/subcomponents/Header/components/Root/Root.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Root.module.scss"
 
 export type HeaderRootProps = OverrideClassName<

package/src/Workflow/subcomponents/Header/components/Titles/Titles.tsx

@@ -2,7 +2,7 @@ import React, { HTMLAttributes } from "react"
 import { Heading } from "~components/Heading"
 import { Tag, DefaultTagProps } from "~components/Tag"
 import { VisuallyHidden } from "~components/VisuallyHidden"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Titles.module.scss"
 
 export type WorkflowStatus = {

package/src/Workflow/subcomponents/Main/Main.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Main.module.scss"
 
 export type WorkflowMainProps = OverrideClassName<

package/src/Workflow/subcomponents/Wrapper/Wrapper.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Wrapper.module.scss"
 
 export type WorkflowWrapperProps = OverrideClassName<

package/src/__actions__/Button/v3/Button.tsx

@@ -4,7 +4,7 @@ import {
   ButtonProps as RACButtonProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import styles from "./Button.module.scss"
 
 export type ButtonVariants = "default"

package/src/__actions__/Menu/v1/subcomponents/MenuList/MenuList.tsx

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, cloneElement, useId } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./MenuList.module.scss"
 
 export type MenuListProps = {

package/src/__actions__/Menu/v3/Menu.tsx

@@ -3,7 +3,7 @@ import {
   Menu as RACMenu,
   MenuProps as RACMenuProps,
 } from "react-aria-components"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import styles from "./Menu.module.scss"
 
 export type MenuProps = Omit<

package/src/__actions__/Menu/v3/MenuItem.tsx

@@ -3,7 +3,7 @@ import {
   MenuItem as RACMenuItem,
   MenuItemProps as RACMenuItemProps,
 } from "react-aria-components"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import styles from "./MenuItem.module.scss"
 
 export type MenuItemProps = RACMenuItemProps & {

package/src/__future__/Select/Select.tsx

@@ -13,7 +13,7 @@ import {
   Popover,
   useFloating,
 } from "~components/MultiSelect/subcomponents/Popover"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { SelectProvider } from "./context"
 import {
   ListBox,

package/src/__future__/Select/subcomponents/ListBox/ListBox.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from "react"
 import { AriaListBoxOptions, useListBox } from "@react-aria/listbox"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { useSelectContext } from "../../context"
 import { SelectOption, SelectItem } from "../../types"
 import styles from "./ListBox.module.scss"

package/src/__future__/Select/subcomponents/Option/Option.tsx

@@ -4,7 +4,7 @@ import { useOption } from "@react-aria/listbox"
 import { mergeProps } from "@react-aria/utils"
 import classnames from "classnames"
 import { CheckIcon } from "~components/Icon"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { useSelectContext } from "../../context"
 import { SelectOption, SelectOptionNode } from "../../types"
 import styles from "./Option.module.scss"

package/src/__future__/Select/subcomponents/Overlay/Overlay.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from "react"
 import { FocusScope } from "@react-aria/focus"
 import { useOverlay, DismissButton } from "@react-aria/overlays"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { useSelectContext } from "../../context"
 import { SelectOption } from "../../types"
 

package/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx

@@ -3,7 +3,7 @@ import { DOMAttributes, FocusableElement } from "@react-types/shared"
 import classnames from "classnames"
 import { ChevronDownIcon, ChevronUpIcon } from "~components/Icon"
 import { Label } from "~components/Label"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./SelectToggle.module.scss"
 
 export type SelectToggleProps = {

package/src/__future__/Tag/RemovableTag/subcomponents/RemoveButton.tsx

@@ -1,6 +1,6 @@
 import React, { ButtonHTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { RemoveTagIcon } from "./RemoveTagIcon"
 import styles from "./RemoveButton.module.scss"
 

package/src/__future__/Tag/Tag/Tag.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, HTMLAttributes } from "react"
 import classNames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { TagColors } from "./types"
 import styles from "./Tag.module.scss"
 

package/src/__future__/Workflow/Workflow.tsx

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import {
   Footer,
   FooterProps,

package/src/__future__/Workflow/subcomponents/Footer/Footer.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import {
   FooterRoot,
   FooterAction,

package/src/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./FooterActions.module.scss"
 
 export type FooterActionsProps = {

package/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./FooterRoot.module.scss"
 
 export type FooterRootProps = OverrideClassName<

package/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Actions.module.scss"
 
 export type WorkflowActionsProps = {

package/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import { Brand, BrandProps } from "~components/Brand"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Branding.module.scss"
 
 export type WorflowBrandingProps = {

package/src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Root.module.scss"
 
 export type HeaderRootProps = OverrideClassName<

package/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx

@@ -2,7 +2,7 @@ import React, { HTMLAttributes } from "react"
 import { Heading } from "~components/Heading"
 import { Tag, DefaultTagProps } from "~components/Tag"
 import { VisuallyHidden } from "~components/VisuallyHidden"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Titles.module.scss"
 
 export type WorkflowStatus = {

package/src/__future__/Workflow/subcomponents/Main/Main.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Main.module.scss"
 
 export type WorkflowMainProps = OverrideClassName<

package/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./Wrapper.module.scss"
 
 export type WorkflowWrapperProps = OverrideClassName<