@kaizen/components 1.59.0 → 1.60.1

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<

package/src/__overlays__/Tooltip/v3/OverlayArrow.tsx

@@ -4,7 +4,7 @@ import {
   type OverlayArrowProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 
 import styles from "./OverlayArrow.module.scss"
 

package/src/__overlays__/Tooltip/v3/Tooltip.tsx

@@ -8,7 +8,7 @@ import {
   useContextProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import { OverlayArrow } from "./OverlayArrow"
 import styles from "./Tooltip.module.scss"
 

package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stickersheet.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react"
 import { Meta, composeStories } from "@storybook/react"
 import { ReversedColors } from "~components/__utilities__/v3"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import { StickerSheetStory } from "~storybook/components/StickerSheet"
-import { mergeClassNames } from "~utils/mergeClassNames"
 import * as testStories from "./Tooltip.spec.stories"
 
 export default {

package/src/utils/hostedAssets.ts

@@ -0,0 +1,13 @@
+const ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net"
+
+/**
+ * Returns the full URL of the asset at `path` managed by the
+ * `kaizen-design-system-assets` service.
+ *
+ * @example
+ * assetUrl("some/blob.png") -> "https://<origin>/some/blob.png"
+ *
+ * @see https://github.com/cultureamp/kaizen-design-system-assets/
+ */
+export const assetUrl = (path: string): string =>
+  [ORIGIN_BASE_URL, path].join("/")

package/src/utils/index.ts

@@ -1,2 +1,3 @@
 // Not all utils are exported because most are intended for internal use only
 export * from "./useMediaQueries"
+export * from "./hostedAssets"

package/src/utils/useResizeObserver.ts

@@ -23,6 +23,7 @@ export interface DOMRectReadOnly {
  * @return {Array} An array containing a ref for binding to the observed DOM
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
+ * @deprecated use native `ResizeObserver` DOM API instead
  */
 export const useResizeObserver = <T, E extends Element = HTMLElement>(
   resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback

package/dist/cjs/Card/Card.module.scss.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "Card-module_wrapper__h5MUx",
-  "elevated": "Card-module_elevated__m7z8s",
-  "blue": "Card-module_blue__3-ogH",
-  "gray": "Card-module_gray__laFe8",
-  "green": "Card-module_green__FOeLt",
-  "orange": "Card-module_orange__hIZPr",
-  "purple": "Card-module_purple__7tEwm",
-  "red": "Card-module_red__e6deN",
-  "white": "Card-module_white__HD1ph",
-  "yellow": "Card-module_yellow__j4aX-",
-  "default": "Card-module_default__MzW74",
-  "informative": "Card-module_informative__4yRSy",
-  "positive": "Card-module_positive__KvUqp",
-  "cautionary": "Card-module_cautionary__iMWR-",
-  "destructive": "Card-module_destructive__9wC8X",
-  "assertive": "Card-module_assertive__6d1GM",
-  "highlight": "Card-module_highlight__2GSL-"
-};
-module.exports = styles;