@kaizen/components 1.50.0 → 1.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/dist/cjs/Button/GenericButton/GenericButton.cjs +89 -82
  2. package/dist/cjs/Button/GenericButton/GenericButton.module.scss.cjs +2 -1
  3. package/dist/cjs/ButtonGroup/ButtonGroup.cjs +4 -4
  4. package/dist/cjs/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs +2 -2
  5. package/dist/cjs/GuidanceBlock/GuidanceBlock.cjs +2 -2
  6. package/dist/cjs/KaizenProvider/KaizenProvider.cjs +1 -1
  7. package/dist/cjs/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs +11 -2
  8. package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.cjs +1 -2
  9. package/dist/cjs/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.cjs +2 -2
  10. package/dist/cjs/Table/Table.cjs +2 -2
  11. package/dist/cjs/Tabs/subcomponents/Tab.cjs +20 -14
  12. package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs +1 -1
  13. package/dist/cjs/__overlays__/Focusable/v3/Focusable.cjs +33 -0
  14. package/dist/cjs/__overlays__/Focusable/v3/Focusable.module.scss.cjs +6 -0
  15. package/dist/cjs/__overlays__/Tooltip/v1/Tooltip.module.scss.cjs +21 -0
  16. package/dist/cjs/__overlays__/Tooltip/v1/index.cjs +8 -0
  17. package/dist/cjs/__overlays__/Tooltip/v3/OverlayArrow.cjs +32 -0
  18. package/dist/cjs/__overlays__/Tooltip/v3/OverlayArrow.module.scss.cjs +7 -0
  19. package/dist/cjs/__overlays__/Tooltip/v3/Tooltip.cjs +59 -0
  20. package/dist/cjs/__overlays__/Tooltip/v3/Tooltip.module.scss.cjs +8 -0
  21. package/dist/cjs/__overlays__/Tooltip/v3/TooltipTrigger.cjs +24 -0
  22. package/dist/cjs/__utilities__/ReversedColors/v3/ReversedColors.cjs +23 -0
  23. package/dist/cjs/index.cjs +2 -2
  24. package/dist/cjs/overlaysV1.cjs +4 -0
  25. package/dist/cjs/overlaysV2.cjs +4 -0
  26. package/dist/cjs/overlaysV3.cjs +15 -0
  27. package/dist/cjs/reactAriaComponentsV3.cjs +11 -0
  28. package/dist/cjs/reactAriaV3.cjs +11 -0
  29. package/dist/cjs/utilitiesV3.cjs +5 -0
  30. package/dist/cjs/utils/mergeClassNames.cjs +33 -0
  31. package/dist/esm/Button/GenericButton/GenericButton.mjs +90 -82
  32. package/dist/esm/Button/GenericButton/GenericButton.module.scss.mjs +2 -1
  33. package/dist/esm/ButtonGroup/ButtonGroup.mjs +1 -1
  34. package/dist/esm/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs +1 -1
  35. package/dist/esm/GuidanceBlock/GuidanceBlock.mjs +1 -1
  36. package/dist/esm/KaizenProvider/KaizenProvider.mjs +1 -1
  37. package/dist/esm/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs +11 -2
  38. package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +1 -2
  39. package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs +1 -1
  40. package/dist/esm/Table/Table.mjs +1 -1
  41. package/dist/esm/Tabs/subcomponents/Tab.mjs +21 -15
  42. package/dist/esm/TitleBlockZen/TitleBlockZen.mjs +1 -1
  43. package/dist/esm/__overlays__/Focusable/v3/Focusable.mjs +24 -0
  44. package/dist/esm/__overlays__/Focusable/v3/Focusable.module.scss.mjs +4 -0
  45. package/dist/esm/__overlays__/Tooltip/v1/Tooltip.module.scss.mjs +19 -0
  46. package/dist/esm/__overlays__/Tooltip/v1/index.mjs +6 -0
  47. package/dist/esm/__overlays__/Tooltip/v3/OverlayArrow.mjs +24 -0
  48. package/dist/esm/__overlays__/Tooltip/v3/OverlayArrow.module.scss.mjs +5 -0
  49. package/dist/esm/__overlays__/Tooltip/v3/Tooltip.mjs +46 -0
  50. package/dist/esm/__overlays__/Tooltip/v3/Tooltip.module.scss.mjs +6 -0
  51. package/dist/esm/__overlays__/Tooltip/v3/TooltipTrigger.mjs +16 -0
  52. package/dist/esm/__utilities__/ReversedColors/v3/ReversedColors.mjs +14 -0
  53. package/dist/esm/index.mjs +1 -1
  54. package/dist/esm/overlaysV1.mjs +1 -0
  55. package/dist/esm/overlaysV2.mjs +1 -0
  56. package/dist/esm/overlaysV3.mjs +4 -0
  57. package/dist/esm/reactAriaComponentsV3.mjs +1 -0
  58. package/dist/esm/reactAriaV3.mjs +1 -0
  59. package/dist/esm/utilitiesV3.mjs +1 -0
  60. package/dist/esm/utils/mergeClassNames.mjs +25 -0
  61. package/dist/styles.css +19 -16
  62. package/dist/types/Button/GenericButton/GenericButton.d.ts +2 -1
  63. package/dist/types/ButtonGroup/ButtonGroup.d.ts +1 -1
  64. package/dist/types/Container/Container.d.ts +1 -1
  65. package/dist/types/Content/Content.d.ts +1 -1
  66. package/dist/types/DateInput/DateInput/DateInput.d.ts +1 -1
  67. package/dist/types/DatePicker/subcomponents/DateInputField/DateInputField.d.ts +1 -1
  68. package/dist/types/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.d.ts +1 -1
  69. package/dist/types/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.d.ts +1 -1
  70. package/dist/types/GuidanceBlock/GuidanceBlock.d.ts +1 -1
  71. package/dist/types/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.d.ts +2 -2
  72. package/dist/types/Notification/subcomponents/GenericNotification/GenericNotification.d.ts +1 -1
  73. package/dist/types/Select/Select.d.ts +3 -3
  74. package/dist/types/__future__/Select/Select.d.ts +2 -2
  75. package/dist/types/__future__/Select/subcomponents/SelectToggle/SelectToggle.d.ts +2 -2
  76. package/dist/types/__overlays__/Focusable/v3/Focusable.d.ts +6 -0
  77. package/dist/types/__overlays__/Focusable/v3/index.d.ts +1 -0
  78. package/dist/types/__overlays__/Tooltip/v1/index.d.ts +8 -0
  79. package/dist/types/{Tooltip → __overlays__/Tooltip/v1}/utils/isSemanticElement.d.ts +2 -2
  80. package/dist/types/__overlays__/Tooltip/v2/index.d.ts +1 -0
  81. package/dist/types/__overlays__/Tooltip/v3/OverlayArrow.d.ts +7 -0
  82. package/dist/types/__overlays__/Tooltip/v3/Tooltip.d.ts +32 -0
  83. package/dist/types/__overlays__/Tooltip/v3/TooltipTrigger.d.ts +19 -0
  84. package/dist/types/__overlays__/Tooltip/v3/index.d.ts +2 -0
  85. package/dist/types/__overlays__/v1.d.ts +1 -0
  86. package/dist/types/__overlays__/v2.d.ts +1 -0
  87. package/dist/types/__overlays__/v3.d.ts +2 -0
  88. package/dist/types/__react-aria-components__/index.d.ts +1 -0
  89. package/dist/types/__react-aria__/index.d.ts +1 -0
  90. package/dist/types/__utilities__/ReversedColors/v3/ReversedColors.d.ts +7 -0
  91. package/dist/types/__utilities__/ReversedColors/v3/index.d.ts +1 -0
  92. package/dist/types/__utilities__/v3.d.ts +1 -0
  93. package/dist/types/index.d.ts +1 -1
  94. package/dist/types/utils/getNodeText.d.ts +1 -2
  95. package/dist/types/utils/mergeClassNames.d.ts +8 -0
  96. package/package.json +8 -3
  97. package/src/Button/Button/Button.module.scss +33 -23
  98. package/src/Button/GenericButton/GenericButton.tsx +135 -91
  99. package/src/Button/utils/_mixins.scss +1 -1
  100. package/src/ButtonGroup/ButtonGroup.tsx +1 -1
  101. package/src/ButtonGroup/_docs/ButtonGroup.stickersheet.stories.tsx +1 -1
  102. package/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx +1 -1
  103. package/src/GuidanceBlock/GuidanceBlock.tsx +1 -1
  104. package/src/KaizenProvider/KaizenProvider.tsx +5 -7
  105. package/src/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.tsx +14 -4
  106. package/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.tsx +1 -1
  107. package/src/Notification/subcomponents/GenericNotification/GenericNotification.tsx +1 -1
  108. package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.tsx +1 -1
  109. package/src/Table/Table.tsx +1 -1
  110. package/src/Tabs/_docs/Tabs.stories.tsx +1 -1
  111. package/src/Tabs/subcomponents/Tab.tsx +27 -21
  112. package/src/TitleBlockZen/TitleBlockZen.module.scss +0 -14
  113. package/src/TitleBlockZen/TitleBlockZen.tsx +1 -1
  114. package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx +54 -0
  115. package/src/__overlays__/Focusable/v3/Focusable.module.scss +3 -0
  116. package/src/__overlays__/Focusable/v3/Focusable.tsx +37 -0
  117. package/src/__overlays__/Focusable/v3/_docs/ApiSpecification.mdx +38 -0
  118. package/src/__overlays__/Focusable/v3/_docs/Focusable.stories.tsx +24 -0
  119. package/src/__overlays__/Focusable/v3/index.ts +1 -0
  120. package/src/{Tooltip → __overlays__/Tooltip/v1}/Tooltip.module.scss +1 -1
  121. package/src/__overlays__/Tooltip/v1/_docs/Tooltip.mdx +139 -0
  122. package/src/{Tooltip → __overlays__/Tooltip/v1}/_docs/Tooltip.stickersheet.stories.tsx +1 -1
  123. package/src/{Tooltip → __overlays__/Tooltip/v1}/_docs/Tooltip.stories.tsx +2 -2
  124. package/src/__overlays__/Tooltip/v1/index.ts +7 -0
  125. package/src/{Tooltip → __overlays__/Tooltip/v2}/_docs/Tooltip.mdx +2 -4
  126. package/src/__overlays__/Tooltip/v2/_docs/Tooltip.stories.tsx +49 -0
  127. package/src/__overlays__/Tooltip/v2/index.ts +1 -0
  128. package/src/__overlays__/Tooltip/v3/OverlayArrow.module.scss +43 -0
  129. package/src/__overlays__/Tooltip/v3/OverlayArrow.tsx +34 -0
  130. package/src/__overlays__/Tooltip/v3/Tooltip.module.scss +67 -0
  131. package/src/__overlays__/Tooltip/v3/Tooltip.tsx +101 -0
  132. package/src/__overlays__/Tooltip/v3/TooltipTrigger.tsx +30 -0
  133. package/src/__overlays__/Tooltip/v3/_docs/ApiSpecification.mdx +163 -0
  134. package/src/__overlays__/Tooltip/v3/_docs/Tooltip.docs.stories.tsx +203 -0
  135. package/src/__overlays__/Tooltip/v3/_docs/Tooltip.mdx +182 -0
  136. package/src/__overlays__/Tooltip/v3/_docs/Tooltip.spec.stories.tsx +219 -0
  137. package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stickersheet.stories.tsx +46 -0
  138. package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stories.tsx +72 -0
  139. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_anatomy.png +0 -0
  140. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_placement.png +0 -0
  141. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_trigger_1.png +0 -0
  142. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_trigger_2.png +0 -0
  143. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_trigger_3.png +0 -0
  144. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_variant.png +0 -0
  145. package/src/__overlays__/Tooltip/v3/_docs/assets/tooltip_when_to_use.png +0 -0
  146. package/src/__overlays__/Tooltip/v3/index.ts +2 -0
  147. package/src/__overlays__/v1.ts +1 -0
  148. package/src/__overlays__/v2.ts +2 -0
  149. package/src/__overlays__/v3.ts +2 -0
  150. package/src/__react-aria-components__/index.ts +1 -0
  151. package/src/__react-aria__/index.ts +1 -0
  152. package/src/__utilities__/ReversedColors/v3/ReversedColors.tsx +20 -0
  153. package/src/__utilities__/ReversedColors/v3/index.ts +1 -0
  154. package/src/__utilities__/v3.ts +1 -0
  155. package/src/index.ts +1 -1
  156. package/src/types/cssVariables.d.ts +7 -0
  157. package/src/utils/mergeClassNames.ts +32 -0
  158. package/v1/overlays/package.json +5 -0
  159. package/v2/overlays/package.json +5 -0
  160. package/v3/overlays/package.json +5 -0
  161. package/v3/react-aria/package.json +5 -0
  162. package/v3/react-aria-components/package.json +5 -0
  163. package/dist/cjs/Tooltip/Tooltip.module.scss.cjs +0 -21
  164. package/dist/esm/Tooltip/Tooltip.module.scss.mjs +0 -19
  165. package/dist/types/AvatarGroup/_docs/example-data.d.ts +0 -8
  166. package/dist/types/BrandMoment/_docs/ExampleHeaders.d.ts +0 -3
  167. package/dist/types/Calendar/_docs/controls/defaultMonthControls.d.ts +0 -2
  168. package/dist/types/Calendar/_docs/controls/weekStartsOnControls.d.ts +0 -2
  169. package/dist/types/DatePicker/_docs/controls/datePickerLocaleControls.d.ts +0 -2
  170. package/dist/types/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts +0 -2
  171. package/dist/types/Filter/FilterBar/context/types.d.ts +0 -28
  172. package/dist/types/Filter/FilterDatePicker/_docs/controls/disabledDaysControls.d.ts +0 -2
  173. package/dist/types/Filter/FilterDatePicker/_docs/controls/validationControls.d.ts +0 -2
  174. package/dist/types/Filter/FilterDateRangePicker/_docs/controls/disabledDaysControls.d.ts +0 -2
  175. package/dist/types/Filter/FilterDateRangePicker/_docs/controls/validationControls.d.ts +0 -2
  176. package/dist/types/Filter/FilterMultiSelect/_docs/MockData.d.ts +0 -10
  177. package/dist/types/Filter/FilterSelect/_docs/mockData.d.ts +0 -6
  178. package/dist/types/Filter/_docs/controls/renderTriggerControls.d.ts +0 -2
  179. package/dist/types/Menu/_docs/MenuContentExample.d.ts +0 -8
  180. package/dist/types/Menu/_docs/examples.d.ts +0 -11
  181. package/dist/types/Modal/_docs/controls.d.ts +0 -11
  182. package/dist/types/MultiSelect/MultiSelect.d.ts +0 -23
  183. package/dist/types/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.d.ts +0 -13
  184. package/dist/types/Tooltip/index.d.ts +0 -1
  185. package/dist/types/Workflow/_docs/controls/controls.d.ts +0 -2
  186. package/dist/types/Workflow/_docs/controls/index.d.ts +0 -1
  187. package/dist/types/__future__/Select/_docs/mockData.d.ts +0 -6
  188. package/dist/types/__future__/Select/types.d.ts +0 -22
  189. package/dist/types/__future__/Workflow/_docs/controls/controls.d.ts +0 -2
  190. package/dist/types/__future__/Workflow/_docs/controls/index.d.ts +0 -1
  191. package/src/Tooltip/index.ts +0 -1
  192. /package/dist/cjs/{Tooltip → __overlays__/Tooltip/v1}/Tooltip.cjs +0 -0
  193. /package/dist/cjs/{Tooltip → __overlays__/Tooltip/v1}/subcomponents/AppearanceAnim.cjs +0 -0
  194. /package/dist/cjs/{Tooltip → __overlays__/Tooltip/v1}/utils/isSemanticElement.cjs +0 -0
  195. /package/dist/esm/{Tooltip → __overlays__/Tooltip/v1}/Tooltip.mjs +0 -0
  196. /package/dist/esm/{Tooltip → __overlays__/Tooltip/v1}/subcomponents/AppearanceAnim.mjs +0 -0
  197. /package/dist/esm/{Tooltip → __overlays__/Tooltip/v1}/utils/isSemanticElement.mjs +0 -0
  198. /package/dist/types/{Tooltip → __overlays__/Tooltip/v1}/Tooltip.d.ts +0 -0
  199. /package/dist/types/{Tooltip → __overlays__/Tooltip/v1}/subcomponents/AppearanceAnim.d.ts +0 -0
  200. /package/src/{Tooltip → __overlays__/Tooltip/v1}/Tooltip.spec.tsx +0 -0
  201. /package/src/{Tooltip → __overlays__/Tooltip/v1}/Tooltip.tsx +0 -0
  202. /package/src/{Tooltip → __overlays__/Tooltip/v1}/_variables.scss +0 -0
  203. /package/src/{Tooltip → __overlays__/Tooltip/v1}/subcomponents/AppearanceAnim.spec.tsx +0 -0
  204. /package/src/{Tooltip → __overlays__/Tooltip/v1}/subcomponents/AppearanceAnim.tsx +0 -0
  205. /package/src/{Tooltip → __overlays__/Tooltip/v1}/utils/isSemanticElement.spec.tsx +0 -0
  206. /package/src/{Tooltip → __overlays__/Tooltip/v1}/utils/isSemanticElement.tsx +0 -0
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- export declare const exampleActionButtonPropsButton: {
3
- label: string;
4
- onClick: import("@storybook/addon-actions/*").HandlerFunction;
5
- };
6
- export declare const exampleActionButtonPropsAnchor: {
7
- label: string;
8
- href: string;
9
- };
10
- export declare const exampleDropdownContentEnabled: React.JSX.Element;
11
- export declare const exampleDropdownContentOneDisabled: React.JSX.Element;
@@ -1,11 +0,0 @@
1
- import { Decorator } from "@storybook/react";
2
- export declare const chromaticModalSettings: {
3
- parameters: {
4
- chromatic: {
5
- disable: boolean;
6
- delay: number;
7
- pauseAnimationAtEnd: boolean;
8
- };
9
- };
10
- decorators: Decorator[];
11
- };
@@ -1,23 +0,0 @@
1
- import { HTMLAttributes } from "react";
2
- import { FieldMessageProps } from "../FieldMessage";
3
- import { OverrideClassName } from "../types/OverrideClassName";
4
- import { MultiSelectOptionsProps } from "./subcomponents/MultiSelectOptions";
5
- import { MultiSelectOption, ValidationMessage } from "./types";
6
- export type MultiSelectProps = {
7
- label: string;
8
- items: MultiSelectOptionsProps["options"];
9
- selectedValues: Set<MultiSelectOption["value"]>;
10
- /**
11
- * A description that provides context for the field
12
- */
13
- description?: FieldMessageProps["message"];
14
- onSelectedValuesChange: MultiSelectOptionsProps["onChange"];
15
- isOpen: boolean;
16
- onOpenChange: (isOpen: boolean) => void;
17
- /** A status and message to provide context to the validation issue */
18
- validationMessage?: ValidationMessage;
19
- } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
20
- export declare const MultiSelect: {
21
- ({ id: propsId, label, items, selectedValues, description, onSelectedValuesChange, isOpen, onOpenChange, classNameOverride, validationMessage, ...restProps }: MultiSelectProps): JSX.Element;
22
- displayName: string;
23
- };
@@ -1,13 +0,0 @@
1
- import { HTMLAttributes } from "react";
2
- import { OverrideClassName } from "../../../types/OverrideClassName";
3
- import { MultiSelectOption } from "../../types";
4
- export type MultiSelectOptionsProps = {
5
- id: string;
6
- options: MultiSelectOption[];
7
- selectedValues: Set<MultiSelectOption["value"]>;
8
- onChange: (selectedValues: Set<MultiSelectOption["value"]>) => void;
9
- } & OverrideClassName<Omit<HTMLAttributes<HTMLFieldSetElement>, "onChange">>;
10
- export declare const MultiSelectOptions: {
11
- ({ id, options, selectedValues, onChange, classNameOverride, ...restProps }: MultiSelectOptionsProps): JSX.Element;
12
- displayName: string;
13
- };
@@ -1 +0,0 @@
1
- export * from "./Tooltip";
@@ -1,2 +0,0 @@
1
- import { ArgTypes } from "@storybook/react";
2
- export declare const WorkflowControls: Partial<ArgTypes>;
@@ -1 +0,0 @@
1
- export * from "./controls";
@@ -1,6 +0,0 @@
1
- import { SelectItem } from "../types";
2
- export declare const singleMockItems: SelectItem[];
3
- export declare const groupedMockItems: SelectItem[];
4
- export declare const mixedMockItemsDisabled: SelectItem[];
5
- export declare const mixedMockItemsUngroupedFirst: SelectItem[];
6
- export declare const mixedMockItemsUnordered: SelectItem[];
@@ -1,22 +0,0 @@
1
- import { Node, Key } from "@react-types/shared";
2
- export type SelectOption = {
3
- label: string;
4
- value: Key;
5
- disabled?: boolean;
6
- options?: never;
7
- };
8
- export type SelectOptionGroup<Option extends SelectOption> = {
9
- label: string;
10
- options: Iterable<Option>;
11
- };
12
- export type SelectItem<Option extends SelectOption = SelectOption> = Option | SelectOptionGroup<Option>;
13
- export type SelectOptionNode<Option extends SelectOption = SelectOption> = Node<Option> & {
14
- type: "item";
15
- hasChildNodes: false;
16
- };
17
- export type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<Node<SelectOptionGroup<Option>>, "childNodes"> & {
18
- type: "section";
19
- hasChildNodes: true;
20
- childNodes: Array<SelectOptionNode<Option>>;
21
- };
22
- export type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;
@@ -1,2 +0,0 @@
1
- import { ArgTypes } from "@storybook/react";
2
- export declare const WorkflowControls: Partial<ArgTypes>;
@@ -1 +0,0 @@
1
- export * from "./controls";
@@ -1 +0,0 @@
1
- export * from "./Tooltip"