@kaizen/components 3.3.2 → 3.3.3

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 (260) hide show
  1. package/dist/cjs/assets/svgs/custom-icons/user-settings.svg.cjs +80 -0
  2. package/dist/cjs/index.cjs +2 -0
  3. package/dist/cjs/src/Icon/CustomIcons.cjs +8 -0
  4. package/dist/esm/assets/svgs/custom-icons/user-settings.svg.mjs +58 -0
  5. package/dist/esm/index.mjs +1 -0
  6. package/dist/esm/src/Avatar/Avatar.mjs +9 -9
  7. package/dist/esm/src/AvatarGroup/AvatarGroup.mjs +9 -9
  8. package/dist/esm/src/Badge/Badge.mjs +18 -21
  9. package/dist/esm/src/Brand/Brand.mjs +44 -47
  10. package/dist/esm/src/Brand/BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs +48 -51
  11. package/dist/esm/src/BrandMoment/BrandMoment.mjs +79 -82
  12. package/dist/esm/src/Button/Button.mjs +47 -50
  13. package/dist/esm/src/Button/subcomponents/ButtonContent/ButtonContent.mjs +5 -5
  14. package/dist/esm/src/Button/subcomponents/PendingContent/PendingContent.mjs +3 -3
  15. package/dist/esm/src/ButtonGroup/ButtonGroup.mjs +30 -33
  16. package/dist/esm/src/ButtonV1/Button/Button.mjs +8 -11
  17. package/dist/esm/src/ButtonV1/GenericButton/GenericButton.mjs +61 -64
  18. package/dist/esm/src/ButtonV1/IconButton/IconButton.mjs +9 -12
  19. package/dist/esm/src/Calendar/CalendarPopover/CalendarPopover.mjs +55 -58
  20. package/dist/esm/src/Calendar/CalendarRange/CalendarRange.mjs +58 -61
  21. package/dist/esm/src/Calendar/CalendarSingle/CalendarSingle.mjs +52 -55
  22. package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs +48 -51
  23. package/dist/esm/src/Card/Card.mjs +22 -25
  24. package/dist/esm/src/Checkbox/Checkbox/Checkbox.mjs +31 -34
  25. package/dist/esm/src/Checkbox/CheckboxField/CheckboxField.mjs +37 -40
  26. package/dist/esm/src/Checkbox/CheckboxGroup/CheckboxGroup.mjs +27 -30
  27. package/dist/esm/src/ClearButton/ClearButton.mjs +17 -20
  28. package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs +83 -86
  29. package/dist/esm/src/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs +4 -4
  30. package/dist/esm/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs +24 -27
  31. package/dist/esm/src/Container/Container.mjs +13 -16
  32. package/dist/esm/src/Content/Content.mjs +13 -16
  33. package/dist/esm/src/DateInput/DateInput/DateInput.mjs +28 -31
  34. package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +25 -28
  35. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +30 -33
  36. package/dist/esm/src/DatePicker/DatePicker.mjs +213 -216
  37. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +42 -45
  38. package/dist/esm/src/DatePicker/utils/validateDate.mjs +4 -4
  39. package/dist/esm/src/DateRangePicker/DateRangePicker.mjs +123 -126
  40. package/dist/esm/src/Divider/Divider.mjs +13 -16
  41. package/dist/esm/src/EmptyState/EmptyState.mjs +38 -41
  42. package/dist/esm/src/ErrorPage/ErrorPage.mjs +73 -76
  43. package/dist/esm/src/FieldGroup/FieldGroup.mjs +12 -15
  44. package/dist/esm/src/FieldMessage/FieldMessage.mjs +29 -32
  45. package/dist/esm/src/Filter/Filter/Filter.mjs +52 -55
  46. package/dist/esm/src/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs +10 -13
  47. package/dist/esm/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs +31 -34
  48. package/dist/esm/src/Filter/FilterBar/FilterBar.mjs +32 -35
  49. package/dist/esm/src/Filter/FilterBar/context/FilterBarContext.mjs +3 -3
  50. package/dist/esm/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs +45 -48
  51. package/dist/esm/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs +26 -29
  52. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +32 -35
  53. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs +35 -38
  54. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs +35 -38
  55. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs +83 -86
  56. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs +55 -58
  57. package/dist/esm/src/Filter/FilterButton/FilterButton/FilterButton.mjs +28 -31
  58. package/dist/esm/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs +32 -35
  59. package/dist/esm/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs +12 -15
  60. package/dist/esm/src/Filter/FilterDatePicker/FilterDatePicker.mjs +29 -32
  61. package/dist/esm/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs +48 -51
  62. package/dist/esm/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.mjs +4 -4
  63. package/dist/esm/src/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs +2 -2
  64. package/dist/esm/src/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs +34 -37
  65. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.mjs +11 -14
  66. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +69 -72
  67. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs +51 -54
  68. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs +202 -205
  69. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs +2 -2
  70. package/dist/esm/src/Filter/FilterMultiSelect/FilterMultiSelect.mjs +67 -71
  71. package/dist/esm/src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs +4 -4
  72. package/dist/esm/src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs +8 -8
  73. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs +61 -64
  74. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +24 -27
  75. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs +9 -12
  76. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs +8 -11
  77. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs +30 -33
  78. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs +41 -44
  79. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/ResponsiveMenuPopup.mjs +70 -73
  80. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +51 -54
  81. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.mjs +12 -15
  82. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs +40 -43
  83. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.mjs +3 -3
  84. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs +29 -32
  85. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs +23 -26
  86. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs +24 -27
  87. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs +29 -32
  88. package/dist/esm/src/Filter/FilterSelect/FilterSelect.mjs +70 -73
  89. package/dist/esm/src/Focusable/Focusable.mjs +2 -2
  90. package/dist/esm/src/GuidanceBlock/GuidanceBlock.mjs +42 -45
  91. package/dist/esm/src/Icon/CustomIcons.mjs +6 -0
  92. package/dist/esm/src/Icon/Icon.mjs +6 -6
  93. package/dist/esm/src/IconV1/subcomponents/SVG/SVG.mjs +24 -27
  94. package/dist/esm/src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs +35 -38
  95. package/dist/esm/src/Illustration/Scene/Scene.mjs +535 -670
  96. package/dist/esm/src/Illustration/Spot/Spot.mjs +2 -2
  97. package/dist/esm/src/Illustration/subcomponents/Base/Base.mjs +22 -25
  98. package/dist/esm/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs +9 -9
  99. package/dist/esm/src/Illustration/utils/usePausePlay.mjs +2 -2
  100. package/dist/esm/src/Input/Input/Input.mjs +32 -35
  101. package/dist/esm/src/Input/InputRange/InputRange.mjs +69 -72
  102. package/dist/esm/src/Input/InputSearch/InputSearch.mjs +53 -56
  103. package/dist/esm/src/KaizenProvider/KaizenProvider.mjs +20 -23
  104. package/dist/esm/src/KaizenProvider/subcomponents/FontDefinitions/FontDefinitions.mjs +6 -6
  105. package/dist/esm/src/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs +19 -22
  106. package/dist/esm/src/Label/Label.mjs +23 -26
  107. package/dist/esm/src/LabelledMessage/LabelledMessage.mjs +13 -16
  108. package/dist/esm/src/LikertScale/LikertScale.mjs +10 -10
  109. package/dist/esm/src/Link/Link.mjs +30 -33
  110. package/dist/esm/src/Link/subcomponents/LinkContent.mjs +6 -6
  111. package/dist/esm/src/LinkButton/LinkButton.mjs +32 -35
  112. package/dist/esm/src/Loading/LoadingGraphic/LoadingGraphic.mjs +17 -20
  113. package/dist/esm/src/Loading/LoadingHeading/LoadingHeading.mjs +17 -20
  114. package/dist/esm/src/Loading/LoadingInput/LoadingInput.mjs +18 -21
  115. package/dist/esm/src/Loading/LoadingParagraph/LoadingParagraph.mjs +20 -23
  116. package/dist/esm/src/Loading/LoadingSpinner/LoadingSpinner.mjs +16 -19
  117. package/dist/esm/src/Loading/LoadingSpinner/subcomponents/SpinnerIcon.mjs +13 -13
  118. package/dist/esm/src/Menu/Menu.mjs +10 -13
  119. package/dist/esm/src/Menu/MenuHeader.mjs +7 -10
  120. package/dist/esm/src/Menu/MenuItem.mjs +19 -22
  121. package/dist/esm/src/Menu/MenuPopover.mjs +10 -13
  122. package/dist/esm/src/Menu/MenuSection.mjs +7 -10
  123. package/dist/esm/src/Menu/MenuTrigger.mjs +2 -2
  124. package/dist/esm/src/MenuV1/Menu.mjs +41 -44
  125. package/dist/esm/src/MenuV1/subcomponents/MenuDropdown/MenuDropdown.mjs +79 -82
  126. package/dist/esm/src/MenuV1/subcomponents/MenuItem/MenuItem.mjs +47 -50
  127. package/dist/esm/src/MenuV1/subcomponents/MenuList/MenuList.mjs +3 -3
  128. package/dist/esm/src/MenuV1/subcomponents/StatelessMenu/StatelessMenu.mjs +62 -65
  129. package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.mjs +79 -82
  130. package/dist/esm/src/Modal/ContextModal/ContextModal.mjs +78 -81
  131. package/dist/esm/src/Modal/GenericModal/GenericModal.mjs +115 -118
  132. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs +12 -15
  133. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs +15 -18
  134. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs +10 -13
  135. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs +25 -28
  136. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs +19 -22
  137. package/dist/esm/src/Modal/InputEditModal/InputEditModal.mjs +60 -63
  138. package/dist/esm/src/MultiSelect/MultiSelect.mjs +101 -104
  139. package/dist/esm/src/MultiSelect/subcomponents/Checkbox/Checkbox.mjs +31 -34
  140. package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.mjs +22 -25
  141. package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs +40 -43
  142. package/dist/esm/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +71 -74
  143. package/dist/esm/src/MultiSelect/subcomponents/Popover/Popover.mjs +39 -42
  144. package/dist/esm/src/Notification/GlobalNotification/GlobalNotification.mjs +11 -14
  145. package/dist/esm/src/Notification/InlineNotification/InlineNotification.mjs +17 -20
  146. package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs +27 -30
  147. package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs +29 -32
  148. package/dist/esm/src/Notification/ToastNotification/context/ToastNotificationContext.mjs +47 -50
  149. package/dist/esm/src/Notification/subcomponents/CancelButton/CancelButton.mjs +15 -18
  150. package/dist/esm/src/Notification/subcomponents/GenericNotification/GenericNotification.mjs +68 -71
  151. package/dist/esm/src/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs +24 -27
  152. package/dist/esm/src/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs +28 -31
  153. package/dist/esm/src/Pagination/Pagination.mjs +8 -8
  154. package/dist/esm/src/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs +21 -24
  155. package/dist/esm/src/Pagination/subcomponents/PaginationLink/PaginationLink.mjs +16 -19
  156. package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs +3 -3
  157. package/dist/esm/src/Popover/Popover.mjs +112 -115
  158. package/dist/esm/src/ProgressBar/ProgressBar.mjs +41 -44
  159. package/dist/esm/src/ProgressBar/subcomponents/Label/Label.mjs +14 -17
  160. package/dist/esm/src/Radio/Radio/Radio.mjs +29 -32
  161. package/dist/esm/src/Radio/RadioField/RadioField.mjs +36 -39
  162. package/dist/esm/src/Radio/RadioGroup/RadioGroup.mjs +30 -33
  163. package/dist/esm/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs +29 -32
  164. package/dist/esm/src/RichTextEditor/RichTextContent/RichTextContent.mjs +32 -35
  165. package/dist/esm/src/RichTextEditor/RichTextEditor/RichTextEditor.mjs +101 -104
  166. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs +32 -35
  167. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs +38 -41
  168. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarControls/ToolbarControls.mjs +4 -4
  169. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs +7 -10
  170. package/dist/esm/src/RichTextEditor/RichTextEditor/utils/controlmap.mjs +9 -9
  171. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs +49 -52
  172. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs +55 -58
  173. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs +42 -45
  174. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs +42 -45
  175. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs +3 -3
  176. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/validation.mjs +2 -2
  177. package/dist/esm/src/SearchField/SearchField.mjs +32 -35
  178. package/dist/esm/src/Select/Select.mjs +96 -102
  179. package/dist/esm/src/SingleSelect/SingleSelect.mjs +117 -120
  180. package/dist/esm/src/SingleSelect/context/SelectContext.mjs +3 -3
  181. package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.mjs +41 -44
  182. package/dist/esm/src/SingleSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +27 -30
  183. package/dist/esm/src/SingleSelect/subcomponents/ListItem/ListItem.mjs +12 -15
  184. package/dist/esm/src/SingleSelect/subcomponents/ListItems/ListItems.mjs +11 -14
  185. package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs +41 -44
  186. package/dist/esm/src/SingleSelect/subcomponents/Overlay/Overlay.mjs +31 -34
  187. package/dist/esm/src/SingleSelect/subcomponents/SectionDivider/SectionDivider.mjs +8 -11
  188. package/dist/esm/src/SingleSelect/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs +24 -27
  189. package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs +32 -35
  190. package/dist/esm/src/SingleSelect/utils/transformSelectItemToCollectionElement.mjs +4 -4
  191. package/dist/esm/src/Slider/Slider.mjs +43 -46
  192. package/dist/esm/src/Table/Table.mjs +26 -26
  193. package/dist/esm/src/Tabs/Tabs.mjs +2 -2
  194. package/dist/esm/src/Tabs/subcomponents/Tab/Tab.mjs +4 -4
  195. package/dist/esm/src/Tabs/subcomponents/TabList/TabList.mjs +7 -7
  196. package/dist/esm/src/Tabs/subcomponents/TabPanel/TabPanel.mjs +2 -2
  197. package/dist/esm/src/Tag/Tag.mjs +83 -86
  198. package/dist/esm/src/Tag/subcomponents/LiveIcon/LiveIcon.mjs +42 -48
  199. package/dist/esm/src/TextArea/TextArea.mjs +43 -46
  200. package/dist/esm/src/TextAreaField/TextAreaField.mjs +65 -68
  201. package/dist/esm/src/TextField/TextField.mjs +65 -68
  202. package/dist/esm/src/Tile/InformationTile/InformationTile.mjs +5 -8
  203. package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs +15 -18
  204. package/dist/esm/src/Tile/TileGrid/TileGrid.mjs +20 -23
  205. package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs +116 -119
  206. package/dist/esm/src/TimeField/TimeField.mjs +82 -88
  207. package/dist/esm/src/TimeField/subcomponents/TimeSegment/TimeSegment.mjs +21 -24
  208. package/dist/esm/src/TitleBlock/TitleBlock.mjs +152 -155
  209. package/dist/esm/src/TitleBlock/subcomponents/MainActions.mjs +126 -129
  210. package/dist/esm/src/TitleBlock/subcomponents/NavigationTabs.mjs +21 -24
  211. package/dist/esm/src/TitleBlock/subcomponents/SecondaryActions.mjs +94 -97
  212. package/dist/esm/src/TitleBlock/subcomponents/TitleBlockMenuItem.mjs +23 -26
  213. package/dist/esm/src/TitleBlock/subcomponents/Toolbar.mjs +21 -24
  214. package/dist/esm/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs +27 -30
  215. package/dist/esm/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs +36 -39
  216. package/dist/esm/src/Tooltip/OverlayArrow.mjs +4 -4
  217. package/dist/esm/src/Tooltip/Tooltip.mjs +34 -37
  218. package/dist/esm/src/Tooltip/TooltipTrigger.mjs +2 -2
  219. package/dist/esm/src/TooltipV1/Tooltip.mjs +85 -88
  220. package/dist/esm/src/TooltipV1/subcomponents/AppearanceAnim.mjs +4 -4
  221. package/dist/esm/src/TooltipV1/utils/isSemanticElement.mjs +2 -2
  222. package/dist/esm/src/VisuallyHidden/VisuallyHidden.mjs +10 -13
  223. package/dist/esm/src/Well/Well.mjs +21 -24
  224. package/dist/esm/src/Workflow/Workflow.mjs +36 -39
  225. package/dist/esm/src/Workflow/subcomponents/Footer/Footer.mjs +21 -24
  226. package/dist/esm/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs +11 -14
  227. package/dist/esm/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +48 -51
  228. package/dist/esm/src/Workflow/subcomponents/Footer/components/Root/Root.mjs +10 -13
  229. package/dist/esm/src/Workflow/subcomponents/Header/Header.mjs +18 -21
  230. package/dist/esm/src/Workflow/subcomponents/Header/components/Actions/Actions.mjs +13 -16
  231. package/dist/esm/src/Workflow/subcomponents/Header/components/Branding/Branding.mjs +14 -17
  232. package/dist/esm/src/Workflow/subcomponents/Header/components/Root/Root.mjs +10 -13
  233. package/dist/esm/src/Workflow/subcomponents/Header/components/Titles/Titles.mjs +26 -29
  234. package/dist/esm/src/Workflow/subcomponents/Main/Main.mjs +10 -13
  235. package/dist/esm/src/Workflow/subcomponents/Wrapper/Wrapper.mjs +10 -13
  236. package/dist/esm/src/__alpha__/SingleSelect/SingleSelect.mjs +21 -27
  237. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBox/ComboBox.mjs +10 -10
  238. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBoxTrigger/ComboBoxTrigger.mjs +10 -10
  239. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/List/List.mjs +4 -4
  240. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListItem/ListItem.mjs +10 -10
  241. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.mjs +8 -8
  242. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Popover/Popover.mjs +6 -6
  243. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Select/Select.mjs +10 -10
  244. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/SelectTrigger/SelectTrigger.mjs +6 -6
  245. package/dist/esm/src/__next__/Tag/RemovableTag/RemovableTag.mjs +16 -19
  246. package/dist/esm/src/__next__/Tag/RemovableTag/subcomponents/RemoveButton.mjs +18 -21
  247. package/dist/esm/src/__next__/Tag/Tag/Tag.mjs +15 -18
  248. package/dist/esm/src/utils/ReversedColors/ReversedColors.mjs +4 -4
  249. package/dist/esm/src/utils/getNodeText.mjs +2 -2
  250. package/dist/esm/src/utils/useExitingAnimation/useExitingAnimation.mjs +2 -2
  251. package/dist/esm/src/utils/useMediaQueries.mjs +12 -12
  252. package/dist/styles.css +15 -15
  253. package/dist/types/Icon/CustomIcons.d.ts +7 -0
  254. package/dist/types/index.d.ts +1 -0
  255. package/package.json +4 -2
  256. package/src/Icon/CustomIcons.ts +8 -0
  257. package/src/Icon/_docs/Icon--api-specification.mdx +20 -0
  258. package/src/Icon/_docs/Icon--usage-guidelines.mdx +9 -0
  259. package/src/Icon/_docs/IconsCustom.stories.tsx +24 -0
  260. package/src/index.ts +1 -0
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import { Base } from '../subcomponents/Base/Base.mjs';
4
4
  var SPOT_ILLUSTRATION_BASE_PATH = 'illustrations/heart/spot/';
5
5
  var createSpotIllustration = function (fileName) {
@@ -7,7 +7,7 @@ var createSpotIllustration = function (fileName) {
7
7
  return function (_a) {
8
8
  var enableAspectRatio = _a.enableAspectRatio,
9
9
  restProps = __rest(_a, ["enableAspectRatio"]);
10
- return /*#__PURE__*/React.createElement(Base, __assign({
10
+ return /*#__PURE__*/React__default.createElement(Base, __assign({
11
11
  aspectRatio: enableAspectRatio ? 'square' : undefined
12
12
  }, restProps, {
13
13
  name: "".concat(SPOT_ILLUSTRATION_BASE_PATH).concat(fileName)
@@ -1,30 +1,27 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { assetUrl } from '../../../utils/hostedAssets.mjs';
5
5
  import modules_46a3476b from './Base.module.scss.mjs';
6
- const Base = /*#__PURE__*/function () {
7
- const Base = function (_a) {
8
- var name = _a.name,
9
- _b = _a.alt,
10
- alt = _b === void 0 ? '' : _b,
11
- classNameOverride = _a.classNameOverride,
12
- aspectRatio = _a.aspectRatio,
13
- restProps = __rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);
14
- var className = classnames(modules_46a3476b.wrapper, classNameOverride);
15
- return aspectRatio ? (/*#__PURE__*/React.createElement("figure", {
16
- className: classnames(modules_46a3476b.aspectRatioWrapper, aspectRatio && modules_46a3476b[aspectRatio])
17
- }, /*#__PURE__*/React.createElement("img", __assign({}, restProps, {
18
- className: className,
19
- alt: alt,
20
- src: assetUrl(name)
21
- })))) : (/*#__PURE__*/React.createElement("img", __assign({}, restProps, {
22
- className: className,
23
- alt: alt,
24
- src: assetUrl(name)
25
- })));
26
- };
27
- Base.displayName = 'Base';
28
- return Base;
29
- }();
6
+ var Base = function (_a) {
7
+ var name = _a.name,
8
+ _b = _a.alt,
9
+ alt = _b === void 0 ? '' : _b,
10
+ classNameOverride = _a.classNameOverride,
11
+ aspectRatio = _a.aspectRatio,
12
+ restProps = __rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);
13
+ var className = classnames(modules_46a3476b.wrapper, classNameOverride);
14
+ return aspectRatio ? (/*#__PURE__*/React__default.createElement("figure", {
15
+ className: classnames(modules_46a3476b.aspectRatioWrapper, aspectRatio && modules_46a3476b[aspectRatio])
16
+ }, /*#__PURE__*/React__default.createElement("img", __assign({}, restProps, {
17
+ className: className,
18
+ alt: alt,
19
+ src: assetUrl(name)
20
+ })))) : (/*#__PURE__*/React__default.createElement("img", __assign({}, restProps, {
21
+ className: className,
22
+ alt: alt,
23
+ src: assetUrl(name)
24
+ })));
25
+ };
26
+ Base.displayName = 'Base';
30
27
  export { Base };
@@ -1,4 +1,4 @@
1
- import React, { useRef, useEffect } from 'react';
1
+ import React__default, { useRef, useEffect } from 'react';
2
2
  import classnames from 'classnames';
3
3
  import '../../../ButtonV1/Button/Button.mjs';
4
4
  import { IconButton } from '../../../ButtonV1/IconButton/IconButton.mjs';
@@ -16,13 +16,13 @@ var VideoPlayer = function (_a) {
16
16
  aspectRatio = _a.aspectRatio,
17
17
  onEnded = _a.onEnded;
18
18
  var videoRef = useRef(null);
19
- var _d = React.useState(true),
19
+ var _d = React__default.useState(true),
20
20
  prefersReducedMotion = _d[0],
21
21
  setPrefersReducedMotion = _d[1];
22
- var _e = React.useState(false),
22
+ var _e = React__default.useState(false),
23
23
  isWebmCompatible = _e[0],
24
24
  setIsWebmCompatible = _e[1];
25
- var _f = React.useState(false),
25
+ var _f = React__default.useState(false),
26
26
  windowIsAvailable = _f[0],
27
27
  setWindowIsAvailable = _f[1];
28
28
  useEffect(function () {
@@ -113,9 +113,9 @@ var VideoPlayer = function (_a) {
113
113
  if (windowIsAvailable) setIsWebmCompatible(canPlayWebm());
114
114
  }, [windowIsAvailable]);
115
115
  var pausePlay = usePausePlay(videoRef);
116
- return /*#__PURE__*/React.createElement("figure", {
116
+ return /*#__PURE__*/React__default.createElement("figure", {
117
117
  className: classnames(modules_46a3476b.figure, aspectRatio && modules_46a3476b[aspectRatio], aspectRatio && modules_46a3476b.aspectRatioWrapper)
118
- }, /*#__PURE__*/React.createElement("video", {
118
+ }, /*#__PURE__*/React__default.createElement("video", {
119
119
  muted: true,
120
120
  "aria-hidden": true,
121
121
  preload: "metadata",
@@ -128,13 +128,13 @@ var VideoPlayer = function (_a) {
128
128
  autoPlay: prefersReducedMotion ? false : autoplay,
129
129
  playsInline: true,
130
130
  tabIndex: -1
131
- }, isWebmCompatible && /*#__PURE__*/React.createElement("source", {
131
+ }, isWebmCompatible && /*#__PURE__*/React__default.createElement("source", {
132
132
  src: assetUrl("".concat(source, ".webm")),
133
133
  type: "video/webm"
134
- }), /*#__PURE__*/React.createElement("source", {
134
+ }), /*#__PURE__*/React__default.createElement("source", {
135
135
  src: assetUrl("".concat(source, ".mp4")),
136
136
  type: "video/mp4"
137
- })), /*#__PURE__*/React.createElement(IconButton, {
137
+ })), /*#__PURE__*/React__default.createElement(IconButton, {
138
138
  onClick: function () {
139
139
  return pausePlay.toggle();
140
140
  },
@@ -1,4 +1,4 @@
1
- import React, { useState } from 'react';
1
+ import React__default, { useState } from 'react';
2
2
  import { Icon } from '../../Icon/Icon.mjs';
3
3
  var usePausePlay = function (videoRef) {
4
4
  var _a = useState(false),
@@ -15,7 +15,7 @@ var usePausePlay = function (videoRef) {
15
15
  videoRef.current.pause();
16
16
  }
17
17
  },
18
- icon: /*#__PURE__*/React.createElement(Icon, {
18
+ icon: /*#__PURE__*/React__default.createElement(Icon, {
19
19
  name: isPaused ? 'play_circle' : 'pause',
20
20
  isPresentational: true,
21
21
  isFilled: true
@@ -1,39 +1,36 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import classnames from 'classnames';
4
4
  import modules_23691de0 from './Input.module.scss.mjs';
5
- const Input = /*#__PURE__*/function () {
6
- const Input = function (_a) {
7
- var inputRef = _a.inputRef,
8
- _b = _a.status,
9
- status = _b === void 0 ? 'default' : _b,
10
- startIconAdornment = _a.startIconAdornment,
11
- endIconAdornment = _a.endIconAdornment,
12
- _c = _a.reversed,
13
- reversed = _c === void 0 ? false : _c,
14
- _d = _a.type,
15
- type = _d === void 0 ? 'text' : _d,
16
- value = _a.value,
17
- defaultValue = _a.defaultValue,
18
- classNameOverride = _a.classNameOverride,
19
- disabled = _a.disabled,
20
- restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
21
- return /*#__PURE__*/React.createElement("div", {
22
- className: classnames(modules_23691de0.wrapper, reversed && modules_23691de0.withReversed, disabled && modules_23691de0.withDisabled, startIconAdornment && modules_23691de0.withStartIconAdornment, endIconAdornment && modules_23691de0.withEndIconAdornment, status != 'default' && modules_23691de0.hasStatus)
23
- }, startIconAdornment && /*#__PURE__*/React.createElement("div", {
24
- className: modules_23691de0.startIconAdornment
25
- }, startIconAdornment), /*#__PURE__*/React.createElement("input", __assign({
26
- ref: inputRef,
27
- type: type,
28
- value: value,
29
- defaultValue: defaultValue,
30
- disabled: disabled,
31
- className: classnames(modules_23691de0.input, modules_23691de0[status], classNameOverride, reversed ? modules_23691de0.reversed : modules_23691de0.default, disabled && modules_23691de0.disabled)
32
- }, restProps)), endIconAdornment && /*#__PURE__*/React.createElement("div", {
33
- className: modules_23691de0.endIconAdornment
34
- }, endIconAdornment));
35
- };
36
- Input.displayName = 'Input';
37
- return Input;
38
- }();
5
+ var Input = function (_a) {
6
+ var inputRef = _a.inputRef,
7
+ _b = _a.status,
8
+ status = _b === void 0 ? 'default' : _b,
9
+ startIconAdornment = _a.startIconAdornment,
10
+ endIconAdornment = _a.endIconAdornment,
11
+ _c = _a.reversed,
12
+ reversed = _c === void 0 ? false : _c,
13
+ _d = _a.type,
14
+ type = _d === void 0 ? 'text' : _d,
15
+ value = _a.value,
16
+ defaultValue = _a.defaultValue,
17
+ classNameOverride = _a.classNameOverride,
18
+ disabled = _a.disabled,
19
+ restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
20
+ return /*#__PURE__*/React__default.createElement("div", {
21
+ className: classnames(modules_23691de0.wrapper, reversed && modules_23691de0.withReversed, disabled && modules_23691de0.withDisabled, startIconAdornment && modules_23691de0.withStartIconAdornment, endIconAdornment && modules_23691de0.withEndIconAdornment, status != 'default' && modules_23691de0.hasStatus)
22
+ }, startIconAdornment && /*#__PURE__*/React__default.createElement("div", {
23
+ className: modules_23691de0.startIconAdornment
24
+ }, startIconAdornment), /*#__PURE__*/React__default.createElement("input", __assign({
25
+ ref: inputRef,
26
+ type: type,
27
+ value: value,
28
+ defaultValue: defaultValue,
29
+ disabled: disabled,
30
+ className: classnames(modules_23691de0.input, modules_23691de0[status], classNameOverride, reversed ? modules_23691de0.reversed : modules_23691de0.default, disabled && modules_23691de0.disabled)
31
+ }, restProps)), endIconAdornment && /*#__PURE__*/React__default.createElement("div", {
32
+ className: modules_23691de0.endIconAdornment
33
+ }, endIconAdornment));
34
+ };
35
+ Input.displayName = 'Input';
39
36
  export { Input };
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign, __spreadArray } from 'tslib';
2
- import React, { useState } from 'react';
2
+ import React__default, { useState } from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { Text } from '../../Text/Text.mjs';
5
5
  import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
@@ -8,75 +8,72 @@ import modules_54a56e3e from './InputRange.module.scss.mjs';
8
8
  /**
9
9
  * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
10
10
  */
11
- const InputRange = /*#__PURE__*/function () {
12
- const InputRange = function (_a) {
13
- var id = _a.id,
14
- defaultValue = _a.defaultValue,
15
- value = _a.value,
16
- minLabel = _a.minLabel,
17
- maxLabel = _a.maxLabel,
18
- _b = _a.min,
19
- min = _b === void 0 ? 1 : _b,
20
- _c = _a.max,
21
- max = _c === void 0 ? 10 : _c,
22
- onChange = _a.onChange,
23
- ariaDescribedby = _a["aria-describedby"],
24
- classNameOverride = _a.classNameOverride,
25
- disabled = _a.disabled,
26
- readOnly = _a.readOnly,
27
- restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", 'aria-describedby', "classNameOverride", "disabled", "readOnly"]);
28
- var _d = useState(0.5),
29
- step = _d[0],
30
- setStep = _d[1]; // Let the dot center between the notch initially
31
- var visuallyHiddenHintId = "".concat(id, "-helper");
32
- var readOnlyWithNoValue = readOnly && !value && !defaultValue;
33
- // This has been split out into a different variable to allow usage of defaultValue above^
34
- // Plus it lets us use max from props with its default value
35
- var defaultValueWithDefault = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (max + 1) / 2;
36
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", __assign({
37
- id: id,
38
- className: classnames(modules_54a56e3e.ratingScaleRange, classNameOverride, readOnlyWithNoValue && modules_54a56e3e.hideThumb, disabled && modules_54a56e3e.disabled),
39
- disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly,
40
- type: "range",
41
- min: min,
42
- max: max,
43
- step: step,
44
- defaultValue: value ? undefined : defaultValueWithDefault,
45
- value: value,
46
- "aria-valuenow": value,
47
- "aria-valuemin": min,
48
- "aria-valuemax": max,
49
- "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby !== null && ariaDescribedby !== void 0 ? ariaDescribedby : ''),
50
- onChange: function (e) {
51
- setStep(1); // Put the stepper to 1 to avoid floating value
52
- onChange === null || onChange === void 0 ? void 0 : onChange(e);
53
- }
54
- }, restProps)), /*#__PURE__*/React.createElement("div", {
55
- className: classnames(modules_54a56e3e.spokes, disabled && modules_54a56e3e.disabled)
56
- }, __spreadArray([], Array(max), true).map(function (_, index) {
57
- return /*#__PURE__*/React.createElement("div", {
58
- key: "".concat(id, "-spoke-").concat(index),
59
- className: modules_54a56e3e.spokeContainer
60
- }, /*#__PURE__*/React.createElement("div", {
61
- className: modules_54a56e3e.spoke
62
- }));
63
- })), /*#__PURE__*/React.createElement(VisuallyHidden, {
64
- id: visuallyHiddenHintId
65
- }, min, " is ", minLabel, ", ", max, " is ", maxLabel), /*#__PURE__*/React.createElement("div", {
66
- className: modules_54a56e3e.labelsContainer
67
- }, !readOnlyWithNoValue && (/*#__PURE__*/React.createElement("div", {
68
- className: classnames(modules_54a56e3e.sliderLabels, disabled && modules_54a56e3e.disabled)
69
- }, /*#__PURE__*/React.createElement(Text, {
70
- variant: "small",
71
- color: "dark-reduced-opacity",
72
- tag: "span"
73
- }, minLabel), /*#__PURE__*/React.createElement(Text, {
74
- variant: "small",
75
- color: "dark-reduced-opacity",
76
- tag: "span"
77
- }, maxLabel)))));
78
- };
79
- InputRange.displayName = 'InputRange';
80
- return InputRange;
81
- }();
11
+ var InputRange = function (_a) {
12
+ var id = _a.id,
13
+ defaultValue = _a.defaultValue,
14
+ value = _a.value,
15
+ minLabel = _a.minLabel,
16
+ maxLabel = _a.maxLabel,
17
+ _b = _a.min,
18
+ min = _b === void 0 ? 1 : _b,
19
+ _c = _a.max,
20
+ max = _c === void 0 ? 10 : _c,
21
+ onChange = _a.onChange,
22
+ ariaDescribedby = _a["aria-describedby"],
23
+ classNameOverride = _a.classNameOverride,
24
+ disabled = _a.disabled,
25
+ readOnly = _a.readOnly,
26
+ restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", 'aria-describedby', "classNameOverride", "disabled", "readOnly"]);
27
+ var _d = useState(0.5),
28
+ step = _d[0],
29
+ setStep = _d[1]; // Let the dot center between the notch initially
30
+ var visuallyHiddenHintId = "".concat(id, "-helper");
31
+ var readOnlyWithNoValue = readOnly && !value && !defaultValue;
32
+ // This has been split out into a different variable to allow usage of defaultValue above^
33
+ // Plus it lets us use max from props with its default value
34
+ var defaultValueWithDefault = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (max + 1) / 2;
35
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", __assign({
36
+ id: id,
37
+ className: classnames(modules_54a56e3e.ratingScaleRange, classNameOverride, readOnlyWithNoValue && modules_54a56e3e.hideThumb, disabled && modules_54a56e3e.disabled),
38
+ disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly,
39
+ type: "range",
40
+ min: min,
41
+ max: max,
42
+ step: step,
43
+ defaultValue: value ? undefined : defaultValueWithDefault,
44
+ value: value,
45
+ "aria-valuenow": value,
46
+ "aria-valuemin": min,
47
+ "aria-valuemax": max,
48
+ "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby !== null && ariaDescribedby !== void 0 ? ariaDescribedby : ''),
49
+ onChange: function (e) {
50
+ setStep(1); // Put the stepper to 1 to avoid floating value
51
+ onChange === null || onChange === void 0 ? void 0 : onChange(e);
52
+ }
53
+ }, restProps)), /*#__PURE__*/React__default.createElement("div", {
54
+ className: classnames(modules_54a56e3e.spokes, disabled && modules_54a56e3e.disabled)
55
+ }, __spreadArray([], Array(max), true).map(function (_, index) {
56
+ return /*#__PURE__*/React__default.createElement("div", {
57
+ key: "".concat(id, "-spoke-").concat(index),
58
+ className: modules_54a56e3e.spokeContainer
59
+ }, /*#__PURE__*/React__default.createElement("div", {
60
+ className: modules_54a56e3e.spoke
61
+ }));
62
+ })), /*#__PURE__*/React__default.createElement(VisuallyHidden, {
63
+ id: visuallyHiddenHintId
64
+ }, min, " is ", minLabel, ", ", max, " is ", maxLabel), /*#__PURE__*/React__default.createElement("div", {
65
+ className: modules_54a56e3e.labelsContainer
66
+ }, !readOnlyWithNoValue && (/*#__PURE__*/React__default.createElement("div", {
67
+ className: classnames(modules_54a56e3e.sliderLabels, disabled && modules_54a56e3e.disabled)
68
+ }, /*#__PURE__*/React__default.createElement(Text, {
69
+ variant: "small",
70
+ color: "dark-reduced-opacity",
71
+ tag: "span"
72
+ }, minLabel), /*#__PURE__*/React__default.createElement(Text, {
73
+ variant: "small",
74
+ color: "dark-reduced-opacity",
75
+ tag: "span"
76
+ }, maxLabel)))));
77
+ };
78
+ InputRange.displayName = 'InputRange';
82
79
  export { InputRange };
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React, { useRef } from 'react';
2
+ import React__default, { useRef } from 'react';
3
3
  import { useIntl } from '@cultureamp/i18n-react-intl';
4
4
  import classnames from 'classnames';
5
5
  import { ClearButton } from '../../ClearButton/ClearButton.mjs';
@@ -10,60 +10,57 @@ import '../../Loading/LoadingInput/LoadingInput.mjs';
10
10
  import '../../Loading/LoadingParagraph/LoadingParagraph.mjs';
11
11
  import { LoadingSpinner } from '../../Loading/LoadingSpinner/LoadingSpinner.mjs';
12
12
  import modules_eb1098a7 from './InputSearch.module.scss.mjs';
13
- const InputSearch = /*#__PURE__*/function () {
14
- const InputSearch = function (props) {
15
- var value = props.value,
16
- onChange = props.onChange,
17
- onClear = props.onClear,
18
- classNameOverride = props.classNameOverride,
19
- disabled = props.disabled,
20
- _a = props.reversed,
21
- reversed = _a === void 0 ? false : _a,
22
- _b = props.loading,
23
- loading = _b === void 0 ? false : _b,
24
- _c = props.secondary,
25
- secondary = _c === void 0 ? false : _c,
26
- restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
27
- var formatMessage = useIntl().formatMessage;
28
- var inputRef = useRef(null);
29
- var handleOnClear = function () {
30
- var _a;
31
- (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
32
- onClear === null || onClear === void 0 ? void 0 : onClear();
33
- };
34
- var clearButtonLabel = formatMessage({
35
- id: 'inputSearch.clear',
36
- defaultMessage: 'Clear search',
37
- description: 'Label for the clear search button'
38
- });
39
- return /*#__PURE__*/React.createElement("div", {
40
- className: classnames(modules_eb1098a7.wrapper, secondary ? modules_eb1098a7.secondary : modules_eb1098a7.default, reversed && modules_eb1098a7.reversed, disabled && modules_eb1098a7.disabled, value && modules_eb1098a7.hasEndIconAdornment, classNameOverride)
41
- }, /*#__PURE__*/React.createElement("div", {
42
- className: modules_eb1098a7.startIconAdornment
43
- }, loading ? (/*#__PURE__*/React.createElement(LoadingSpinner, {
44
- accessibilityLabel: "",
45
- size: "sm",
46
- classNameOverride: modules_eb1098a7.loadingSpinner
47
- })) : (/*#__PURE__*/React.createElement(Icon, {
48
- name: "search",
49
- isPresentational: true
50
- }))), /*#__PURE__*/React.createElement("input", __assign({
51
- ref: inputRef,
52
- type: "search",
53
- className: modules_eb1098a7.input,
54
- disabled: disabled,
55
- value: value,
56
- onChange: onChange,
57
- readOnly: onChange === undefined
58
- }, restProps)), value && (/*#__PURE__*/React.createElement(ClearButton, {
59
- isReversed: reversed,
60
- onClick: handleOnClear,
61
- disabled: disabled,
62
- classNameOverride: modules_eb1098a7.endIconAdornment,
63
- "aria-label": clearButtonLabel
64
- })));
13
+ var InputSearch = function (props) {
14
+ var value = props.value,
15
+ onChange = props.onChange,
16
+ onClear = props.onClear,
17
+ classNameOverride = props.classNameOverride,
18
+ disabled = props.disabled,
19
+ _a = props.reversed,
20
+ reversed = _a === void 0 ? false : _a,
21
+ _b = props.loading,
22
+ loading = _b === void 0 ? false : _b,
23
+ _c = props.secondary,
24
+ secondary = _c === void 0 ? false : _c,
25
+ restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
26
+ var formatMessage = useIntl().formatMessage;
27
+ var inputRef = useRef(null);
28
+ var handleOnClear = function () {
29
+ var _a;
30
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
31
+ onClear === null || onClear === void 0 ? void 0 : onClear();
65
32
  };
66
- InputSearch.displayName = 'InputSearch';
67
- return InputSearch;
68
- }();
33
+ var clearButtonLabel = formatMessage({
34
+ id: 'inputSearch.clear',
35
+ defaultMessage: 'Clear search',
36
+ description: 'Label for the clear search button'
37
+ });
38
+ return /*#__PURE__*/React__default.createElement("div", {
39
+ className: classnames(modules_eb1098a7.wrapper, secondary ? modules_eb1098a7.secondary : modules_eb1098a7.default, reversed && modules_eb1098a7.reversed, disabled && modules_eb1098a7.disabled, value && modules_eb1098a7.hasEndIconAdornment, classNameOverride)
40
+ }, /*#__PURE__*/React__default.createElement("div", {
41
+ className: modules_eb1098a7.startIconAdornment
42
+ }, loading ? (/*#__PURE__*/React__default.createElement(LoadingSpinner, {
43
+ accessibilityLabel: "",
44
+ size: "sm",
45
+ classNameOverride: modules_eb1098a7.loadingSpinner
46
+ })) : (/*#__PURE__*/React__default.createElement(Icon, {
47
+ name: "search",
48
+ isPresentational: true
49
+ }))), /*#__PURE__*/React__default.createElement("input", __assign({
50
+ ref: inputRef,
51
+ type: "search",
52
+ className: modules_eb1098a7.input,
53
+ disabled: disabled,
54
+ value: value,
55
+ onChange: onChange,
56
+ readOnly: onChange === undefined
57
+ }, restProps)), value && (/*#__PURE__*/React__default.createElement(ClearButton, {
58
+ isReversed: reversed,
59
+ onClick: handleOnClear,
60
+ disabled: disabled,
61
+ classNameOverride: modules_eb1098a7.endIconAdornment,
62
+ "aria-label": clearButtonLabel
63
+ })));
64
+ };
65
+ InputSearch.displayName = 'InputSearch';
69
66
  export { InputSearch };
@@ -1,4 +1,4 @@
1
- import React, { useState, useEffect } from 'react';
1
+ import React__default, { useState, useEffect } from 'react';
2
2
  import '../Notification/InlineNotification/InlineNotification.mjs';
3
3
  import '../Notification/GlobalNotification/GlobalNotification.mjs';
4
4
  import '../Notification/ToastNotification/ToastNotification/ToastNotification.mjs';
@@ -6,26 +6,23 @@ import { ToastNotificationsList } from '../Notification/ToastNotification/ToastN
6
6
  import { ToastNotificationProvider } from '../Notification/ToastNotification/context/ToastNotificationContext.mjs';
7
7
  import { FontDefinitions } from './subcomponents/FontDefinitions/FontDefinitions.mjs';
8
8
  import { OptionalIntlProvider } from './subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs';
9
- const KaizenProvider = /*#__PURE__*/function () {
10
- const KaizenProvider = function (_a) {
11
- var children = _a.children,
12
- _b = _a.locale,
13
- locale = _b === void 0 ? 'en' : _b;
14
- var _c = useState(false),
15
- documentIsAvailable = _c[0],
16
- setDocumentIsAvailable = _c[1];
17
- useEffect(function () {
18
- // SSR does not have a document, which is required for ToastNotificationsList.
19
- // Await document render before rendering the component.
20
- if (document !== undefined) {
21
- setDocumentIsAvailable(true);
22
- }
23
- }, []);
24
- return /*#__PURE__*/React.createElement(OptionalIntlProvider, {
25
- locale: locale
26
- }, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, documentIsAvailable && /*#__PURE__*/React.createElement(ToastNotificationsList, null), children), /*#__PURE__*/React.createElement(FontDefinitions, null));
27
- };
28
- KaizenProvider.displayName = 'KaizenProvider';
29
- return KaizenProvider;
30
- }();
9
+ var KaizenProvider = function (_a) {
10
+ var children = _a.children,
11
+ _b = _a.locale,
12
+ locale = _b === void 0 ? 'en' : _b;
13
+ var _c = useState(false),
14
+ documentIsAvailable = _c[0],
15
+ setDocumentIsAvailable = _c[1];
16
+ useEffect(function () {
17
+ // SSR does not have a document, which is required for ToastNotificationsList.
18
+ // Await document render before rendering the component.
19
+ if (document !== undefined) {
20
+ setDocumentIsAvailable(true);
21
+ }
22
+ }, []);
23
+ return /*#__PURE__*/React__default.createElement(OptionalIntlProvider, {
24
+ locale: locale
25
+ }, /*#__PURE__*/React__default.createElement(ToastNotificationProvider, null, documentIsAvailable && /*#__PURE__*/React__default.createElement(ToastNotificationsList, null), children), /*#__PURE__*/React__default.createElement(FontDefinitions, null));
26
+ };
27
+ KaizenProvider.displayName = 'KaizenProvider';
31
28
  export { KaizenProvider };
@@ -1,30 +1,30 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
  var FontDefinitions = function () {
3
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("link", {
3
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("link", {
4
4
  rel: "preload",
5
5
  href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
6
6
  as: "font",
7
7
  type: "font/woff2",
8
8
  crossOrigin: "anonymous"
9
- }), /*#__PURE__*/React.createElement("link", {
9
+ }), /*#__PURE__*/React__default.createElement("link", {
10
10
  rel: "preload",
11
11
  href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
12
12
  as: "font",
13
13
  type: "font/woff2",
14
14
  crossOrigin: "anonymous"
15
- }), /*#__PURE__*/React.createElement("link", {
15
+ }), /*#__PURE__*/React__default.createElement("link", {
16
16
  rel: "preload",
17
17
  href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
18
18
  as: "font",
19
19
  type: "font/woff2",
20
20
  crossOrigin: "anonymous"
21
- }), /*#__PURE__*/React.createElement("link", {
21
+ }), /*#__PURE__*/React__default.createElement("link", {
22
22
  rel: "preload",
23
23
  href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
24
24
  as: "font",
25
25
  type: "font/woff2",
26
26
  crossOrigin: "anonymous"
27
- }), /*#__PURE__*/React.createElement("link", {
27
+ }), /*#__PURE__*/React__default.createElement("link", {
28
28
  rel: "preload",
29
29
  href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",
30
30
  as: "font",
@@ -1,26 +1,23 @@
1
- import React, { useContext } from 'react';
1
+ import React__default, { useContext } from 'react';
2
2
  import { StaticIntlProvider } from '@cultureamp/i18n-react-intl';
3
3
  import { I18nProvider } from 'react-aria';
4
4
  import { IntlContext } from 'react-intl';
5
- const OptionalIntlProvider = /*#__PURE__*/function () {
6
- const OptionalIntlProvider = function (_a) {
7
- var locale = _a.locale,
8
- children = _a.children;
9
- var parent = useContext(IntlContext);
10
- if (parent) {
11
- // we always wrap with react-aria provider as we have no way checking if parent is wrapped (useLocale returns default value if not)
12
- // but it's not a big deal as we'll consume the defined locale anyways so no effect on children
13
- return /*#__PURE__*/React.createElement(I18nProvider, {
14
- locale: parent.locale
15
- }, children);
16
- }
17
- return /*#__PURE__*/React.createElement(StaticIntlProvider, {
18
- locale: locale
19
- }, /*#__PURE__*/React.createElement(I18nProvider, {
20
- locale: locale
21
- }, children));
22
- };
23
- OptionalIntlProvider.displayName = 'OptionalIntlProvider';
24
- return OptionalIntlProvider;
25
- }();
5
+ var OptionalIntlProvider = function (_a) {
6
+ var locale = _a.locale,
7
+ children = _a.children;
8
+ var parent = useContext(IntlContext);
9
+ if (parent) {
10
+ // we always wrap with react-aria provider as we have no way checking if parent is wrapped (useLocale returns default value if not)
11
+ // but it's not a big deal as we'll consume the defined locale anyways so no effect on children
12
+ return /*#__PURE__*/React__default.createElement(I18nProvider, {
13
+ locale: parent.locale
14
+ }, children);
15
+ }
16
+ return /*#__PURE__*/React__default.createElement(StaticIntlProvider, {
17
+ locale: locale
18
+ }, /*#__PURE__*/React__default.createElement(I18nProvider, {
19
+ locale: locale
20
+ }, children));
21
+ };
22
+ OptionalIntlProvider.displayName = 'OptionalIntlProvider';
26
23
  export { OptionalIntlProvider };