@vibe/core 4.5.19 → 4.5.21

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 (525) hide show
  1. package/dist/base/dist/BaseInput/BaseInput.module.scss.js +1 -1
  2. package/dist/components/a11y/dist/HiddenText/HiddenText.module.scss.js +1 -1
  3. package/dist/components/accordion/dist/Accordion/Accordion.module.scss.js +1 -1
  4. package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +1 -1
  5. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  6. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  7. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  8. package/dist/components/attention-box/dist/AttentionBox/AttentionBox.module.scss.js +1 -1
  9. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  10. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  11. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  12. package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  13. package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  14. package/dist/components/avatar/dist/Avatar/Avatar.module.scss.js +1 -1
  15. package/dist/components/avatar/dist/Avatar/AvatarBadge.module.scss.js +1 -1
  16. package/dist/components/avatar/dist/Avatar/AvatarContent.module.scss.js +1 -1
  17. package/dist/components/badge/dist/Badge/Badge.module.scss.js +1 -1
  18. package/dist/components/badge/dist/Badge/Indicator/Indicator.module.scss.js +1 -1
  19. package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
  20. package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  21. package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +1 -1
  22. package/dist/components/chips/dist/Chips/Chips.module.scss.js +1 -1
  23. package/dist/components/clickable/dist/Clickable/Clickable.module.scss.js +1 -1
  24. package/dist/components/color-picker/dist/ColorPicker/ColorPicker.module.scss.js +1 -1
  25. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  26. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  27. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  28. package/dist/components/counter/dist/Counter/Counter.module.scss.js +1 -1
  29. package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
  30. package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
  31. package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  32. package/dist/components/divider/dist/Divider/Divider.module.scss.js +1 -1
  33. package/dist/components/editable/dist/EditableHeading/EditableHeading.module.scss.js +1 -1
  34. package/dist/components/editable/dist/EditableText/EditableText.module.scss.js +1 -1
  35. package/dist/components/editable/dist/EditableTypography/EditableTypography.module.scss.js +1 -1
  36. package/dist/components/empty-state/dist/EmptyState/EmptyState.js +2 -0
  37. package/dist/components/empty-state/dist/EmptyState/EmptyState.js.map +1 -0
  38. package/dist/components/empty-state/dist/EmptyState/EmptyState.module.scss.js +2 -0
  39. package/dist/components/empty-state/dist/_virtual/_tslib.js +2 -0
  40. package/dist/components/empty-state/dist/_virtual/_tslib.js.map +1 -0
  41. package/dist/components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  42. package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  43. package/dist/components/icon/dist/Icon/Icon.module.scss.js +1 -1
  44. package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
  45. package/dist/components/index.d.ts +4 -6
  46. package/dist/components/info/dist/Info/Info.js +2 -0
  47. package/dist/components/info/dist/Info/Info.js.map +1 -0
  48. package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.js +2 -0
  49. package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.js.map +1 -0
  50. package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +2 -0
  51. package/dist/components/info/dist/Info/components/InfoLink/InfoLink.js +2 -0
  52. package/dist/components/info/dist/Info/components/InfoLink/InfoLink.js.map +1 -0
  53. package/dist/components/info/dist/Info/components/InfoLink/InfoLink.module.scss.js +2 -0
  54. package/dist/components/info/dist/_virtual/_tslib.js +2 -0
  55. package/dist/components/info/dist/_virtual/_tslib.js.map +1 -0
  56. package/dist/components/label/dist/Label/Label.module.scss.js +1 -1
  57. package/dist/components/label/dist/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  58. package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
  59. package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
  60. package/dist/components/link/dist/Link/Link.module.scss.js +1 -1
  61. package/dist/components/loader/dist/Loader/Loader.module.scss.js +1 -1
  62. package/dist/components/progress-bars/dist/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  63. package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
  64. package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
  65. package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js +1 -1
  66. package/dist/components/skeleton/dist/Skeleton/Skeleton.module.scss.js +1 -1
  67. package/dist/components/tabs/dist/Tab/Tab.module.scss.js +1 -1
  68. package/dist/components/tabs/dist/TabList/TabList.module.scss.js +1 -1
  69. package/dist/components/tabs/dist/TabPanel/TabPanel.module.scss.js +1 -1
  70. package/dist/components/tabs/dist/TabPanels/TabPanels.module.scss.js +1 -1
  71. package/dist/components/text-inputs/dist/FieldLabel/FieldLabel.js +2 -0
  72. package/dist/components/text-inputs/dist/FieldLabel/FieldLabel.js.map +1 -0
  73. package/dist/components/text-inputs/dist/FieldLabel/FieldLabel.module.scss.js +2 -0
  74. package/dist/components/text-inputs/dist/InfoText/InfoText.js +2 -0
  75. package/dist/components/text-inputs/dist/InfoText/InfoText.js.map +1 -0
  76. package/dist/components/text-inputs/dist/InfoText/InfoText.module.scss.js +2 -0
  77. package/dist/components/text-inputs/dist/NumberField/NumberField.js +2 -0
  78. package/dist/components/text-inputs/dist/NumberField/NumberField.js.map +1 -0
  79. package/dist/components/text-inputs/dist/NumberField/NumberField.module.scss.js +2 -0
  80. package/dist/components/text-inputs/dist/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js +2 -0
  81. package/dist/components/text-inputs/dist/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js.map +1 -0
  82. package/dist/components/text-inputs/dist/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +2 -0
  83. package/dist/components/text-inputs/dist/NumberField/hooks/useNumberFieldState.js +2 -0
  84. package/dist/components/text-inputs/dist/NumberField/hooks/useNumberFieldState.js.map +1 -0
  85. package/dist/components/text-inputs/dist/NumberField/hooks/useSpinButtonHandlers.js +2 -0
  86. package/dist/components/text-inputs/dist/NumberField/hooks/useSpinButtonHandlers.js.map +1 -0
  87. package/dist/components/text-inputs/dist/NumberField/utils/calcValue.js +2 -0
  88. package/dist/components/text-inputs/dist/NumberField/utils/calcValue.js.map +1 -0
  89. package/dist/components/text-inputs/dist/TextArea/TextArea.js +2 -0
  90. package/dist/components/text-inputs/dist/TextArea/TextArea.js.map +1 -0
  91. package/dist/components/text-inputs/dist/TextArea/TextArea.module.scss.js +2 -0
  92. package/dist/components/text-inputs/dist/TextField/TextField.js +2 -0
  93. package/dist/components/text-inputs/dist/TextField/TextField.js.map +1 -0
  94. package/dist/components/text-inputs/dist/TextField/TextField.module.scss.js +2 -0
  95. package/dist/components/text-inputs/dist/TextField/TextFieldConstants.js +2 -0
  96. package/dist/components/text-inputs/dist/TextField/TextFieldConstants.js.map +1 -0
  97. package/dist/components/text-inputs/dist/_virtual/_tslib.js +2 -0
  98. package/dist/components/text-inputs/dist/_virtual/_tslib.js.map +1 -0
  99. package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  100. package/dist/components/toast/dist/Toast/Toast.js +2 -0
  101. package/dist/components/toast/dist/Toast/Toast.js.map +1 -0
  102. package/dist/components/toast/dist/Toast/Toast.module.scss.js +2 -0
  103. package/dist/components/toast/dist/Toast/ToastButton/ToastButton.js +2 -0
  104. package/dist/components/toast/dist/Toast/ToastButton/ToastButton.js.map +1 -0
  105. package/dist/components/toast/dist/Toast/ToastConstants.js +2 -0
  106. package/dist/components/toast/dist/Toast/ToastConstants.js.map +1 -0
  107. package/dist/components/toast/dist/Toast/ToastHelpers.js +2 -0
  108. package/dist/components/toast/dist/Toast/ToastHelpers.js.map +1 -0
  109. package/dist/components/toast/dist/Toast/ToastLink/ToastLink.js +2 -0
  110. package/dist/components/toast/dist/Toast/ToastLink/ToastLink.js.map +1 -0
  111. package/dist/components/toast/dist/Toast/ToastLink/ToastLink.module.scss.js +2 -0
  112. package/dist/components/toast/dist/_virtual/_tslib.js +2 -0
  113. package/dist/components/toast/dist/_virtual/_tslib.js.map +1 -0
  114. package/dist/components/toggle/dist/Switch/Switch.module.scss.js +1 -1
  115. package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +1 -1
  116. package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +1 -1
  117. package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +1 -1
  118. package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
  119. package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +1 -1
  120. package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +1 -1
  121. package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
  122. package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
  123. package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
  124. package/dist/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  125. package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  126. package/dist/{mocked_classnames/src/hooks → hooks/dist}/useDebounceEvent/index.js +1 -1
  127. package/dist/hooks/dist/useDebounceEvent/index.js.map +1 -0
  128. package/dist/hooks/index.d.ts +1 -2
  129. package/dist/metadata/components.json +2934 -2789
  130. package/dist/metadata.json +2934 -2789
  131. package/dist/mocked_classnames/components/index.d.ts +4 -6
  132. package/dist/mocked_classnames/hooks/index.d.ts +1 -2
  133. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  134. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  135. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  136. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  137. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  138. package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
  139. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  140. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  141. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  142. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  143. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  144. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  145. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  146. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  147. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  148. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  149. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  150. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  151. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.js +1 -1
  152. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map +1 -1
  153. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  154. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  155. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  156. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  157. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  158. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  159. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  160. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  161. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  162. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  163. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  164. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  165. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  166. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  167. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  168. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  169. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  170. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  171. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  172. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  173. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  174. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  175. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  176. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  177. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  178. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  179. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  180. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  181. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  182. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  183. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  184. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  185. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  186. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  187. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  188. package/dist/mocked_classnames/src/components/Search/Search.js +1 -1
  189. package/dist/mocked_classnames/src/components/Search/Search.js.map +1 -1
  190. package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
  191. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js +1 -1
  192. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js.map +1 -1
  193. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  194. package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
  195. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  196. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  197. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  198. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  199. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  200. package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
  201. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  202. package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
  203. package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
  204. package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
  205. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  206. package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
  207. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  208. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  209. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  210. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  211. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  212. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  213. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  214. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  215. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  216. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  217. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  218. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  219. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  220. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  221. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  222. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  223. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  224. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
  225. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  226. package/dist/mocked_classnames/src/index.js +1 -1
  227. package/dist/shared/dist/tests/constants.js +1 -1
  228. package/dist/shared/dist/tests/constants.js.map +1 -1
  229. package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  230. package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  231. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  232. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  233. package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  234. package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
  235. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  236. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  237. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  238. package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  239. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  240. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  241. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  242. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  243. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  244. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  245. package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  246. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  247. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js +1 -1
  248. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map +1 -1
  249. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  250. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  251. package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  252. package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  253. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  254. package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  255. package/dist/src/components/List/List.module.scss.js +1 -1
  256. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  257. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  258. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  259. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  260. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  261. package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  262. package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  263. package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  264. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  265. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  266. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  267. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  268. package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  269. package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  270. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  271. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  272. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  273. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  274. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  275. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  276. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  277. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  278. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  279. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  280. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  281. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  282. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  283. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  284. package/dist/src/components/Search/Search.js +1 -1
  285. package/dist/src/components/Search/Search.js.map +1 -1
  286. package/dist/src/components/Search/Search.module.scss.js +1 -1
  287. package/dist/src/components/Slider/SelectionIndicator.js +1 -1
  288. package/dist/src/components/Slider/SelectionIndicator.js.map +1 -1
  289. package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  290. package/dist/src/components/Slider/Slider.module.scss.js +1 -1
  291. package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  292. package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  293. package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  294. package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  295. package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  296. package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
  297. package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  298. package/dist/src/components/Steps/Steps.module.scss.js +1 -1
  299. package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
  300. package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
  301. package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  302. package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
  303. package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  304. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  305. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  306. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  307. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  308. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  309. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  310. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  311. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  312. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  313. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  314. package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  315. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  316. package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  317. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  318. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  319. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  320. package/dist/src/components/next/List/List.module.scss.js +1 -1
  321. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  322. package/dist/src/index.js +1 -1
  323. package/dist/style/dist/index.min.css.js +1 -1
  324. package/package.json +46 -42
  325. package/dist/components/EmptyState/EmptyState.d.ts +0 -4
  326. package/dist/components/EmptyState/EmptyState.types.d.ts +0 -27
  327. package/dist/components/EmptyState/index.d.ts +0 -2
  328. package/dist/components/FieldLabel/FieldLabel.d.ts +0 -34
  329. package/dist/components/FieldLabel/index.d.ts +0 -1
  330. package/dist/components/Info/Info.d.ts +0 -4
  331. package/dist/components/Info/Info.types.d.ts +0 -60
  332. package/dist/components/Info/components/InfoDialogContent/InfoDialogContent.d.ts +0 -4
  333. package/dist/components/Info/components/InfoDialogContent/InfoDialogContent.types.d.ts +0 -16
  334. package/dist/components/Info/components/InfoLink/InfoLink.d.ts +0 -5
  335. package/dist/components/Info/components/index.d.ts +0 -3
  336. package/dist/components/Info/index.d.ts +0 -2
  337. package/dist/components/InfoText/InfoText.d.ts +0 -4
  338. package/dist/components/InfoText/InfoText.types.d.ts +0 -26
  339. package/dist/components/InfoText/index.d.ts +0 -2
  340. package/dist/components/NumberField/NumberField.d.ts +0 -4
  341. package/dist/components/NumberField/NumberField.types.d.ts +0 -80
  342. package/dist/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.d.ts +0 -4
  343. package/dist/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.types.d.ts +0 -9
  344. package/dist/components/NumberField/hooks/useNumberFieldState.d.ts +0 -11
  345. package/dist/components/NumberField/hooks/useSpinButtonHandlers.d.ts +0 -9
  346. package/dist/components/NumberField/index.d.ts +0 -2
  347. package/dist/components/NumberField/utils/calcValue.d.ts +0 -6
  348. package/dist/components/TextArea/TextArea.d.ts +0 -4
  349. package/dist/components/TextArea/TextArea.types.d.ts +0 -67
  350. package/dist/components/TextArea/index.d.ts +0 -2
  351. package/dist/components/TextField/TextField.d.ts +0 -186
  352. package/dist/components/TextField/TextField.types.d.ts +0 -3
  353. package/dist/components/TextField/TextFieldConstants.d.ts +0 -21
  354. package/dist/components/TextField/index.d.ts +0 -2
  355. package/dist/components/Toast/Toast.d.ts +0 -57
  356. package/dist/components/Toast/Toast.types.d.ts +0 -9
  357. package/dist/components/Toast/ToastButton/ToastButton.d.ts +0 -5
  358. package/dist/components/Toast/ToastConstants.d.ts +0 -7
  359. package/dist/components/Toast/ToastHelpers.d.ts +0 -4
  360. package/dist/components/Toast/ToastLink/ToastLink.d.ts +0 -5
  361. package/dist/components/Toast/index.d.ts +0 -4
  362. package/dist/hooks/useDebounceEvent/index.d.ts +0 -18
  363. package/dist/mocked_classnames/components/EmptyState/EmptyState.d.ts +0 -4
  364. package/dist/mocked_classnames/components/EmptyState/EmptyState.types.d.ts +0 -27
  365. package/dist/mocked_classnames/components/EmptyState/index.d.ts +0 -2
  366. package/dist/mocked_classnames/components/FieldLabel/FieldLabel.d.ts +0 -34
  367. package/dist/mocked_classnames/components/FieldLabel/index.d.ts +0 -1
  368. package/dist/mocked_classnames/components/Info/Info.d.ts +0 -4
  369. package/dist/mocked_classnames/components/Info/Info.types.d.ts +0 -60
  370. package/dist/mocked_classnames/components/Info/components/InfoDialogContent/InfoDialogContent.d.ts +0 -4
  371. package/dist/mocked_classnames/components/Info/components/InfoDialogContent/InfoDialogContent.types.d.ts +0 -16
  372. package/dist/mocked_classnames/components/Info/components/InfoLink/InfoLink.d.ts +0 -5
  373. package/dist/mocked_classnames/components/Info/components/index.d.ts +0 -3
  374. package/dist/mocked_classnames/components/Info/index.d.ts +0 -2
  375. package/dist/mocked_classnames/components/InfoText/InfoText.d.ts +0 -4
  376. package/dist/mocked_classnames/components/InfoText/InfoText.types.d.ts +0 -26
  377. package/dist/mocked_classnames/components/InfoText/index.d.ts +0 -2
  378. package/dist/mocked_classnames/components/NumberField/NumberField.d.ts +0 -4
  379. package/dist/mocked_classnames/components/NumberField/NumberField.types.d.ts +0 -80
  380. package/dist/mocked_classnames/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.d.ts +0 -4
  381. package/dist/mocked_classnames/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.types.d.ts +0 -9
  382. package/dist/mocked_classnames/components/NumberField/hooks/useNumberFieldState.d.ts +0 -11
  383. package/dist/mocked_classnames/components/NumberField/hooks/useSpinButtonHandlers.d.ts +0 -9
  384. package/dist/mocked_classnames/components/NumberField/index.d.ts +0 -2
  385. package/dist/mocked_classnames/components/NumberField/utils/calcValue.d.ts +0 -6
  386. package/dist/mocked_classnames/components/TextArea/TextArea.d.ts +0 -4
  387. package/dist/mocked_classnames/components/TextArea/TextArea.types.d.ts +0 -67
  388. package/dist/mocked_classnames/components/TextArea/index.d.ts +0 -2
  389. package/dist/mocked_classnames/components/TextField/TextField.d.ts +0 -186
  390. package/dist/mocked_classnames/components/TextField/TextField.types.d.ts +0 -3
  391. package/dist/mocked_classnames/components/TextField/TextFieldConstants.d.ts +0 -21
  392. package/dist/mocked_classnames/components/TextField/index.d.ts +0 -2
  393. package/dist/mocked_classnames/components/Toast/Toast.d.ts +0 -57
  394. package/dist/mocked_classnames/components/Toast/Toast.types.d.ts +0 -9
  395. package/dist/mocked_classnames/components/Toast/ToastButton/ToastButton.d.ts +0 -5
  396. package/dist/mocked_classnames/components/Toast/ToastConstants.d.ts +0 -7
  397. package/dist/mocked_classnames/components/Toast/ToastHelpers.d.ts +0 -4
  398. package/dist/mocked_classnames/components/Toast/ToastLink/ToastLink.d.ts +0 -5
  399. package/dist/mocked_classnames/components/Toast/index.d.ts +0 -4
  400. package/dist/mocked_classnames/hooks/useDebounceEvent/index.d.ts +0 -18
  401. package/dist/mocked_classnames/src/components/EmptyState/EmptyState.js +0 -2
  402. package/dist/mocked_classnames/src/components/EmptyState/EmptyState.js.map +0 -1
  403. package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +0 -2
  404. package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.js +0 -2
  405. package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.js.map +0 -1
  406. package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +0 -2
  407. package/dist/mocked_classnames/src/components/Info/Info.js +0 -2
  408. package/dist/mocked_classnames/src/components/Info/Info.js.map +0 -1
  409. package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js +0 -2
  410. package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js.map +0 -1
  411. package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +0 -2
  412. package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.js +0 -2
  413. package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.js.map +0 -1
  414. package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +0 -2
  415. package/dist/mocked_classnames/src/components/InfoText/InfoText.js +0 -2
  416. package/dist/mocked_classnames/src/components/InfoText/InfoText.js.map +0 -1
  417. package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +0 -2
  418. package/dist/mocked_classnames/src/components/NumberField/NumberField.js +0 -2
  419. package/dist/mocked_classnames/src/components/NumberField/NumberField.js.map +0 -1
  420. package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +0 -2
  421. package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js +0 -2
  422. package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js.map +0 -1
  423. package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +0 -2
  424. package/dist/mocked_classnames/src/components/NumberField/hooks/useNumberFieldState.js +0 -2
  425. package/dist/mocked_classnames/src/components/NumberField/hooks/useNumberFieldState.js.map +0 -1
  426. package/dist/mocked_classnames/src/components/NumberField/hooks/useSpinButtonHandlers.js +0 -2
  427. package/dist/mocked_classnames/src/components/NumberField/hooks/useSpinButtonHandlers.js.map +0 -1
  428. package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js +0 -2
  429. package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js.map +0 -1
  430. package/dist/mocked_classnames/src/components/TextArea/TextArea.js +0 -2
  431. package/dist/mocked_classnames/src/components/TextArea/TextArea.js.map +0 -1
  432. package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +0 -2
  433. package/dist/mocked_classnames/src/components/TextField/TextField.js +0 -2
  434. package/dist/mocked_classnames/src/components/TextField/TextField.js.map +0 -1
  435. package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +0 -2
  436. package/dist/mocked_classnames/src/components/TextField/TextFieldConstants.js +0 -2
  437. package/dist/mocked_classnames/src/components/TextField/TextFieldConstants.js.map +0 -1
  438. package/dist/mocked_classnames/src/components/Toast/Toast.js +0 -2
  439. package/dist/mocked_classnames/src/components/Toast/Toast.js.map +0 -1
  440. package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +0 -2
  441. package/dist/mocked_classnames/src/components/Toast/ToastButton/ToastButton.js +0 -2
  442. package/dist/mocked_classnames/src/components/Toast/ToastButton/ToastButton.js.map +0 -1
  443. package/dist/mocked_classnames/src/components/Toast/ToastConstants.js +0 -2
  444. package/dist/mocked_classnames/src/components/Toast/ToastConstants.js.map +0 -1
  445. package/dist/mocked_classnames/src/components/Toast/ToastHelpers.js +0 -2
  446. package/dist/mocked_classnames/src/components/Toast/ToastHelpers.js.map +0 -1
  447. package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.js +0 -2
  448. package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.js.map +0 -1
  449. package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +0 -2
  450. package/dist/mocked_classnames/src/hooks/useDebounceEvent/index.js.map +0 -1
  451. package/dist/mocked_classnames/types/FormElement.d.ts +0 -40
  452. package/dist/src/components/EmptyState/EmptyState.js +0 -2
  453. package/dist/src/components/EmptyState/EmptyState.js.map +0 -1
  454. package/dist/src/components/EmptyState/EmptyState.module.scss.js +0 -2
  455. package/dist/src/components/EmptyState/EmptyState.module.scss.js.map +0 -1
  456. package/dist/src/components/FieldLabel/FieldLabel.js +0 -2
  457. package/dist/src/components/FieldLabel/FieldLabel.js.map +0 -1
  458. package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +0 -2
  459. package/dist/src/components/FieldLabel/FieldLabel.module.scss.js.map +0 -1
  460. package/dist/src/components/Info/Info.js +0 -2
  461. package/dist/src/components/Info/Info.js.map +0 -1
  462. package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.js +0 -2
  463. package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.js.map +0 -1
  464. package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +0 -2
  465. package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js.map +0 -1
  466. package/dist/src/components/Info/components/InfoLink/InfoLink.js +0 -2
  467. package/dist/src/components/Info/components/InfoLink/InfoLink.js.map +0 -1
  468. package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +0 -2
  469. package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js.map +0 -1
  470. package/dist/src/components/InfoText/InfoText.js +0 -2
  471. package/dist/src/components/InfoText/InfoText.js.map +0 -1
  472. package/dist/src/components/InfoText/InfoText.module.scss.js +0 -2
  473. package/dist/src/components/InfoText/InfoText.module.scss.js.map +0 -1
  474. package/dist/src/components/NumberField/NumberField.js +0 -2
  475. package/dist/src/components/NumberField/NumberField.js.map +0 -1
  476. package/dist/src/components/NumberField/NumberField.module.scss.js +0 -2
  477. package/dist/src/components/NumberField/NumberField.module.scss.js.map +0 -1
  478. package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js +0 -2
  479. package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.js.map +0 -1
  480. package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +0 -2
  481. package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js.map +0 -1
  482. package/dist/src/components/NumberField/hooks/useNumberFieldState.js +0 -2
  483. package/dist/src/components/NumberField/hooks/useNumberFieldState.js.map +0 -1
  484. package/dist/src/components/NumberField/hooks/useSpinButtonHandlers.js +0 -2
  485. package/dist/src/components/NumberField/hooks/useSpinButtonHandlers.js.map +0 -1
  486. package/dist/src/components/NumberField/utils/calcValue.js +0 -2
  487. package/dist/src/components/NumberField/utils/calcValue.js.map +0 -1
  488. package/dist/src/components/TextArea/TextArea.js +0 -2
  489. package/dist/src/components/TextArea/TextArea.js.map +0 -1
  490. package/dist/src/components/TextArea/TextArea.module.scss.js +0 -2
  491. package/dist/src/components/TextArea/TextArea.module.scss.js.map +0 -1
  492. package/dist/src/components/TextField/TextField.js +0 -2
  493. package/dist/src/components/TextField/TextField.js.map +0 -1
  494. package/dist/src/components/TextField/TextField.module.scss.js +0 -2
  495. package/dist/src/components/TextField/TextField.module.scss.js.map +0 -1
  496. package/dist/src/components/TextField/TextFieldConstants.js +0 -2
  497. package/dist/src/components/TextField/TextFieldConstants.js.map +0 -1
  498. package/dist/src/components/Toast/Toast.js +0 -2
  499. package/dist/src/components/Toast/Toast.js.map +0 -1
  500. package/dist/src/components/Toast/Toast.module.scss.js +0 -2
  501. package/dist/src/components/Toast/Toast.module.scss.js.map +0 -1
  502. package/dist/src/components/Toast/ToastButton/ToastButton.js +0 -2
  503. package/dist/src/components/Toast/ToastButton/ToastButton.js.map +0 -1
  504. package/dist/src/components/Toast/ToastConstants.js +0 -2
  505. package/dist/src/components/Toast/ToastConstants.js.map +0 -1
  506. package/dist/src/components/Toast/ToastHelpers.js +0 -2
  507. package/dist/src/components/Toast/ToastHelpers.js.map +0 -1
  508. package/dist/src/components/Toast/ToastLink/ToastLink.js +0 -2
  509. package/dist/src/components/Toast/ToastLink/ToastLink.js.map +0 -1
  510. package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +0 -2
  511. package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js.map +0 -1
  512. package/dist/src/hooks/useDebounceEvent/index.js +0 -2
  513. package/dist/src/hooks/useDebounceEvent/index.js.map +0 -1
  514. package/dist/types/FormElement.d.ts +0 -40
  515. /package/dist/{mocked_classnames/src/components → components/empty-state/dist}/EmptyState/EmptyState.module.scss.js.map +0 -0
  516. /package/dist/{mocked_classnames/src/components → components/info/dist}/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js.map +0 -0
  517. /package/dist/{mocked_classnames/src/components → components/info/dist}/Info/components/InfoLink/InfoLink.module.scss.js.map +0 -0
  518. /package/dist/{mocked_classnames/src/components → components/text-inputs/dist}/FieldLabel/FieldLabel.module.scss.js.map +0 -0
  519. /package/dist/{mocked_classnames/src/components → components/text-inputs/dist}/InfoText/InfoText.module.scss.js.map +0 -0
  520. /package/dist/{mocked_classnames/src/components → components/text-inputs/dist}/NumberField/NumberField.module.scss.js.map +0 -0
  521. /package/dist/{mocked_classnames/src/components → components/text-inputs/dist}/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js.map +0 -0
  522. /package/dist/{mocked_classnames/src/components → components/text-inputs/dist}/TextArea/TextArea.module.scss.js.map +0 -0
  523. /package/dist/{mocked_classnames/src/components → components/text-inputs/dist}/TextField/TextField.module.scss.js.map +0 -0
  524. /package/dist/{mocked_classnames/src/components → components/toast/dist}/Toast/Toast.module.scss.js.map +0 -0
  525. /package/dist/{mocked_classnames/src/components → components/toast/dist}/Toast/ToastLink/ToastLink.module.scss.js.map +0 -0
@@ -1,2 +0,0 @@
1
- var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper {\n max-width: 240px;\n}\n.contentWrapper .link {\n margin-top: var(--space-4);\n}");export{e as default};
2
- //# sourceMappingURL=InfoDialogContent.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{__rest as s}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as a}from"react";import e from"classnames";import{Link as m}from"@vibe/link/mockedClassNames";import o from"./InfoLink.module.scss.js";var t=a((function(a,t){var i=a.className,l=s(a,["className"]);return r.createElement(m,Object.assign({ref:t,className:e(o.infoLink,i)},l))}));export{t as default};
2
- //# sourceMappingURL=InfoLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InfoLink.js","sources":["../../../../../../../src/components/Info/components/InfoLink/InfoLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./InfoLink.module.scss\";\n\nexport type InfoLinkProps = LinkProps;\n\nconst InfoLink = forwardRef(\n ({ className, ...linkProps }: InfoLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} className={cx(styles.infoLink, className)} {...linkProps} />;\n }\n);\n\nexport default InfoLink;\n"],"names":["InfoLink","forwardRef","_a","ref","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","infoLink"],"mappings":"uNAOMA,IAAAA,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,EAAwCF,EAAxCE,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,EAAKC,OAAAC,OAAA,CAAAR,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}
@@ -1,2 +0,0 @@
1
- var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
2
- //# sourceMappingURL=InfoLink.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import t from"classnames";import{Text as o}from"@vibe/typography/mockedClassNames";import a from"./InfoText.module.scss.js";var l=s((function(s,l){var m=s.text,i=s.success,d=s.disabled,n=s.readOnly;return m?r.createElement(o,{id:s.id,ref:l,className:t(a.infoText,e(e(e(e({},a.error,s.error),a.success,i),a.disabled,d),a.readOnly,n)),type:"text2"},m):null}));export{l as default};
2
- //# sourceMappingURL=InfoText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InfoText.js","sources":["../../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type InfoTextProps } from \"./InfoText.types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!text) {\n return null;\n }\n\n return (\n <Text\n id={id}\n ref={ref}\n className={cx(styles.infoText, {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n })}\n type=\"text2\"\n >\n {text}\n </Text>\n );\n }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"kPAMMA,IAAAA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAACC,cAAAC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAC1BF,GAAAA,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}
@@ -1,2 +0,0 @@
1
- var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n color: var(--secondary-text-color);\n}\n.infoText.error {\n color: var(--negative-color);\n}\n.infoText.success {\n color: var(--positive-color);\n}\n.infoText.disabled {\n color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n color: var(--secondary-text-color);\n}");export{e as default};
2
- //# sourceMappingURL=InfoText.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{__rest as e}from"../../../_virtual/_tslib.js";import a,{forwardRef as t,useRef as n,useMemo as r}from"react";import i from"classnames";import o from"./hooks/useNumberFieldState.js";import l from"./hooks/useSpinButtonHandlers.js";import{BaseInput as s}from"@vibe/base/mockedClassNames";import m from"../FieldLabel/FieldLabel.js";import d from"../InfoText/InfoText.js";import{Icon as u}from"@vibe/icon/mockedClassNames";import c from"./components/NumberFieldSpinButton/NumberFieldSpinButton.js";import b from"./NumberField.module.scss.js";import{Flex as f}from"@vibe/layout/mockedClassNames";import{useMergeRef as p}from"@vibe/shared";import{ComponentVibeId as v}from"../../tests/constants.js";var h=t((function(t,h){var x=t.className,y=t.value,O=t.onChange,g=t.label,N=t.required,C=t.placeholder,j=t.infoText,F=t.error,I=t.success,B=t.disabled,E=t.readOnly,w=t.min,M=t.max,k=t.step,D=void 0===k?1:k,T=t.size,V=void 0===T?"medium":T,q=t.leftIcon,z=t["aria-label"],A=t.id,L=t["data-testid"],R=t.allowOutOfBounds,S=t.onValidityChange,_=e(t,["className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","step","size","leftIcon","aria-label","id","data-testid","allowOutOfBounds","onValidityChange"]),K=n(null),H=p(h,K),U=o({value:y,onChange:O,min:w,max:M,step:D,disabled:B,readOnly:E,allowOutOfBounds:R,onValidityChange:S}),G=U.inputValue,J=U.numericValue,P=U.onChange,Q=U.onKeyDown,W=U.isAtMin,X=U.isAtMax,Y=l({onChange:O,value:J,step:D,min:w,max:M,allowOutOfBounds:R,readOnly:E,inputRef:K}),Z=Y.onIncrement,$=Y.onDecrement,ee=r((function(){return q?a.createElement(u,{icon:q,className:b.leftIcon}):null}),[q]),ae=r((function(){return a.createElement(c,{inputId:A,onIncrement:Z,onDecrement:$,disabled:B||E,size:V,isAtMin:W,isAtMax:X})}),[A,Z,$,B,E,V,W,X]),te=r((function(){return j&&A?"".concat(A,"-info-text"):void 0}),[j,A]),ne=r((function(){return g&&A?"".concat(A,"-label"):void 0}),[g,A]);return a.createElement(f,{direction:"column",align:"stretch",gap:"xs",className:i(b.numberField,x),"data-vibe":v.NUMBER_FIELD},a.createElement(m,{id:ne,className:b.label,labelText:g,required:N,labelFor:A}),a.createElement(s,Object.assign({},_,{"data-testid":L,ref:H,id:A,value:G,onChange:P,onKeyDown:Q,placeholder:C,type:"text",inputMode:"numeric",inputRole:"spinbutton","aria-valuenow":J,"aria-valuemin":w,"aria-valuemax":M,"aria-required":N,"aria-label":z||g,"aria-labelledby":ne,"aria-describedby":te,disabled:B,readOnly:E,size:V,error:F,success:I,renderLeft:ee,renderRight:ae})),a.createElement(d,{id:te,text:j,error:F,success:I,disabled:B,readOnly:E}))}));export{h as default};
2
- //# sourceMappingURL=NumberField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberField.js","sources":["../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldProps } from \"./NumberField.types\";\nimport useNumberFieldState from \"./hooks/useNumberFieldState\";\nimport useSpinButtonHandlers from \"./hooks/useSpinButtonHandlers\";\nimport { BaseInput } from \"@vibe/base\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport InfoText from \"../InfoText/InfoText\";\nimport { Icon } from \"@vibe/icon\";\nimport NumberFieldSpinButton from \"./components/NumberFieldSpinButton/NumberFieldSpinButton\";\nimport styles from \"./NumberField.module.scss\";\nimport { Flex } from \"@vibe/layout\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst NumberField = forwardRef(\n (\n {\n className,\n value,\n onChange,\n label,\n required,\n placeholder,\n infoText,\n error,\n success,\n disabled,\n readOnly,\n min,\n max,\n step = 1,\n size = \"medium\",\n leftIcon,\n \"aria-label\": ariaLabel,\n id,\n \"data-testid\": dataTestId,\n allowOutOfBounds,\n onValidityChange,\n ...inputProps\n }: NumberFieldProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedRef = useMergeRef<HTMLInputElement>(ref, inputRef);\n\n const {\n inputValue,\n numericValue,\n onChange: handleChange,\n onKeyDown,\n isAtMin,\n isAtMax\n } = useNumberFieldState({\n value,\n onChange,\n min,\n max,\n step,\n disabled,\n readOnly,\n allowOutOfBounds,\n onValidityChange\n });\n\n const { onIncrement, onDecrement } = useSpinButtonHandlers({\n onChange,\n value: numericValue,\n step,\n min,\n max,\n allowOutOfBounds,\n readOnly,\n inputRef\n });\n\n const renderedLeftIcon = useMemo(() => {\n if (!leftIcon) return null;\n return <Icon icon={leftIcon} className={styles.leftIcon} />;\n }, [leftIcon]);\n\n const renderedRightIcon = useMemo(() => {\n return (\n <NumberFieldSpinButton\n inputId={id}\n onIncrement={onIncrement}\n onDecrement={onDecrement}\n disabled={disabled || readOnly}\n size={size}\n isAtMin={isAtMin}\n isAtMax={isAtMax}\n />\n );\n }, [id, onIncrement, onDecrement, disabled, readOnly, size, isAtMin, isAtMax]);\n\n const infoTextId = useMemo(() => {\n return infoText && id ? `${id}-info-text` : undefined;\n }, [infoText, id]);\n\n const labelId = useMemo(() => {\n return label && id ? `${id}-label` : undefined;\n }, [label, id]);\n\n return (\n <Flex\n direction=\"column\"\n align=\"stretch\"\n gap=\"xs\"\n className={cx(styles.numberField, className)}\n data-vibe={ComponentVibeId.NUMBER_FIELD}\n >\n <FieldLabel id={labelId} className={styles.label} labelText={label} required={required} labelFor={id} />\n <BaseInput\n {...inputProps}\n data-testid={dataTestId}\n ref={mergedRef}\n id={id}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n type=\"text\"\n inputMode=\"numeric\"\n inputRole=\"spinbutton\"\n aria-valuenow={numericValue}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-required={required}\n aria-label={ariaLabel || label}\n aria-labelledby={labelId}\n aria-describedby={infoTextId}\n disabled={disabled}\n readOnly={readOnly}\n size={size}\n error={error}\n success={success}\n renderLeft={renderedLeftIcon}\n renderRight={renderedRightIcon}\n />\n <InfoText\n id={infoTextId}\n text={infoText}\n error={error}\n success={success}\n disabled={disabled}\n readOnly={readOnly}\n />\n </Flex>\n );\n }\n);\n\nexport default NumberField;\n"],"names":["NumberField","forwardRef","_a","ref","className","value","onChange","label","required","placeholder","infoText","error","success","disabled","readOnly","min","max","_a$step","step","_a$size","size","leftIcon","ariaLabel","id","dataTestId","allowOutOfBounds","onValidityChange","inputProps","__rest","inputRef","useRef","mergedRef","useMergeRef","_useNumberFieldState","useNumberFieldState","inputValue","numericValue","handleChange","onKeyDown","isAtMin","isAtMax","_useSpinButtonHandler","useSpinButtonHandlers","onIncrement","onDecrement","renderedLeftIcon","useMemo","React","createElement","Icon","icon","styles","renderedRightIcon","NumberFieldSpinButton","inputId","infoTextId","concat","undefined","labelId","Flex","direction","align","gap","cx","numberField","ComponentVibeId","NUMBER_FIELD","FieldLabel","labelText","labelFor","BaseInput","Object","assign","type","inputMode","inputRole","renderLeft","renderRight","InfoText","text"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var e={numberField:"numberField",label:"label",leftIcon:"leftIcon"};!function(e){const n="s_id-043e6276934a_4_5_18";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField {\n width: 100%;\n}\n.numberField .label {\n padding-bottom: 0;\n}\n.numberField .leftIcon {\n color: var(--icon-color);\n}");export{e as default};
2
- //# sourceMappingURL=NumberField.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e from"react";import o from"classnames";import{IconButton as i}from"@vibe/icon-button/mockedClassNames";import{DropdownChevronUp as a,DropdownChevronDown as n}from"@vibe/icons";import{Flex as t}from"@vibe/layout/mockedClassNames";import{getStyle as s}from"@vibe/shared";import r from"./NumberFieldSpinButton.module.scss.js";var l=function(l){var c=l.inputId,m=l.onIncrement,d=l.onDecrement,u=l.disabled,p=l.isAtMin,b=l.isAtMax,f=o(r.spinButton,s(r,l.size)),v=r.icon;return e.createElement(t,{direction:"column",align:"stretch",justify:"center",onMouseDown:function(e){e.preventDefault()}},e.createElement(i,{"aria-label":"Increase",hideTooltip:!0,"aria-controls":c,tabIndex:-1,onClick:m,disabled:u||b,size:null,className:f,iconClassName:v,icon:a}),e.createElement(i,{"aria-label":"Decrease",hideTooltip:!0,"aria-controls":c,tabIndex:-1,onClick:d,disabled:u||p,size:null,className:f,iconClassName:v,icon:n}))};export{l as default};
2
- //# sourceMappingURL=NumberFieldSpinButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberFieldSpinButton.js","sources":["../../../../../../../src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { type NumberFieldSpinButtonProps } from \"./NumberFieldSpinButton.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport { Flex } from \"@vibe/layout\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./NumberFieldSpinButton.module.scss\";\n\nconst NumberFieldSpinButton = ({\n inputId,\n onIncrement,\n onDecrement,\n disabled,\n size,\n isAtMin,\n isAtMax\n}: NumberFieldSpinButtonProps) => {\n const iconButtonClassName = cx(styles.spinButton, getStyle(styles, size));\n const iconClassName = styles.icon;\n\n const handleMouseDown = (event: React.MouseEvent) => {\n // to prevent `IconButton`s from stealing focus\n event.preventDefault();\n };\n\n return (\n <Flex direction=\"column\" align=\"stretch\" justify=\"center\" onMouseDown={handleMouseDown}>\n <IconButton\n aria-label=\"Increase\"\n hideTooltip\n aria-controls={inputId}\n tabIndex={-1}\n onClick={onIncrement}\n disabled={disabled || isAtMax}\n size={null}\n className={iconButtonClassName}\n iconClassName={iconClassName}\n icon={DropdownChevronUp}\n />\n <IconButton\n aria-label=\"Decrease\"\n hideTooltip\n aria-controls={inputId}\n tabIndex={-1}\n onClick={onDecrement}\n disabled={disabled || isAtMin}\n size={null}\n className={iconButtonClassName}\n iconClassName={iconClassName}\n icon={DropdownChevronDown}\n />\n </Flex>\n );\n};\n\nexport default NumberFieldSpinButton;\n"],"names":["NumberFieldSpinButton","_ref","inputId","onIncrement","onDecrement","disabled","isAtMin","isAtMax","iconButtonClassName","cx","styles","spinButton","getStyle","size","iconClassName","icon","React","createElement","Flex","direction","align","justify","onMouseDown","event","preventDefault","IconButton","hideTooltip","tabIndex","onClick","className","DropdownChevronUp","DropdownChevronDown"],"mappings":"2UASA,IAAMA,EAAwB,SAAHC,GAQM,IAP/BC,EAAOD,EAAPC,QACAC,EAAWF,EAAXE,YACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SAEAC,EAAOL,EAAPK,QACAC,EAAON,EAAPM,QAEMC,EAAsBC,EAAGC,EAAOC,WAAYC,EAASF,EAJvDT,EAAJY,OAKMC,EAAgBJ,EAAOK,KAO7B,OACEC,EAACC,cAAAC,GAAKC,UAAU,SAASC,MAAM,UAAUC,QAAQ,SAASC,YANpC,SAACC,GAEvBA,EAAMC,mBAKJR,EAAAC,cAACQ,EACY,CAAA,aAAA,WACXC,+BACexB,EACfyB,UAAW,EACXC,QAASzB,EACTE,SAAUA,GAAYE,EACtBM,KAAM,KACNgB,UAAWrB,EACXM,cAAeA,EACfC,KAAMe,IAERd,EAAAC,cAACQ,EACY,CAAA,aAAA,WACXC,aAAW,EAAA,gBACIxB,EACfyB,UAAW,EACXC,QAASxB,EACTC,SAAUA,GAAYC,EACtBO,KAAM,KACNgB,UAAWrB,EACXM,cAAeA,EACfC,KAAMgB,IAId"}
@@ -1,2 +0,0 @@
1
- var n={spinButton:"spinButton",large:"large",icon:"icon",medium:"medium",small:"small"};!function(n){const e="s_id-eb36452422c9_4_5_18";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton.large {\n width: 28px;\n height: 20px;\n}\n.spinButton.large .icon {\n width: 16px;\n height: 16px;\n}\n.spinButton.medium {\n width: 24px;\n height: 16px;\n}\n.spinButton.medium .icon {\n width: 16px;\n height: 16px;\n}\n.spinButton.small {\n width: 22px;\n height: 14px;\n}\n.spinButton.small .icon {\n width: 14px;\n height: 14px;\n}");export{n as default};
2
- //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{slicedToArray as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as a,useEffect as l,useCallback as r}from"react";import{calculateSteppedValue as i}from"../utils/calcValue.js";var e=function(e){var t=e.value,o=e.onChange,u=e.min,v=e.max,d=e.step,f=void 0===d?1:d,s=e.disabled,m=e.readOnly,p=e.allowOutOfBounds,c=e.onValidityChange,h=a(null===t?"":t+""),g=n(h,2),w=g[0],y=g[1];l((function(){var n=null===t?"":t+"";y((function(a){return t!==parseFloat(a)?n:a}))}),[t]);var x=r((function(n){var a=n.target.value;if(""===a)return y(""),void o(null,n);if(/^-?\d*\.?\d*$/.test(a)){y(a);var l="-"===a||a.endsWith(".");if(l&&1===a.length&&a.endsWith("."))o(0,n);else if(!l){var r=parseFloat(a);if(p)return void(r!==t&&o(r,n));var i=Math.max(null!=u?u:-1/0,Math.min(null!=v?v:1/0,r));i!==t&&o(i,n)}}}),[o,p,u,v,t]);l((function(){c&&c(null===t||!(void 0!==u&&u>t||void 0!==v&&t>v))}),[t,u,v,c]);var A=r((function(n){if(!s&&!m){var a="ArrowUp"===n.key;if(a||"ArrowDown"===n.key){n.preventDefault();var l=i({value:t,direction:a?1:-1,step:f,min:u,max:v,allowOutOfBounds:p});o(l,n)}}}),[t,f,u,v,o,s,m,p]);return{inputValue:w,numericValue:t,onChange:x,onKeyDown:A,isAtMin:!p&&null!==t&&void 0!==u&&u>=t,isAtMax:!p&&null!==t&&void 0!==v&&t>=v}};export{e as default};
2
- //# sourceMappingURL=useNumberFieldState.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useNumberFieldState.js","sources":["../../../../../../src/components/NumberField/hooks/useNumberFieldState.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { type NumberFieldProps } from \"../NumberField.types\";\nimport { calculateSteppedValue } from \"../utils/calcValue\";\n\nexport type UseNumberFieldStateProps = Pick<\n NumberFieldProps,\n \"value\" | \"onChange\" | \"min\" | \"max\" | \"step\" | \"disabled\" | \"readOnly\" | \"allowOutOfBounds\" | \"onValidityChange\"\n>;\n\nconst useNumberFieldState = ({\n value: controlledValue,\n onChange,\n min,\n max,\n step = 1,\n disabled,\n readOnly,\n allowOutOfBounds,\n onValidityChange\n}: UseNumberFieldStateProps) => {\n const [inputValue, setInputValue] = useState(controlledValue === null ? \"\" : String(controlledValue));\n\n useEffect(() => {\n const controlledValueStr = controlledValue === null ? \"\" : String(controlledValue);\n setInputValue(prevInputValue =>\n controlledValue !== parseFloat(prevInputValue) ? controlledValueStr : prevInputValue\n );\n }, [controlledValue]);\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const stringValue = event.target.value;\n\n if (stringValue === \"\") {\n setInputValue(\"\");\n onChange(null, event);\n return;\n }\n\n const numericRegex = /^-?\\d*\\.?\\d*$/;\n if (!numericRegex.test(stringValue)) {\n return;\n }\n\n setInputValue(stringValue);\n const isPartial = stringValue === \"-\" || stringValue.endsWith(\".\");\n if (isPartial && stringValue.length === 1 && stringValue.endsWith(\".\")) {\n onChange(0, event);\n return;\n }\n\n if (!isPartial) {\n const newNumber = parseFloat(stringValue);\n if (allowOutOfBounds) {\n if (newNumber !== controlledValue) {\n onChange(newNumber, event);\n }\n return;\n }\n\n const clampedValue = Math.max(min ?? -Infinity, Math.min(max ?? Infinity, newNumber));\n if (clampedValue !== controlledValue) {\n onChange(clampedValue, event);\n }\n }\n },\n [onChange, allowOutOfBounds, min, max, controlledValue]\n );\n\n useEffect(() => {\n if (!onValidityChange) return;\n\n if (controlledValue === null) {\n onValidityChange(true);\n return;\n }\n\n const isWithinBounds =\n (min === undefined || controlledValue >= min) && (max === undefined || controlledValue <= max);\n onValidityChange(isWithinBounds);\n }, [controlledValue, min, max, onValidityChange]);\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isArrowUp = event.key === \"ArrowUp\";\n const isArrowDown = event.key === \"ArrowDown\";\n\n if (isArrowUp || isArrowDown) {\n event.preventDefault();\n const direction = isArrowUp ? 1 : -1;\n const newValue = calculateSteppedValue({\n value: controlledValue,\n direction,\n step,\n min,\n max,\n allowOutOfBounds\n });\n onChange(newValue, event);\n }\n },\n [controlledValue, step, min, max, onChange, disabled, readOnly, allowOutOfBounds]\n );\n\n const isAtMin = !allowOutOfBounds && controlledValue !== null && min !== undefined && controlledValue <= min;\n const isAtMax = !allowOutOfBounds && controlledValue !== null && max !== undefined && controlledValue >= max;\n\n return {\n inputValue,\n numericValue: controlledValue,\n onChange: handleChange,\n onKeyDown: handleKeyDown,\n isAtMin,\n isAtMax\n };\n};\n\nexport default useNumberFieldState;\n"],"names":["useNumberFieldState","_ref","controlledValue","value","onChange","min","max","_ref$step","step","disabled","readOnly","allowOutOfBounds","onValidityChange","_useState","useState","String","_useState2","_slicedToArray","inputValue","setInputValue","useEffect","controlledValueStr","prevInputValue","parseFloat","handleChange","useCallback","event","stringValue","target","test","isPartial","endsWith","length","newNumber","clampedValue","Math","Infinity","undefined","handleKeyDown","isArrowUp","key","preventDefault","newValue","calculateSteppedValue","direction","numericValue","onKeyDown","isAtMin","isAtMax"],"mappings":"iNASA,IAAMA,EAAsB,SAAHC,GAUM,IATtBC,EAAeD,EAAtBE,MACAC,EAAQH,EAARG,SACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAAGC,EAAAN,EACHO,KAAAA,OAAO,IAAHD,EAAG,EAACA,EACRE,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBAEAC,EAAoCC,EAA6B,OAApBZ,EAA2B,GAAYA,EAAPa,IAAwBC,EAAAC,EAAAJ,EAAA,GAA9FK,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhCI,GAAU,WACR,IAAMC,EAAyC,OAApBnB,EAA2B,GAAYA,EAAPa,GAC3DI,GAAc,SAAAG,GAAc,OAC1BpB,IAAoBqB,WAAWD,GAAkBD,EAAqBC,IAE1E,GAAG,CAACpB,IAEJ,IAAMsB,EAAeC,GACnB,SAACC,GACC,IAAMC,EAAcD,EAAME,OAAOzB,MAEjC,GAAoB,KAAhBwB,EAGF,OAFAR,EAAc,SACdf,EAAS,KAAMsB,GAKjB,GADqB,gBACHG,KAAKF,GAAvB,CAIAR,EAAcQ,GACd,IAAMG,EAA4B,MAAhBH,GAAuBA,EAAYI,SAAS,KAC9D,GAAID,GAAoC,IAAvBH,EAAYK,QAAgBL,EAAYI,SAAS,KAChE3B,EAAS,EAAGsB,QAId,IAAKI,EAAW,CACd,IAAMG,EAAYV,WAAWI,GAC7B,GAAIhB,EAIF,YAHIsB,IAAc/B,GAChBE,EAAS6B,EAAWP,IAKxB,IAAMQ,EAAeC,KAAK7B,IAAID,QAAAA,GAAQ+B,IAAUD,KAAK9B,IAAIC,QAAAA,EAAO8B,IAAUH,IACtEC,IAAiBhC,GACnBE,EAAS8B,EAAcR,EAE3B,CAtBA,CAuBF,GACA,CAACtB,EAAUO,EAAkBN,EAAKC,EAAKJ,IAGzCkB,GAAU,WACHR,GASLA,EAPwB,OAApBV,UAMOmC,IAARhC,GAAwCA,EAAnBH,QAAoCmC,IAAR/B,GAAqBJ,EAAmBI,GAE7F,GAAE,CAACJ,EAAiBG,EAAKC,EAAKM,IAE/B,IAAM0B,EAAgBb,GACpB,SAACC,GACC,IAAIjB,IAAYC,EAAhB,CAIA,IAAM6B,EAA0B,YAAdb,EAAMc,IAGxB,GAAID,GAF8B,cAAdb,EAAMc,IAEI,CAC5Bd,EAAMe,iBACN,IACMC,EAAWC,EAAsB,CACrCxC,MAAOD,EACP0C,UAHgBL,EAAY,GAAK,EAIjC/B,KAAAA,EACAH,IAAAA,EACAC,IAAAA,EACAK,iBAAAA,IAEFP,EAASsC,EAAUhB,EACrB,CAjBA,CAkBF,GACA,CAACxB,EAAiBM,EAAMH,EAAKC,EAAKF,EAAUK,EAAUC,EAAUC,IAMlE,MAAO,CACLO,WAAAA,EACA2B,aAAc3C,EACdE,SAAUoB,EACVsB,UAAWR,EACXS,SARepC,GAAwC,OAApBT,QAAoCmC,IAARhC,GAAwCA,GAAnBH,EASpF8C,SARerC,GAAwC,OAApBT,QAAoCmC,IAAR/B,GAAqBJ,GAAmBI,EAU3G"}
@@ -1,2 +0,0 @@
1
- import{useCallback as n}from"react";import{calculateSteppedValue as o}from"../utils/calcValue.js";var t=function(t){var e=t.onChange,r=t.value,u=t.step,a=void 0===u?1:u,i=t.min,l=t.max,c=t.allowOutOfBounds,f=t.readOnly,m=t.inputRef,s=n((function(n,t){var u;if(!f){var s=o({value:r,direction:n,step:a,min:i,max:l,allowOutOfBounds:c});e(s,t),null===(u=m.current)||void 0===u||u.focus()}}),[r,a,i,l,e,c,f,m]);return{onIncrement:n((function(n){s(1,n)}),[s]),onDecrement:n((function(n){s(-1,n)}),[s])}};export{t as default};
2
- //# sourceMappingURL=useSpinButtonHandlers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSpinButtonHandlers.js","sources":["../../../../../../src/components/NumberField/hooks/useSpinButtonHandlers.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type NumberFieldProps } from \"../NumberField.types\";\nimport { calculateSteppedValue } from \"../utils/calcValue\";\n\nexport type UseSpinButtonHandlersProps = Pick<\n NumberFieldProps,\n \"onChange\" | \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\" | \"readOnly\"\n> & {\n inputRef: React.RefObject<HTMLInputElement>;\n};\n\nconst useSpinButtonHandlers = ({\n onChange,\n value,\n step = 1,\n min,\n max,\n allowOutOfBounds,\n readOnly,\n inputRef\n}: UseSpinButtonHandlersProps) => {\n const handleStep = useCallback(\n (direction: number, event: React.MouseEvent | React.KeyboardEvent) => {\n if (readOnly) return;\n const newValue = calculateSteppedValue({ value, direction, step, min, max, allowOutOfBounds });\n onChange(newValue, event);\n inputRef.current?.focus();\n },\n [value, step, min, max, onChange, allowOutOfBounds, readOnly, inputRef]\n );\n\n const onIncrement = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n handleStep(1, event);\n },\n [handleStep]\n );\n\n const onDecrement = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n handleStep(-1, event);\n },\n [handleStep]\n );\n\n return {\n onIncrement,\n onDecrement\n };\n};\n\nexport default useSpinButtonHandlers;\n"],"names":["useSpinButtonHandlers","_ref","onChange","value","_ref$step","step","min","max","allowOutOfBounds","readOnly","inputRef","handleStep","useCallback","direction","event","newValue","calculateSteppedValue","_a","current","focus","onIncrement","onDecrement"],"mappings":"kGAWA,IAAMA,EAAwB,SAAHC,GASM,IAR/BC,EAAQD,EAARC,SACAC,EAAKF,EAALE,MAAKC,EAAAH,EACLI,KAAAA,OAAO,IAAHD,EAAG,EAACA,EACRE,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAgBP,EAAhBO,iBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SAEMC,EAAaC,GACjB,SAACC,EAAmBC,SAClB,IAAIL,EAAJ,CACA,IAAMM,EAAWC,EAAsB,CAAEb,MAAAA,EAAOU,UAAAA,EAAWR,KAAAA,EAAMC,IAAAA,EAAKC,IAAAA,EAAKC,iBAAAA,IAC3EN,EAASa,EAAUD,GACD,QAAlBG,EAAAP,EAASQ,eAAS,IAAAD,GAAAA,EAAAE,OAHJ,CAIhB,GACA,CAAChB,EAAOE,EAAMC,EAAKC,EAAKL,EAAUM,EAAkBC,EAAUC,IAiBhE,MAAO,CACLU,YAfkBR,GAClB,SAACE,GACCH,EAAW,EAAGG,EAChB,GACA,CAACH,IAYDU,YATkBT,GAClB,SAACE,GACCH,GAAY,EAAGG,EACjB,GACA,CAACH,IAOL"}
@@ -1,2 +0,0 @@
1
- var a=function(a){var i=a.value,n=a.step,o=a.min,t=a.max,r=(null!=i?i:0)+a.direction*(void 0===n?1:n);return a.allowOutOfBounds||(void 0!==o&&(r=Math.max(o,r)),void 0!==t&&(r=Math.min(t,r))),r};export{a as calculateSteppedValue};
2
- //# sourceMappingURL=calcValue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"calcValue.js","sources":["../../../../../../src/components/NumberField/utils/calcValue.ts"],"sourcesContent":["import { type NumberFieldProps } from \"../NumberField.types\";\n\ntype CalculateSteppedValueProps = Pick<NumberFieldProps, \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\"> & {\n direction: number;\n};\n\nexport const calculateSteppedValue = ({\n value,\n direction,\n step = 1,\n min,\n max,\n allowOutOfBounds\n}: CalculateSteppedValueProps): number => {\n const numericValue = value ?? 0;\n let newValue = numericValue + direction * step;\n\n if (allowOutOfBounds) {\n return newValue;\n }\n\n if (min !== undefined) {\n newValue = Math.max(min, newValue);\n }\n if (max !== undefined) {\n newValue = Math.min(max, newValue);\n }\n return newValue;\n};\n"],"names":["calculateSteppedValue","_ref","value","_ref$step","step","min","max","newValue","direction","allowOutOfBounds","undefined","Math"],"mappings":"IAMaA,EAAwB,SAAHC,GAOO,IANvCC,EAAKD,EAALC,MACSC,EAAAF,EACTG,KACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAIIC,GADiBL,QAAAA,EAAS,GANrBD,EAATO,gBACO,IAAHL,EAAG,EAACA,GAQR,OALgBF,EAAhBQ,wBASYC,IAARL,IACFE,EAAWI,KAAKL,IAAID,EAAKE,SAEfG,IAARJ,IACFC,EAAWI,KAAKN,IAAIC,EAAKC,KAPlBA,CAUX"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e,defineProperty as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as o,useEffect as i,useCallback as n}from"react";import m from"classnames";import{getTestId as c}from"../../tests/testIds.js";import{ComponentDefaultTestId as d,ComponentVibeId as u}from"../../tests/constants.js";import p from"./TextArea.module.scss.js";import{Text as f}from"@vibe/typography/mockedClassNames";import{Flex as b}from"@vibe/layout/mockedClassNames";import{HiddenText as h}from"@vibe/a11y/mockedClassNames";var g={small:3,large:4},v=s((function(s,v){var x=s.size,y=void 0===x?"small":x,E=s.rows,C=s.label,N=s.helpText,T=s.success,w=s.error,j=s.className,A=s["data-testid"],_=s.id,z=s.disabled,L=s.readOnly,O=s.required,q=s.maxLength,k=s.allowExceedingMaxLength,F=s.onChange,M=s.value,P=s.resize,R=void 0===P||P,X=s.showCharCount,B=void 0!==X&&X,H=t(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),I=E||g[y],W=N&&"".concat(_,"-help-text"),D=B&&"number"==typeof q&&"".concat(_,"-allow-exceeding-max-length"),G=l((function(){return[W,D].filter((function(e){return!!e})).join(" ")||void 0}),[W,D]),J=o((null==M?void 0:M.length)||0),K=e(J,2),Q=K[0],S=K[1],U=w||"number"==typeof q&&Q>q;i((function(){S((null==M?void 0:M.length)||0)}),[M]);var V=n((function(e){S(e.target.value.length),null==F||F(e)}),[F]);return r.createElement("div",{className:m(p.textAreaWrapper,a(a(a(a({},p.error,U),p.success,T),p.disabled,z),p.readOnly,L),j),"data-testid":A||c(d.TEXT_AREA,_),"data-vibe":u.TEXT_AREA},C&&r.createElement("label",{className:m(p.label,a({},p.required,O)),htmlFor:_},C),r.createElement("textarea",Object.assign({},H,{id:_,maxLength:"number"!=typeof q||k?void 0:q,ref:v,value:M,disabled:z,readOnly:L,required:O,rows:I,className:m(p.textArea,[p[y]],a({},p.resize,R)),"aria-invalid":U,"aria-describedby":G,onChange:V})),(B||N)&&r.createElement(b,{gap:"xs",justify:"space-between",className:m(p.subTextContainer)},N&&r.createElement(f,{className:m(p.helpText),color:"inherit",id:W},N),B&&r.createElement(r.Fragment,null,r.createElement(f,{className:p.limitText},Q,"number"==typeof q&&"/".concat(q)),r.createElement(h,{id:D,text:"".concat(Q," out of ").concat(q)}))))}));export{v as default};
2
- //# sourceMappingURL=TextArea.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { type TextAreaProps, type TextAreaSize } from \"./TextArea.types\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { HiddenText } from \"@vibe/a11y\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows || DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n const charCountTextId = showCharCount && typeof maxLength === \"number\" && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, charCountTextId].filter(id => !!id).join(\" \") || undefined,\n [helpTextId, charCountTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length || 0);\n const isErrorState = error || (typeof maxLength === \"number\" && characterCount > maxLength);\n\n useEffect(() => {\n setCharacterCount(value?.length || 0);\n }, [value]);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n data-vibe={ComponentVibeId.TEXT_AREA}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount || helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={charCountTextId} text={`${characterCount} out of ${maxLength}`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","charCountTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","useEffect","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","ComponentVibeId","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",subTextContainer:"subTextContainer",helpText:"helpText",limitText:"limitText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-48d7f417273f_4_5_18";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: var(--space-4);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n}\n.textAreaWrapper .label {\n display: inline-flex;\n gap: var(--space-4);\n color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n content: "*";\n color: var(--color-error);\n}\n.textAreaWrapper .subTextContainer {\n color: var(--secondary-text-color);\n}\n.textAreaWrapper .subTextContainer .helpText {\n display: flex;\n}\n.textAreaWrapper .subTextContainer .limitText {\n margin-inline-start: auto;\n}\n.textAreaWrapper .textArea {\n resize: vertical;\n border: 1px solid var(--ui-border-color);\n border-radius: var(--border-radius-small);\n padding: var(--space-8);\n outline: none;\n background-color: var(--secondary-background-color);\n color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea::placeholder {\n color: var(--placeholder-color);\n font-weight: 400;\n}\n.textAreaWrapper .textArea:hover {\n border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n padding: var(--space-12);\n font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n resize: none;\n}\n.textAreaWrapper.success .textArea {\n border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText,\n.textAreaWrapper.error .limitText {\n color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n color: var(--disabled-text-color);\n background-color: var(--disabled-background-color);\n border-color: transparent;\n resize: none;\n}\n.textAreaWrapper.disabled .textArea::placeholder,\n.textAreaWrapper.disabled .textArea:hover::placeholder {\n color: var(--disabled-text-color);\n}\n.textAreaWrapper.disabled .helpText {\n color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n background-color: var(--allgrey-background-color);\n border-color: transparent;\n resize: none;\n}');export{e as default};
2
- //# sourceMappingURL=TextArea.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e,defineProperty as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as c,useEffect as s}from"react";import d from"../../hooks/useDebounceEvent/index.js";import{Icon as m}from"@vibe/icon/mockedClassNames";import{Loader as u}from"@vibe/loader/mockedClassNames";import{Text as v}from"@vibe/typography/mockedClassNames";import p from"../FieldLabel/FieldLabel.js";import{FEEDBACK_CLASSES as b,SIZE_MAPPER as f,TextFieldAriaLabel as C}from"./TextFieldConstants.js";import{useMergeRef as x,NOOP as y}from"@vibe/shared";import{Clickable as E}from"@vibe/clickable/mockedClassNames";import{getTestId as N}from"../../tests/testIds.js";import{ComponentDefaultTestId as h,ComponentVibeId as g}from"../../tests/constants.js";import I from"./TextField.module.scss.js";import{Tooltip as T}from"@vibe/tooltip/mockedClassNames";import{HiddenText as k}from"@vibe/a11y/mockedClassNames";var F=n((function(n,F){var L=n.className,D=void 0===L?"":L,w=n.placeholder,A=void 0===w?"":w,j=n.autoComplete,H=void 0===j?"off":j,_=n.value,q=n.onChange,W=void 0===q?y:q,B=n.onBlur,O=void 0===B?y:B,R=n.onFocus,S=void 0===R?y:R,z=n.onKeyDown,K=void 0===z?y:z,V=n.onWheel,X=void 0===V?y:V,M=n.debounceRate,P=void 0===M?0:M,U=n.autoFocus,Y=void 0!==U&&U,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?y:$,ae=n.icon,te=n.secondaryIconName,oe=n.id,ne=void 0===oe?"input":oe,re=n.title,ie=void 0===re?"":re,le=n.size,ce=void 0===le?"small":le,se=n.validation,de=void 0===se?null:se,me=n.wrapperClassName,ue=void 0===me?"":me,ve=n.onIconClick,pe=void 0===ve?y:ve,be=n.clearOnIconClick,fe=void 0!==be&&be,Ce=n.labelIconName,xe=n.showCharCount,ye=void 0!==xe&&xe,Ee=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,Te=n.iconLabel,ke=n.secondaryIconLabel,Fe=n.type,Le=void 0===Fe?"text":Fe,De=n.maxLength,we=void 0===De?null:De,Ae=n.allowExceedingMaxLength,je=void 0!==Ae&&Ae,He=n.trim,_e=void 0!==He&&He,qe=n.role,We=void 0===qe?"":qe,Be=n.required,Oe=void 0!==Be&&Be,Re=n.requiredErrorText,Se=void 0===Re?"":Re,ze=n.loading,Ke=void 0!==ze&&ze,Ve=n["data-testid"],Xe=n.secondaryDataTestId,Me=n.tabIndex,Pe=n.underline,Ue=void 0!==Pe&&Pe,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=n.dir,ea=r(!1),aa=e(ea,2),ta=aa[0],oa=aa[1],na=i(null),ra=x(F,na,ee),ia=l((function(e){Oe&&!e.target.value&&oa(!0),O(e)}),[O,Oe]),la=l((function(e,a){ta&&e&&oa(!1),W(e,a||{target:na.current})}),[W,ta]),ca=d({delay:P,onChange:la,initialStateValue:_,trim:_e}),sa=ca.inputValue,da=ca.onEventChanged,ma=ca.clearValue,ua=c((function(){return Je?_:sa}),[Je,_,sa]),va=l((function(e){Je?la(e.target.value,e):da(e)}),[Je,la,da]),pa=c((function(){return te&&ua?te:ae}),[ae,te,ua]),ba=l((function(){J||(fe&&(na.current&&na.current.focus(),na.current.value="",Je?la(""):ma()),pe(pa))}),[J,fe,pe,pa,Je,la,ma]),fa=c((function(){return"number"==typeof we&&ua&&ua.length>we?b.error:de&&de.status||ta?b[ta?"error":de.status]:""}),[we,de,ta,ua]),Ca=ae||te,xa=ye||de&&de.text||ta&&Se,ya=te===pa,Ea=ae===pa,Na=(pe!==y||Te||Qe)&&ua&&ae.length&&Ea,ha=(te||Ze)&&ya&&!!ua,ga=je?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;s((function(){if((null==na?void 0:na.current)&&Y){var e=requestAnimationFrame((function(){return na.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[na,Y]);var Ia=pe!==y||fe,Ta=Te||Qe,ka=ke||Ze;return o.createElement("div",{className:t(I.textField,ue,a(a({},I.disabled,J),I.onlyUnderline,Ue)),role:We,"aria-busy":Ke},o.createElement("div",{className:t(I.labelWrapper)},o.createElement(p,{labelText:ie,icon:Ce,labelFor:ne,required:Oe}),o.createElement("div",{className:t(I.inputWrapper,f[ce],fa)},o.createElement("input",{className:t(D,I.input,a(a({},I.inputHasIcon,!!Ca),I.readOnly,Z)),placeholder:A,autoComplete:H,value:ua,onChange:va,disabled:J,readOnly:Z,ref:ra,type:Le,id:ne,"data-testid":Ve||N(h.TEXT_FIELD,ne),"data-vibe":g.TEXT_FIELD,name:Ye,onBlur:ia,onFocus:S,onKeyDown:K,onWheel:X,maxLength:"number"!=typeof we||je?void 0:we,role:he&&"combobox","aria-label":Ee||A,"aria-invalid":de&&"error"===de.status||ta,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":Oe,"aria-describedby":ga,required:Oe,tabIndex:Me,dir:$e}),Ke&&o.createElement("div",{className:t(I.loaderContainer,a({},I.loaderContainerHasIcon,Ca))},o.createElement("div",{className:t(I.loader)},o.createElement(u,{className:t(I.loaderSvg)}))),ae&&o.createElement(T,{content:Ea?Qe:void 0,referenceWrapperClassName:I.tooltipContainer},o.createElement(E,{className:t(I.iconContainer,a(a(a({},I.iconContainerHasIcon,Ca),I.iconContainerActive,Ea),I.iconContainerClickable,Ia)),onClick:ba,tabIndex:Na?0:-1,"aria-label":Ta},o.createElement(m,{icon:ae,className:t(I.icon),type:"font",size:"small"===ce?"16px":"18px"}))),te&&o.createElement(T,{content:ya?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:I.tooltipContainer},o.createElement(E,{className:t(I.iconContainer,a(a(a({},I.iconContainerHasIcon,Ca),I.iconContainerActive,ya),I.iconContainerClickable,Ia)),onClick:ba,tabIndex:ha?0:-1,"data-testid":Xe||N(h.TEXT_FIELD_SECONDARY_BUTTON,ne),"aria-label":ka},o.createElement(m,{icon:te,className:t(I.icon),type:"font",size:"small"===ce?"16px":"18px"})))),xa&&o.createElement(v,{type:"text2",color:"secondary",className:t(I.subTextContainer)},(de&&de.text||ta&&Se)&&o.createElement("span",{className:t(I.subTextContainerStatus)},ta?Se:de.text),ye&&o.createElement("span",{className:t(I.counter),"aria-label":C.CHAR},ua&&ua.length||0,"number"==typeof we&&"/".concat(we),o.createElement(k,{id:ga,text:"Maximum of ".concat(we," characters")})))))}));export{F as default};
2
- //# sourceMappingURL=TextField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ChangeEventHandler, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport { FEEDBACK_CLASSES, SIZE_MAPPER, TextFieldAriaLabel } from \"./TextFieldConstants\";\nimport { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\n\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { HiddenText } from \"@vibe/a11y\";\n\nexport interface TextFieldProps extends VibeComponentProps {\n /**\n * The placeholder text displayed when the input is empty.\n */\n placeholder?: string;\n /**\n * Configures the browser's autocomplete behavior.\n */\n autoComplete?: string;\n /**\n * The current value of the text field.\n */\n value?: string;\n /**\n * Callback fired when the text field value changes.\n */\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n /**\n * Callback fired when the text field loses focus.\n */\n onBlur?: (event: React.FocusEvent) => void;\n /**\n * Callback fired when the text field gains focus.\n */\n onFocus?: (event: React.FocusEvent) => void;\n /**\n * Callback fired when a key is pressed inside the text field.\n */\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /**\n * Callback fired when the mouse wheel is used inside the text field.\n */\n onWheel?: (event: React.WheelEvent) => void;\n /**\n * The debounce rate for input value changes.\n */\n debounceRate?: number;\n /**\n * If true, the input is automatically focused on mount.\n */\n autoFocus?: boolean;\n /**\n * If true, disables the text field.\n */\n disabled?: boolean;\n /**\n * If true, makes the text field read-only.\n */\n readonly?: boolean;\n /**\n * A function to set a reference to the input element.\n */\n setRef?: (node: HTMLElement) => void;\n /**\n * The primary icon displayed inside the text field.\n */\n icon?: string | React.FunctionComponent | null;\n /**\n * The secondary icon displayed inside the text field.\n */\n secondaryIconName?: string | React.FunctionComponent | null;\n /**\n * The label displayed above the text field.\n */\n title?: string;\n /**\n * The size of the text field.\n */\n size?: TextFieldSize;\n /**\n * Validation state for the text field.\n */\n validation?: { status?: \"error\" | \"success\"; text?: string | React.ReactNode };\n /**\n * Class name applied to the text field wrapper.\n */\n wrapperClassName?: string;\n /**\n * Callback fired when the icon inside the text field is clicked.\n */\n onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n /**\n * If true, clears the input when the icon is clicked.\n */\n clearOnIconClick?: boolean;\n /**\n * The icon displayed inside the label.\n */\n labelIconName?: string | React.FunctionComponent | null;\n /**\n * If true, displays the character count.\n */\n showCharCount?: boolean;\n /**\n * The ARIA label for the input field.\n */\n inputAriaLabel?: string;\n /**\n * The ID of the container where search results are displayed.\n */\n searchResultsContainerId?: string;\n /**\n * The ID of the currently active search result.\n */\n activeDescendant?: string;\n /**\n * Accessible label for the primary icon.\n */\n iconLabel?: string;\n /**\n * Accessible label for the secondary icon.\n */\n secondaryIconLabel?: string;\n /**\n * The type of the text field.\n */\n type?: TextFieldType;\n /**\n * The maximum number of characters allowed.\n */\n maxLength?: number;\n /**\n * If true, allows the user to exceed the character limit set by `maxLength`.\n */\n allowExceedingMaxLength?: boolean;\n /**\n * If true, trims whitespace from the input value.\n */\n trim?: boolean;\n /**\n * The ARIA role of the text field.\n */\n role?: string;\n /**\n * If true, marks the input as required.\n */\n required?: boolean;\n /**\n * The error message displayed when a required field is left empty.\n */\n requiredErrorText?: string;\n /**\n * If true, displays a loading indicator inside the text field.\n */\n loading?: boolean;\n /**\n * Test ID for the secondary icon.\n */\n secondaryDataTestId?: string;\n /**\n * The tab order of the input field.\n */\n tabIndex?: number;\n /**\n * The name attribute for the input field.\n */\n name?: string;\n /**\n * If true, renders only an underline style for the text field.\n */\n underline?: boolean;\n /**\n * If true, the component is controlled by an external state.\n */\n controlled?: boolean;\n /**\n * Tooltip content for the primary icon.\n */\n iconTooltipContent?: string;\n /**\n * Tooltip content for the secondary icon.\n */\n secondaryTooltipContent?: string;\n /**\n * The text direction of the input.\n */\n dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\nconst TextField = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n icon: iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconLabel,\n secondaryIconLabel,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent,\n dir\n }: TextFieldProps,\n ref: React.ForwardedRef<unknown>\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e || { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation || !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName || secondaryIconName;\n const shouldShowExtraText =\n showCharCount || (validation && validation.text) || (isRequiredAndEmpty && requiredErrorText);\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP || iconLabel || iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName || secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current || !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP || clearOnIconClick;\n\n const primaryIconAriaLabel = iconLabel || iconTooltipContent;\n const secondaryIconAriaLabel = secondaryIconLabel || secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/*Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule*/}\n {/*eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel || placeholder}\n aria-invalid={(validation && validation.status === \"error\") || isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n aria-label={primaryIconAriaLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n {secondaryIconName && (\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? 0 : -1}\n data-testid={secondaryDataTestId || getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n aria-label={secondaryIconAriaLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {((validation && validation.text) || (isRequiredAndEmpty && requiredErrorText)) && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) || 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default TextField;\n"],"names":["TextField","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","icon","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","iconLabel","secondaryIconLabel","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconAriaLabel","secondaryIconAriaLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","Icon","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",tooltipContainer:"tooltipContainer",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg"};!function(n){const e="s_id-c26ff539ba97_4_5_18";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField {\n position: relative;\n box-sizing: border-box;\n font: var(--font-text2-normal);\n width: 100%;\n}\n.textField * {\n box-sizing: border-box;\n}\n.textField .labelWrapper {\n width: 100%;\n}\n.textField .subTextContainer {\n display: flex;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding-block: 1px;\n}\n.textField .subTextContainer .counter {\n margin-inline-start: auto;\n}\n.textField.disabled .icon {\n cursor: not-allowed;\n}\n.textField.disabled .inputWrapper {\n cursor: not-allowed;\n}\n.textField.disabled .inputWrapper .input {\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n.textField.disabled .inputWrapper .input::placeholder {\n color: var(--disabled-text-color);\n}\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n background-color: transparent;\n}\n.textField .inputWrapper {\n width: 100%;\n position: relative;\n}\n.textField .inputWrapper .input {\n width: 100%;\n height: 100%;\n outline: 0;\n background-color: var(--secondary-background-color);\n border: 1px solid;\n border-color: var(--ui-border-color);\n border-radius: var(--border-radius-small);\n transition: border-color var(--motion-productive-medium) ease-in;\n padding: var(--space-8) var(--space-4) var(--space-8) var(--space-12);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--primary-text-color);\n}\n.textField .inputWrapper .input.readOnly {\n background-color: var(--allgrey-background-color);\n border: none;\n}\n.textField .inputWrapper .input.inputHover {\n border-color: var(--primary-text-color);\n}\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n border-color: var(--primary-color);\n}\n.textField .inputWrapper .input::placeholder {\n color: var(--placeholder-color);\n font-weight: 400;\n}\n.textField .inputWrapper .input.inputHasIcon {\n padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField .inputWrapper .input.round {\n border-radius: 50px;\n}\n.textField .inputWrapper .input.square {\n border-radius: 0;\n}\n.textField .inputWrapper .input.onlyUnderline {\n border-inline: none;\n border-top: none;\n padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n border-radius: 0 !important;\n}\n.textField .inputWrapper .tooltipContainer {\n position: absolute;\n top: 50%;\n inset-inline-end: 0;\n width: 32px;\n height: 20px;\n transform: translateY(-50%);\n}\n.textField .inputWrapper.wrapperSizeMedium .tooltipContainer {\n width: 40px;\n}\n.textField .inputWrapper.wrapperSizeLarge .tooltipContainer {\n width: 46px;\n}\n.textField .inputWrapper .iconContainer {\n position: absolute;\n top: 50%;\n inset-inline-end: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-small);\n opacity: 0;\n pointer-events: none;\n -webkit-appearance: none;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n pointer-events: all;\n cursor: pointer;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n pointer-events: none;\n cursor: default;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive {\n opacity: 1;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n opacity: 1;\n pointer-events: all;\n transform: rotate(0) scale(1);\n}\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n background-color: var(--primary-background-hover-color);\n}\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n transform: translateY(-50%) scale(0.9);\n}\n.textField .inputWrapper .iconContainer .icon {\n transform: rotate(90deg) scale(0.8);\n color: var(--icon-color);\n will-change: transform;\n pointer-events: none;\n transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n font-size: 14px;\n font-family: var(--font-family);\n}\n.textField .inputWrapper.inputErrorValidation:hover .input {\n border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .input {\n border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus,\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .counter {\n color: var(--negative-color);\n}\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .input {\n border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n color: var(--positive-color);\n}\n.textField .inputWrapper.wrapperSizeSmall {\n height: 32px;\n}\n.textField .inputWrapper.wrapperSizeSmall .input {\n padding-inline-start: var(--space-8);\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n padding-inline-start: var(--space-4);\n}\n.textField .inputWrapper.wrapperSizeMedium {\n height: 40px;\n}\n.textField .inputWrapper.wrapperSizeMedium .input {\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n padding-inline-start: 4px;\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n pointer-events: none;\n height: 32px;\n width: 32px;\n outline: none;\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n border-color: var(--primary-text-color);\n}\n.textField .inputWrapper.wrapperSizeLarge {\n height: 48px;\n}\n.textField .inputWrapper.wrapperSizeLarge .input {\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n padding-inline-start: var(--space-4);\n}\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n height: 40px;\n width: 40px;\n}\n.textField .inputWrapper:hover .input {\n border-color: var(--primary-text-color);\n}\n.textField .inputWrapper .loaderContainer {\n position: absolute;\n top: 50%;\n inset-inline-end: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n inset-inline-end: 32px;\n}\n.textField .inputWrapper .loaderContainer .loader {\n width: 16px;\n height: 16px;\n}\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n color: var(--secondary-text-color);\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n font-size: 16px;\n font-family: var(--font-family);\n}\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n font-size: 16px;\n font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}");export{n as default};
2
- //# sourceMappingURL=TextField.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{BASE_SIZES as e}from"../../constants/sizes.js";import i from"./TextField.module.scss.js";var t;!function(r){r.CHAR="Input char count",r.VALIDATION_TEXT="Additional helper text"}(t||(t={}));var o={error:i.inputErrorValidation,success:i.inputSuccessValidation},a=r(r(r({},e.SMALL,i.wrapperSizeSmall),e.MEDIUM,i.wrapperSizeMedium),e.LARGE,i.wrapperSizeLarge);export{o as FEEDBACK_CLASSES,a as SIZE_MAPPER,t as TextFieldAriaLabel};
2
- //# sourceMappingURL=TextFieldConstants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldConstants.js","sources":["../../../../../src/components/TextField/TextFieldConstants.ts"],"sourcesContent":["import { BASE_SIZES } from \"../../constants\";\nimport styles from \"./TextField.module.scss\";\n\nexport enum TextFieldAriaLabel {\n CHAR = \"Input char count\",\n VALIDATION_TEXT = \"Additional helper text\"\n}\n\nconst OLD_TEXT_FIELD_SIZES = {\n s: BASE_SIZES.SMALL,\n md: BASE_SIZES.MEDIUM,\n l: BASE_SIZES.LARGE\n};\n\nexport type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;\n\nexport const FEEDBACK_CLASSES = {\n error: styles.inputErrorValidation,\n success: styles.inputSuccessValidation\n};\n\nexport const SIZE_MAPPER = {\n [BASE_SIZES.SMALL]: styles.wrapperSizeSmall,\n [BASE_SIZES.MEDIUM]: styles.wrapperSizeMedium,\n [BASE_SIZES.LARGE]: styles.wrapperSizeLarge\n};\n"],"names":["TextFieldAriaLabel","FEEDBACK_CLASSES","error","styles","inputErrorValidation","success","inputSuccessValidation","SIZE_MAPPER","_defineProperty","BASE_SIZES","SMALL","wrapperSizeSmall","MEDIUM","wrapperSizeMedium","LARGE","wrapperSizeLarge"],"mappings":"oLAGYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,mBACAA,EAAA,gBAAA,wBACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAUM,IAAMC,EAAmB,CAC9BC,MAAOC,EAAOC,qBACdC,QAASF,EAAOG,wBAGLC,EAAWC,EAAAA,EAAAA,EAAA,CAAA,EACrBC,EAAWC,MAAQP,EAAOQ,kBAC1BF,EAAWG,OAAST,EAAOU,mBAC3BJ,EAAWK,MAAQX,EAAOY"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import r from"classnames";import a,{useRef as l,useMemo as s,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import{Text as d}from"@vibe/typography/mockedClassNames";import{Loader as f}from"@vibe/loader/mockedClassNames";import{Flex as p}from"@vibe/layout/mockedClassNames";import{CloseSmall as v}from"@vibe/icons";import T from"./ToastLink/ToastLink.js";import y from"./ToastButton/ToastButton.js";import{getIcon as b}from"./ToastHelpers.js";import{getStyle as h,NOOP as N}from"@vibe/shared";import g from"./Toast.module.scss.js";import{IconButton as k}from"@vibe/icon-button/mockedClassNames";import{usePrevious as E}from"@vibe/hooks";var C=function(C){var j=C.open,x=void 0!==j&&j,O=C.loading,A=void 0!==O&&O,B=C.autoHideDuration,_=void 0===B?null:B,w=C.type,L=void 0===w?"normal":w,S=C.icon,H=C.hideIcon,z=void 0!==H&&H,I=C.action,P=C.actions,D=C.children,R=C.closeable,U=void 0===R||R,q=C.onClose,F=void 0===q?N:q,G=C.className,J=C.id,K=C.closeButtonAriaLabel,M=void 0===K?"Close":K,Q=C["data-testid"],V=l(null),W=l(null),X=E(null==P?void 0:P.length),Y=s((function(){return P?P.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return a.createElement(T,Object.assign({key:o.href,className:g.actionLink},o))})):null}),[P]),Z=s((function(){return void 0!==X&&(null==P?void 0:P.length)!==X}),[P,X]),$=s((function(){return P?P.filter((function(t){return"button"===t.type})).map((function(o,i){var n=o.content,l=e(o,["type","content"]);return a.createElement(y,Object.assign({key:"alert-button-".concat(i),className:r(g.actionButton,t({},g.withTransition,Z))},l),n)})):null}),[P,Z]),tt=s((function(){return r(g.toast,h(g,o("type-"+L)),G)}),[L,G]),et=c((function(){F&&F()}),[F]),ot=l(),it=c((function(t){F&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,F]);m((function(){return x&&_>0&&it(_),function(){clearTimeout(ot.current)}}),[x,_,it]);var nt=!z&&b(L,S),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[D,rt]),a.createElement(u,{in:x,nodeRef:W,classNames:{enterActive:g.enterActive,exitActive:g.exitActive},timeout:400,unmountOnExit:!0},a.createElement(d,{ref:W,id:J,"data-testid":Q||i(n.TOAST,J),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},nt&&a.createElement("div",{className:r(g.icon)},nt),a.createElement(p,{align:"center",gap:"large",className:g.content},a.createElement(p,{gap:"medium","data-testid":i(n.TOAST_CONTENT),className:g.textContent},a.createElement("span",null,D),Y),($||I)&&($||I),A&&a.createElement(f,{size:"xs"})),U&&a.createElement(k,{className:r(g.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light","aria-label":M,"data-testid":i(n.TOAST_CLOSE_BUTTON),icon:v,hideTooltip:!0})))};export{C as default};
2
- //# sourceMappingURL=Toast.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.js","sources":["../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { Loader } from \"@vibe/loader\";\nimport { Flex } from \"@vibe/layout\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { usePrevious } from \"@vibe/hooks\";\n\nexport interface ToastProps extends VibeComponentProps {\n /**\n * The actions available in the toast.\n */\n actions?: ToastAction[];\n /**\n * If true, the toast is open (visible).\n */\n open?: boolean;\n /**\n * If true, displays a loading indicator inside the toast.\n */\n loading?: boolean;\n /**\n * The type of toast.\n */\n type?: ToastType;\n /**\n * The icon displayed in the toast.\n */\n icon?: string | React.FC<IconSubComponentProps> | null;\n /**\n * If true, hides the toast icon.\n */\n hideIcon?: boolean;\n /**\n * The action element displayed in the toast.\n */\n action?: JSX.Element;\n /**\n * If false, hides the close button.\n */\n closeable?: boolean;\n /**\n * Callback fired when the toast is closed.\n */\n onClose?: () => void;\n /**\n * The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n */\n autoHideDuration?: number;\n /**\n * The content displayed inside the toast.\n */\n children?: ReactElement | ReactElement[] | string;\n /**\n * The aria-label for the close button.\n */\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] | null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n /* Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose || duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\nexport default Toast;\n"],"names":["Toast","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- var n={toast:"toast",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",icon:"icon",withTransition:"withTransition",bounceIn:"bounceIn",content:"content",textContent:"textContent",enterActive:"enterActive",slideIn:"slideIn",exitActive:"exitActive",slideOut:"slideOut"};!function(n){const t="s_id-da2ee7919891_4_5_18";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast {\n box-shadow: var(--box-shadow-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: var(--space-16);\n position: fixed;\n left: 50%;\n top: 0;\n margin-inline: auto;\n padding: var(--space-8);\n align-items: center;\n display: flex;\n min-width: 200px;\n width: auto;\n border-radius: var(--border-radius-small);\n color: var(--fixed-light-color);\n transform: translateX(-50%);\n transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast.typeNormal {\n background-color: var(--primary-color);\n}\n.toast.typePositive {\n background-color: var(--positive-color);\n}\n.toast.typeNegative {\n background-color: var(--negative-color);\n}\n.toast.typeWarning {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n.toast.typeWarning .closeButton {\n color: var(--fixed-dark-color);\n}\n.toast.typeWarning .actionButton,\n.toast.typeWarning .actionLink {\n color: var(--fixed-dark-color);\n border-color: var(--fixed-dark-color);\n}\n.toast.typeDark {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.toast.typeDark .closeButton {\n color: var(--text-color-on-inverted);\n}\n.toast.typeDark .actionButton,\n.toast.typeDark .actionLink {\n color: var(--text-color-on-inverted);\n border-color: var(--text-color-on-inverted);\n}\n.icon {\n display: flex;\n margin-inline-start: var(--space-8);\n}\n.actionButton.withTransition {\n opacity: 0;\n animation: bounceIn 150ms cubic-bezier(0, 0, 0.4, 1);\n animation-delay: 300ms;\n animation-fill-mode: forwards;\n}\n.content {\n margin: 0 var(--space-8);\n flex: 1;\n}\n.textContent {\n display: inline-flex;\n flex-grow: 1;\n}\n.enterActive {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-name: slideIn;\n animation-duration: 350ms;\n animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-name: slideOut;\n animation-duration: 350ms;\n animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton {\n margin-inline-start: var(--space-8);\n}\n@keyframes slideIn {\n 0% {\n transform: translate(-50%, -100px);\n }\n 40% {\n transform: translate(-50%, 16px);\n }\n 100% {\n transform: translate(-50%, 0px);\n }\n}\n@keyframes slideOut {\n 0% {\n transform: translate(-50%, 0);\n }\n 100% {\n transform: translate(-50%, -100px);\n opacity: 0;\n }\n}\n@keyframes bounceIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}");export{n as default};
2
- //# sourceMappingURL=Toast.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{__rest as t}from"../../../../_virtual/_tslib.js";import{Button as s}from"@vibe/button/mockedClassNames";import a from"react";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";var r=function(r){var m=r.className,o=r.id,d=r["data-testid"],l=t(r,["className","id","data-testid"]);return a.createElement(s,Object.assign({},l,{id:o,kind:"secondary",marginLeft:!1,"data-testid":d||i(e.TOAST_BUTTON,o),className:m,size:"small",color:"fixed-light"}))};export{r as default};
2
- //# sourceMappingURL=ToastButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastButton.js","sources":["../../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n className,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: ToastButtonProps) => {\n return (\n <Button\n {...buttonProps}\n id={id}\n kind=\"secondary\"\n marginLeft={false}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n className={className}\n size=\"small\"\n color=\"fixed-light\"\n />\n );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"+PAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAJsCC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAMzC,OACEM,EAACC,cAAAC,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}
@@ -1,2 +0,0 @@
1
- import{Info as i,Check as r,Alert as o,Warning as a}from"@vibe/icons";var e={normal:i,positive:r,negative:o,warning:a,dark:i};export{e as defaultIconMap};
2
- //# sourceMappingURL=ToastConstants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastConstants.js","sources":["../../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\nexport const defaultIconMap = {\n normal: Info,\n positive: Check,\n negative: Alert,\n warning: Warning,\n dark: Info\n};\n"],"names":["defaultIconMap","normal","Info","positive","Check","negative","Alert","warning","Warning","dark"],"mappings":"sEAEO,IAAMA,EAAiB,CAC5BC,OAAQC,EACRC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,KAAMP"}
@@ -1,2 +0,0 @@
1
- import{typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{Icon as t}from"@vibe/icon/mockedClassNames";import{defaultIconMap as r}from"./ToastConstants.js";var s=function(s,i){return i&&"object"===o(i)?i:i||r[s]?e.createElement(t,{type:i?"font":"svg",icon:i||r[s],size:20,ignoreFocusStyle:!0}):null};export{s as getIcon};
2
- //# sourceMappingURL=ToastHelpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastHelpers.js","sources":["../../../../../src/components/Toast/ToastHelpers.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconSubComponentProps } from \"@vibe/icon\";\nimport { defaultIconMap } from \"./ToastConstants\";\nimport { type ToastType } from \"./Toast.types\";\n\nexport const getIcon = (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => {\n /* icon may be node a may be a string */\n if (icon && typeof icon === \"object\") {\n return icon;\n }\n return icon || defaultIconMap[type] ? (\n <Icon type={icon ? \"font\" : \"svg\"} icon={icon || defaultIconMap[type]} size={20} ignoreFocusStyle />\n ) : null;\n};\n"],"names":["getIcon","type","icon","_typeof","defaultIconMap","React","Icon","size","ignoreFocusStyle"],"mappings":"qMAKO,IAAMA,EAAU,SAACC,EAAiBC,GAEvC,OAAIA,GAAwB,WAAhBC,EAAOD,GACVA,EAEFA,GAAQE,EAAeH,GAC5BI,gBAACC,EAAI,CAACL,KAAMC,EAAO,OAAS,MAAOA,KAAMA,GAAQE,EAAeH,GAAOM,KAAM,GAAIC,kBAAgB,IAC/F,IACN"}
@@ -1,2 +0,0 @@
1
- import{__rest as t}from"../../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import e from"classnames";import i from"react";import{Link as m}from"@vibe/link/mockedClassNames";import r from"./ToastLink.module.scss.js";var o=function(o){var d=o.className,c=o.id,l=o["data-testid"],n=t(o,["className","id","data-testid"]),f=e(r.actionLink,d);return i.createElement(m,Object.assign({},n,{className:f,id:c,"data-testid":l||s(a.TOAST_LINK,c)}))};export{o as default};
2
- //# sourceMappingURL=ToastLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastLink.js","sources":["../../../../../../src/components/Toast/ToastLink/ToastLink.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./ToastLink.module.scss\";\n\nexport type ToastLinkProps = LinkProps;\n\nconst ToastLink: FC<ToastLinkProps> = ({ className, id, \"data-testid\": dataTestId, ...linkProps }) => {\n const classNames = cx(styles.actionLink, className);\n return (\n <Link\n {...linkProps}\n className={classNames}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_LINK, id)}\n />\n );\n};\n\nexport default ToastLink;\n"],"names":["ToastLink","_a","className","id","dataTestId","linkProps","__rest","classNames","cx","styles","actionLink","React","createElement","Link","Object","assign","getTestId","ComponentDefaultTestId","TOAST_LINK"],"mappings":"sRASA,IAAMA,EAAgC,SAACC,GAAA,IAAEC,EAAwCD,EAAxCC,UAAWC,EAA6BF,EAA7BE,GAAmBC,EAAUH,EAAzB,eAA8BI,EAA/CC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAC/BM,EAAaC,EAAGC,EAAOC,WAAYR,GACzC,OACES,EAACC,cAAAC,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAH,UAAWK,EACXJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,WAAYf,KAG9E"}
@@ -1,2 +0,0 @@
1
- var e={actionLink:"actionLink"};!function(e){const t="s_id-a224471727c9_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink {\n color: var(--text-color-on-primary);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n.actionLink:hover {\n color: inherit;\n}");export{e as default};
2
- //# sourceMappingURL=ToastLink.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/hooks/useDebounceEvent/index.ts"],"sourcesContent":["import {\n useMemo,\n useCallback,\n useState,\n useRef,\n useEffect,\n type ChangeEvent,\n type Dispatch,\n type SetStateAction\n} from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { noop } from \"es-toolkit\";\n\nexport type UseDebounceResult = {\n inputValue: string;\n onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;\n clearValue: () => void;\n updateValue: Dispatch<SetStateAction<string>>;\n};\n\nexport default function useDebounceEvent({\n delay = 0,\n onChange,\n initialStateValue = \"\",\n trim\n}: {\n onChange: (value: string) => void;\n initialStateValue?: string;\n delay?: number;\n trim?: boolean;\n}) {\n const [inputValue, setValue] = useState<string>(initialStateValue);\n const previousValue = useRef<string>(null);\n\n useEffect(() => {\n previousValue.current = initialStateValue;\n });\n\n const debounceCallback = useMemo(() => {\n if (!delay) {\n return onChange;\n }\n\n if (!onChange) {\n return noop;\n }\n\n return debounce(onChange, delay);\n }, [onChange, delay]);\n\n const onEventChanged = useCallback(\n (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => {\n const { value } = event.target;\n const finalValue = trim ? value.trim() : value;\n setValue(finalValue);\n debounceCallback(finalValue);\n },\n [debounceCallback, setValue, trim]\n );\n\n const clearValue = useCallback(() => {\n setValue(\"\");\n if (onChange) {\n onChange(\"\");\n }\n }, [setValue, onChange]);\n\n if (initialStateValue !== previousValue.current && initialStateValue !== inputValue) {\n setValue(initialStateValue);\n }\n\n return { inputValue, onEventChanged, clearValue, updateValue: setValue };\n}\n"],"names":["useDebounceEvent","_ref","_ref$delay","delay","onChange","_ref$initialStateValu","initialStateValue","trim","_useState","useState","_useState2","_slicedToArray","inputValue","setValue","previousValue","useRef","useEffect","current","debounceCallback","useMemo","debounce","noop","onEventChanged","useCallback","event","value","target","finalValue","clearValue","updateValue"],"mappings":"yNAoBc,SAAUA,EAAgBC,GAUvC,IAAAC,EAAAD,EATCE,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EACTE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,kBAAAA,OAAoB,IAAHD,EAAG,GAAEA,EACtBE,EAAIN,EAAJM,KAOAC,EAA+BC,EAAiBH,GAAkBI,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAQH,EAAA,GACrBI,EAAgBC,EAAe,MAErCC,GAAU,WACRF,EAAcG,QAAUX,CAC1B,IAEA,IAAMY,EAAmBC,GAAQ,WAC/B,OAAKhB,EAIAC,EAIEgB,EAAShB,EAAUD,GAHjBkB,EAJAjB,CAQX,GAAG,CAACA,EAAUD,IAERmB,EAAiBC,GACrB,SAACC,GACC,IAAQC,EAAUD,EAAME,OAAhBD,MACFE,EAAapB,EAAOkB,EAAMlB,OAASkB,EACzCZ,EAASc,GACTT,EAAiBS,EAClB,GACD,CAACT,EAAkBL,EAAUN,IAGzBqB,EAAaL,GAAY,WAC7BV,EAAS,IACLT,GACFA,EAAS,GAEb,GAAG,CAACS,EAAUT,IAMd,OAJIE,IAAsBQ,EAAcG,SAAWX,IAAsBM,GACvEC,EAASP,GAGJ,CAAEM,WAAAA,EAAYU,eAAAA,EAAgBM,WAAAA,EAAYC,YAAahB,EAChE"}
@@ -1,40 +0,0 @@
1
- /**
2
- * Props for form fields, including label, info text, and ID requirements for accessibility.
3
- * Using this type for a component's props will enforce that if a `label` or `infoText` is provided, an `id` must also be provided.
4
- * This is important for accessibility, to link the input with its label and description.
5
- * If there's a need, you can extend this type to add more shapes or conditions inside your form component types file.
6
- */
7
- export type FormElementProps = {
8
- /**
9
- * The label for the input.
10
- */
11
- label: string;
12
- /**
13
- * The id of the input.
14
- * Required when `label` or `infoText` is provided for accessibility reasons.
15
- */
16
- id: string;
17
- /**
18
- * Informational text to display below the input.
19
- */
20
- infoText?: string;
21
- } | {
22
- label?: never;
23
- /**
24
- * Informational text to display below the input.
25
- * If provided, an `id` is also required for accessibility.
26
- */
27
- infoText: string;
28
- /**
29
- * The id of the input.
30
- * Required when `infoText` or `label` is provided for accessibility reasons.
31
- */
32
- id: string;
33
- } | {
34
- label?: never;
35
- infoText?: never;
36
- /**
37
- * The id of the input.
38
- */
39
- id?: string;
40
- };
@@ -1,2 +0,0 @@
1
- import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as n}from"react";import s from"classnames";import r from"./EmptyState.module.scss.js";import{getTestId as a,ComponentDefaultTestId as o}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";import l from"../../../components/layout/dist/Flex/Flex.js";import c from"../../../components/typography/dist/Heading/Heading.js";import p from"../../../components/typography/dist/Text/Text.js";import d from"../../../components/button/dist/Button/Button.js";import u from"../../../components/link/dist/Link/Link.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var g=n((function(n,g){var j=n.className,x=n.title,y=n.description,E=n.visual,b=n.mainAction,v=n.supportingAction,T=n.layout,h=void 0===T?"default":T,N=n.id,_=n["data-testid"],k="compact"===h;return i.createElement(l,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:s(r.emptyState,f(r,h),j),id:N,"data-testid":_||a(o.EMPTY_STATE,N),"data-vibe":m.EMPTY_STATE,ref:g},!!E&&E,i.createElement(l,{direction:"column",align:"center",gap:k?12:"medium",className:r.content},i.createElement(l,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(c,{type:"h3",weight:"normal",className:r.title,align:"center",ellipsis:!1},x),"string"==typeof y?i.createElement(p,{className:r.description,align:"center",ellipsis:!1},y):y),(b||v)&&i.createElement(l,{direction:"column",align:"center",gap:"small",className:r.actions},function(e,n){if("object"===t(e)&&"text"in e)return i.createElement(d,Object.assign({kind:"secondary",size:n?"small":"medium"},e),e.text);return e}(b,k),function(n,s){if("object"===t(n)){if("text"in n&&"href"in n){var r=n.text,a=e(n,["text"]);return i.createElement(u,Object.assign({text:r},a))}if("text"in n){var o=n.text,m=e(n,["text"]);return i.createElement(d,Object.assign({kind:"tertiary",size:s?"small":"medium"},m),o)}}return n}(v,k))))}));export{g as default};
2
- //# sourceMappingURL=EmptyState.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n data-vibe={ComponentVibeId.EMPTY_STATE}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction || supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"iwBAYMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC/B,CACA,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}
@@ -1,2 +0,0 @@
1
- var t={emptyState:"emptyState_f2775cb82c",compact:"compact_a10191c8ed",content:"content_3453775411",title:"title_5b59f805fc",description:"description_5b59f805fc",actions:"actions_b491b62279"};!function(t){const e="s_id-e8e63a5fb772_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState_f2775cb82c {\n width: 100%;\n padding: var(--space-24);\n box-sizing: border-box;\n background: var(--primary-background-color);\n}\n.emptyState_f2775cb82c.compact_a10191c8ed {\n padding: var(--space-16);\n}\n.emptyState_f2775cb82c .content_3453775411 {\n width: 100%;\n text-align: center;\n}\n.emptyState_f2775cb82c .content_3453775411 .title_5b59f805fc {\n max-width: 500px;\n}\n.emptyState_f2775cb82c .content_3453775411 .description_5b59f805fc {\n max-width: 500px;\n}\n.emptyState_f2775cb82c .content_3453775411 .actions_b491b62279 {\n width: 100%;\n}");export{t as default};
2
- //# sourceMappingURL=EmptyState.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EmptyState.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import e from"classnames";import o,{forwardRef as a}from"react";import l from"./FieldLabel.module.scss.js";import t from"../../../components/icon/dist/Icon/Icon.js";var r=a((function(a,r){var m=a.icon,n=void 0===m?"":m,s=a.labelText,i=void 0===s?"":s,c=a.labelFor,d=void 0===c?"":c,p=a.iconClassName,v=void 0===p?"":p,b=a.labelClassName,f=void 0===b?"":b,u=a.required,N=void 0!==u&&u,C=a.id,E=void 0===C?"":C,F=a.htmlFor,x=void 0===F?"":F;return i?o.createElement("section",{className:e(l.labelComponentWrapper,a.className)},o.createElement(t,{icon:n,className:e(l.labelComponentIcon,v),id:d,type:"font"}),o.createElement("label",{id:E,htmlFor:d||x,ref:r,className:e(l.labelComponentText,f)},i,N&&o.createElement("span",{className:l.required}," *"))):null}));export{r as default};
2
- //# sourceMappingURL=FieldLabel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n /**\n * The icon displayed next to the label.\n */\n icon?: string | React.FunctionComponent | null;\n /**\n * The text content of the label.\n */\n labelText?: string;\n /**\n * The ID of the associated input element.\n */\n labelFor?: string;\n /**\n * Class name applied to the icon.\n */\n iconClassName?: string;\n /**\n * Class name applied to the label text.\n */\n labelClassName?: string;\n /**\n * If true, displays an asterisk to indicate a required field.\n */\n required?: boolean;\n /**\n * The HTML for attribute of the associated input element.\n */\n htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n (\n {\n className,\n icon = \"\",\n labelText = \"\",\n labelFor = \"\",\n iconClassName = \"\",\n labelClassName = \"\",\n required = false,\n id = \"\",\n htmlFor = \"\"\n },\n ref: ForwardedRef<HTMLLabelElement>\n ) => {\n if (!labelText) {\n return null;\n }\n\n return (\n <section className={cx(styles.labelComponentWrapper, className)}>\n <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} type=\"font\" />\n <label\n id={id}\n htmlFor={labelFor || htmlFor}\n ref={ref}\n className={cx(styles.labelComponentText, labelClassName)}\n >\n {labelText}\n {required && <span className={styles.required}> *</span>}\n </label>\n </section>\n );\n }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","type","labelComponentText"],"mappings":"qKAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,KAAK,SAC9FR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}
@@ -1,2 +0,0 @@
1
- var e={labelComponentWrapper:"labelComponentWrapper_2341a29f7f",labelComponentIcon:"labelComponentIcon_a785229196",labelComponentText:"labelComponentText_1c6fcfaae1",required:"required_fe189c39e7"};!function(e){const n="s_id-c78e4bf29ce0_4_5_18";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_2341a29f7f {\n font: var(--font-text2-normal);\n display: flex;\n padding-bottom: var(--space-4);\n align-items: center;\n}\n.labelComponentIcon_a785229196 {\n margin: 0 var(--space-8) 0 var(--space-4);\n line-height: 24px;\n color: var(--secondary-text-color);\n}\n.labelComponentText_1c6fcfaae1 {\n color: var(--primary-text-color);\n padding-block: 2px;\n}\n.required_fe189c39e7 {\n color: var(--negative-color);\n}");export{e as default};
2
- //# sourceMappingURL=FieldLabel.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FieldLabel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as a,useCallback as n}from"react";import"../../../_virtual/_tslib.js";import"classnames";import"./components/InfoLink/InfoLink.module.scss.js";import r from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as s,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import c from"../../../components/dialog/dist/Dialog/Dialog.js";import m from"../../../components/icon-button/dist/IconButton/IconButton.js";import u from"../../../icons/dist/react/Info.js";import{useMergeRef as p}from"../../../shared/dist/hooks/useMergeRef.js";var f=e((function(e,f){var g=e.id,b=e.className,v=e.title,h=e.body,k=e.link,j=e["aria-label"],y=e["aria-labelledby"],D=e.position,I=void 0===D?"bottom-start":D,N=e.disabled,B=void 0!==N&&N,T=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,S=e.dialogClassName,_=e.containerSelector,w=e["data-testid"],x=t(null),C=p(f,x),F=t(null),A=a(!1),L=o(A,2),O=L[0],R=L[1],q=g?"".concat(g,"-dialog"):void 0,z=n((function(){R(!0),null==T||T(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[T]),M=n((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=x.current)||void 0===i||i.focus())}),[E]);return i.createElement(c,{id:q,disable:B,position:I,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:_,content:i.createElement(r,{ref:F,id:q,title:v,body:h,link:k,className:S}),hideWhenReferenceHidden:!0},i.createElement(m,{ref:C,id:g,className:b,icon:u,size:"xs",kind:"tertiary",active:O,disabled:B,"aria-label":j,"aria-labelledby":y,"aria-controls":q,"aria-haspopup":"dialog","aria-expanded":O,"data-testid":w||d(s.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
2
- //# sourceMappingURL=Info.js.map