npm - @kaizen/components - Versions diffs - 1.71.0 → 1.72.0 - Mend

@kaizen/components 1.71.0 → 1.72.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (693) hide show

package/src/Menu/_docs/MenuContentExample.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { MenuHeading } from '../subcomponents/MenuHeading'
 import { MenuItem } from '../subcomponents/MenuItem'
 import { MenuList } from '../subcomponents/MenuList'

package/src/Menu/_docs/examples.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { action } from '@storybook/addon-actions'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { MenuItem, MenuList } from '..'
 export const exampleActionButtonPropsButton = {

package/src/Menu/index.ts CHANGED Viewed

@@ -17,8 +17,6 @@ import {
   type StatelessMenuProps as StatelessMenuPropsV1,
 } from './subcomponents/StatelessMenu'
-// Note: deprecate all of these once we have Button v3
 export const Menu = MenuV1
 export type MenuProps = MenuPropsV1

package/src/Modal/ConfirmationModal/ConfirmationModal.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ import {
   ModalFooter,
   ModalHeader,
 } from '~components/Modal/GenericModal'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from './ConfirmationModal.module.scss'
 type Mood = 'positive' | 'informative' | 'negative' | 'cautionary' | 'assertive'

package/src/Modal/GenericModal/_docs/GenericModal.spec.stories.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { expect, userEvent, waitFor, within } from '@storybook/test'
 import { GenericModal, ModalAccessibleLabel, ModalBody, ModalHeader } from '../index'
 const meta: Meta<typeof GenericModal> = {
-  title: 'Components/Modals/GenericModal/Tests',
+  title: 'Components/Modals/GenericModal (primitive)/Tests',
   component: GenericModal,
 }

package/src/Modal/GenericModal/_docs/GenericModal.stories.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { GenericModal } from '../index'
 const meta = {
-  title: 'Components/Modals/GenericModal',
+  title: 'Components/Modals/GenericModal (primitive)',
   component: GenericModal,
   args: {
     children: 'Example content',

package/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { IconButton } from '~components/Button'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { ModalBody } from '../ModalBody'
 import styles from './ModalHeader.module.scss'

package/src/MultiSelect/subcomponents/Checkbox/Checkbox.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, type InputHTMLAttributes } from 'react'
 import classnames from 'classnames'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import styles from './Checkbox.module.scss'

package/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { forwardRef, useId, type HTMLAttributes } from 'react'
 import classnames from 'classnames'
 import { ClearButton } from '~components/ClearButton'
 import { type FieldMessageProps } from '~components/FieldMessage'
-import { Icon, RemovableTag } from '~components/__rc__'
+import { Icon, RemovableTag } from '~components/__next__'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import { type MultiSelectOption } from '../../types'
 import styles from './MultiSelectToggle.module.scss'

package/src/Notification/subcomponents/CancelButton/CancelButton.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from '../GenericNotification/GenericNotification.module.scss'
 type CancelButtonProps = {

package/src/Notification/subcomponents/NotificationIcon/NotificationIcon.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { type NotificationType, type NotificationVariant } from '~components/Notification/types'
-import { Icon } from '~components/__rc__'
+import { Icon } from '~components/__next__'
 import styles from './NotificationIcon.module.css'
 const NotificationIcon = ({ name }: { name: string }): JSX.Element => (

package/src/Pagination/subcomponents/DirectionalLink/DirectionalLink.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { GenericButton, type GenericProps } from '~components/Button/GenericButton'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 export type DirectionalLinkProps = {
   label: string

package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from './TruncateIndicator.module.css'
 export const TruncateIndicator = (): JSX.Element => (

package/src/Popover/Popover.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import classnames from 'classnames'
 import { usePopper } from 'react-popper'
 import { Heading } from '~components/Heading'
 import { Text } from '~components/Text'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import { type Placement, type PopoverSize, type PopoverVariant } from './types'
 import {

package/src/Popover/utils/classMappers.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from '../Popover.module.scss'
 import { type PopoverSize, type PopoverVariant } from '../types'

package/src/Radio/Radio/_docs/Radio.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { Radio } from '../index'
 export default {
-  title: 'Components/Radio controls/Radio',
+  title: 'Components/Radios/Radio (Primitive)',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/Radio/Radio/_docs/Radio.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { Radio } from '../index'
 const meta = {
-  title: 'Components/Radio controls/Radio',
+  title: 'Components/Radios/Radio (Primitive)',
   component: Radio,
   args: {
     id: 'radio',

package/src/Radio/RadioField/_docs/RadioField.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { RadioField } from '../index'
 export default {
-  title: 'Components/Radio controls/RadioField',
+  title: 'Components/Radios/RadioField',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/Radio/RadioField/_docs/RadioField.stories.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { RadioField } from '../index'
 const meta = {
-  title: 'Components/Radio controls/RadioField',
+  title: 'Components/Radios/RadioField',
   component: RadioField,
   args: {
     labelText: 'Radio label',

package/src/Radio/RadioGroup/_docs/RadioGroup.stickersheet.stories.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { RadioGroup } from '../index'
 export default {
-  title: 'Components/Radio controls/RadioGroup',
+  title: 'Components/Radios/RadioGroup',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/Radio/RadioGroup/_docs/RadioGroup.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { RadioField } from '~components/Radio/RadioField'
 import { RadioGroup } from '../index'
 const meta = {
-  title: 'Components/Radio controls/RadioGroup',
+  title: 'Components/Radios/RadioGroup',
   component: RadioGroup,
   args: {
     labelText: 'Radio group',

package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/_docs/ToggleIconButton.stickersheet.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { type Meta } from '@storybook/react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { StickerSheet, type StickerSheetStory } from '~storybook/components/StickerSheet'
 import { ToggleIconButton, type ToggleIconButtonProps } from '../index'
 import { moodsList } from '../types'

package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/_docs/ToggleIconButton.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { type Meta, type StoryObj } from '@storybook/react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { ToggleIconButton } from '../ToggleIconButton'
 const meta = {

package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.spec.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { ToggleIconButton } from '../ToggleIconButton'
 import { ToolbarSection } from '../ToolbarSection'
 import { Toolbar } from '.'

package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/_docs/Toolbar.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react'
 import { type Meta, type StoryObj } from '@storybook/react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { ToggleIconButton } from '../../ToggleIconButton'
 import { ToolbarSection } from '../../ToolbarSection'
 import { Toolbar } from '../index'

package/src/RichTextEditor/RichTextEditor/utils/controlmap.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type ToolbarControlTypes, type ToolbarItems } from '../../types'
 import { listIsActive, markIsActive } from '../../utils/commands'
 import {

package/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react'
 import { usePopover } from '~components/Popover'
 import { Text } from '~components/Text'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type SelectionPosition } from '../../types'
 import { Positioner } from './Positioner'
 import styles from './LinkPopover.module.scss'

package/src/Select/Select.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ import Async, { type AsyncProps as ReactAsyncSelectProps } from 'react-select/as
 import { FieldMessage } from '~components/FieldMessage'
 import { Label } from '~components/Label'
 import { Tag } from '~components/Tag'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from './Select.module.scss'
 export type SelectProps = {

package/src/Select/_docs/Select.mdx CHANGED Viewed

@@ -19,7 +19,7 @@ import * as SelectStories from './Select.stories'
 A select lets you choose options from an option menu. A single-select lets you choose one option while a multi-select lets you choose multiple options.
-**Note:** Select has a future version which partially replaces the functionality in this component. Please use the future component where possible for accessibility improvements.
+**Note:** Select has a next version which partially replaces the functionality in this component. Please use the next component where possible for accessibility improvements.
 <Canvas of={SelectStories.Playground} />
 <Controls of={SelectStories.Playground} />

package/src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useIntl } from '@cultureamp/i18n-react-intl'
 import classnames from 'classnames'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { BaseButton, type BaseButtonProps } from '../BaseButton'
 import styles from './DropdownButton.module.scss'

package/src/Table/Table.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import classnames from 'classnames'
 import { Checkbox, type CheckedStatus } from '~components/Checkbox'
 import { Heading } from '~components/Heading'
 import { Tooltip } from '~components/Tooltip'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import styles from './Table.module.scss'

package/src/Table/_docs/Table.stickersheet.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react'
 import { action } from '@storybook/addon-actions'
 import { type Meta, type StoryObj } from '@storybook/react'
 import { Text } from '~components/Text'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type StickerSheetStory } from '~storybook/components/StickerSheet'
 import {
   TableCard,

package/src/Table/_docs/Table.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { Checkbox } from '~components/Checkbox'
 import { Divider } from '~components/Divider'
 import { Text } from '~components/Text'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import {
   TableCard,
   TableContainer,

package/src/Tabs/_docs/Tabs.mdx CHANGED Viewed

@@ -1,10 +1,10 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
-import { ResourceLinks, KAIOInstallation } from '~storybook/components'
+import { ResourceLinks, KAIOInstallation, ReplacementNotice } from '~storybook/components'
 import * as TabsStories from './Tabs.stories'
 <Meta of={TabsStories} />
-# Tabs
+# Tabs (deprecated)
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tabs"
@@ -13,6 +13,8 @@ import * as TabsStories from './Tabs.stories'
 />
+<ReplacementNotice />
 <KAIOInstallation exportNames={['Tabs', 'TabList', 'Tab', 'TabPanels', 'TabPanel']} />
 ## Overview

package/src/Tabs/_docs/Tabs.stories.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { Text } from '~components/Text'
 import { Tab, TabList, TabPanel, TabPanels, Tabs } from '../index'
 const meta = {
-  title: 'Components/Tabs',
+  title: 'Components/Tabs/Tabs (deprecated)',
   component: Tabs,
   args: {
     children: (

package/src/Tag/Tag.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react'
 import classnames from 'classnames'
 import { Avatar, type AvatarProps } from '~components/Avatar'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { LiveIcon } from './subcomponents/LiveIcon/LiveIcon'
 import { type TagVariants } from './types'
 import styles from './Tag.module.scss'

package/src/Tag/_docs/Tag.mdx CHANGED Viewed

@@ -1,11 +1,11 @@
 import { Canvas, Controls, Meta, Unstyled } from '@storybook/blocks'
 import { InlineNotification } from '~components/Notification'
-import { ResourceLinks, KAIOInstallation } from '~storybook/components'
+import { ResourceLinks, KAIOInstallation, ReplacementNotice } from '~storybook/components'
 import * as TagStories from './Tag.stories'
 <Meta of={TagStories} />
-# Tag
+# Tag (deprecated)
 <ResourceLinks
   sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tag"
@@ -14,12 +14,7 @@ import * as TagStories from './Tag.stories'
 />
-<Unstyled>
-  <InlineNotification type="cautionary" persistent>
-    {`This version of the Tag will soon be deprecated and will be removed in the next major release.
-    Import Tag from "@kaizen/components/future" for the latest version and view our migration guide in the Future folder`}
-  </InlineNotification>
-</Unstyled>
+<ReplacementNotice />
 <KAIOInstallation exportNames="Tag" />

package/src/Tag/_docs/Tag.stickersheet.stories.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { Tag } from '../index'
 import { TagVariants } from '../types'
 export default {
-  title: 'Components/Tag',
+  title: 'Components/Tag/Tag (deprecated)',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/Tag/_docs/Tag.stories.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { Tag } from '../index'
 import { SentimentTagVariants, StatusTagVariants, ValidationTagVariants } from '../types'
 const meta = {
-  title: 'Components/Tag',
+  title: 'Components/Tag/Tag (deprecated)',
   component: Tag,
   args: {
     variant: 'default',

package/src/TextArea/_docs/TextArea.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { TextArea } from '../index'
 export default {
-  title: 'Components/Text Input controls/TextArea',
+  title: 'Components/TextAreaField/TextArea (primitive)',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/TextArea/_docs/TextArea.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { TextArea } from '../index'
 const meta = {
-  title: 'Components/Text Input controls/TextArea',
+  title: 'Components/TextAreaField/TextArea (primitive)',
   component: TextArea,
   parameters: {
     a11y: {

package/src/TextAreaField/_docs/TextAreaField.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { TextAreaField, type TextAreaFieldProps } from '../index'
 export default {
-  title: 'Components/Text Input controls/TextAreaField',
+  title: 'Components/TextAreaField',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/TextAreaField/_docs/TextAreaField.stories.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { TextAreaField } from '../index'
 const meta = {
-  title: 'Components/Text Input controls/TextAreaField',
+  title: 'Components/TextAreaField',
   component: TextAreaField,
   args: {
     labelText: 'Label',

package/src/TextField/TextField.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { FieldGroup } from '~components/FieldGroup'
 import { FieldMessage } from '~components/FieldMessage'
 import { Input, type InputProps } from '~components/Input'
 import { Label } from '~components/Label'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from './TextField.module.scss'
 type OmittedInputProps = 'startIconAdornment' | 'endIconAdornment' | 'ariaDescribedBy' | 'ariaLabel'

package/src/TextField/_docs/TextField.stickersheet.stories.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { TextField, type TextFieldProps } from '../index'
 export default {
-  title: 'Components/Text Input controls/TextField',
+  title: 'Components/TextField',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/TextField/_docs/TextField.stories.tsx CHANGED Viewed

@@ -1,10 +1,10 @@
 import React from 'react'
 import { type Meta, type StoryObj } from '@storybook/react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { TextField } from '../index'
 const meta = {
-  title: 'Components/Text Input controls/TextField',
+  title: 'Components/TextField',
   component: TextField,
   args: {
     labelText: 'Label',

package/src/Tile/subcomponents/GenericTile/GenericTile.spec.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { expect, waitFor, within } from '@storybook/test'
 import { GenericTile } from './GenericTile'
 const meta: Meta<typeof GenericTile> = {
-  title: 'Components/Tiles/GenericTile/Tests',
+  title: 'Components/Tiles/GenericTile (primitive)/Tests',
   component: GenericTile,
   args: {
     title: 'Title',

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

@@ -5,7 +5,7 @@ import { Button, IconButton } from '~components/Button'
 import type { GenericButtonProps } from '~components/Button/GenericButton'
 import { Heading, type AllowedHeadingTags } from '~components/Heading'
 import { Text } from '~components/Text'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import styles from './GenericTile.module.scss'

package/src/Tile/subcomponents/GenericTile/_docs/GenericTile.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { GenericTile, type GenericTileProps } from '../index'
 export default {
-  title: 'Components/Tiles/GenericTile',
+  title: 'Components/Tiles/GenericTile (primitive)',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/TitleBlockZen/TitleBlockZen.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { IconButton } from '~components/Button'
 import { Heading } from '~components/Heading'
 import { Select } from '~components/Select'
 import { Tag } from '~components/Tag'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { useMediaQueries } from '~components/utils/useMediaQueries'
 import { MainActions } from './subcomponents/MainActions'
 import { MobileActions } from './subcomponents/MobileActions'

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

@@ -1,6 +1,6 @@
 import React from 'react'
 import { type Meta, type StoryObj } from '@storybook/react'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { assetUrl } from '~components/utils/hostedAssets'
 import { StickerSheet } from '~storybook/components/StickerSheet'
 import { NavigationTab, TitleBlockZen } from '../index'

package/src/TitleBlockZen/subcomponents/MainActions.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, IconButton } from '~components/Button'
 import { Menu, MenuList } from '~components/Menu'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants'
 import {
   type DefaultActionProps,

package/src/TitleBlockZen/subcomponents/MobileActions.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import classnames from 'classnames'
 import { FocusOn } from 'react-focus-on'
 import type { ButtonProps } from '~components/Button'
 import { MenuHeading, MenuItem, MenuList } from '~components/Menu'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from '../constants'
 import {
   type DefaultActionProps,

package/src/TitleBlockZen/subcomponents/SecondaryActions.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, IconButton } from '~components/Button'
 import { Menu, MenuList } from '~components/Menu'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import styles from '../TitleBlockZen.module.scss'
 import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants'
 import { type SecondaryActionsProps, type TitleBlockMenuItemProps } from '../types'

package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { type InputHTMLAttributes } from 'react'
 import classnames from 'classnames'
-import { Icon } from '~components/__rc__/Icon'
+import { Icon } from '~components/__next__/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import styles from './ToggleSwitch.module.scss'

package/src/ToggleSwitch/ToggleSwitch/_docs/ToggleSwitch.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { ToggleSwitch } from '../index'
 export default {
-  title: 'Components/Toggle Switch controls/ToggleSwitch',
+  title: 'Components/ToggleSwitchField/ToggleSwitch (primitive)',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/ToggleSwitch/ToggleSwitch/_docs/ToggleSwitch.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { ToggleSwitch } from '../index'
 const meta = {
-  title: 'Components/Toggle Switch controls/ToggleSwitch',
+  title: 'Components/ToggleSwitchField/ToggleSwitch (primitive)',
   component: ToggleSwitch,
   parameters: {
     a11y: {

package/src/ToggleSwitch/ToggleSwitchField/_docs/ToggleSwitchField.stickersheet.stories.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
 import { ToggleSwitchField } from '../ToggleSwitchField'
 export default {
-  title: 'Components/Toggle Switch controls/ToggleSwitchField',
+  title: 'Components/ToggleSwitchField',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/ToggleSwitch/ToggleSwitchField/_docs/ToggleSwitchField.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { ToggleSwitchField } from '../ToggleSwitchField'
 const meta = {
-  title: 'Components/Toggle Switch controls/ToggleSwitchField',
+  title: 'Components/ToggleSwitchField',
   component: ToggleSwitchField,
   args: {
     labelText: 'Toggle me',