@kaizen/components 1.78.1 → 1.79.1

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 (208) hide show
  1. package/dist/cjs/src/__next__/Select/Select.cjs +6 -2
  2. package/dist/esm/src/__next__/Select/Select.mjs +6 -2
  3. package/dist/styles.css +10589 -10782
  4. package/dist/types/__next__/Select/Select.d.ts +6 -2
  5. package/package.json +1 -1
  6. package/src/Avatar/Avatar.module.css +137 -135
  7. package/src/AvatarGroup/AvatarGroup.module.css +58 -56
  8. package/src/Badge/Badge.module.css +98 -96
  9. package/src/Brand/Brand.module.css +5 -3
  10. package/src/BrandMoment/BrandMoment.module.css +147 -145
  11. package/src/BrandMoment/_docs/ExampleHeaders.module.scss +68 -66
  12. package/src/Button/Button/Button.module.scss +135 -133
  13. package/src/Button/GenericButton/GenericButton.module.scss +81 -79
  14. package/src/Button/IconButton/IconButton.module.scss +20 -18
  15. package/src/ButtonGroup/ButtonGroup.module.css +38 -36
  16. package/src/ButtonGroup/ButtonGroup.module.scss +41 -39
  17. package/src/Calendar/CalendarPopover/CalendarPopover.module.scss +19 -17
  18. package/src/Calendar/CalendarRange/CalendarRange.module.scss +48 -46
  19. package/src/Calendar/CalendarSingle/CalendarSingle.module.scss +12 -10
  20. package/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss +20 -18
  21. package/src/Calendar/baseCalendarClassNames.module.scss +148 -146
  22. package/src/Card/Card.module.css +91 -89
  23. package/src/Checkbox/Checkbox/Checkbox.module.scss +89 -87
  24. package/src/Checkbox/CheckboxField/CheckboxField.module.scss +32 -30
  25. package/src/Checkbox/CheckboxGroup/CheckboxGroup.module.scss +11 -9
  26. package/src/ClearButton/ClearButton.module.scss +32 -30
  27. package/src/Collapsible/Collapsible/Collapsible.module.scss +87 -85
  28. package/src/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss +9 -7
  29. package/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss +35 -33
  30. package/src/Container/Container.module.scss +11 -9
  31. package/src/Content/Content.module.scss +10 -8
  32. package/src/DateInput/DateInput/DateInput.module.scss +7 -5
  33. package/src/DateInput/DateInputDescription/DateInputDescription.module.scss +15 -13
  34. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +32 -30
  35. package/src/DatePicker/DatePicker.module.scss +7 -5
  36. package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss +5 -3
  37. package/src/DateRangePicker/DateRangePicker.module.scss +75 -73
  38. package/src/Divider/Divider.module.scss +35 -33
  39. package/src/EmptyState/EmptyState.module.css +95 -93
  40. package/src/ErrorPage/ErrorPage.module.scss +4 -2
  41. package/src/FieldGroup/FieldGroup.module.scss +8 -6
  42. package/src/FieldMessage/FieldMessage.module.scss +53 -51
  43. package/src/Filter/Filter/Filter.module.css +5 -3
  44. package/src/Filter/Filter/subcomponents/FilterContents/FilterContents.module.css +4 -2
  45. package/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.css +8 -6
  46. package/src/Filter/FilterBar/FilterBar.module.css +17 -15
  47. package/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.css +7 -5
  48. package/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.module.css +4 -2
  49. package/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.module.css +5 -3
  50. package/src/Filter/FilterButton/FilterButton/FilterButton.module.css +19 -17
  51. package/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.module.css +4 -2
  52. package/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss +42 -40
  53. package/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.module.scss +4 -2
  54. package/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.module.scss +6 -4
  55. package/src/Filter/FilterDateRangePicker/FilterDateRangePicker.module.css +7 -5
  56. package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.module.scss +5 -3
  57. package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.module.scss +36 -34
  58. package/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.module.scss +5 -3
  59. package/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.module.scss +7 -5
  60. package/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.module.scss +19 -17
  61. package/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.module.scss +14 -12
  62. package/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.module.scss +4 -2
  63. package/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.module.scss +7 -5
  64. package/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.module.scss +8 -6
  65. package/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.scss +17 -15
  66. package/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.module.scss +90 -88
  67. package/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.module.scss +4 -2
  68. package/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.module.scss +5 -3
  69. package/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.module.scss +4 -2
  70. package/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss +52 -50
  71. package/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.module.css +4 -2
  72. package/src/Filter/FilterSelect/FilterSelect.module.css +9 -7
  73. package/src/Focusable/Focusable.module.scss +4 -2
  74. package/src/GuidanceBlock/GuidanceBlock.module.css +212 -210
  75. package/src/Heading/Heading.module.scss +87 -85
  76. package/src/Icon/_docs/icon.module.scss +35 -33
  77. package/src/Icon/subcomponents/SVG/SVG.module.scss +26 -24
  78. package/src/Illustration/subcomponents/Base/Base.module.scss +100 -98
  79. package/src/Input/Input/Input.module.scss +217 -215
  80. package/src/Input/InputRange/InputRange.module.scss +138 -136
  81. package/src/Input/InputSearch/InputSearch.module.scss +155 -152
  82. package/src/Label/Label.module.scss +82 -80
  83. package/src/LabelledMessage/LabelledMessage.module.scss +8 -6
  84. package/src/LikertScaleLegacy/LikertScaleLegacy.module.scss +266 -264
  85. package/src/Link/Link.module.css +115 -113
  86. package/src/LinkButton/LinkButton.module.css +5 -3
  87. package/src/Loading/LoadingGraphic/LoadingGraphic.module.scss +12 -10
  88. package/src/Loading/LoadingHeading/LoadingHeading.module.scss +44 -42
  89. package/src/Loading/LoadingInput/LoadingInput.module.scss +11 -9
  90. package/src/Loading/LoadingParagraph/LoadingParagraph.module.scss +47 -45
  91. package/src/Loading/LoadingSpinner/LoadingSpinner.module.css +22 -20
  92. package/src/Loading/_mixins.scss +11 -9
  93. package/src/Menu/subcomponents/MenuDropdown/MenuDropdown.module.scss +18 -16
  94. package/src/Menu/subcomponents/MenuHeading/MenuHeading.module.scss +8 -6
  95. package/src/Menu/subcomponents/MenuItem/MenuItem.module.scss +74 -72
  96. package/src/Menu/subcomponents/MenuList/MenuList.module.scss +14 -12
  97. package/src/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss +4 -2
  98. package/src/Modal/ConfirmationModal/ConfirmationModal.module.scss +126 -124
  99. package/src/Modal/ContextModal/ContextModal.module.scss +72 -70
  100. package/src/Modal/GenericModal/GenericModal.module.scss +92 -90
  101. package/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss +4 -2
  102. package/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss +25 -23
  103. package/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss +5 -3
  104. package/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss +55 -53
  105. package/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss +17 -15
  106. package/src/Modal/InputEditModal/InputEditModal.module.scss +32 -30
  107. package/src/MultiSelect/MultiSelect.module.scss +7 -5
  108. package/src/MultiSelect/subcomponents/Checkbox/Checkbox.module.scss +59 -57
  109. package/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.module.scss +55 -53
  110. package/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.module.scss +8 -6
  111. package/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.module.scss +66 -64
  112. package/src/MultiSelect/subcomponents/Popover/Popover.module.scss +15 -13
  113. package/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.module.scss +21 -19
  114. package/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss +112 -110
  115. package/src/Notification/subcomponents/GenericNotification/_mixins.scss +278 -276
  116. package/src/Notification/subcomponents/NotificationIcon/NotificationIcon.module.css +4 -2
  117. package/src/Pagination/Pagination.module.scss +39 -37
  118. package/src/Pagination/subcomponents/DirectionalLink/DirectionalLink.module.scss +11 -9
  119. package/src/Pagination/subcomponents/PaginationLink/PaginationLink.module.scss +53 -51
  120. package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css +10 -8
  121. package/src/Popover/Popover.module.scss +187 -185
  122. package/src/ProgressBar/ProgressBar.module.scss +75 -73
  123. package/src/ProgressBar/subcomponents/Label/Label.module.scss +6 -4
  124. package/src/Radio/Radio/Radio.module.scss +60 -58
  125. package/src/Radio/RadioField/RadioField.module.scss +33 -31
  126. package/src/Radio/RadioGroup/RadioGroup.module.scss +18 -16
  127. package/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.module.scss +32 -30
  128. package/src/RichTextEditor/RichTextContent/RichTextContent.module.scss +4 -2
  129. package/src/RichTextEditor/RichTextEditor/RichTextEditor.module.scss +76 -74
  130. package/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss +92 -90
  131. package/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.module.scss +5 -3
  132. package/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.module.scss +12 -10
  133. package/src/RichTextEditor/_mixins.scss +1 -1
  134. package/src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.module.scss +5 -3
  135. package/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss +22 -20
  136. package/src/SearchField/SearchField.module.scss +5 -3
  137. package/src/Select/Select.module.scss +17 -0
  138. package/src/Skirt/Skirt.module.scss +24 -22
  139. package/src/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss +13 -11
  140. package/src/Slider/Slider.module.scss +34 -32
  141. package/src/SplitButton/SplitButton.module.scss +5 -3
  142. package/src/SplitButton/subcomponents/ActionButton/ActionButton.module.scss +7 -5
  143. package/src/SplitButton/subcomponents/BaseButton/BaseButton.module.scss +65 -63
  144. package/src/SplitButton/subcomponents/DropdownButton/DropdownButton.module.scss +19 -17
  145. package/src/Table/Table.module.scss +251 -249
  146. package/src/Tabs/subcomponents/Tab.module.scss +81 -79
  147. package/src/Tabs/subcomponents/TabList.module.scss +8 -6
  148. package/src/Tabs/subcomponents/TabPanel.module.scss +10 -8
  149. package/src/Tag/Tag.module.scss +166 -164
  150. package/src/Tag/subcomponents/LiveIcon/LiveIcon.module.css +42 -40
  151. package/src/Text/Text.module.scss +57 -55
  152. package/src/TextArea/TextArea.module.css +102 -99
  153. package/src/TextAreaField/TextAreaField.module.scss +14 -12
  154. package/src/TextField/TextField.module.scss +16 -14
  155. package/src/Tile/MultiActionTile/MultiActionTile.module.scss +7 -5
  156. package/src/Tile/TileGrid/TileGrid.module.scss +18 -16
  157. package/src/Tile/subcomponents/GenericTile/GenericTile.module.scss +123 -121
  158. package/src/TimeField/TimeField.module.scss +57 -55
  159. package/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss +37 -35
  160. package/src/TitleBlockZen/TitleBlockZen.module.scss +507 -505
  161. package/src/TitleBlockZen/subcomponents/MainActions.module.scss +11 -9
  162. package/src/TitleBlockZen/subcomponents/MobileActions.module.scss +146 -144
  163. package/src/TitleBlockZen/subcomponents/NavigationTabs.module.scss +105 -103
  164. package/src/TitleBlockZen/subcomponents/TitleBlockMenuItem.module.scss +74 -72
  165. package/src/TitleBlockZen/subcomponents/Toolbar.module.scss +28 -26
  166. package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss +105 -103
  167. package/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss +11 -9
  168. package/src/Tooltip/Tooltip.module.scss +139 -137
  169. package/src/VisuallyHidden/VisuallyHidden.module.scss +10 -8
  170. package/src/Well/Well.module.css +104 -102
  171. package/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.css +14 -12
  172. package/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css +101 -99
  173. package/src/Workflow/subcomponents/Footer/components/Root/FooterRoot.module.css +19 -17
  174. package/src/Workflow/subcomponents/Header/components/Actions/Actions.module.css +14 -12
  175. package/src/Workflow/subcomponents/Header/components/Branding/Branding.module.css +12 -10
  176. package/src/Workflow/subcomponents/Header/components/Root/Root.module.css +19 -17
  177. package/src/Workflow/subcomponents/Header/components/Titles/Titles.module.css +19 -17
  178. package/src/Workflow/subcomponents/Main/Main.module.css +5 -3
  179. package/src/Workflow/subcomponents/Wrapper/Wrapper.module.css +8 -6
  180. package/src/__next__/Button/Button.module.css +220 -218
  181. package/src/__next__/Button/subcomponents/ButtonContent/ButtonContent.module.css +17 -15
  182. package/src/__next__/Button/subcomponents/PendingContent/PendingContent.module.css +15 -13
  183. package/src/__next__/Icon/Icon.module.css +40 -38
  184. package/src/__next__/Icon/_docs/Icon.docs.module.css +13 -11
  185. package/src/__next__/Menu/Menu.module.css +30 -28
  186. package/src/__next__/Menu/MenuItem.module.css +41 -39
  187. package/src/__next__/Select/Select.module.scss +8 -6
  188. package/src/__next__/Select/Select.tsx +7 -1
  189. package/src/__next__/Select/subcomponents/ListBox/ListBox.module.scss +12 -10
  190. package/src/__next__/Select/subcomponents/ListBoxSection/ListBoxSection.module.scss +15 -13
  191. package/src/__next__/Select/subcomponents/Option/Option.module.scss +53 -51
  192. package/src/__next__/Select/subcomponents/SectionDivider/SectionDivider.module.scss +8 -6
  193. package/src/__next__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.module.scss +4 -2
  194. package/src/__next__/Select/subcomponents/SelectToggle/SelectToggle.module.scss +105 -103
  195. package/src/__next__/Tabs/subcomponents/Tab/Tab.module.css +81 -79
  196. package/src/__next__/Tabs/subcomponents/TabList/TabList.module.css +56 -54
  197. package/src/__next__/Tabs/subcomponents/TabPanel/TabPanel.module.css +10 -8
  198. package/src/__next__/Tag/RemovableTag/RemovableTag.module.scss +6 -4
  199. package/src/__next__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss +26 -24
  200. package/src/__next__/Tag/Tag/Tag.module.scss +56 -54
  201. package/src/__next__/Tooltip/OverlayArrow.module.scss +40 -38
  202. package/src/__next__/Tooltip/Tooltip.module.scss +39 -37
  203. package/src/__next__/Tooltip/_docs/ApiSpecification.mdx +2 -2
  204. package/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx +15 -30
  205. package/src/__next__/Tooltip/_docs/Tooltip.mdx +1 -1
  206. package/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx +29 -60
  207. package/src/__next__/Tooltip/_docs/Tooltip.stories.tsx +2 -2
  208. package/src/utils/AppearanceAnim.module.scss +14 -12
@@ -52,8 +52,9 @@ var Select = function (_a) {
52
52
  _c = _a.placeholder,
53
53
  placeholder = _c === void 0 ? '' : _c,
54
54
  isDisabled = _a.isDisabled,
55
+ onSelectionChange = _a.onSelectionChange,
55
56
  portalContainerId = _a.portalContainerId,
56
- restProps = tslib.__rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId"]);
57
+ restProps = tslib.__rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "onSelectionChange", "portalContainerId"]);
57
58
  var refs = reactDom.useFloating().refs;
58
59
  var triggerRef = refs.reference;
59
60
  var fallbackId = React.useId();
@@ -70,7 +71,10 @@ var Select = function (_a) {
70
71
  selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey,
71
72
  description: description,
72
73
  placeholder: placeholder,
73
- isDisabled: isDisabled
74
+ isDisabled: isDisabled,
75
+ onSelectionChange: onSelectionChange ? function (key) {
76
+ return onSelectionChange(key);
77
+ } : undefined
74
78
  }, restProps);
75
79
  var state = select.useSelectState(ariaSelectProps);
76
80
  var _d = select$1.useSelect(ariaSelectProps, state, triggerRef),
@@ -44,8 +44,9 @@ const Select = /*#__PURE__*/function () {
44
44
  _c = _a.placeholder,
45
45
  placeholder = _c === void 0 ? '' : _c,
46
46
  isDisabled = _a.isDisabled,
47
+ onSelectionChange = _a.onSelectionChange,
47
48
  portalContainerId = _a.portalContainerId,
48
- restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId"]);
49
+ restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "onSelectionChange", "portalContainerId"]);
49
50
  var refs = useFloating().refs;
50
51
  var triggerRef = refs.reference;
51
52
  var fallbackId = useId();
@@ -62,7 +63,10 @@ const Select = /*#__PURE__*/function () {
62
63
  selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey,
63
64
  description: description,
64
65
  placeholder: placeholder,
65
- isDisabled: isDisabled
66
+ isDisabled: isDisabled,
67
+ onSelectionChange: onSelectionChange ? function (key) {
68
+ return onSelectionChange(key);
69
+ } : undefined
66
70
  }, restProps);
67
71
  var state = useSelectState(ariaSelectProps);
68
72
  var _d = useSelect(ariaSelectProps, state, triggerRef),