@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.
- package/codemods/README.md +3 -3
- package/codemods/upgradeIconV1/getNewIconPropsFromOldIconName.ts +1 -1
- package/codemods/upgradeIconV1/index.ts +1 -1
- package/codemods/upgradeIconV1/upgradeIconV1.spec.ts +4 -4
- package/codemods/upgradeIconV1/upgradeIconV1.ts +1 -1
- package/codemods/utils/getKaioTagName.spec.ts +4 -4
- package/codemods/utils/getKaioTagName.ts +1 -1
- package/codemods/utils/updateKaioImports.spec.ts +20 -20
- package/dist/cjs/Avatar/Avatar.cjs +1 -1
- package/dist/cjs/ButtonGroup/ButtonGroup.cjs +4 -4
- package/dist/cjs/Calendar/CalendarRange/CalendarRange.cjs +1 -1
- package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.cjs +1 -1
- package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs +1 -1
- package/dist/cjs/Checkbox/Checkbox/Checkbox.cjs +1 -1
- package/dist/cjs/ClearButton/ClearButton.cjs +1 -1
- package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs +1 -1
- package/dist/cjs/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs +1 -1
- package/dist/cjs/DateRangePicker/DateRangePicker.cjs +1 -1
- package/dist/cjs/ErrorPage/ErrorPage.cjs +1 -1
- package/dist/cjs/FieldMessage/FieldMessage.cjs +1 -1
- package/dist/cjs/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs +1 -1
- package/dist/cjs/Filter/FilterButton/FilterButton/FilterButton.cjs +1 -1
- package/dist/cjs/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs +3 -3
- package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs +1 -1
- package/dist/cjs/Filter/FilterSelect/FilterSelect.cjs +12 -12
- package/dist/cjs/Focusable/Focusable.module.scss.cjs +6 -0
- package/dist/cjs/GuidanceBlock/GuidanceBlock.cjs +3 -3
- package/dist/cjs/Illustration/utils/usePausePlay.cjs +1 -1
- package/dist/cjs/Input/InputSearch/InputSearch.cjs +1 -1
- package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs +1 -1
- package/dist/cjs/LinkButton/LinkButton.cjs +3 -3
- package/dist/cjs/Menu/index.cjs +0 -1
- package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs +1 -1
- package/dist/cjs/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.cjs +1 -1
- package/dist/cjs/MultiSelect/subcomponents/Checkbox/Checkbox.cjs +1 -1
- package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.cjs +2 -2
- package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.cjs +1 -1
- package/dist/cjs/Notification/subcomponents/NotificationIcon/NotificationIcon.cjs +1 -1
- package/dist/cjs/Pagination/Pagination.cjs +1 -0
- package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs +1 -1
- package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.cjs +1 -1
- package/dist/cjs/Popover/Popover.cjs +1 -1
- package/dist/cjs/Popover/utils/classMappers.cjs +1 -1
- package/dist/cjs/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.cjs +2 -2
- package/dist/cjs/RichTextEditor/RichTextEditor/utils/controlmap.cjs +1 -1
- package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.cjs +1 -1
- package/dist/cjs/Select/Select.cjs +1 -1
- package/dist/cjs/SplitButton/subcomponents/DropdownButton/DropdownButton.cjs +1 -1
- package/dist/cjs/Table/Table.cjs +3 -3
- package/dist/cjs/Tag/Tag.cjs +1 -1
- package/dist/cjs/TextField/TextField.cjs +1 -1
- package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs +1 -1
- package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs +1 -1
- package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs +1 -1
- package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs +1 -1
- package/dist/cjs/TitleBlockZen/subcomponents/SecondaryActions.cjs +1 -1
- package/dist/cjs/ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs +1 -1
- package/dist/cjs/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs +1 -1
- package/dist/cjs/{__rc__ → __next__}/Button/Button.cjs +1 -1
- package/dist/cjs/__next__/Button/Button.module.css.cjs +21 -0
- package/dist/cjs/__next__/Button/subcomponents/ButtonContent/ButtonContent.module.css.cjs +9 -0
- package/dist/cjs/__next__/Button/subcomponents/PendingContent/PendingContent.module.css.cjs +8 -0
- package/dist/cjs/__next__/Icon/Icon.module.css.cjs +11 -0
- package/dist/cjs/{__rc__ → __next__}/Menu/Menu.module.css.cjs +1 -1
- package/dist/cjs/__next__/Menu/MenuItem.module.css.cjs +8 -0
- package/dist/cjs/__next__/Select/Select.module.scss.cjs +7 -0
- package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.cjs +1 -1
- package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.module.scss.cjs +1 -1
- package/dist/cjs/__next__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.cjs +8 -0
- package/dist/cjs/__next__/Select/subcomponents/Option/Option.module.scss.cjs +10 -0
- package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/SectionDivider/SectionDivider.module.scss.cjs +1 -1
- package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.cjs +1 -1
- package/dist/cjs/__next__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.cjs +14 -0
- package/dist/cjs/__next__/Tabs/subcomponents/Tab/Tab.module.css.cjs +7 -0
- package/dist/cjs/{__rc__ → __next__}/Tabs/subcomponents/TabList/TabList.cjs +1 -1
- package/dist/cjs/__next__/Tabs/subcomponents/TabList/TabList.module.css.cjs +10 -0
- package/dist/cjs/__next__/Tag/RemovableTag/RemovableTag.module.scss.cjs +6 -0
- package/dist/cjs/__next__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.cjs +6 -0
- package/dist/cjs/__next__/Tag/Tag/Tag.module.scss.cjs +14 -0
- package/dist/cjs/{__rc__ → __next__}/Tooltip/OverlayArrow.cjs +1 -1
- package/dist/cjs/__next__/Tooltip/OverlayArrow.module.scss.cjs +7 -0
- package/dist/cjs/{__rc__ → __next__}/Tooltip/Tooltip.cjs +1 -1
- package/dist/cjs/__next__/Tooltip/Tooltip.module.scss.cjs +8 -0
- package/dist/cjs/actionsV3.cjs +7 -7
- package/dist/cjs/future.cjs +18 -18
- package/dist/cjs/index.cjs +7 -2
- package/dist/cjs/next.cjs +45 -0
- package/dist/cjs/overlaysV1.cjs +2 -2
- package/dist/cjs/overlaysV2.cjs +2 -2
- package/dist/cjs/overlaysV3.cjs +2 -4
- package/dist/cjs/utilitiesV3.cjs +1053 -1
- package/dist/esm/Avatar/Avatar.mjs +1 -1
- package/dist/esm/ButtonGroup/ButtonGroup.mjs +1 -1
- package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs +1 -1
- package/dist/esm/Calendar/CalendarSingle/CalendarSingle.mjs +1 -1
- package/dist/esm/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs +1 -1
- package/dist/esm/Checkbox/Checkbox/Checkbox.mjs +1 -1
- package/dist/esm/ClearButton/ClearButton.mjs +1 -1
- package/dist/esm/Collapsible/Collapsible/Collapsible.mjs +1 -1
- package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +1 -1
- package/dist/esm/DateRangePicker/DateRangePicker.mjs +1 -1
- package/dist/esm/ErrorPage/ErrorPage.mjs +1 -1
- package/dist/esm/FieldMessage/FieldMessage.mjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs +1 -1
- package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs +1 -1
- package/dist/esm/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs +2 -2
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +1 -1
- package/dist/esm/Filter/FilterSelect/FilterSelect.mjs +12 -12
- package/dist/esm/Focusable/Focusable.module.scss.mjs +4 -0
- package/dist/esm/GuidanceBlock/GuidanceBlock.mjs +2 -2
- package/dist/esm/Illustration/utils/usePausePlay.mjs +1 -1
- package/dist/esm/Input/InputSearch/InputSearch.mjs +1 -1
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs +1 -1
- package/dist/esm/LinkButton/LinkButton.mjs +3 -3
- package/dist/esm/Menu/index.mjs +0 -1
- package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs +1 -1
- package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/Checkbox/Checkbox.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +2 -2
- package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.mjs +1 -1
- package/dist/esm/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs +1 -1
- package/dist/esm/Pagination/Pagination.mjs +1 -0
- package/dist/esm/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs +1 -1
- package/dist/esm/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs +1 -1
- package/dist/esm/Popover/Popover.mjs +1 -1
- package/dist/esm/Popover/utils/classMappers.mjs +1 -1
- package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs +1 -1
- package/dist/esm/RichTextEditor/RichTextEditor/utils/controlmap.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs +1 -1
- package/dist/esm/Select/Select.mjs +1 -1
- package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs +1 -1
- package/dist/esm/Table/Table.mjs +2 -2
- package/dist/esm/Tag/Tag.mjs +1 -1
- package/dist/esm/TextField/TextField.mjs +1 -1
- package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs +1 -1
- package/dist/esm/TitleBlockZen/TitleBlockZen.mjs +1 -1
- package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs +1 -1
- package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs +1 -1
- package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs +1 -1
- package/dist/esm/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs +1 -1
- package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +1 -1
- package/dist/esm/{__rc__ → __next__}/Button/Button.mjs +1 -1
- package/dist/esm/__next__/Button/Button.module.css.mjs +19 -0
- package/dist/esm/__next__/Button/subcomponents/ButtonContent/ButtonContent.module.css.mjs +7 -0
- package/dist/esm/__next__/Button/subcomponents/PendingContent/PendingContent.module.css.mjs +6 -0
- package/dist/esm/__next__/Icon/Icon.module.css.mjs +9 -0
- package/dist/esm/{__rc__ → __next__}/Menu/Menu.module.css.mjs +1 -1
- package/dist/esm/__next__/Menu/MenuItem.module.css.mjs +6 -0
- package/dist/esm/__next__/Select/Select.module.scss.mjs +5 -0
- package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.mjs +1 -1
- package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.module.scss.mjs +1 -1
- package/dist/esm/__next__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.mjs +6 -0
- package/dist/esm/__next__/Select/subcomponents/Option/Option.module.scss.mjs +8 -0
- package/dist/esm/__next__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.mjs +4 -0
- package/dist/esm/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.mjs +1 -1
- package/dist/esm/__next__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs +12 -0
- package/dist/esm/__next__/Tabs/subcomponents/Tab/Tab.module.css.mjs +5 -0
- package/dist/esm/{__rc__ → __next__}/Tabs/subcomponents/TabList/TabList.mjs +1 -1
- package/dist/esm/__next__/Tabs/subcomponents/TabList/TabList.module.css.mjs +8 -0
- package/dist/esm/__next__/Tag/RemovableTag/RemovableTag.module.scss.mjs +4 -0
- package/dist/esm/__next__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.mjs +4 -0
- package/dist/esm/__next__/Tag/Tag/Tag.module.scss.mjs +12 -0
- package/dist/esm/{__rc__ → __next__}/Tooltip/OverlayArrow.mjs +1 -1
- package/dist/esm/__next__/Tooltip/OverlayArrow.module.scss.mjs +5 -0
- package/dist/esm/{__rc__ → __next__}/Tooltip/Tooltip.mjs +1 -1
- package/dist/esm/__next__/Tooltip/Tooltip.module.scss.mjs +6 -0
- package/dist/esm/actionsV3.mjs +7 -7
- package/dist/esm/future.mjs +18 -18
- package/dist/esm/index.mjs +3 -1
- package/dist/esm/next.mjs +19 -0
- package/dist/esm/overlaysV1.mjs +1 -1
- package/dist/esm/overlaysV2.mjs +1 -1
- package/dist/esm/overlaysV3.mjs +2 -3
- package/dist/esm/utilitiesV3.mjs +422 -1
- package/dist/styles.css +155 -155
- package/dist/types/Filter/FilterSelect/FilterSelect.d.ts +4 -4
- package/dist/types/Filter/FilterSelect/types.d.ts +1 -1
- package/dist/types/LinkButton/LinkButton.d.ts +1 -1
- package/dist/types/Tooltip/index.d.ts +1 -8
- package/dist/types/{__rc__ → __next__}/Button/Button.d.ts +2 -2
- package/dist/types/{__rc__ → __next__}/Tooltip/index.d.ts +0 -1
- package/dist/types/{__rc__ → __next__}/index.d.ts +1 -0
- package/dist/types/__utilities__/index.d.ts +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/v3-actions.d.ts +2 -2
- package/dist/types/v3-overlays.d.ts +1 -1
- package/future/README.md +2 -24
- package/future/package.json +1 -1
- package/next/README.md +27 -0
- package/next/package.json +5 -0
- package/package.json +11 -5
- package/src/Avatar/Avatar.tsx +1 -1
- package/src/BrandMoment/_docs/BrandMoment.stickersheet.stories.tsx +1 -1
- package/src/BrandMoment/_docs/BrandMoment.stories.tsx +2 -2
- package/src/BrandMoment/_docs/ExampleHeaders.tsx +1 -1
- package/src/Button/Button/_docs/Button.mdx +5 -4
- package/src/Button/Button/_docs/Button.stickersheet.stories.tsx +2 -2
- package/src/Button/Button/_docs/Button.stories.tsx +2 -2
- package/src/Button/IconButton/_docs/IconButton.mdx +5 -3
- package/src/Button/IconButton/_docs/IconButton.stickersheet.stories.tsx +2 -2
- package/src/Button/IconButton/_docs/IconButton.stories.tsx +2 -2
- package/src/Calendar/CalendarPopover/_docs/CalendarPopover.stickersheet.stories.tsx +1 -1
- package/src/Calendar/CalendarRange/CalendarRange.tsx +1 -1
- package/src/Calendar/CalendarRange/_docs/CalendarRange.stickersheet.stories.tsx +1 -1
- package/src/Calendar/CalendarRange/_docs/CalendarRange.stories.tsx +1 -1
- package/src/Calendar/CalendarSingle/CalendarSingle.tsx +1 -1
- package/src/Calendar/CalendarSingle/_docs/CalendarSingle.stickersheet.stories.tsx +1 -1
- package/src/Calendar/CalendarSingle/_docs/CalendarSingle.stories.tsx +1 -1
- package/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx +1 -1
- package/src/Checkbox/Checkbox/Checkbox.tsx +1 -1
- package/src/Checkbox/Checkbox/_docs/Checkbox.stickersheet.stories.tsx +1 -1
- package/src/Checkbox/Checkbox/_docs/Checkbox.stories.tsx +1 -1
- package/src/Checkbox/CheckboxField/_docs/CheckboxField.stickersheet.stories.tsx +1 -1
- package/src/Checkbox/CheckboxField/_docs/CheckboxField.stories.tsx +1 -1
- package/src/Checkbox/CheckboxGroup/_docs/CheckboxGroup.stickersheet.stories.tsx +1 -1
- package/src/Checkbox/CheckboxGroup/_docs/CheckboxGroup.stories.tsx +1 -1
- package/src/ClearButton/ClearButton.tsx +1 -1
- package/src/Collapsible/Collapsible/Collapsible.tsx +1 -1
- package/src/Collapsible/Collapsible/_docs/Collapsible.stories.tsx +1 -1
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
- package/src/DatePicker/_docs/DatePicker.stickersheet.stories.tsx +1 -1
- package/src/DatePicker/_docs/DatePicker.stories.tsx +1 -1
- package/src/DatePicker/_docs/getLocale.stickersheet.stories.tsx +1 -1
- package/src/DateRangePicker/DateRangePicker.tsx +1 -1
- package/src/DateRangePicker/_docs/DateRangePicker.stickersheet.stories.tsx +1 -1
- package/src/DateRangePicker/_docs/DateRangePicker.stories.tsx +1 -1
- package/src/EmptyState/_docs/EmptyState.stickersheet.stories.tsx +1 -1
- package/src/EmptyState/_docs/EmptyState.stories.tsx +1 -1
- package/src/ErrorPage/ErrorPage.tsx +1 -1
- package/src/FieldGroup/_docs/FieldGroup.stickersheet.stories.tsx +1 -1
- package/src/FieldGroup/_docs/FieldGroup.stories.tsx +1 -1
- package/src/FieldMessage/FieldMessage.tsx +1 -1
- package/src/FieldMessage/_docs/FieldMessage.stickersheet.stories.tsx +1 -1
- package/src/FieldMessage/_docs/FieldMessage.stories.tsx +1 -1
- package/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx +1 -1
- package/src/Filter/FilterButton/FilterButton/FilterButton.tsx +1 -1
- package/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx +1 -1
- package/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.tsx +1 -1
- package/src/Filter/FilterSelect/FilterSelect.tsx +4 -4
- package/src/Filter/FilterSelect/types.ts +2 -2
- package/src/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/_docs/ApiSpecification.mdx +5 -5
- package/src/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/_docs/Focusable.stories.tsx +2 -2
- package/src/GuidanceBlock/GuidanceBlock.tsx +1 -1
- package/src/Icon/_docs/Icon.docs.stories.tsx +2 -2
- package/src/Icon/_docs/Icon.mdx +4 -2
- package/src/Icon/_docs/Icon.stickersheet.stories.tsx +1 -1
- package/src/Illustration/utils/usePausePlay.tsx +1 -1
- package/src/Input/Input/_docs/Input.stickersheet.stories.tsx +2 -2
- package/src/Input/Input/_docs/Input.stories.tsx +2 -2
- package/src/Input/InputRange/_docs/InputRange.stickersheet.stories.tsx +1 -1
- package/src/Input/InputRange/_docs/InputRange.stories.tsx +1 -1
- package/src/Input/InputSearch/InputSearch.tsx +1 -1
- package/src/Input/InputSearch/_docs/InputSearch.stickersheet.stories.tsx +1 -1
- package/src/Input/InputSearch/_docs/InputSearch.stories.tsx +1 -1
- package/src/Label/_docs/Label.stickersheet.stories.tsx +1 -1
- package/src/Label/_docs/Label.stories.tsx +1 -1
- package/src/LabelledMessage/_docs/LabelledMessage.stickersheet.stories.tsx +1 -1
- package/src/LabelledMessage/_docs/LabelledMessage.stories.tsx +1 -1
- package/src/LikertScaleLegacy/LikertScaleLegacy.tsx +1 -1
- package/src/LinkButton/LinkButton.tsx +4 -4
- package/src/LinkButton/_docs/LinkButton--api-specification.mdx +8 -8
- package/src/LinkButton/_docs/LinkButton--usage-guidelines.mdx +1 -1
- package/src/LinkButton/_docs/LinkButton.doc.stories.tsx +1 -1
- package/src/LinkButton/_docs/LinkButton.spec.stories.tsx +1 -1
- package/src/LinkButton/_docs/LinkButton.stickersheet.stories.tsx +1 -1
- package/src/Loading/LoadingGraphic/_docs/LoadingGraphic.stories.tsx +1 -1
- package/src/Menu/_docs/Menu.mdx +5 -5
- package/src/Menu/_docs/Menu.stickersheet.stories.tsx +2 -2
- package/src/Menu/_docs/Menu.stories.tsx +2 -2
- package/src/Menu/_docs/MenuContentExample.tsx +1 -1
- package/src/Menu/_docs/examples.tsx +1 -1
- package/src/Menu/index.ts +0 -2
- package/src/Modal/ConfirmationModal/ConfirmationModal.tsx +1 -1
- package/src/Modal/GenericModal/_docs/GenericModal.spec.stories.tsx +1 -1
- package/src/Modal/GenericModal/_docs/GenericModal.stories.tsx +1 -1
- package/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.tsx +1 -1
- package/src/MultiSelect/subcomponents/Checkbox/Checkbox.tsx +1 -1
- package/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.tsx +1 -1
- package/src/Notification/subcomponents/CancelButton/CancelButton.tsx +1 -1
- package/src/Notification/subcomponents/NotificationIcon/NotificationIcon.tsx +1 -1
- package/src/Pagination/subcomponents/DirectionalLink/DirectionalLink.tsx +1 -1
- package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.tsx +1 -1
- package/src/Popover/Popover.tsx +1 -1
- package/src/Popover/utils/classMappers.tsx +1 -1
- package/src/Radio/Radio/_docs/Radio.stickersheet.stories.tsx +1 -1
- package/src/Radio/Radio/_docs/Radio.stories.tsx +1 -1
- package/src/Radio/RadioField/_docs/RadioField.stickersheet.stories.tsx +1 -1
- package/src/Radio/RadioField/_docs/RadioField.stories.tsx +1 -1
- package/src/Radio/RadioGroup/_docs/RadioGroup.stickersheet.stories.tsx +1 -1
- package/src/Radio/RadioGroup/_docs/RadioGroup.stories.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/_docs/ToggleIconButton.stickersheet.stories.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/_docs/ToggleIconButton.stories.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.spec.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/_docs/Toolbar.stories.tsx +1 -1
- package/src/RichTextEditor/RichTextEditor/utils/controlmap.tsx +1 -1
- package/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx +1 -1
- package/src/Select/Select.tsx +1 -1
- package/src/Select/_docs/Select.mdx +1 -1
- package/src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx +1 -1
- package/src/Table/Table.tsx +1 -1
- package/src/Table/_docs/Table.stickersheet.stories.tsx +1 -1
- package/src/Table/_docs/Table.stories.tsx +1 -1
- package/src/Tabs/_docs/Tabs.mdx +4 -2
- package/src/Tabs/_docs/Tabs.stories.tsx +1 -1
- package/src/Tag/Tag.tsx +1 -1
- package/src/Tag/_docs/Tag.mdx +3 -8
- package/src/Tag/_docs/Tag.stickersheet.stories.tsx +1 -1
- package/src/Tag/_docs/Tag.stories.tsx +1 -1
- package/src/TextArea/_docs/TextArea.stickersheet.stories.tsx +1 -1
- package/src/TextArea/_docs/TextArea.stories.tsx +1 -1
- package/src/TextAreaField/_docs/TextAreaField.stickersheet.stories.tsx +1 -1
- package/src/TextAreaField/_docs/TextAreaField.stories.tsx +1 -1
- package/src/TextField/TextField.tsx +1 -1
- package/src/TextField/_docs/TextField.stickersheet.stories.tsx +1 -1
- package/src/TextField/_docs/TextField.stories.tsx +2 -2
- package/src/Tile/subcomponents/GenericTile/GenericTile.spec.stories.tsx +1 -1
- package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +1 -1
- package/src/Tile/subcomponents/GenericTile/_docs/GenericTile.stickersheet.stories.tsx +1 -1
- package/src/TitleBlockZen/TitleBlockZen.tsx +1 -1
- package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx +1 -1
- package/src/TitleBlockZen/subcomponents/MainActions.tsx +1 -1
- package/src/TitleBlockZen/subcomponents/MobileActions.tsx +1 -1
- package/src/TitleBlockZen/subcomponents/SecondaryActions.tsx +1 -1
- package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx +1 -1
- package/src/ToggleSwitch/ToggleSwitch/_docs/ToggleSwitch.stickersheet.stories.tsx +1 -1
- package/src/ToggleSwitch/ToggleSwitch/_docs/ToggleSwitch.stories.tsx +1 -1
- package/src/ToggleSwitch/ToggleSwitchField/_docs/ToggleSwitchField.stickersheet.stories.tsx +1 -1
- package/src/ToggleSwitch/ToggleSwitchField/_docs/ToggleSwitchField.stories.tsx +1 -1
- package/src/Tooltip/_docs/Tooltip.mdx +5 -8
- package/src/Tooltip/_docs/Tooltip.stickersheet.stories.tsx +2 -2
- package/src/Tooltip/_docs/Tooltip.stories.tsx +3 -3
- package/src/Tooltip/index.ts +1 -7
- package/src/Tooltip/utils/isSemanticElement.spec.tsx +1 -1
- package/src/Workflow/_docs/Workflow.stories.tsx +1 -1
- package/src/Workflow/_docs/WorkflowHeader.stories.tsx +1 -1
- package/src/Workflow/_docs/controls/controls.tsx +1 -1
- package/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx +1 -1
- package/src/{__rc__ → __next__}/Button/Button.tsx +3 -3
- package/src/{__rc__ → __next__}/Button/_docs/Button--api-specification.mdx +9 -9
- package/src/{__rc__ → __next__}/Button/_docs/Button--usage-guidelines.mdx +5 -5
- package/src/{__rc__ → __next__}/Button/_docs/Button.docs.stories.tsx +3 -3
- package/src/{__rc__ → __next__}/Button/_docs/Button.spec.stories.tsx +2 -2
- package/src/{__rc__ → __next__}/Button/_docs/Button.stickersheet.stories.tsx +2 -2
- package/src/{__rc__ → __next__}/Icon/_docs/Icon--api-specification.mdx +3 -3
- package/src/{__rc__ → __next__}/Icon/_docs/Icon--migration-guide.mdx +3 -3
- package/src/{__rc__ → __next__}/Icon/_docs/Icon--usage-guidelines.mdx +4 -4
- package/src/{__rc__ → __next__}/Icon/_docs/Icon.docs.stories.tsx +3 -3
- package/src/{__rc__ → __next__}/Icon/_docs/Icon.stickersheet.stories.tsx +3 -3
- package/src/{__rc__ → __next__}/Menu/_docs/Menu--api-specification.mdx +5 -6
- package/src/{__rc__ → __next__}/Menu/_docs/Menu--usage-guidelines.mdx +3 -4
- package/src/{__rc__ → __next__}/Menu/_docs/Menu.docs.stories.tsx +3 -3
- package/src/{__rc__ → __next__}/Menu/_docs/Menu.spec.stories.tsx +3 -3
- package/src/{__rc__ → __next__}/Menu/_docs/Menu.stories.tsx +3 -3
- package/src/{__rc__ → __next__}/Select/_docs/Select.mdx +2 -2
- package/src/{__rc__ → __next__}/Select/_docs/Select.stickersheet.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Select/_docs/Select.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.tsx +1 -1
- package/src/{__rc__ → __next__}/Select/subcomponents/Option/Option.tsx +1 -1
- package/src/{__rc__ → __next__}/Select/subcomponents/SelectToggle/SelectToggle.tsx +1 -1
- package/src/{__rc__ → __next__}/Tabs/_docs/Tabs--api-specification.mdx +3 -3
- package/src/{__rc__ → __next__}/Tabs/_docs/Tabs--migration-guide.mdx +3 -3
- package/src/{__rc__ → __next__}/Tabs/_docs/Tabs.spec.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Tabs/_docs/Tabs.stickersheet.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Tabs/_docs/Tabs.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Tabs/subcomponents/TabList/TabList.tsx +2 -2
- package/src/{__rc__ → __next__}/Tag/RemovableTag/_docs/RemovableTag.mdx +3 -3
- package/src/{__rc__ → __next__}/Tag/RemovableTag/_docs/RemovableTag.stickersheet.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Tag/RemovableTag/_docs/RemovableTag.stories.tsx +1 -1
- package/src/{__rc__ → __next__}/Tag/RemovableTag/subcomponents/RemoveButton.tsx +1 -1
- package/src/{__rc__ → __next__}/Tag/Tag/_docs/Tag-migration-guide.mdx +8 -8
- package/src/{__rc__ → __next__}/Tag/Tag/_docs/Tag-migration-guide.stories.tsx +2 -2
- package/src/{__rc__ → __next__}/Tag/Tag/_docs/Tag.mdx +5 -5
- package/src/{__rc__ → __next__}/Tag/Tag/_docs/Tag.stickersheet.stories.tsx +2 -2
- package/src/{__rc__ → __next__}/Tag/Tag/_docs/Tag.stories.tsx +2 -2
- package/src/{__rc__ → __next__}/Tooltip/OverlayArrow.tsx +1 -1
- package/src/{__rc__ → __next__}/Tooltip/Tooltip.tsx +1 -1
- package/src/{__rc__ → __next__}/Tooltip/_docs/ApiSpecification.mdx +6 -6
- package/src/{__rc__ → __next__}/Tooltip/_docs/Tooltip.docs.stories.tsx +4 -3
- package/src/{__rc__ → __next__}/Tooltip/_docs/Tooltip.mdx +5 -5
- package/src/{__rc__ → __next__}/Tooltip/_docs/Tooltip.spec.stories.tsx +6 -5
- package/src/{__rc__ → __next__}/Tooltip/_docs/Tooltip.stickersheet.stories.tsx +2 -2
- package/src/{__rc__ → __next__}/Tooltip/_docs/Tooltip.stories.tsx +4 -3
- package/src/{__rc__ → __next__}/Tooltip/index.ts +0 -1
- package/src/__next__/index.ts +11 -0
- package/src/__utilities__/index.ts +2 -0
- package/src/index.ts +1 -0
- package/src/utils/index.ts +1 -0
- package/src/v3-actions.ts +2 -2
- package/src/v3-overlays.ts +1 -1
- package/v3/utilities/package.json +1 -1
- package/dist/cjs/Tooltip/index.cjs +0 -8
- package/dist/cjs/__rc__/Button/Button.module.css.cjs +0 -21
- package/dist/cjs/__rc__/Button/subcomponents/ButtonContent/ButtonContent.module.css.cjs +0 -9
- package/dist/cjs/__rc__/Button/subcomponents/PendingContent/PendingContent.module.css.cjs +0 -8
- package/dist/cjs/__rc__/Icon/Icon.module.css.cjs +0 -11
- package/dist/cjs/__rc__/Menu/MenuItem.module.css.cjs +0 -8
- package/dist/cjs/__rc__/Select/Select.module.scss.cjs +0 -7
- package/dist/cjs/__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.cjs +0 -8
- package/dist/cjs/__rc__/Select/subcomponents/Option/Option.module.scss.cjs +0 -10
- package/dist/cjs/__rc__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.cjs +0 -14
- package/dist/cjs/__rc__/Tabs/subcomponents/Tab/Tab.module.css.cjs +0 -7
- package/dist/cjs/__rc__/Tabs/subcomponents/TabList/TabList.module.css.cjs +0 -10
- package/dist/cjs/__rc__/Tag/RemovableTag/RemovableTag.module.scss.cjs +0 -6
- package/dist/cjs/__rc__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.cjs +0 -6
- package/dist/cjs/__rc__/Tag/Tag/Tag.module.scss.cjs +0 -14
- package/dist/cjs/__rc__/Tooltip/OverlayArrow.module.scss.cjs +0 -7
- package/dist/cjs/__rc__/Tooltip/Tooltip.module.scss.cjs +0 -8
- package/dist/cjs/__rc__/Tooltip/subcomponents/Focusable/Focusable.module.scss.cjs +0 -6
- package/dist/esm/Tooltip/index.mjs +0 -6
- package/dist/esm/__rc__/Button/Button.module.css.mjs +0 -19
- package/dist/esm/__rc__/Button/subcomponents/ButtonContent/ButtonContent.module.css.mjs +0 -7
- package/dist/esm/__rc__/Button/subcomponents/PendingContent/PendingContent.module.css.mjs +0 -6
- package/dist/esm/__rc__/Icon/Icon.module.css.mjs +0 -9
- package/dist/esm/__rc__/Menu/MenuItem.module.css.mjs +0 -6
- package/dist/esm/__rc__/Select/Select.module.scss.mjs +0 -5
- package/dist/esm/__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.mjs +0 -6
- package/dist/esm/__rc__/Select/subcomponents/Option/Option.module.scss.mjs +0 -8
- package/dist/esm/__rc__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.mjs +0 -4
- package/dist/esm/__rc__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs +0 -12
- package/dist/esm/__rc__/Tabs/subcomponents/Tab/Tab.module.css.mjs +0 -5
- package/dist/esm/__rc__/Tabs/subcomponents/TabList/TabList.module.css.mjs +0 -8
- package/dist/esm/__rc__/Tag/RemovableTag/RemovableTag.module.scss.mjs +0 -4
- package/dist/esm/__rc__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.mjs +0 -4
- package/dist/esm/__rc__/Tag/Tag/Tag.module.scss.mjs +0 -12
- package/dist/esm/__rc__/Tooltip/OverlayArrow.module.scss.mjs +0 -5
- package/dist/esm/__rc__/Tooltip/Tooltip.module.scss.mjs +0 -6
- package/dist/esm/__rc__/Tooltip/subcomponents/Focusable/Focusable.module.scss.mjs +0 -4
- package/dist/types/__utilities__/v3.d.ts +0 -1
- package/src/Button/Button/_docs/v2/Button.mdx +0 -98
- package/src/Button/Button/_docs/v2/Button.stories.tsx +0 -162
- package/src/Button/IconButton/_docs/v2/IconButton.mdx +0 -24
- package/src/Button/IconButton/_docs/v2/IconButton.stories.tsx +0 -37
- package/src/Menu/_docs/v2/Menu.mdx +0 -31
- package/src/Menu/_docs/v2/Menu.stories.tsx +0 -54
- package/src/Tooltip/_docs/v2/Tooltip.mdx +0 -130
- package/src/Tooltip/_docs/v2/Tooltip.stories.tsx +0 -47
- package/src/__rc__/index.ts +0 -7
- package/src/__utilities__/v3.ts +0 -1
- /package/dist/cjs/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/Focusable.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Button/subcomponents/ButtonContent/ButtonContent.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Button/subcomponents/PendingContent/PendingContent.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Icon/Icon.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Icon/constants.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Menu/Menu.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Menu/MenuHeader.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Menu/MenuItem.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Menu/MenuPopover.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Menu/MenuSection.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Menu/MenuTrigger.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/Select.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/context/SelectContext.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/ListBoxSection.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/ListItem/ListItem.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/ListItems/ListItems.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/Option/Option.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/Overlay/Overlay.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/SectionDivider/SectionDivider.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/subcomponents/SelectToggle/SelectToggle.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/utils/getDisabledKeysFromItems.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/utils/isSelectOptionGroup.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Select/utils/transformSelectItemToCollectionElement.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tabs/Tabs.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tabs/constants.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tabs/subcomponents/Tab/Tab.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/TabPanel.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tag/RemovableTag/RemovableTag.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tag/RemovableTag/subcomponents/RemoveButton.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tag/Tag/Tag.cjs +0 -0
- /package/dist/cjs/{__rc__ → __next__}/Tooltip/TooltipTrigger.cjs +0 -0
- /package/dist/cjs/{__utilities__/ReversedColors/v3 → utils/ReversedColors}/ReversedColors.cjs +0 -0
- /package/dist/cjs/{__utilities__ → utils}/isRTL/isRTL.cjs +0 -0
- /package/dist/cjs/{__utilities__ → utils}/useIsClientReady/useIsClientReady.cjs +0 -0
- /package/dist/esm/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/Focusable.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Button/subcomponents/ButtonContent/ButtonContent.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Button/subcomponents/PendingContent/PendingContent.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Icon/Icon.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Icon/constants.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Menu/Menu.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Menu/MenuHeader.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Menu/MenuItem.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Menu/MenuPopover.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Menu/MenuSection.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Menu/MenuTrigger.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/Select.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/context/SelectContext.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/ListBoxSection.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListItem/ListItem.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListItems/ListItems.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/Option/Option.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/Overlay/Overlay.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/SectionDivider/SectionDivider.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/subcomponents/SelectToggle/SelectToggle.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/utils/getDisabledKeysFromItems.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/utils/isSelectOptionGroup.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Select/utils/transformSelectItemToCollectionElement.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tabs/Tabs.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tabs/constants.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tabs/subcomponents/Tab/Tab.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/TabPanel.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tag/RemovableTag/RemovableTag.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tag/RemovableTag/subcomponents/RemoveButton.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tag/Tag/Tag.mjs +0 -0
- /package/dist/esm/{__rc__ → __next__}/Tooltip/TooltipTrigger.mjs +0 -0
- /package/dist/esm/{__utilities__/ReversedColors/v3 → utils/ReversedColors}/ReversedColors.mjs +0 -0
- /package/dist/esm/{__utilities__ → utils}/isRTL/isRTL.mjs +0 -0
- /package/dist/esm/{__utilities__ → utils}/useIsClientReady/useIsClientReady.mjs +0 -0
- /package/dist/types/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/Focusable.d.ts +0 -0
- /package/dist/types/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/subcomponents/ButtonContent/ButtonContent.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/subcomponents/ButtonContent/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/subcomponents/PendingContent/PendingContent.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/subcomponents/PendingContent/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/subcomponents/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Button/types.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Icon/Icon.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Icon/constants.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Icon/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Icon/types.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/Menu.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/MenuHeader.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/MenuItem.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/MenuPopover.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/MenuSection.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/MenuTrigger.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/SubmenuTrigger.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Menu/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/Select.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/_docs/mockData.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/context/SelectContext.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/context/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListBox/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/ListBoxSection.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListItem/ListItem.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListItem/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListItems/ListItems.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/ListItems/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/Option/Option.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/Option/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/Overlay/Overlay.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/Overlay/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/SectionDivider/SectionDivider.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/SectionDivider/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/SelectToggle/SelectToggle.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/SelectToggle/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/subcomponents/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/types.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/utils/getDisabledKeysFromItems.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/utils/isSelectOptionGroup.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Select/utils/transformSelectItemToCollectionElement.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/Tabs.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/constants.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/Tab/Tab.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/Tab/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/TabList/TabList.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/TabList/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/TabPanel.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tabs/subcomponents/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/RemovableTag/RemovableTag.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/RemovableTag/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/RemovableTag/subcomponents/RemoveButton.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/Tag/Tag.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/Tag/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/Tag/types.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tag/index.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tooltip/OverlayArrow.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tooltip/Tooltip.d.ts +0 -0
- /package/dist/types/{__rc__ → __next__}/Tooltip/TooltipTrigger.d.ts +0 -0
- /package/dist/types/{__utilities__/ReversedColors/v3 → utils/ReversedColors}/ReversedColors.d.ts +0 -0
- /package/dist/types/{__utilities__/ReversedColors/v3 → utils/ReversedColors}/index.d.ts +0 -0
- /package/dist/types/{__utilities__ → utils}/isRTL/index.d.ts +0 -0
- /package/dist/types/{__utilities__ → utils}/isRTL/isRTL.d.ts +0 -0
- /package/dist/types/{__utilities__ → utils}/useIsClientReady/index.d.ts +0 -0
- /package/dist/types/{__utilities__ → utils}/useIsClientReady/useIsClientReady.d.ts +0 -0
- /package/src/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/Focusable.module.scss +0 -0
- /package/src/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/Focusable.tsx +0 -0
- /package/src/{__rc__/Tooltip/subcomponents/Focusable → Focusable}/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Button/Button.module.css +0 -0
- /package/src/{__rc__ → __next__}/Button/_docs/assets/button_anatomy.png +0 -0
- /package/src/{__rc__ → __next__}/Button/_docs/assets/button_icon_only_spec.png +0 -0
- /package/src/{__rc__ → __next__}/Button/_docs/assets/button_icon_spec.png +0 -0
- /package/src/{__rc__ → __next__}/Button/_docs/assets/button_spec.png +0 -0
- /package/src/{__rc__ → __next__}/Button/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/ButtonContent/ButtonContent.module.css +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/ButtonContent/ButtonContent.tsx +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/ButtonContent/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/PendingContent/PendingContent.module.css +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/PendingContent/PendingContent.tsx +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/PendingContent/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Button/subcomponents/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Button/types.ts +0 -0
- /package/src/{__rc__ → __next__}/Icon/Icon.module.css +0 -0
- /package/src/{__rc__ → __next__}/Icon/Icon.spec.tsx +0 -0
- /package/src/{__rc__ → __next__}/Icon/Icon.tsx +0 -0
- /package/src/{__rc__ → __next__}/Icon/_docs/Icon.docs.module.css +0 -0
- /package/src/{__rc__ → __next__}/Icon/_docs/assets/interface-dont.png +0 -0
- /package/src/{__rc__ → __next__}/Icon/_docs/assets/tooltip-dont.png +0 -0
- /package/src/{__rc__ → __next__}/Icon/constants.ts +0 -0
- /package/src/{__rc__ → __next__}/Icon/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Icon/material-symbols-metadata.json +0 -0
- /package/src/{__rc__ → __next__}/Icon/types.ts +0 -0
- /package/src/{__rc__ → __next__}/Menu/Menu.module.css +0 -0
- /package/src/{__rc__ → __next__}/Menu/Menu.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/MenuHeader.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/MenuItem.module.css +0 -0
- /package/src/{__rc__ → __next__}/Menu/MenuItem.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/MenuPopover.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/MenuSection.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/MenuTrigger.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/SubmenuTrigger.tsx +0 -0
- /package/src/{__rc__ → __next__}/Menu/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/Select.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/Select.spec.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/Select.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/_docs/mockData.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/context/SelectContext.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/context/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListBox/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/ListBoxSection.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListBoxSection/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListItem/ListItem.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListItem/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListItems/ListItems.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/ListItems/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/Option/Option.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/Option/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/Overlay/Overlay.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/Overlay/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SectionDivider/SectionDivider.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SectionDivider/SectionDivider.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SectionDivider/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.tsx +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SelectToggle/SelectToggle.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/SelectToggle/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/subcomponents/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/types.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/utils/getDisabledKeysFromItems.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/utils/isSelectOptionGroup.ts +0 -0
- /package/src/{__rc__ → __next__}/Select/utils/transformSelectItemToCollectionElement.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tabs/Tabs.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tabs/constants.ts +0 -0
- /package/src/{__rc__ → __next__}/Tabs/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/Tab/Tab.module.css +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/Tab/Tab.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/Tab/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/TabList/TabList.module.css +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/TabList/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/TabPanel.module.css +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/TabPanel.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/TabPanel/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tabs/subcomponents/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tag/RemovableTag/RemovableTag.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Tag/RemovableTag/RemovableTag.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tag/RemovableTag/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tag/RemovableTag/subcomponents/RemoveButton.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Tag/Tag/Tag.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Tag/Tag/Tag.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tag/Tag/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tag/Tag/types.ts +0 -0
- /package/src/{__rc__ → __next__}/Tag/index.ts +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/OverlayArrow.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/Tooltip.module.scss +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/TooltipTrigger.tsx +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_anatomy.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_placement.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_spec.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_trigger_1.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_trigger_2.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_trigger_3.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_variant.png +0 -0
- /package/src/{__rc__ → __next__}/Tooltip/_docs/assets/tooltip_when_to_use.png +0 -0
- /package/src/{__utilities__/ReversedColors/v3 → utils/ReversedColors}/ReversedColors.tsx +0 -0
- /package/src/{__utilities__/ReversedColors/v3 → utils/ReversedColors}/index.ts +0 -0
- /package/src/{__utilities__ → utils}/isRTL/index.ts +0 -0
- /package/src/{__utilities__ → utils}/isRTL/isRTL.spec.tsx +0 -0
- /package/src/{__utilities__ → utils}/isRTL/isRTL.ts +0 -0
- /package/src/{__utilities__ → utils}/useIsClientReady/index.ts +0 -0
- /package/src/{__utilities__ → utils}/useIsClientReady/useIsClientReady.tsx +0 -0
|
@@ -5,7 +5,7 @@ import { Text } from '~components/Text'
|
|
|
5
5
|
import { Tab, TabList, TabPanel, Tabs } from '../index'
|
|
6
6
|
|
|
7
7
|
const meta = {
|
|
8
|
-
title: 'Components/Tabs/Tabs (
|
|
8
|
+
title: 'Components/Tabs/Tabs (next)/Tabs (next) tests',
|
|
9
9
|
parameters: {
|
|
10
10
|
controls: { disable: true },
|
|
11
11
|
},
|
|
@@ -5,7 +5,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
|
|
|
5
5
|
import { Tab, TabList, TabPanel, Tabs } from '../index'
|
|
6
6
|
|
|
7
7
|
export default {
|
|
8
|
-
title: 'Components/Tabs/Tabs (
|
|
8
|
+
title: 'Components/Tabs/Tabs (next)',
|
|
9
9
|
parameters: {
|
|
10
10
|
chromatic: { disable: false },
|
|
11
11
|
controls: { disable: true },
|
|
@@ -5,8 +5,8 @@ import {
|
|
|
5
5
|
TabListStateContext,
|
|
6
6
|
type TabListProps as RACTabListProps,
|
|
7
7
|
} from 'react-aria-components'
|
|
8
|
-
import { Icon } from '~components/
|
|
9
|
-
import { isRTL as isRTLCheck } from '~components/
|
|
8
|
+
import { Icon } from '~components/__next__/Icon'
|
|
9
|
+
import { isRTL as isRTLCheck } from '~components/utils/isRTL'
|
|
10
10
|
import { SCROLL_AMOUNT } from '../../constants'
|
|
11
11
|
import styles from './TabList.module.css'
|
|
12
12
|
|
|
@@ -4,11 +4,11 @@ import * as RemovableTagStories from './RemovableTag.stories'
|
|
|
4
4
|
|
|
5
5
|
<Meta of={RemovableTagStories} />
|
|
6
6
|
|
|
7
|
-
# RemovableTag
|
|
7
|
+
# RemovableTag (next)
|
|
8
8
|
|
|
9
|
-
<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
9
|
+
<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tag/RemovableTag.tsx" />
|
|
10
10
|
|
|
11
|
-
<KAIOInstallation exportNames="RemovableTag" />
|
|
11
|
+
<KAIOInstallation exportNames="RemovableTag" isNext />
|
|
12
12
|
|
|
13
13
|
## Overview
|
|
14
14
|
|
package/src/{__rc__ → __next__}/Tag/RemovableTag/_docs/RemovableTag.stickersheet.stories.tsx
RENAMED
|
@@ -4,7 +4,7 @@ import { StickerSheet, type StickerSheetStory } from '~storybook/components/Stic
|
|
|
4
4
|
import { RemovableTag } from '../index'
|
|
5
5
|
|
|
6
6
|
export default {
|
|
7
|
-
title: 'Components/Tag/
|
|
7
|
+
title: 'Components/Tag/Tag (next)/RemovableTag',
|
|
8
8
|
parameters: {
|
|
9
9
|
chromatic: { disable: false },
|
|
10
10
|
controls: { disable: true },
|
|
@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react'
|
|
|
2
2
|
import { RemovableTag } from '../RemovableTag'
|
|
3
3
|
|
|
4
4
|
const meta = {
|
|
5
|
-
title: 'Components/Tag/
|
|
5
|
+
title: 'Components/Tag/Tag (next)/RemovableTag',
|
|
6
6
|
component: RemovableTag,
|
|
7
7
|
args: {
|
|
8
8
|
children: 'My tag',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { type ButtonHTMLAttributes } from 'react'
|
|
2
2
|
import classnames from 'classnames'
|
|
3
|
-
import { Icon } from '~components/
|
|
3
|
+
import { Icon } from '~components/__next__/Icon'
|
|
4
4
|
import { type OverrideClassName } from '~components/types/OverrideClassName'
|
|
5
5
|
import styles from './RemoveButton.module.scss'
|
|
6
6
|
|
|
@@ -4,9 +4,9 @@ import * as TagMigrationStories from './Tag-migration-guide.stories'
|
|
|
4
4
|
|
|
5
5
|
<Meta of={TagMigrationStories} />
|
|
6
6
|
|
|
7
|
-
#
|
|
7
|
+
# Tag migration guide
|
|
8
8
|
|
|
9
|
-
A brief guide on how and why to migrate from Kaizen's current `Tag` to the `
|
|
9
|
+
A brief guide on how and why to migrate from Kaizen's current `Tag` to the `next` release.
|
|
10
10
|
|
|
11
11
|
## Why the change?
|
|
12
12
|
|
|
@@ -14,7 +14,7 @@ Tag was rebuilt to allow for greater composability as the number of cases for a
|
|
|
14
14
|
|
|
15
15
|
## Component and API changes at a glance
|
|
16
16
|
|
|
17
|
-
There were a number key changes between current and
|
|
17
|
+
There were a number key changes between current and next `Tag` to achieve the flexibility we were aiming to provide, we've listed these below but also go into further detail in the [migration examples](/docs/components-tag-next-migration-guide--migrationguide#migration-examples).
|
|
18
18
|
|
|
19
19
|
- `variant` prop has been removed
|
|
20
20
|
- This has been superseded by a combination of the `color` and `icon` prop
|
|
@@ -45,7 +45,7 @@ For the most part these can all be replaced with the use of the `color` prop, wi
|
|
|
45
45
|
|
|
46
46
|
<Canvas of={TagMigrationStories.StatusMigration} sourceState="shown" />
|
|
47
47
|
|
|
48
|
-
While the `LiveIcon` is exported from `@kaizen/components` the current `Tag` uses an animated implementation, which is not exported directly from Kaizen. As an interim solution, you can use the following Story's code snippet to create a `LiveIconComponent`. This can then be passed into the
|
|
48
|
+
While the `LiveIcon` is exported from `@kaizen/components` the current `Tag` uses an animated implementation, which is not exported directly from Kaizen. As an interim solution, you can use the following Story's code snippet to create a `LiveIconComponent`. This can then be passed into the next `Tag` as `Children`.
|
|
49
49
|
|
|
50
50
|
<Canvas of={TagMigrationStories.LiveIconComponentStory} sourceState="hidden" />
|
|
51
51
|
|
|
@@ -65,7 +65,7 @@ Note: because the icons convey meaning, they should have an accessible label tha
|
|
|
65
65
|
|
|
66
66
|
Note: When using the `icon` prop, the icon's color will be determined by the `color` value that has been set. This is to ensure that an accessible contrast ratio is achieved.
|
|
67
67
|
|
|
68
|
-
Any Icons added as a child of
|
|
68
|
+
Any Icons added as a child of next `Tag` will need to set their own colors and ensure the right contrast ratio is achieved.
|
|
69
69
|
|
|
70
70
|
### Sentiment
|
|
71
71
|
|
|
@@ -87,7 +87,7 @@ This is also a good time to stop and check if this change is necessary. If there
|
|
|
87
87
|
|
|
88
88
|
### Dismissible
|
|
89
89
|
|
|
90
|
-
The `dismissible` prop is no longer available in the
|
|
90
|
+
The `dismissible` prop is no longer available in the next `Tag` component. We have split the dismissible functionality into the [RemovableTag](/docs/components-tag-next-removabletag--docs).
|
|
91
91
|
|
|
92
92
|
This increases the hit box for the dismiss button and makes the `ariaLabel` in the `removeButtonProps` a required prop. This offers a more accessible experience for user and address one of the standing [accessibility issues](https://github.com/cultureamp/kaizen-discourse/issues/101) with the legacy `Tag`.
|
|
93
93
|
|
|
@@ -125,7 +125,7 @@ Following a similar pattern to the above, you can use the `RemovableTag` with an
|
|
|
125
125
|
|
|
126
126
|
Originally the `Tag` was built with the assumption that it would always required spacing at the end. This necessitated the need for the `inline` prop to remove the margin from end when it was not required.
|
|
127
127
|
|
|
128
|
-
In
|
|
128
|
+
In next `Tag` this has been removed so consumers can now control spacing with CSS properties like `gap` or `margin-inline`.
|
|
129
129
|
|
|
130
130
|
#### Before
|
|
131
131
|
|
|
@@ -139,7 +139,7 @@ To simplify this example we have avoided DOM elements such as `ul` and `li`. In
|
|
|
139
139
|
|
|
140
140
|
### truncationWidth
|
|
141
141
|
|
|
142
|
-
While the current Tag controls truncation via the `truncationWidth` prop, which set a `max-width` of inner text via inline styles, we have chosen not to adopt this in the
|
|
142
|
+
While the current Tag controls truncation via the `truncationWidth` prop, which set a `max-width` of inner text via inline styles, we have chosen not to adopt this in the next `Tag` as it presents a risk of violating accessibility standards. While truncation can still be achieved in next `Tag` via Tailwind or DOM manipulation, it is important to call out out this as a accessibility concern.
|
|
143
143
|
|
|
144
144
|
#### Before
|
|
145
145
|
|
|
@@ -3,11 +3,11 @@ import { type Meta, type StoryObj } from '@storybook/react'
|
|
|
3
3
|
import { fn } from '@storybook/test'
|
|
4
4
|
import { Avatar } from '~components/Avatar'
|
|
5
5
|
import { LiveIcon } from '~components/Tag/subcomponents'
|
|
6
|
-
import { Icon } from '~components/
|
|
6
|
+
import { Icon } from '~components/__next__/Icon'
|
|
7
7
|
import { RemovableTag, Tag } from '../..'
|
|
8
8
|
|
|
9
9
|
const meta = {
|
|
10
|
-
title: 'Components/Tag/
|
|
10
|
+
title: 'Components/Tag/Migration guide',
|
|
11
11
|
component: Tag,
|
|
12
12
|
args: {
|
|
13
13
|
children: 'My tag',
|
|
@@ -4,14 +4,14 @@ import * as TagStories from './Tag.stories'
|
|
|
4
4
|
|
|
5
5
|
<Meta of={TagStories} />
|
|
6
6
|
|
|
7
|
-
# Tag
|
|
7
|
+
# Tag (next)
|
|
8
8
|
|
|
9
9
|
<ResourceLinks
|
|
10
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
10
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tag"
|
|
11
11
|
designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3293283155/Tag"
|
|
12
12
|
/>
|
|
13
13
|
|
|
14
|
-
<KAIOInstallation exportNames="Tag"
|
|
14
|
+
<KAIOInstallation exportNames="Tag" isNext />
|
|
15
15
|
|
|
16
16
|
## Overview
|
|
17
17
|
|
|
@@ -55,6 +55,6 @@ Allows classnames to be attached to the outermost element of Tag.
|
|
|
55
55
|
|
|
56
56
|
`variant` has been dropped as a catch all way to supply context and mean to `Tag`. Instead, `color` and `icon` should be used to capture sentiment, validation and status.
|
|
57
57
|
|
|
58
|
-
### Migrating to
|
|
58
|
+
### Migrating to next Tag
|
|
59
59
|
|
|
60
|
-
See our [full guide](?path=/docs/components-tag-
|
|
60
|
+
See our [full guide](?path=/docs/components-tag-next-tag-migration-guide--docs) here to migrate to the next release of `Tag`.
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import { type Meta } from '@storybook/react'
|
|
3
|
-
import { Icon } from '~components/
|
|
3
|
+
import { Icon } from '~components/__next__/Icon'
|
|
4
4
|
import { StickerSheet, type StickerSheetStory } from '~storybook/components/StickerSheet'
|
|
5
5
|
import { Tag } from '../Tag'
|
|
6
6
|
import { TagColorKeys } from '../types'
|
|
7
7
|
|
|
8
8
|
export default {
|
|
9
|
-
title: 'Components/Tag/
|
|
9
|
+
title: 'Components/Tag/Tag (next)',
|
|
10
10
|
parameters: {
|
|
11
11
|
chromatic: { disable: false },
|
|
12
12
|
controls: { disable: true },
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import { type Meta, type StoryObj } from '@storybook/react'
|
|
3
|
-
import { Icon } from '~components/
|
|
3
|
+
import { Icon } from '~components/__next__/Icon'
|
|
4
4
|
import { TagColorKeys } from '../types'
|
|
5
5
|
import { Tag } from '..'
|
|
6
6
|
|
|
7
7
|
const meta = {
|
|
8
|
-
title: 'Components/Tag/
|
|
8
|
+
title: 'Components/Tag/Tag (next)',
|
|
9
9
|
component: Tag,
|
|
10
10
|
args: {
|
|
11
11
|
children: 'My tag',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import { OverlayArrow as RACOverlayArrow, type OverlayArrowProps } from 'react-aria-components'
|
|
3
|
-
import { useReversedColors } from '~components/
|
|
3
|
+
import { useReversedColors } from '~components/utils'
|
|
4
4
|
import { mergeClassNames } from '~components/utils/mergeClassNames'
|
|
5
5
|
|
|
6
6
|
import styles from './OverlayArrow.module.scss'
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
type TooltipProps as RACTooltipProps,
|
|
8
8
|
} from 'react-aria-components'
|
|
9
9
|
import { VisuallyHidden } from '~components/VisuallyHidden'
|
|
10
|
-
import { useReversedColors } from '~components/
|
|
10
|
+
import { useReversedColors } from '~components/utils'
|
|
11
11
|
import { mergeClassNames } from '~components/utils/mergeClassNames'
|
|
12
12
|
import { OverlayArrow } from './OverlayArrow'
|
|
13
13
|
import styles from './Tooltip.module.scss'
|
|
@@ -3,20 +3,20 @@ import { KAIOInstallation, ResourceLinks } from '~storybook/components'
|
|
|
3
3
|
import * as docsStories from './Tooltip.docs.stories'
|
|
4
4
|
import * as exampleStories from './Tooltip.stories'
|
|
5
5
|
|
|
6
|
-
<Meta title="Components/Tooltip/Tooltip (
|
|
6
|
+
<Meta title="Components/Tooltip/Tooltip (next)/API Specification" />
|
|
7
7
|
|
|
8
|
-
# Tooltip API Specification (
|
|
8
|
+
# Tooltip API Specification (next)
|
|
9
9
|
|
|
10
10
|
Updated June 25, 2024
|
|
11
11
|
|
|
12
12
|
<ResourceLinks
|
|
13
13
|
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tooltip"
|
|
14
14
|
figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A32006&mode=design&t=LwTCBZ5E1uRvOA1l-1"
|
|
15
|
-
designGuidelines="/?path=/docs/overlays-tooltip-
|
|
15
|
+
designGuidelines="/?path=/docs/overlays-tooltip-next-usage-guidelines--docs"
|
|
16
16
|
ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Tooltip.html"
|
|
17
17
|
/>
|
|
18
18
|
|
|
19
|
-
<KAIOInstallation exportNames={['Tooltip', 'TooltipTrigger']}
|
|
19
|
+
<KAIOInstallation exportNames={['Tooltip', 'TooltipTrigger']} isNext />
|
|
20
20
|
|
|
21
21
|
## Overview
|
|
22
22
|
|
|
@@ -55,7 +55,7 @@ Placement controls where the `Tooltip` will float, relative to its reference ele
|
|
|
55
55
|
|
|
56
56
|
The option, `shouldFlip`, will control whether the `Tooltip` inverts its orientation when
|
|
57
57
|
insufficient room is available in the viewport. You can see the below example with a constrained
|
|
58
|
-
[viewport here](?path=/story/overlays-tooltip-
|
|
58
|
+
[viewport here](?path=/story/overlays-tooltip-next--should-flip&globals=viewport:small).
|
|
59
59
|
|
|
60
60
|
<Canvas className="mb-64" of={docsStories.ShouldFlip} />
|
|
61
61
|
|
|
@@ -98,7 +98,7 @@ To enable the reversed theme, you will need to the component or application in t
|
|
|
98
98
|
</ReversedColors>
|
|
99
99
|
```
|
|
100
100
|
|
|
101
|
-
These utilities can be imported from `@kaizen/components/
|
|
101
|
+
These utilities can be imported from `@kaizen/components/next`. This is an emerging
|
|
102
102
|
pattern so more documentation will come.
|
|
103
103
|
|
|
104
104
|
## Examples
|
|
@@ -3,15 +3,16 @@ import { type Meta, type StoryObj } from '@storybook/react'
|
|
|
3
3
|
import isChromatic from 'chromatic'
|
|
4
4
|
import { Button, IconButton } from '~components/Button'
|
|
5
5
|
import { FieldMessage } from '~components/FieldMessage'
|
|
6
|
+
import { Focusable } from '~components/Focusable'
|
|
6
7
|
import { Input } from '~components/Input'
|
|
7
8
|
import { Label } from '~components/Label'
|
|
8
9
|
import { Text } from '~components/Text'
|
|
9
|
-
import { Icon } from '~components/
|
|
10
|
-
import {
|
|
10
|
+
import { Icon } from '~components/__next__/Icon'
|
|
11
|
+
import { Tooltip, TooltipTrigger } from '../index'
|
|
11
12
|
import * as TestStories from './Tooltip.spec.stories'
|
|
12
13
|
|
|
13
14
|
const meta = {
|
|
14
|
-
title: 'Components/Tooltip/Tooltip (
|
|
15
|
+
title: 'Components/Tooltip/Tooltip (next)/Docs Assets',
|
|
15
16
|
component: Tooltip,
|
|
16
17
|
parameters: {
|
|
17
18
|
layout: 'centered',
|
|
@@ -6,23 +6,23 @@ import PlacementPng from './assets/tooltip_placement.png'
|
|
|
6
6
|
import DesignSpecPng from './assets/tooltip_spec.png'
|
|
7
7
|
import WhenToUsePng from './assets/tooltip_variant.png'
|
|
8
8
|
|
|
9
|
-
<Meta title="Components/Tooltip/Tooltip (
|
|
9
|
+
<Meta title="Components/Tooltip/Tooltip (next)/Usage Guidelines" />
|
|
10
10
|
|
|
11
|
-
# Tooltip (
|
|
11
|
+
# Tooltip (next)
|
|
12
12
|
|
|
13
13
|
Updated June 25, 2024
|
|
14
14
|
|
|
15
15
|
<ResourceLinks
|
|
16
16
|
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tooltip"
|
|
17
17
|
figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A32006&mode=design&t=LwTCBZ5E1uRvOA1l-1"
|
|
18
|
-
designGuidelines="/?path=/docs/overlays-tooltip-
|
|
18
|
+
designGuidelines="/?path=/docs/overlays-tooltip-next-usage-guidelines--docs"
|
|
19
19
|
ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Tooltip.html"
|
|
20
|
-
apiSpecification="/?path=/docs/overlays-tooltip-
|
|
20
|
+
apiSpecification="/?path=/docs/overlays-tooltip-next-api-specifications--docs"
|
|
21
21
|
/>
|
|
22
22
|
|
|
23
23
|
<Installation
|
|
24
24
|
installCommand="pnpm add @kaizen/components"
|
|
25
|
-
importStatement='import { Tooltip, TooltipTrigger } from "@kaizen/components/
|
|
25
|
+
importStatement='import { Tooltip, TooltipTrigger } from "@kaizen/components/next"'
|
|
26
26
|
/>
|
|
27
27
|
|
|
28
28
|
## Overview
|
|
@@ -3,14 +3,15 @@ import { type Meta, type StoryObj } from '@storybook/react'
|
|
|
3
3
|
import { expect, userEvent, waitFor, within } from '@storybook/test'
|
|
4
4
|
import isChromatic from 'chromatic'
|
|
5
5
|
import { Button, IconButton } from '~components/Button'
|
|
6
|
+
import { Focusable } from '~components/Focusable'
|
|
6
7
|
import { Tab, TabList, TabPanel, TabPanels, Tabs } from '~components/Tabs'
|
|
7
8
|
import { Text } from '~components/Text'
|
|
8
|
-
import { Icon } from '~components/
|
|
9
|
-
import { Tag } from '~components/
|
|
10
|
-
import {
|
|
9
|
+
import { Icon } from '~components/__next__/Icon'
|
|
10
|
+
import { Tag } from '~components/__next__/Tag'
|
|
11
|
+
import { Tooltip, TooltipTrigger } from '../index'
|
|
11
12
|
|
|
12
13
|
const meta = {
|
|
13
|
-
title: 'Components/Tooltip/Tooltip (
|
|
14
|
+
title: 'Components/Tooltip/Tooltip (next)/Tests',
|
|
14
15
|
component: Tooltip,
|
|
15
16
|
parameters: {
|
|
16
17
|
layout: 'centered',
|
|
@@ -31,7 +32,7 @@ export default meta
|
|
|
31
32
|
|
|
32
33
|
type Story = StoryObj<typeof meta>
|
|
33
34
|
|
|
34
|
-
// TODO: update this to use the new button component
|
|
35
|
+
// TODO: update this to use the new `next` button component
|
|
35
36
|
|
|
36
37
|
export const OnButton: Story = {
|
|
37
38
|
render: ({ defaultOpen, isOpen, ...args }) => (
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import { composeStories, type Meta, type StoryObj } from '@storybook/react'
|
|
3
|
-
import { ReversedColors } from '~components/
|
|
3
|
+
import { ReversedColors } from '~components/utils'
|
|
4
4
|
import { mergeClassNames } from '~components/utils/mergeClassNames'
|
|
5
5
|
import * as testStories from './Tooltip.spec.stories'
|
|
6
6
|
|
|
7
7
|
export default {
|
|
8
|
-
title: 'Components/Tooltip/Tooltip (
|
|
8
|
+
title: 'Components/Tooltip/Tooltip (next)',
|
|
9
9
|
parameters: {
|
|
10
10
|
chromatic: { disable: false },
|
|
11
11
|
controls: { disable: true },
|
|
@@ -2,12 +2,13 @@ import React, { type FunctionComponent } from 'react'
|
|
|
2
2
|
import { type Meta, type StoryObj } from '@storybook/react'
|
|
3
3
|
import isChromatic from 'chromatic'
|
|
4
4
|
import { Button } from '~components/Button'
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { Focusable } from '~components/Focusable'
|
|
6
|
+
import { Tag } from '~components/__next__'
|
|
7
|
+
import { Tooltip, TooltipTrigger } from '../index'
|
|
7
8
|
import * as testStories from './Tooltip.spec.stories'
|
|
8
9
|
|
|
9
10
|
const meta = {
|
|
10
|
-
title: 'Components/Tooltip/Tooltip (
|
|
11
|
+
title: 'Components/Tooltip/Tooltip (next)',
|
|
11
12
|
component: Tooltip,
|
|
12
13
|
parameters: {
|
|
13
14
|
layout: 'centered',
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './Button'
|
|
2
|
+
export * from './Icon'
|
|
3
|
+
export * from './Menu'
|
|
4
|
+
export * from './Select'
|
|
5
|
+
export * from './Tag'
|
|
6
|
+
export * from './Tabs'
|
|
7
|
+
export * from './Tooltip'
|
|
8
|
+
|
|
9
|
+
// This Focusable component was originally exported from here, but since moved to the main entry point because there's no name clash.
|
|
10
|
+
// This is just here to keep backwards compatibility until the 2.0 release
|
|
11
|
+
export * from '../Focusable'
|
package/src/index.ts
CHANGED
package/src/utils/index.ts
CHANGED
package/src/v3-actions.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './
|
|
1
|
+
export * from './__next__/Button'
|
|
2
|
+
export * from './__next__/Menu'
|
package/src/v3-overlays.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './
|
|
1
|
+
export * from './__next__/Tooltip'
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var buttonStyles = {
|
|
4
|
-
"button": "Button-module_button__llv4w",
|
|
5
|
-
"fullWidth": "Button-module_fullWidth__yyvBq",
|
|
6
|
-
"small": "Button-module_small__NHLqb",
|
|
7
|
-
"medium": "Button-module_medium__cFj48",
|
|
8
|
-
"large": "Button-module_large__jqJIp",
|
|
9
|
-
"smallIconButton": "Button-module_smallIconButton__wy-8-",
|
|
10
|
-
"mediumIconButton": "Button-module_mediumIconButton__amipN",
|
|
11
|
-
"largeIconButton": "Button-module_largeIconButton__h0dR8",
|
|
12
|
-
"secondary": "Button-module_secondary__dSBU1",
|
|
13
|
-
"isDisabled": "Button-module_isDisabled__FDp7k",
|
|
14
|
-
"tertiary": "Button-module_tertiary__7iiaM",
|
|
15
|
-
"primaryReversed": "Button-module_primaryReversed__Asrrp",
|
|
16
|
-
"secondaryReversed": "Button-module_secondaryReversed__us2lk",
|
|
17
|
-
"tertiaryReversed": "Button-module_tertiaryReversed__lB1o6",
|
|
18
|
-
"hideContentWidth": "Button-module_hideContentWidth__WTIHN",
|
|
19
|
-
"retainContentWidth": "Button-module_retainContentWidth__dRMEx"
|
|
20
|
-
};
|
|
21
|
-
module.exports = buttonStyles;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styles = {
|
|
4
|
-
"buttonContent": "ButtonContent-module_buttonContent__MX2mW",
|
|
5
|
-
"large": "ButtonContent-module_large__cBwh3",
|
|
6
|
-
"buttonLabel": "ButtonContent-module_buttonLabel__DdHQV",
|
|
7
|
-
"buttonIcon": "ButtonContent-module_buttonIcon__zwANv"
|
|
8
|
-
};
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styles = {
|
|
4
|
-
"material-symbols-outlined": "Icon-module_material-symbols-outlined__3a1Ay",
|
|
5
|
-
"icon": "Icon-module_icon__QRq03",
|
|
6
|
-
"filled": "Icon-module_filled__25xoQ",
|
|
7
|
-
"shouldMirrorInRTL": "Icon-module_shouldMirrorInRTL__GhX2t",
|
|
8
|
-
"iconLTR": "Icon-module_iconLTR__Mi0kp",
|
|
9
|
-
"iconRTL": "Icon-module_iconRTL__WiDBA"
|
|
10
|
-
};
|
|
11
|
-
module.exports = styles;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styles = {
|
|
4
|
-
"icon": "Option-module_icon__cxIUf",
|
|
5
|
-
"option": "Option-module_option__t6uom",
|
|
6
|
-
"isFocusVisible": "Option-module_isFocusVisible__Jef-t",
|
|
7
|
-
"disabled": "Option-module_disabled__MExtm",
|
|
8
|
-
"isSelected": "Option-module_isSelected__sUQS0"
|
|
9
|
-
};
|
|
10
|
-
module.exports = styles;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styles = {
|
|
4
|
-
"iconWrapper": "SelectToggle-module_iconWrapper__ieY8X",
|
|
5
|
-
"icon": "SelectToggle-module_icon__hqLBV",
|
|
6
|
-
"selectToggle": "SelectToggle-module_selectToggle__Ibxd4",
|
|
7
|
-
"placeholder": "SelectToggle-module_placeholder__x-5Xd",
|
|
8
|
-
"error": "SelectToggle-module_error__rAzxQ",
|
|
9
|
-
"caution": "SelectToggle-module_caution__Ica8M",
|
|
10
|
-
"disabled": "SelectToggle-module_disabled__EXyBL",
|
|
11
|
-
"reversed": "SelectToggle-module_reversed__M6Oth",
|
|
12
|
-
"value": "SelectToggle-module_value__57g5A"
|
|
13
|
-
};
|
|
14
|
-
module.exports = styles;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styles = {
|
|
4
|
-
"container": "TabList-module_container__D-QBz",
|
|
5
|
-
"tabList": "TabList-module_tabList__Akb-i",
|
|
6
|
-
"noPadding": "TabList-module_noPadding__nMPln",
|
|
7
|
-
"leftArrow": "TabList-module_leftArrow__4NECq",
|
|
8
|
-
"rightArrow": "TabList-module_rightArrow__ig-4P"
|
|
9
|
-
};
|
|
10
|
-
module.exports = styles;
|