@kaizen/components 1.71.0 → 1.73.0

package/dist/esm/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Icon } from '../../__rc__/Icon/Icon.mjs';
+import { Icon } from '../../__next__/Icon/Icon.mjs';
 import styles from './ToggleSwitch.module.scss.mjs';
 const ToggleSwitch = /*#__PURE__*/function () {
   const ToggleSwitch = function (_a) {

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
-import { Icon } from '../../../../../__rc__/Icon/Icon.mjs';
+import { Icon } from '../../../../../__next__/Icon/Icon.mjs';
 import styles from './ProgressStepper.module.css.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {

package/dist/esm/{__rc__ → __next__}/Button/Button.mjs

@@ -1,11 +1,11 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Button as Button$1 } from 'react-aria-components';
+import { useReversedColors } from '../../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import { PendingContent } from './subcomponents/PendingContent/PendingContent.mjs';
 import { ButtonContent } from './subcomponents/ButtonContent/ButtonContent.mjs';
 import buttonStyles from './Button.module.css.mjs';
-import { useReversedColors } from '../../__utilities__/ReversedColors/v3/ReversedColors.mjs';
 const Button = /*#__PURE__*/function () {
   const Button = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b = _a.variant,

package/dist/esm/__next__/Button/Button.module.css.mjs

@@ -0,0 +1,19 @@
+var buttonStyles = {
+  "button": "Button-module_button__Rz7PM",
+  "fullWidth": "Button-module_fullWidth__aMtlw",
+  "small": "Button-module_small__nX-i2",
+  "medium": "Button-module_medium__6gRIb",
+  "large": "Button-module_large__FRilu",
+  "smallIconButton": "Button-module_smallIconButton__mKoYp",
+  "mediumIconButton": "Button-module_mediumIconButton__PC35j",
+  "largeIconButton": "Button-module_largeIconButton__VtPZf",
+  "secondary": "Button-module_secondary__D42kZ",
+  "isDisabled": "Button-module_isDisabled__Q2KAS",
+  "tertiary": "Button-module_tertiary__qL7wD",
+  "primaryReversed": "Button-module_primaryReversed__Sa4YW",
+  "secondaryReversed": "Button-module_secondaryReversed__u3qHz",
+  "tertiaryReversed": "Button-module_tertiaryReversed__zn3XE",
+  "hideContentWidth": "Button-module_hideContentWidth__yFzDQ",
+  "retainContentWidth": "Button-module_retainContentWidth__Ftbt9"
+};
+export { buttonStyles as default };

package/dist/esm/__next__/Button/subcomponents/ButtonContent/ButtonContent.module.css.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "buttonContent": "ButtonContent-module_buttonContent__-eYde",
+  "large": "ButtonContent-module_large__h9u9-",
+  "buttonLabel": "ButtonContent-module_buttonLabel__eYzcT",
+  "buttonIcon": "ButtonContent-module_buttonIcon__N6gMH"
+};
+export { styles as default };

package/dist/esm/__next__/Button/subcomponents/PendingContent/PendingContent.module.css.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "pendingContent": "PendingContent-module_pendingContent__wJPsU",
+  "large": "PendingContent-module_large__z5VyQ",
+  "centerSpinner": "PendingContent-module_centerSpinner__maOON"
+};
+export { styles as default };

package/dist/esm/__next__/Icon/Icon.module.css.mjs

@@ -0,0 +1,9 @@
+var styles = {
+  "material-symbols-outlined": "Icon-module_material-symbols-outlined__wjQUG",
+  "icon": "Icon-module_icon__lBK2k",
+  "filled": "Icon-module_filled__jrHWz",
+  "shouldMirrorInRTL": "Icon-module_shouldMirrorInRTL__M7Qzu",
+  "iconLTR": "Icon-module_iconLTR__23qtm",
+  "iconRTL": "Icon-module_iconRTL__B7ESa"
+};
+export { styles as default };

package/dist/esm/{__rc__ → __next__}/Menu/Menu.module.css.mjs

@@ -1,4 +1,4 @@
 var styles = {
-  "menu": "Menu-module_menu__-4FZt"
+  "menu": "Menu-module_menu__Ifj2G"
 };
 export { styles as default };

package/dist/esm/__next__/Menu/MenuItem.module.css.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "item": "MenuItem-module_item__6uibk",
+  "flexWrapper": "MenuItem-module_flexWrapper__iaiFs",
+  "iconWrapper": "MenuItem-module_iconWrapper__Hn9O-"
+};
+export { styles as default };

package/dist/esm/__next__/Select/Select.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "container": "Select-module_container__LRkAv",
+  "notFullWidth": "Select-module_notFullWidth__Nv5u-"
+};
+export { styles as default };

package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useEffect } from 'react';
 import { useListBox } from '@react-aria/listbox';
 import classnames from 'classnames';
-import { useIsClientReady } from '../../../../__utilities__/useIsClientReady/useIsClientReady.mjs';
+import { useIsClientReady } from '../../../../utils/useIsClientReady/useIsClientReady.mjs';
 import { useSelectContext } from '../../context/SelectContext.mjs';
 import styles from './ListBox.module.scss.mjs';
 

package/dist/esm/{__rc__ → __next__}/Select/subcomponents/ListBox/ListBox.module.scss.mjs

@@ -1,4 +1,4 @@
 var styles = {
-  "listBox": "ListBox-module_listBox__eV6P3"
+  "listBox": "ListBox-module_listBox__BqCVd"
 };
 export { styles as default };

package/dist/esm/__next__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "sectionWrapper": "ListBoxSection-module_sectionWrapper__SsXWN",
+  "sectionHeading": "ListBoxSection-module_sectionHeading__A04aq",
+  "sectionList": "ListBoxSection-module_sectionList__pb0N3"
+};
+export { styles as default };

package/dist/esm/__next__/Select/subcomponents/Option/Option.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "icon": "Option-module_icon__6dMZa",
+  "option": "Option-module_option__q837b",
+  "isFocusVisible": "Option-module_isFocusVisible__gIulJ",
+  "disabled": "Option-module_disabled__rgx8U",
+  "isSelected": "Option-module_isSelected__w9brB"
+};
+export { styles as default };

package/dist/esm/__next__/Select/subcomponents/SectionDivider/SectionDivider.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "divider": "SectionDivider-module_divider__EZpOd"
+};
+export { styles as default };

package/dist/esm/{__rc__ → __next__}/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss.mjs

@@ -1,4 +1,4 @@
 var styles = {
-  "selectPopoverContents": "SelectPopoverContents-module_selectPopoverContents__YyueT"
+  "selectPopoverContents": "SelectPopoverContents-module_selectPopoverContents__rmEWn"
 };
 export { styles as default };

package/dist/esm/__next__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs

@@ -0,0 +1,12 @@
+var styles = {
+  "iconWrapper": "SelectToggle-module_iconWrapper__QIOBG",
+  "icon": "SelectToggle-module_icon__MX9x-",
+  "selectToggle": "SelectToggle-module_selectToggle__WzOfT",
+  "placeholder": "SelectToggle-module_placeholder__MqhPo",
+  "error": "SelectToggle-module_error__2j0Yb",
+  "caution": "SelectToggle-module_caution__CW3D-",
+  "disabled": "SelectToggle-module_disabled__EsxmX",
+  "reversed": "SelectToggle-module_reversed__4b0JA",
+  "value": "SelectToggle-module_value__OU38l"
+};
+export { styles as default };

package/dist/esm/__next__/Tabs/subcomponents/Tab/Tab.module.css.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "tab": "Tab-module_tab__1YtP2",
+  "badge": "Tab-module_badge__ZmHRM"
+};
+export { styles as default };

package/dist/esm/{__rc__ → __next__}/Tabs/subcomponents/TabList/TabList.mjs

@@ -3,7 +3,7 @@ import React, { useState, useRef, useId, useContext, useEffect } from 'react';
 import classnames from 'classnames';
 import { TabListStateContext, TabList as TabList$1 } from 'react-aria-components';
 import { Icon } from '../../../Icon/Icon.mjs';
-import { isRTL } from '../../../../__utilities__/isRTL/isRTL.mjs';
+import { isRTL } from '../../../../utils/isRTL/isRTL.mjs';
 import { SCROLL_AMOUNT } from '../../constants.mjs';
 import styles from './TabList.module.css.mjs';
 

package/dist/esm/__next__/Tabs/subcomponents/TabList/TabList.module.css.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "container": "TabList-module_container__d4TLi",
+  "tabList": "TabList-module_tabList__WEETD",
+  "noPadding": "TabList-module_noPadding__rIfER",
+  "leftArrow": "TabList-module_leftArrow__mrWjD",
+  "rightArrow": "TabList-module_rightArrow__WUoGO"
+};
+export { styles as default };

package/dist/esm/__next__/Tag/RemovableTag/RemovableTag.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "removableTag": "RemovableTag-module_removableTag__Dy1lt"
+};
+export { styles as default };

package/dist/esm/__next__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "removeButton": "RemoveButton-module_removeButton__C5eDJ"
+};
+export { styles as default };

package/dist/esm/__next__/Tag/Tag/Tag.module.scss.mjs

@@ -0,0 +1,12 @@
+var styles = {
+  "tag": "Tag-module_tag__TfVDJ",
+  "iconContainer": "Tag-module_iconContainer__CR-xK",
+  "gray": "Tag-module_gray__xhKnd",
+  "blue": "Tag-module_blue__DL4M-",
+  "green": "Tag-module_green__8kUyw",
+  "yellow": "Tag-module_yellow__Tbkmu",
+  "orange": "Tag-module_orange__0cs-w",
+  "red": "Tag-module_red__Sw-1P",
+  "purple": "Tag-module_purple__9flj8"
+};
+export { styles as default };

package/dist/esm/{__rc__ → __next__}/Tooltip/OverlayArrow.mjs

@@ -1,9 +1,9 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { OverlayArrow as OverlayArrow$1 } from 'react-aria-components';
+import { useReversedColors } from '../../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import styles from './OverlayArrow.module.scss.mjs';
-import { useReversedColors } from '../../__utilities__/ReversedColors/v3/ReversedColors.mjs';
 
 /**
  * An OverlayArrow renders a custom arrow element relative to an overlay element

package/dist/esm/__next__/Tooltip/OverlayArrow.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "overlayArrow": "OverlayArrow-module_overlayArrow__YBbCB",
+  "reversed": "OverlayArrow-module_reversed__Le8QW"
+};
+export { styles as default };

package/dist/esm/{__rc__ → __next__}/Tooltip/Tooltip.mjs

@@ -3,10 +3,10 @@ import React, { forwardRef, useContext, useState, useLayoutEffect } from 'react'
 import { useContextProps, TooltipContext, TooltipTriggerStateContext, Tooltip as Tooltip$1 } from 'react-aria-components';
 export { TooltipContext } from 'react-aria-components';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
+import { useReversedColors } from '../../utils/ReversedColors/ReversedColors.mjs';
 import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
 import { OverlayArrow } from './OverlayArrow.mjs';
 import styles from './Tooltip.module.scss.mjs';
-import { useReversedColors } from '../../__utilities__/ReversedColors/v3/ReversedColors.mjs';
 
 /**
  * A tooltip displays a description of an element on hover or focus.

package/dist/esm/__next__/Tooltip/Tooltip.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "tooltip": "Tooltip-module_tooltip__zBer-",
+  "reversed": "Tooltip-module_reversed__VnM1F",
+  "slide": "Tooltip-module_slide__XF-On"
+};
+export { styles as default };

package/dist/esm/actionsV3.mjs

@@ -1,7 +1,7 @@
-export { Button } from './__rc__/Button/Button.mjs';
-export { Menu } from './__rc__/Menu/Menu.mjs';
-export { MenuItem } from './__rc__/Menu/MenuItem.mjs';
-export { MenuTrigger } from './__rc__/Menu/MenuTrigger.mjs';
-export { MenuPopover } from './__rc__/Menu/MenuPopover.mjs';
-export { MenuSection } from './__rc__/Menu/MenuSection.mjs';
-export { MenuHeader } from './__rc__/Menu/MenuHeader.mjs';
+export { Button } from './__next__/Button/Button.mjs';
+export { Menu } from './__next__/Menu/Menu.mjs';
+export { MenuItem } from './__next__/Menu/MenuItem.mjs';
+export { MenuTrigger } from './__next__/Menu/MenuTrigger.mjs';
+export { MenuPopover } from './__next__/Menu/MenuPopover.mjs';
+export { MenuSection } from './__next__/Menu/MenuSection.mjs';
+export { MenuHeader } from './__next__/Menu/MenuHeader.mjs';

package/dist/esm/future.mjs

@@ -1,19 +1,19 @@
-export { Button } from './__rc__/Button/Button.mjs';
-export { Icon } from './__rc__/Icon/Icon.mjs';
-export { Menu } from './__rc__/Menu/Menu.mjs';
-export { MenuItem } from './__rc__/Menu/MenuItem.mjs';
-export { MenuTrigger } from './__rc__/Menu/MenuTrigger.mjs';
-export { MenuPopover } from './__rc__/Menu/MenuPopover.mjs';
-export { MenuSection } from './__rc__/Menu/MenuSection.mjs';
-export { MenuHeader } from './__rc__/Menu/MenuHeader.mjs';
-export { Select } from './__rc__/Select/Select.mjs';
-export { RemovableTag } from './__rc__/Tag/RemovableTag/RemovableTag.mjs';
-export { Tag } from './__rc__/Tag/Tag/Tag.mjs';
-export { Tabs } from './__rc__/Tabs/Tabs.mjs';
-export { Tab } from './__rc__/Tabs/subcomponents/Tab/Tab.mjs';
-export { TabList } from './__rc__/Tabs/subcomponents/TabList/TabList.mjs';
-export { TabPanel } from './__rc__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
-export { Tooltip } from './__rc__/Tooltip/Tooltip.mjs';
-export { TooltipTrigger } from './__rc__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__rc__/Tooltip/subcomponents/Focusable/Focusable.mjs';
+export { Button } from './__next__/Button/Button.mjs';
+export { Icon } from './__next__/Icon/Icon.mjs';
+export { Menu } from './__next__/Menu/Menu.mjs';
+export { MenuItem } from './__next__/Menu/MenuItem.mjs';
+export { MenuTrigger } from './__next__/Menu/MenuTrigger.mjs';
+export { MenuPopover } from './__next__/Menu/MenuPopover.mjs';
+export { MenuSection } from './__next__/Menu/MenuSection.mjs';
+export { MenuHeader } from './__next__/Menu/MenuHeader.mjs';
+export { Select } from './__next__/Select/Select.mjs';
+export { RemovableTag } from './__next__/Tag/RemovableTag/RemovableTag.mjs';
+export { Tag } from './__next__/Tag/Tag/Tag.mjs';
+export { Tabs } from './__next__/Tabs/Tabs.mjs';
+export { Tab } from './__next__/Tabs/subcomponents/Tab/Tab.mjs';
+export { TabList } from './__next__/Tabs/subcomponents/TabList/TabList.mjs';
+export { TabPanel } from './__next__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
+export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
+export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/esm/index.mjs

@@ -61,6 +61,7 @@ export { getTruncatedLabels } from './Filter/FilterMultiSelect/utils/getTruncate
 export { getSelectedOptionLabels } from './Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs';
 export { getSelectedOptionKeys } from './Filter/FilterMultiSelect/utils/getSelectedOptionKeys.mjs';
 export { FilterSelect } from './Filter/FilterSelect/FilterSelect.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { GuidanceBlock } from './GuidanceBlock/GuidanceBlock.mjs';
 export { Heading } from './Heading/Heading.mjs';
 export { AcademyIcon } from './Icon/AcademyIcon.mjs';
@@ -315,6 +316,7 @@ export { InputSearch } from './Input/InputSearch/InputSearch.mjs';
 export { KaizenProvider } from './KaizenProvider/KaizenProvider.mjs';
 export { Label } from './Label/Label.mjs';
 export { LabelledMessage } from './LabelledMessage/LabelledMessage.mjs';
+export { Link } from './Link/Link.mjs';
 export { LikertScaleLegacy } from './LikertScaleLegacy/LikertScaleLegacy.mjs';
 export { LinkButton } from './LinkButton/LinkButton.mjs';
 export { LoadingGraphic } from './Loading/LoadingGraphic/LoadingGraphic.mjs';
@@ -412,9 +414,10 @@ export { NavigationTab } from './TitleBlockZen/subcomponents/NavigationTabs.mjs'
 export { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from './TitleBlockZen/constants.mjs';
 export { ToggleSwitch } from './ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs';
 export { ToggleSwitchField } from './ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs';
-export { Tooltip } from './Tooltip/index.mjs';
+export { Tooltip } from './Tooltip/Tooltip.mjs';
 export { subtractOnePixel, useMediaQueries } from './utils/useMediaQueries.mjs';
 export { assetUrl } from './utils/hostedAssets.mjs';
+export { ReversedColors, useReversedColors } from './utils/ReversedColors/ReversedColors.mjs';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.mjs';
 export { Well } from './Well/Well.mjs';
 export { Workflow } from './Workflow/Workflow.mjs';

package/dist/esm/next.mjs

@@ -0,0 +1,19 @@
+export { Button } from './__next__/Button/Button.mjs';
+export { Icon } from './__next__/Icon/Icon.mjs';
+export { Menu } from './__next__/Menu/Menu.mjs';
+export { MenuItem } from './__next__/Menu/MenuItem.mjs';
+export { MenuTrigger } from './__next__/Menu/MenuTrigger.mjs';
+export { MenuPopover } from './__next__/Menu/MenuPopover.mjs';
+export { MenuSection } from './__next__/Menu/MenuSection.mjs';
+export { MenuHeader } from './__next__/Menu/MenuHeader.mjs';
+export { Select } from './__next__/Select/Select.mjs';
+export { RemovableTag } from './__next__/Tag/RemovableTag/RemovableTag.mjs';
+export { Tag } from './__next__/Tag/Tag/Tag.mjs';
+export { Tabs } from './__next__/Tabs/Tabs.mjs';
+export { Tab } from './__next__/Tabs/subcomponents/Tab/Tab.mjs';
+export { TabList } from './__next__/Tabs/subcomponents/TabList/TabList.mjs';
+export { TabPanel } from './__next__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
+export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
+export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
+export { TooltipContext } from 'react-aria-components';

package/dist/esm/overlaysV1.mjs

@@ -1 +1 @@
-export { Tooltip } from './Tooltip/index.mjs';
+export { Tooltip } from './Tooltip/Tooltip.mjs';

package/dist/esm/overlaysV2.mjs

@@ -1 +1 @@
-export { Tooltip } from './Tooltip/index.mjs';
+export { Tooltip } from './Tooltip/Tooltip.mjs';

package/dist/esm/overlaysV3.mjs

@@ -1,4 +1,3 @@
-export { Tooltip } from './__rc__/Tooltip/Tooltip.mjs';
-export { TooltipTrigger } from './__rc__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__rc__/Tooltip/subcomponents/Focusable/Focusable.mjs';
+export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
+export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
 export { TooltipContext } from 'react-aria-components';