@kaizen/components 1.71.0 → 1.73.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/Link/Link.cjs +45 -0
- package/dist/cjs/Link/Link.module.css.cjs +20 -0
- package/dist/cjs/Link/subcomponents/LinkContent.cjs +34 -0
- 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 +9 -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 +1055 -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/Link/Link.mjs +40 -0
- package/dist/esm/Link/Link.module.css.mjs +18 -0
- package/dist/esm/Link/subcomponents/LinkContent.mjs +26 -0
- 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 +4 -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 +423 -1
- package/dist/styles.css +8588 -8468
- package/dist/types/Filter/FilterSelect/FilterSelect.d.ts +4 -4
- package/dist/types/Filter/FilterSelect/types.d.ts +1 -1
- package/dist/types/Link/Link.d.ts +39 -0
- package/dist/types/Link/index.d.ts +1 -0
- package/dist/types/Link/subcomponents/LinkContent.d.ts +8 -0
- 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 +2 -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/Link/Link.module.css +119 -0
- package/src/Link/Link.tsx +90 -0
- package/src/Link/_docs/Link--api-specification.mdx +133 -0
- package/src/Link/_docs/Link--api-usage-guidelines.mdx +107 -0
- package/src/Link/_docs/Link.doc.stories.tsx +238 -0
- package/src/Link/_docs/Link.stickersheet.stories.tsx +191 -0
- package/src/Link/index.ts +1 -0
- package/src/Link/subcomponents/LinkContent.tsx +31 -0
- package/src/LinkButton/LinkButton.tsx +4 -4
- package/src/LinkButton/_docs/LinkButton--api-specification.mdx +8 -64
- 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 +2 -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
|
@@ -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
|
@@ -21,6 +21,7 @@ export * from './ErrorPage'
|
|
|
21
21
|
export * from './FieldGroup'
|
|
22
22
|
export * from './FieldMessage'
|
|
23
23
|
export * from './Filter'
|
|
24
|
+
export * from './Focusable'
|
|
24
25
|
export * from './GuidanceBlock'
|
|
25
26
|
export * from './Heading'
|
|
26
27
|
export * from './Icon'
|
|
@@ -29,6 +30,7 @@ export * from './Input'
|
|
|
29
30
|
export * from './KaizenProvider'
|
|
30
31
|
export * from './Label'
|
|
31
32
|
export * from './LabelledMessage'
|
|
33
|
+
export * from './Link'
|
|
32
34
|
export * from './LikertScaleLegacy'
|
|
33
35
|
export * from './LinkButton'
|
|
34
36
|
export * from './Loading'
|
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;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styles = {
|
|
4
|
-
"tag": "Tag-module_tag__I-0Un",
|
|
5
|
-
"iconContainer": "Tag-module_iconContainer__kmy7-",
|
|
6
|
-
"gray": "Tag-module_gray__NW5JF",
|
|
7
|
-
"blue": "Tag-module_blue__YOnbG",
|
|
8
|
-
"green": "Tag-module_green__Pv-pK",
|
|
9
|
-
"yellow": "Tag-module_yellow__LLHds",
|
|
10
|
-
"orange": "Tag-module_orange__U14os",
|
|
11
|
-
"red": "Tag-module_red__rZ2NN",
|
|
12
|
-
"purple": "Tag-module_purple__Jx-Il"
|
|
13
|
-
};
|
|
14
|
-
module.exports = styles;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
var buttonStyles = {
|
|
2
|
-
"button": "Button-module_button__llv4w",
|
|
3
|
-
"fullWidth": "Button-module_fullWidth__yyvBq",
|
|
4
|
-
"small": "Button-module_small__NHLqb",
|
|
5
|
-
"medium": "Button-module_medium__cFj48",
|
|
6
|
-
"large": "Button-module_large__jqJIp",
|
|
7
|
-
"smallIconButton": "Button-module_smallIconButton__wy-8-",
|
|
8
|
-
"mediumIconButton": "Button-module_mediumIconButton__amipN",
|
|
9
|
-
"largeIconButton": "Button-module_largeIconButton__h0dR8",
|
|
10
|
-
"secondary": "Button-module_secondary__dSBU1",
|
|
11
|
-
"isDisabled": "Button-module_isDisabled__FDp7k",
|
|
12
|
-
"tertiary": "Button-module_tertiary__7iiaM",
|
|
13
|
-
"primaryReversed": "Button-module_primaryReversed__Asrrp",
|
|
14
|
-
"secondaryReversed": "Button-module_secondaryReversed__us2lk",
|
|
15
|
-
"tertiaryReversed": "Button-module_tertiaryReversed__lB1o6",
|
|
16
|
-
"hideContentWidth": "Button-module_hideContentWidth__WTIHN",
|
|
17
|
-
"retainContentWidth": "Button-module_retainContentWidth__dRMEx"
|
|
18
|
-
};
|
|
19
|
-
export { buttonStyles as default };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
var styles = {
|
|
2
|
-
"buttonContent": "ButtonContent-module_buttonContent__MX2mW",
|
|
3
|
-
"large": "ButtonContent-module_large__cBwh3",
|
|
4
|
-
"buttonLabel": "ButtonContent-module_buttonLabel__DdHQV",
|
|
5
|
-
"buttonIcon": "ButtonContent-module_buttonIcon__zwANv"
|
|
6
|
-
};
|
|
7
|
-
export { styles as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
var styles = {
|
|
2
|
-
"material-symbols-outlined": "Icon-module_material-symbols-outlined__3a1Ay",
|
|
3
|
-
"icon": "Icon-module_icon__QRq03",
|
|
4
|
-
"filled": "Icon-module_filled__25xoQ",
|
|
5
|
-
"shouldMirrorInRTL": "Icon-module_shouldMirrorInRTL__GhX2t",
|
|
6
|
-
"iconLTR": "Icon-module_iconLTR__Mi0kp",
|
|
7
|
-
"iconRTL": "Icon-module_iconRTL__WiDBA"
|
|
8
|
-
};
|
|
9
|
-
export { styles as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
var styles = {
|
|
2
|
-
"icon": "Option-module_icon__cxIUf",
|
|
3
|
-
"option": "Option-module_option__t6uom",
|
|
4
|
-
"isFocusVisible": "Option-module_isFocusVisible__Jef-t",
|
|
5
|
-
"disabled": "Option-module_disabled__MExtm",
|
|
6
|
-
"isSelected": "Option-module_isSelected__sUQS0"
|
|
7
|
-
};
|
|
8
|
-
export { styles as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var styles = {
|
|
2
|
-
"iconWrapper": "SelectToggle-module_iconWrapper__ieY8X",
|
|
3
|
-
"icon": "SelectToggle-module_icon__hqLBV",
|
|
4
|
-
"selectToggle": "SelectToggle-module_selectToggle__Ibxd4",
|
|
5
|
-
"placeholder": "SelectToggle-module_placeholder__x-5Xd",
|
|
6
|
-
"error": "SelectToggle-module_error__rAzxQ",
|
|
7
|
-
"caution": "SelectToggle-module_caution__Ica8M",
|
|
8
|
-
"disabled": "SelectToggle-module_disabled__EXyBL",
|
|
9
|
-
"reversed": "SelectToggle-module_reversed__M6Oth",
|
|
10
|
-
"value": "SelectToggle-module_value__57g5A"
|
|
11
|
-
};
|
|
12
|
-
export { styles as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
var styles = {
|
|
2
|
-
"container": "TabList-module_container__D-QBz",
|
|
3
|
-
"tabList": "TabList-module_tabList__Akb-i",
|
|
4
|
-
"noPadding": "TabList-module_noPadding__nMPln",
|
|
5
|
-
"leftArrow": "TabList-module_leftArrow__4NECq",
|
|
6
|
-
"rightArrow": "TabList-module_rightArrow__ig-4P"
|
|
7
|
-
};
|
|
8
|
-
export { styles as default };
|