@kaizen/components 1.77.0 → 1.77.1

package/dist/types/SplitButton/SplitButton.d.ts

@@ -1,6 +1,6 @@
 import React, { type HTMLAttributes } from 'react';
-import { type DataAttributes } from '~components/types/DataAttributes';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type DataAttributes } from "../types/DataAttributes";
+import { type OverrideClassName } from "../types/OverrideClassName";
 import { type ActionButtonProps } from './subcomponents/ActionButton';
 import { type DropdownButtonProps } from './subcomponents/DropdownButton';
 export type SplitButtonProps = {

package/dist/types/SplitButton/subcomponents/BaseButton/BaseButton.d.ts

@@ -1,5 +1,5 @@
 import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../../types/OverrideClassName";
 type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
 type ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>;
 type AnchorButtonAttributes = AnchorAttributes & ButtonAttributes;

package/dist/types/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React, { type HTMLAttributes, type ReactElement } from 'react';
-import { type CheckedStatus } from '~components/Checkbox';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type CheckedStatus } from "../Checkbox";
+import { type OverrideClassName } from "../types/OverrideClassName";
 export type TableContainerProps = {
     children?: React.ReactNode;
     /** @default "compact" */

package/dist/types/Tabs/subcomponents/Tab.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type ReactNode, type SyntheticEvent } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../types/OverrideClassName";
 export type TabProps = {
     /**
      * Gets injected by TabList, no need to specify yourself

package/dist/types/Tabs/subcomponents/TabList.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../types/OverrideClassName";
 export type TabListProps = {
     /**
      * Accessible name for the set of tabs

package/dist/types/Tabs/subcomponents/TabPanel.d.ts

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

package/dist/types/Tabs/subcomponents/TabPanels.d.ts

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

package/dist/types/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type AvatarProps } from '~components/Avatar';
+import { type AvatarProps } from "../Avatar";
 import { type TagVariants } from './types';
 export type TagWithAvatarProps = Omit<DefaultTagProps, 'variant'> & {
     variant: 'profile';

package/dist/types/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../types/OverrideClassName";
 export type TextVariants = 'intro-lede' | 'body' | 'small' | 'extra-small';
 export type AllowedTextTags = 'pre' | 'p' | 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
 export type AllowedTextColors = 'dark' | 'dark-reduced-opacity' | 'white' | 'white-reduced-opacity' | 'positive' | 'negative';

package/dist/types/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import React, { type TextareaHTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../types/OverrideClassName";
 export type TextAreaProps = {
     textAreaRef?: React.RefObject<HTMLTextAreaElement>;
     status?: 'default' | 'error' | 'caution';

package/dist/types/TextAreaField/TextAreaField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type TextAreaProps } from '~components/TextArea';
+import { type TextAreaProps } from "../TextArea";
 export type TextAreaFieldProps = {
     labelText: string | React.ReactNode;
     inline?: boolean;

package/dist/types/TextField/TextField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type InputProps } from '~components/Input';
+import { type InputProps } from "../Input";
 type OmittedInputProps = 'startIconAdornment' | 'endIconAdornment' | 'ariaDescribedBy' | 'ariaLabel';
 export type TextFieldProps = {
     /**

package/dist/types/Tile/TileGrid/TileGrid.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type ReactElement } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../types/OverrideClassName";
 import { type InformationTileProps } from '../InformationTile';
 import { type MultiActionTileProps } from '../MultiActionTile';
 type TileProps = InformationTileProps | MultiActionTileProps;

package/dist/types/Tile/subcomponents/GenericTile/GenericTile.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
-import type { GenericButtonProps } from '~components/Button/GenericButton';
-import { type AllowedHeadingTags } from '~components/Heading';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import type { GenericButtonProps } from "../../../Button/GenericButton";
+import { type AllowedHeadingTags } from "../../../Heading";
+import { type OverrideClassName } from "../../../types/OverrideClassName";
 export type TileAction = GenericButtonProps;
 export type TileInformation = {
     text: string;

package/dist/types/TimeField/TimeField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type TimeFieldStateOptions } from '@react-stately/datepicker';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../types/OverrideClassName";
 import { type StatusType, type ValueType } from './types';
 type OmittedTimeFieldProps = 'errorMessage' | 'validationState' | 'value' | 'onChange' | 'label' | 'hideTimeZone';
 export type TimeFieldProps = {

package/dist/types/TitleBlockZen/subcomponents/MobileActions.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '~components/Button';
+import type { ButtonProps } from "../../Button";
 import { type DefaultActionProps, type PrimaryActionProps, type SecondaryActionsProps, type TitleBlockMenuItemProps } from '../types';
 export type MobileActionsProps = {
     primaryAction?: PrimaryActionProps;

package/dist/types/TitleBlockZen/subcomponents/Toolbar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { ButtonProps } from '~components/Button';
-import { type MenuProps } from '~components/Menu';
+import type { ButtonProps } from "../../Button";
+import { type MenuProps } from "../../Menu";
 type ToolbarProps = {
     items?: {
         key: string;

package/dist/types/TitleBlockZen/types.d.ts

@@ -1,7 +1,7 @@
-import { type CompanyAvatarProps, type GenericAvatarProps } from '~components/Avatar';
-import type { ButtonProps, CustomButtonProps } from '~components/Button';
-import { type MenuItemProps } from '~components/Menu';
-import { type Select } from '~components/Select';
+import { type CompanyAvatarProps, type GenericAvatarProps } from "../Avatar";
+import type { ButtonProps, CustomButtonProps } from "../Button";
+import { type MenuItemProps } from "../Menu";
+import { type Select } from "../Select";
 import { type NavigationTabProps } from './subcomponents/NavigationTabs';
 /**
  * @param TitleBlockProps ### Accessing internal types of TitleBlockProps

package/dist/types/ToggleSwitch/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,5 +1,5 @@
 import React, { type InputHTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../types/OverrideClassName";
 export type ToggledStatus = 'on' | 'off';
 export type ToggleSwitchProps = {
     toggledStatus?: ToggledStatus;

package/dist/types/VisuallyHidden/VisuallyHidden.d.ts

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

package/dist/types/Well/Well.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../types/OverrideClassName";
 import { type WellBorderStyleType, type WellColors, type WellVariantType } from './types';
 export type WellProps = {
     children?: React.ReactNode;

package/dist/types/Workflow/Workflow.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/types/__next__/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type StringSuggestions } from '~components/types/StringSuggestions';
+import { type StringSuggestions } from "../../types/StringSuggestions";
 import { type IconNames } from './types';
 type PresentationalIcon = {
     isPresentational: true;

package/dist/types/__next__/Select/Select.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type UseFloatingReturn } from '@floating-ui/react-dom';
 import { type SelectProps as AriaSelectProps } from '@react-stately/select';
 import { type Key } from '@react-types/shared';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../types/OverrideClassName";
 import { type SelectPopoverContentsProps, type SelectToggleProps } from './subcomponents';
 import { type SelectItem, type SelectOption } from './types';
 type OmittedAriaSelectProps = 'children' | 'items';

package/dist/types/__next__/Select/subcomponents/ListBox/ListBox.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 import { type AriaListBoxOptions } from '@react-aria/listbox';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../../../types/OverrideClassName";
 import { type SelectItem, type SelectOption } from '../../types';
 export type SingleListBoxProps<Option extends SelectOption> = OverrideClassName<HTMLAttributes<HTMLUListElement>> & {
     children: ReactNode;

package/dist/types/__next__/Select/subcomponents/Option/Option.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../../../types/OverrideClassName";
 import { type SelectOption, type SelectOptionNode } from '../../types';
 export type OptionProps<Option extends SelectOption = SelectOption> = {
     item: SelectOptionNode<Option>;

package/dist/types/__next__/Select/subcomponents/Overlay/Overlay.d.ts

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

package/dist/types/__next__/Select/subcomponents/SelectToggle/SelectToggle.d.ts

@@ -1,6 +1,6 @@
 import React, { type HTMLAttributes } from 'react';
 import { type DOMAttributes, type FocusableElement } from '@react-types/shared';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../../../types/OverrideClassName";
 export type SelectToggleProps = {
     label: React.ReactNode;
     labelProps: DOMAttributes<FocusableElement>;

package/dist/types/__next__/Tag/RemovableTag/subcomponents/RemoveButton.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../../../types/OverrideClassName";
 export type RemoveButtonBaseProps = {
     ariaLabel: string;
     onClick: () => void;

package/dist/types/__next__/Tag/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes, type ReactNode } from 'react';
-import { type OverrideClassName } from '~components/types/OverrideClassName';
+import { type OverrideClassName } from "../../../types/OverrideClassName";
 import { type TagColors } from './types';
 export type TagProps = {
     children: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.77.0",
+  "version": "1.77.1",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -184,8 +184,9 @@
     "serialize-query-params": "^2.0.2",
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
+    "ts-patch": "^3.3.0",
     "tsx": "^4.19.3",
-    "@kaizen/design-tokens": "10.9.0"
+    "@kaizen/design-tokens": "10.9.1"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",
@@ -206,7 +207,7 @@
   },
   "scripts": {
     "lint:ts": "tsc --noEmit",
-    "build": "pnpm package-bundler build-shared-ui && pnpm build:styles",
+    "build": "ts-patch install -s && pnpm package-bundler build-shared-ui && pnpm build:styles",
     "build:global-styles": "postcss ./styles/global.css --output dist/global.css",
     "build:combine-styles": "concat-cli -f ./dist/global.css ./dist/styles.css -o ./dist/styles.css && rm ./dist/global.css",
     "build:styles": "pnpm build:global-styles && pnpm build:combine-styles",