@vibe/core 3.50.1-alpha-b92cc.0 → 3.50.2

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 (384) hide show
  1. package/dist/components/BaseList/BaseList.types.d.ts +4 -0
  2. package/dist/components/DropdownNew/Dropdown.types.d.ts +36 -0
  3. package/dist/components/DropdownNew/components/DropdownBase/DropdownBase.d.ts +7 -0
  4. package/dist/components/DropdownNew/components/DropdownPopup/DropdownPopup.d.ts +3 -0
  5. package/dist/components/DropdownNew/components/DropdownWrapperUI.d.ts +9 -0
  6. package/dist/components/DropdownNew/components/Menu/Menu.d.ts +4 -0
  7. package/dist/components/DropdownNew/components/{MultiSelectedValues.d.ts → MultiSelectedValues/MultiSelectedValues.d.ts} +1 -1
  8. package/dist/components/DropdownNew/components/Trigger/Trigger.d.ts +3 -0
  9. package/dist/components/DropdownNew/context/DropdownContext.d.ts +57 -0
  10. package/dist/components/DropdownNew/context/DropdownContext.types.d.ts +31 -0
  11. package/dist/components/DropdownNew/hooks/useDropdownCombobox.d.ts +4 -1
  12. package/dist/components/DropdownNew/hooks/useDropdownFiltering.d.ts +1 -1
  13. package/dist/components/DropdownNew/hooks/useDropdownMultiCombobox.d.ts +4 -1
  14. package/dist/components/DropdownNew/hooks/useDropdownMultiSelect.d.ts +22 -0
  15. package/dist/components/DropdownNew/hooks/useDropdownSelect.d.ts +19 -0
  16. package/dist/components/DropdownNew/modes/DropdownComboboxController.d.ts +5 -0
  17. package/dist/components/DropdownNew/modes/DropdownMultiComboboxController.d.ts +5 -0
  18. package/dist/components/DropdownNew/modes/DropdownMultiSelectController.d.ts +5 -0
  19. package/dist/components/DropdownNew/modes/DropdownSelectController.d.ts +5 -0
  20. package/dist/components/DropdownNew/utils/dropdown-modifiers.d.ts +2 -0
  21. package/dist/components/DropdownNew/utils/dropdownUtils.d.ts +1 -1
  22. package/dist/components/TextField/TextField.d.ts +1 -1
  23. package/dist/metadata.json +542 -14161
  24. package/dist/mocked_classnames/components/BaseList/BaseList.types.d.ts +4 -0
  25. package/dist/mocked_classnames/components/DropdownNew/Dropdown.types.d.ts +36 -0
  26. package/dist/mocked_classnames/components/DropdownNew/components/DropdownBase/DropdownBase.d.ts +7 -0
  27. package/dist/mocked_classnames/components/DropdownNew/components/DropdownPopup/DropdownPopup.d.ts +3 -0
  28. package/dist/mocked_classnames/components/DropdownNew/components/DropdownWrapperUI.d.ts +9 -0
  29. package/dist/mocked_classnames/components/DropdownNew/components/Menu/Menu.d.ts +4 -0
  30. package/dist/mocked_classnames/components/DropdownNew/components/{MultiSelectedValues.d.ts → MultiSelectedValues/MultiSelectedValues.d.ts} +1 -1
  31. package/dist/mocked_classnames/components/DropdownNew/components/Trigger/Trigger.d.ts +3 -0
  32. package/dist/mocked_classnames/components/DropdownNew/context/DropdownContext.d.ts +57 -0
  33. package/dist/mocked_classnames/components/DropdownNew/context/DropdownContext.types.d.ts +31 -0
  34. package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownCombobox.d.ts +4 -1
  35. package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownFiltering.d.ts +1 -1
  36. package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownMultiCombobox.d.ts +4 -1
  37. package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownMultiSelect.d.ts +22 -0
  38. package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownSelect.d.ts +19 -0
  39. package/dist/mocked_classnames/components/DropdownNew/modes/DropdownComboboxController.d.ts +5 -0
  40. package/dist/mocked_classnames/components/DropdownNew/modes/DropdownMultiComboboxController.d.ts +5 -0
  41. package/dist/mocked_classnames/components/DropdownNew/modes/DropdownMultiSelectController.d.ts +5 -0
  42. package/dist/mocked_classnames/components/DropdownNew/modes/DropdownSelectController.d.ts +5 -0
  43. package/dist/mocked_classnames/components/DropdownNew/utils/dropdown-modifiers.d.ts +2 -0
  44. package/dist/mocked_classnames/components/DropdownNew/utils/dropdownUtils.d.ts +1 -1
  45. package/dist/mocked_classnames/components/TextField/TextField.d.ts +1 -1
  46. package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  47. package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  48. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  49. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  50. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  51. package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  52. package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  53. package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
  54. package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  55. package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  56. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  57. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  58. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  59. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  60. package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
  61. package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  62. package/dist/mocked_classnames/src/components/BaseInput/BaseInput.module.scss.js +1 -1
  63. package/dist/mocked_classnames/src/components/Box/Box.module.scss.js +1 -1
  64. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  65. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  66. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  67. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  68. package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
  69. package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  70. package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  71. package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
  72. package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
  73. package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  74. package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  75. package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  76. package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  77. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  78. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  79. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  80. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  81. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  82. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  83. package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
  84. package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
  85. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  86. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
  87. package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
  88. package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
  89. package/dist/mocked_classnames/src/components/Dialog/Dialog.js +1 -1
  90. package/dist/mocked_classnames/src/components/Dialog/Dialog.js.map +1 -1
  91. package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js +1 -1
  92. package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
  93. package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  94. package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
  95. package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
  96. package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
  97. package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
  98. package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
  99. package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
  100. package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
  101. package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  102. package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
  103. package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  104. package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
  105. package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  106. package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  107. package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js +1 -1
  108. package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  109. package/dist/mocked_classnames/src/components/Heading/Heading.module.scss.js +1 -1
  110. package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  111. package/dist/mocked_classnames/src/components/Icon/Icon.module.scss.js +1 -1
  112. package/dist/mocked_classnames/src/components/IconButton/IconButton.module.scss.js +1 -1
  113. package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
  114. package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  115. package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
  116. package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
  117. package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
  118. package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
  119. package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
  120. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  121. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  122. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  123. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  124. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  125. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  126. package/dist/mocked_classnames/src/components/Loader/Loader.module.scss.js +1 -1
  127. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  128. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  129. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  130. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  131. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  132. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  133. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  134. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  135. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  136. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  137. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  138. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  139. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  140. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  141. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  142. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  143. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  144. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  145. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  146. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  147. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  148. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  149. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  150. package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
  151. package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
  152. package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  153. package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  154. package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
  155. package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  156. package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
  157. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  158. package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
  159. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  160. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  161. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  162. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  163. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  164. package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
  165. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  166. package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
  167. package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
  168. package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
  169. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  170. package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
  171. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  172. package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
  173. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  174. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  175. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  176. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  177. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  178. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  179. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  180. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  181. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js +1 -1
  182. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js.map +1 -1
  183. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  184. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  185. package/dist/mocked_classnames/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js +1 -1
  186. package/dist/mocked_classnames/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js.map +1 -1
  187. package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  188. package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  189. package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  190. package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  191. package/dist/mocked_classnames/src/components/Text/Text.module.scss.js +1 -1
  192. package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
  193. package/dist/mocked_classnames/src/components/TextField/TextField.js +1 -1
  194. package/dist/mocked_classnames/src/components/TextField/TextField.js.map +1 -1
  195. package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
  196. package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  197. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  198. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  199. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  200. package/dist/mocked_classnames/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
  201. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  202. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  203. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  204. package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
  205. package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  206. package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
  207. package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
  208. package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
  209. package/dist/mocked_classnames/src/components/Tooltip/Tooltip.module.scss.js +1 -1
  210. package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
  211. package/dist/mocked_classnames/src/components/Typography/Typography.module.scss.js +1 -1
  212. package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  213. package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  214. package/dist/mocked_classnames/style/dist/index.min.css.js +1 -1
  215. package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  216. package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  217. package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  218. package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  219. package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  220. package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  221. package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  222. package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
  223. package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  224. package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  225. package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  226. package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  227. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  228. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  229. package/dist/src/components/Badge/Badge.module.scss.js +1 -1
  230. package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  231. package/dist/src/components/BaseInput/BaseInput.module.scss.js +1 -1
  232. package/dist/src/components/Box/Box.module.scss.js +1 -1
  233. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  234. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  235. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  236. package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  237. package/dist/src/components/Button/Button.module.scss.js +1 -1
  238. package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  239. package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  240. package/dist/src/components/Chips/Chips.module.scss.js +1 -1
  241. package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
  242. package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  243. package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  244. package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  245. package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  246. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  247. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  248. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  249. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  250. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  251. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  252. package/dist/src/components/Counter/Counter.module.scss.js +1 -1
  253. package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
  254. package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  255. package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
  256. package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
  257. package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
  258. package/dist/src/components/Dialog/Dialog.js +1 -1
  259. package/dist/src/components/Dialog/Dialog.js.map +1 -1
  260. package/dist/src/components/Dialog/Dialog.module.scss.js +1 -1
  261. package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
  262. package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  263. package/dist/src/components/Divider/Divider.module.scss.js +1 -1
  264. package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
  265. package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
  266. package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
  267. package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
  268. package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
  269. package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
  270. package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  271. package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
  272. package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  273. package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
  274. package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  275. package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  276. package/dist/src/components/Flex/Flex.module.scss.js +1 -1
  277. package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  278. package/dist/src/components/Heading/Heading.module.scss.js +1 -1
  279. package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  280. package/dist/src/components/Icon/Icon.module.scss.js +1 -1
  281. package/dist/src/components/IconButton/IconButton.module.scss.js +1 -1
  282. package/dist/src/components/Label/Label.module.scss.js +1 -1
  283. package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  284. package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
  285. package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
  286. package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
  287. package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
  288. package/dist/src/components/Link/Link.module.scss.js +1 -1
  289. package/dist/src/components/List/List.module.scss.js +1 -1
  290. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  291. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  292. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  293. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  294. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  295. package/dist/src/components/Loader/Loader.module.scss.js +1 -1
  296. package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  297. package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  298. package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  299. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  300. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  301. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  302. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  303. package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  304. package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  305. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  306. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  307. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  308. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  309. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  310. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  311. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  312. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  313. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  314. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  315. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  316. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  317. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  318. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  319. package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
  320. package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
  321. package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  322. package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  323. package/dist/src/components/Search/Search.module.scss.js +1 -1
  324. package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  325. package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
  326. package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  327. package/dist/src/components/Slider/Slider.module.scss.js +1 -1
  328. package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  329. package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  330. package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  331. package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  332. package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  333. package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
  334. package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  335. package/dist/src/components/Steps/Steps.module.scss.js +1 -1
  336. package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
  337. package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
  338. package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  339. package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
  340. package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  341. package/dist/src/components/Switch/Switch.module.scss.js +1 -1
  342. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  343. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  344. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  345. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  346. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  347. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  348. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  349. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  350. package/dist/src/components/Table/TableRowMenu/TableRowMenu.js +1 -1
  351. package/dist/src/components/Table/TableRowMenu/TableRowMenu.js.map +1 -1
  352. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  353. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  354. package/dist/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js +1 -1
  355. package/dist/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js.map +1 -1
  356. package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  357. package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  358. package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  359. package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  360. package/dist/src/components/Text/Text.module.scss.js +1 -1
  361. package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
  362. package/dist/src/components/TextField/TextField.js +1 -1
  363. package/dist/src/components/TextField/TextField.js.map +1 -1
  364. package/dist/src/components/TextField/TextField.module.scss.js +1 -1
  365. package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  366. package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  367. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  368. package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  369. package/dist/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
  370. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  371. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  372. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  373. package/dist/src/components/Toast/Toast.module.scss.js +1 -1
  374. package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  375. package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
  376. package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
  377. package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
  378. package/dist/src/components/Tooltip/Tooltip.module.scss.js +1 -1
  379. package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
  380. package/dist/src/components/Typography/Typography.module.scss.js +1 -1
  381. package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  382. package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  383. package/dist/style/dist/index.min.css.js +1 -1
  384. package/package.json +2 -2
@@ -1,2 +1,2 @@
1
- var e={header:"header_31ac59ea3f"};!function(e){const t="s_id-918f12c2f9aa_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_31ac59ea3f {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-small);\n}");export{e as default};
1
+ var e={header:"header_4ba526f29c"};!function(e){const t="s_id-918f12c2f9aa_3_50_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_4ba526f29c {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-small);\n}");export{e as default};
2
2
  //# sourceMappingURL=StepsHeader.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={numbers:"numbers_8a35e31bec"};!function(e){const t="s_id-126f9ab60838_3_50_0";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)}(".numbers_8a35e31bec {\n margin: 0 var(--spacing-small);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
1
+ var e={numbers:"numbers_ba63ae78af"};!function(e){const t="s_id-126f9ab60838_3_50_1";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)}(".numbers_ba63ae78af {\n margin: 0 var(--spacing-small);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
2
2
  //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={"hidden-switch":"hidden-switch_aea118ea70"};!function(e){const t="s_id-ac5bc6964f98_3_50_0";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)}(".hidden-switch_aea118ea70 {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}");export{e as default};
1
+ var e={"hidden-switch":"hidden-switch_582be52a34"};!function(e){const t="s_id-ac5bc6964f98_3_50_1";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)}(".hidden-switch_582be52a34 {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}");export{e as default};
2
2
  //# sourceMappingURL=Switch.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var r={table:"table_1a19b4d769",border:"border_369ce6d84d",virtualized:"virtualized_085cb48f6c",hasScroll:"hasScroll_3dd4f632ef"};!function(r){const e="s_id-2b8bccf4a9c1_3_50_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_1a19b4d769 {\n --sticky-cell-hover-background: linear-gradient(\n to right,\n var(--primary-background-hover-color),\n var(--primary-background-hover-color)\n ),\n linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n background-color: var(--primary-background-color);\n overflow: auto;\n width: 100%;\n height: 100%;\n}\n.table_1a19b4d769.border_369ce6d84d {\n border: 1px solid var(--layout-border-color);\n border-radius: var(--border-radius-small);\n}\n.table_1a19b4d769 [role=rowgroup] [role=row] > [role=cell] {\n border-bottom: 1px solid var(--layout-border-color);\n}\n.table_1a19b4d769 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n border-bottom: none;\n}\n.table_1a19b4d769.virtualized_085cb48f6c {\n overflow: hidden;\n}\n.table_1a19b4d769.hasScroll_3dd4f632ef {\n --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
1
+ var r={table:"table_3b8d6c40a1",border:"border_0ed7d01a77",virtualized:"virtualized_690ded355d",hasScroll:"hasScroll_8c759bf188"};!function(r){const e="s_id-2b8bccf4a9c1_3_50_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_3b8d6c40a1 {\n --sticky-cell-hover-background: linear-gradient(\n to right,\n var(--primary-background-hover-color),\n var(--primary-background-hover-color)\n ),\n linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n background-color: var(--primary-background-color);\n overflow: auto;\n width: 100%;\n height: 100%;\n}\n.table_3b8d6c40a1.border_0ed7d01a77 {\n border: 1px solid var(--layout-border-color);\n border-radius: var(--border-radius-small);\n}\n.table_3b8d6c40a1 [role=rowgroup] [role=row] > [role=cell] {\n border-bottom: 1px solid var(--layout-border-color);\n}\n.table_3b8d6c40a1 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n border-bottom: none;\n}\n.table_3b8d6c40a1.virtualized_690ded355d {\n overflow: hidden;\n}\n.table_3b8d6c40a1.hasScroll_8c759bf188 {\n --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
2
2
  //# sourceMappingURL=Table.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableBody:"tableBody_cd11a49095"};!function(e){const t="s_id-afed3a5f5737_3_50_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_cd11a49095 {\n height: 100%;\n}");export{e as default};
1
+ var e={tableBody:"tableBody_201e6b79c8"};!function(e){const t="s_id-afed3a5f5737_3_50_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_201e6b79c8 {\n height: 100%;\n}");export{e as default};
2
2
  //# sourceMappingURL=TableBody.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableCell:"tableCell_ef26b439e4",sticky:"sticky_a7696b8b77"};!function(e){const t="s_id-25789b81dac4_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_ef26b439e4 {\n padding: 9px 16px;\n overflow: hidden;\n display: flex;\n align-items: center;\n}\n.tableCell_ef26b439e4.sticky_a7696b8b77 {\n z-index: 1;\n position: sticky;\n left: 0;\n box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
1
+ var e={tableCell:"tableCell_597ecfc9ba",sticky:"sticky_de687db026"};!function(e){const t="s_id-25789b81dac4_3_50_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_597ecfc9ba {\n padding: 9px 16px;\n overflow: hidden;\n display: flex;\n align-items: center;\n}\n.tableCell_597ecfc9ba.sticky_de687db026 {\n z-index: 1;\n position: sticky;\n left: 0;\n box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
2
2
  //# sourceMappingURL=TableCell.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_cd11a49095",longText:"longText_6eae4fa198",mediumText:"mediumText_f294f246f9",tableCellSkeleton:"tableCellSkeleton_cd11a49095",circle:"circle_1b252cf6fb",rectangle:"rectangle_bc5a76a17a"};!function(e){const l="s_id-18cab9319884_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_cd11a49095 {\n height: 100%;\n}\n.tableCellSkeletonWrapper_cd11a49095.longText_6eae4fa198 {\n padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_cd11a49095.mediumText_f294f246f9 {\n padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_cd11a49095 .tableCellSkeleton_cd11a49095 {\n height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n .tableCellSkeletonWrapper_cd11a49095 .tableCellSkeleton_cd11a49095.circle_1b252cf6fb, .tableCellSkeletonWrapper_cd11a49095 .tableCellSkeleton_cd11a49095.rectangle_bc5a76a17a {\n width: auto;\n aspect-ratio: 1/1;\n }\n}\n@supports not (aspect-ratio: 1/1) {\n .tableCellSkeletonWrapper_cd11a49095 .tableCellSkeleton_cd11a49095.circle_1b252cf6fb, .tableCellSkeletonWrapper_cd11a49095 .tableCellSkeleton_cd11a49095.rectangle_bc5a76a17a {\n width: 21px;\n }\n}");export{e as default};
1
+ var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_201e6b79c8",longText:"longText_dd59e289cc",mediumText:"mediumText_e6e11c98e6",tableCellSkeleton:"tableCellSkeleton_201e6b79c8",circle:"circle_d7b2404600",rectangle:"rectangle_e50a45b1e0"};!function(e){const l="s_id-18cab9319884_3_50_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_201e6b79c8 {\n height: 100%;\n}\n.tableCellSkeletonWrapper_201e6b79c8.longText_dd59e289cc {\n padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_201e6b79c8.mediumText_e6e11c98e6 {\n padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_201e6b79c8 .tableCellSkeleton_201e6b79c8 {\n height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n .tableCellSkeletonWrapper_201e6b79c8 .tableCellSkeleton_201e6b79c8.circle_d7b2404600, .tableCellSkeletonWrapper_201e6b79c8 .tableCellSkeleton_201e6b79c8.rectangle_e50a45b1e0 {\n width: auto;\n aspect-ratio: 1/1;\n }\n}\n@supports not (aspect-ratio: 1/1) {\n .tableCellSkeletonWrapper_201e6b79c8 .tableCellSkeleton_201e6b79c8.circle_d7b2404600, .tableCellSkeletonWrapper_201e6b79c8 .tableCellSkeleton_201e6b79c8.rectangle_e50a45b1e0 {\n width: 21px;\n }\n}");export{e as default};
2
2
  //# sourceMappingURL=TableCellSkeleton.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableContainer:"tableContainer_8ef3d5be9b",menuContainer:"menuContainer_4fd7ba8c45"};!function(e){const n="s_id-545d156e3798_3_50_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_8ef3d5be9b {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.tableContainer_8ef3d5be9b .menuContainer_4fd7ba8c45 {\n --cell-width: 40px;\n position: absolute;\n overflow: hidden;\n left: calc(var(--cell-width) * -1);\n width: var(--cell-width);\n height: 100%;\n}");export{e as default};
1
+ var e={tableContainer:"tableContainer_e5c6a41a6d",menuContainer:"menuContainer_3466e1d7bc"};!function(e){const n="s_id-c61f3446ce1a_3_50_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_e5c6a41a6d {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.tableContainer_e5c6a41a6d .menuContainer_3466e1d7bc {\n --cell-width: 40px;\n position: absolute;\n overflow: hidden;\n left: calc(1px - var(--cell-width));\n width: var(--cell-width);\n height: 100%;\n}");export{e as default};
2
2
  //# sourceMappingURL=TableContainer.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableHeader:"tableHeader_3dbf1bed1d",virtualized:"virtualized_78244878e1"};!function(e){const d="s_id-8e924ee64aa4_3_50_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tableHeader_3dbf1bed1d {\n display: grid;\n grid-template-columns: var(--table-grid-template-columns);\n position: sticky;\n top: 0;\n z-index: 2;\n background-color: var(--primary-background-color);\n min-width: 100%;\n width: fit-content;\n}\n.tableHeader_3dbf1bed1d > [role=columnheader] {\n background-color: inherit;\n}\n.tableHeader_3dbf1bed1d.virtualized_78244878e1 {\n overflow: auto;\n width: auto;\n scrollbar-width: none;\n}\n.tableHeader_3dbf1bed1d.virtualized_78244878e1::-webkit-scrollbar {\n display: none;\n}");export{e as default};
1
+ var e={tableHeader:"tableHeader_5478e4df05",virtualized:"virtualized_b0456f7976"};!function(e){const t="s_id-8e924ee64aa4_3_50_1";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)}(".tableHeader_5478e4df05 {\n display: grid;\n grid-template-columns: var(--table-grid-template-columns);\n position: sticky;\n top: 0;\n z-index: 2;\n background-color: var(--primary-background-color);\n min-width: 100%;\n width: fit-content;\n}\n.tableHeader_5478e4df05 > [role=columnheader] {\n background-color: inherit;\n}\n.tableHeader_5478e4df05.virtualized_b0456f7976 {\n overflow: auto;\n width: auto;\n scrollbar-width: none;\n}\n.tableHeader_5478e4df05.virtualized_b0456f7976::-webkit-scrollbar {\n display: none;\n}");export{e as default};
2
2
  //# sourceMappingURL=TableHeader.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableHeaderCell:"tableHeaderCell_826f8383d5","focus-visible":"focus-visible_212cbeb82b",sticky:"sticky_a7696b8b77",sortActive:"sortActive_f3e1c68c78",tableHeaderCellContent:"tableHeaderCellContent_45a58ac75c",icon:"icon_034fe9e8eb",infoTooltip:"infoTooltip_fada2bd2cf",tableHeaderCellSort:"tableHeaderCellSort_df16e758f1",sort:"sort_17ab1bd26a",asc:"asc_2c38d91220",desc:"desc_86971537b2",show:"show_063d6e1c8f"};!function(e){const a="s_id-5b3eed132e11_3_50_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_826f8383d5 {\n height: var(--table-row-size);\n padding: var(--spacing-small);\n padding-inline-start: var(--spacing-medium);\n color: var(--secondary-text-color);\n box-sizing: border-box;\n text-align: initial;\n border-bottom: 1px solid var(--layout-border-color);\n display: flex;\n justify-content: space-between;\n background-color: inherit;\n}\n.tableHeaderCell_826f8383d5:focus-visible, .tableHeaderCell_826f8383d5.focus-visible_212cbeb82b {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_826f8383d5:focus:not(.focus-visible_212cbeb82b) {\n outline: none;\n}\n.tableHeaderCell_826f8383d5.sticky_a7696b8b77 {\n z-index: 1;\n position: sticky;\n left: 0;\n box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_826f8383d5.sticky_a7696b8b77:hover {\n background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_826f8383d5:hover, .tableHeaderCell_826f8383d5.sortActive_f3e1c68c78 {\n background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellContent_45a58ac75c {\n min-width: 0;\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellContent_45a58ac75c .icon_034fe9e8eb {\n min-width: var(--spacing-medium);\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellContent_45a58ac75c .infoTooltip_fada2bd2cf {\n display: inline-flex;\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellSort_df16e758f1 {\n padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellSort_df16e758f1 .sort_17ab1bd26a {\n color: var(--icon-color);\n transition: opacity 0.1s;\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellSort_df16e758f1 .sort_17ab1bd26a.asc_2c38d91220, .tableHeaderCell_826f8383d5 .tableHeaderCellSort_df16e758f1 .sort_17ab1bd26a.desc_86971537b2 {\n color: var(--primary-text-color);\n}\n.tableHeaderCell_826f8383d5 .tableHeaderCellSort_df16e758f1 .sort_17ab1bd26a:not(.show_063d6e1c8f) {\n opacity: 0;\n pointer-events: none;\n}");export{e as default};
1
+ var e={tableHeaderCell:"tableHeaderCell_8fd986dddb","focus-visible":"focus-visible_036049a1e6",sticky:"sticky_de687db026",sortActive:"sortActive_ed305c3c61",tableHeaderCellContent:"tableHeaderCellContent_6679c9a5b8",icon:"icon_bee38b5d89",infoTooltip:"infoTooltip_78e49d87e9",tableHeaderCellSort:"tableHeaderCellSort_0b32ab0804",sort:"sort_e5cdb4f651",asc:"asc_6548c97e06",desc:"desc_88a84d01f7",show:"show_6a1495d480"};!function(e){const d="s_id-5b3eed132e11_3_50_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tableHeaderCell_8fd986dddb {\n height: var(--table-row-size);\n padding: var(--spacing-small);\n padding-inline-start: var(--spacing-medium);\n color: var(--secondary-text-color);\n box-sizing: border-box;\n text-align: initial;\n border-bottom: 1px solid var(--layout-border-color);\n display: flex;\n justify-content: space-between;\n background-color: inherit;\n}\n.tableHeaderCell_8fd986dddb:focus-visible, .tableHeaderCell_8fd986dddb.focus-visible_036049a1e6 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_8fd986dddb:focus:not(.focus-visible_036049a1e6) {\n outline: none;\n}\n.tableHeaderCell_8fd986dddb.sticky_de687db026 {\n z-index: 1;\n position: sticky;\n left: 0;\n box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_8fd986dddb.sticky_de687db026:hover {\n background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_8fd986dddb:hover, .tableHeaderCell_8fd986dddb.sortActive_ed305c3c61 {\n background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellContent_6679c9a5b8 {\n min-width: 0;\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellContent_6679c9a5b8 .icon_bee38b5d89 {\n min-width: var(--spacing-medium);\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellContent_6679c9a5b8 .infoTooltip_78e49d87e9 {\n display: inline-flex;\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellSort_0b32ab0804 {\n padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellSort_0b32ab0804 .sort_e5cdb4f651 {\n color: var(--icon-color);\n transition: opacity 0.1s;\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellSort_0b32ab0804 .sort_e5cdb4f651.asc_6548c97e06, .tableHeaderCell_8fd986dddb .tableHeaderCellSort_0b32ab0804 .sort_e5cdb4f651.desc_88a84d01f7 {\n color: var(--primary-text-color);\n}\n.tableHeaderCell_8fd986dddb .tableHeaderCellSort_0b32ab0804 .sort_e5cdb4f651:not(.show_6a1495d480) {\n opacity: 0;\n pointer-events: none;\n}");export{e as default};
2
2
  //# sourceMappingURL=TableHeaderCell.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableRow:"tableRow_3918553c2a"};!function(e){const t="s_id-72a799b963ca_3_50_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_3918553c2a {\n height: var(--table-row-size);\n display: grid;\n grid-template-columns: var(--table-grid-template-columns);\n min-width: 100%;\n width: fit-content;\n}\n.tableRow_3918553c2a[aria-selected=true] > [role=cell] {\n background-color: var(--primary-selected-color);\n}\n.tableRow_3918553c2a > [role=cell] {\n background-color: var(--primary-background-color);\n}\n.tableRow_3918553c2a:hover > [role=cell] {\n background: var(--sticky-cell-hover-background);\n}\n.tableRow_3918553c2a:hover[aria-selected=true] > [role=cell] {\n background: var(--primary-selected-hover-color);\n}");export{e as default};
1
+ var e={tableRow:"tableRow_a2e1f5c01e"};!function(e){const t="s_id-72a799b963ca_3_50_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_a2e1f5c01e {\n height: var(--table-row-size);\n display: grid;\n grid-template-columns: var(--table-grid-template-columns);\n min-width: 100%;\n width: fit-content;\n}\n.tableRow_a2e1f5c01e[aria-selected=true] > [role=cell] {\n background-color: var(--primary-selected-color);\n}\n.tableRow_a2e1f5c01e > [role=cell] {\n background-color: var(--primary-background-color);\n}\n.tableRow_a2e1f5c01e:hover > [role=cell] {\n background: var(--sticky-cell-hover-background);\n}\n.tableRow_a2e1f5c01e:hover[aria-selected=true] > [role=cell] {\n background: var(--primary-selected-hover-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=TableRow.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import e,{forwardRef as t,useCallback as n}from"react";import o from"classnames";import{getTestId as r}from"../../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import s from"./TableRowMenu.module.scss.js";import m from"../../MenuButton/MenuButton.js";import i from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import{createPortal as a}from"react-dom";import{useTable as M}from"../context/TableContext/TableContext.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import{useTableRowMenu as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useTableContainer as p}from"../context/TableContainerContext/TableContainerContext.js";var c=t((function(t,c){var f=t.rowId,j=t.className,T=t.id,w=t["data-testid"],x=t.children,C=p().menuContainerRef,b=M().size,v=d(),I=v.hoveredRowId,R=v.setTableMenuHidden,E=v.setTableMenuShown,B=v.menuButtonPosition,h=v.onMouseOverRowMenu,N=v.onMouseLeaveRowMenu,H=n((function(){R()}),[R]),L=n((function(){E()}),[E]);return C.current&&I&&I===f?e.createElement(e.Fragment,null,a(e.createElement("div",{className:o(s.rowMenuContainer,l(s,b)),style:{top:B},onMouseEnter:h,onMouseLeave:N,"data-row-menu-id":f},e.createElement(m,{id:T,ref:c,className:o(s.tableMenu,j),size:"xs",onMenuHide:H,onMenuShow:L,"data-testid":w||r(u.TABLE_ROW_MENU,T)},e.createElement(i,null,x))),C.current)):null}));export{c as default};
1
+ import e,{forwardRef as t,useCallback as n}from"react";import o from"classnames";import{getTestId as r}from"../../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import s from"./TableRowMenu.module.scss.js";import m from"../../MenuButton/MenuButton.js";import i from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import{createPortal as a}from"react-dom";import{useTable as M}from"../context/TableContext/TableContext.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import{useTableRowMenu as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useTableContainer as p}from"../context/TableContainerContext/TableContainerContext.js";var c=t((function(t,c){var f=t.rowId,j=t.className,T=t.id,x=t["data-testid"],C=t.children,b=p().menuContainerRef,w=M().size,v=d(),I=v.hoveredRowId,R=v.setTableMenuHidden,E=v.setTableMenuShown,B=v.menuButtonPosition,h=v.onMouseOverRowMenu,N=v.onMouseLeaveRowMenu,H=n((function(){R()}),[R]),L=n((function(){E()}),[E]);return b.current&&I&&I===f?e.createElement(e.Fragment,null,a(e.createElement("div",{className:o(s.rowMenuContainer,l(s,w)),style:{top:B},onMouseEnter:h,onMouseLeave:N},e.createElement(m,{id:T,ref:c,className:o(s.tableMenu,j),size:"xs",onMenuHide:H,onMenuShow:L,"data-testid":x||r(u.TABLE_ROW_MENU,T)},e.createElement(i,null,C))),b.current)):null}));export{c as default};
2
2
  //# sourceMappingURL=TableRowMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableRowMenu.js","sources":["../../../../../src/components/Table/TableRowMenu/TableRowMenu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TableRowMenu.module.scss\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { createPortal } from \"react-dom\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useTableContainer } from \"../context/TableContainerContext/TableContainerContext\";\nimport { TableMenuProps } from \"./TableRowMenu.types\";\n\nconst TableRowMenu = forwardRef(\n (\n { rowId, className, id, \"data-testid\": dataTestId, children }: TableMenuProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { menuContainerRef } = useTableContainer();\n const { size } = useTable();\n const {\n hoveredRowId,\n setTableMenuHidden,\n setTableMenuShown,\n menuButtonPosition,\n onMouseOverRowMenu,\n onMouseLeaveRowMenu\n } = useTableRowMenu();\n\n const onMenuHide = useCallback(() => {\n setTableMenuHidden();\n }, [setTableMenuHidden]);\n\n const onMenuShow = useCallback(() => {\n setTableMenuShown();\n }, [setTableMenuShown]);\n\n const shouldShowMenu = menuContainerRef.current && hoveredRowId && hoveredRowId === rowId;\n if (!shouldShowMenu) return null;\n\n return (\n <>\n {createPortal(\n <div\n className={cx(styles.rowMenuContainer, getStyle(styles, size))}\n style={{ top: menuButtonPosition }}\n onMouseEnter={onMouseOverRowMenu}\n onMouseLeave={onMouseLeaveRowMenu}\n data-row-menu-id={rowId}\n >\n <MenuButton\n id={id}\n ref={ref}\n className={cx(styles.tableMenu, className)}\n size=\"xs\"\n onMenuHide={onMenuHide}\n onMenuShow={onMenuShow}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW_MENU, id)}\n >\n <Menu>{children}</Menu>\n </MenuButton>\n </div>,\n menuContainerRef.current\n )}\n </>\n );\n }\n);\n\nexport default TableRowMenu;\n"],"names":["TableRowMenu","forwardRef","_ref","ref","rowId","className","id","dataTestId","children","menuContainerRef","useTableContainer","size","useTable","_useTableRowMenu","useTableRowMenu","hoveredRowId","setTableMenuHidden","setTableMenuShown","menuButtonPosition","onMouseOverRowMenu","onMouseLeaveRowMenu","onMenuHide","useCallback","onMenuShow","current","React","createElement","Fragment","createPortal","cx","styles","rowMenuContainer","getStyle","style","top","onMouseEnter","onMouseLeave","MenuButton","tableMenu","getTestId","ComponentDefaultTestId","TABLE_ROW_MENU","Menu"],"mappings":"65BAcMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG3CC,EAAqBC,IAArBD,iBACAE,EAASC,IAATD,KACRE,EAOIC,IANFC,EAAYF,EAAZE,aACAC,EAAkBH,EAAlBG,mBACAC,EAAiBJ,EAAjBI,kBACAC,EAAkBL,EAAlBK,mBACAC,EAAkBN,EAAlBM,mBACAC,EAAmBP,EAAnBO,oBAGIC,EAAaC,GAAY,WAC7BN,GACF,GAAG,CAACA,IAEEO,EAAaD,GAAY,WAC7BL,GACF,GAAG,CAACA,IAGJ,OADuBR,EAAiBe,SAAWT,GAAgBA,IAAiBX,EAIlFqB,EACGC,cAAAD,EAAAE,SAAA,KAAAC,EACCH,EAAAC,cAAA,MAAA,CACErB,UAAWwB,EAAGC,EAAOC,iBAAkBC,EAASF,EAAQnB,IACxDsB,MAAO,CAAEC,IAAKhB,GACdiB,aAAchB,EACdiB,aAAchB,qBACIhB,GAElBqB,EAAAC,cAACW,EACC,CAAA/B,GAAIA,EACJH,IAAKA,EACLE,UAAWwB,EAAGC,EAAOQ,UAAWjC,GAChCM,KAAK,KACLU,WAAYA,EACZE,WAAYA,gBACChB,GAAcgC,EAAUC,EAAuBC,eAAgBnC,IAE5EmB,EAAAC,cAACgB,EAAI,KAAElC,KAGXC,EAAiBe,UAxBK,IA4B9B"}
1
+ {"version":3,"file":"TableRowMenu.js","sources":["../../../../../src/components/Table/TableRowMenu/TableRowMenu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TableRowMenu.module.scss\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { createPortal } from \"react-dom\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useTableContainer } from \"../context/TableContainerContext/TableContainerContext\";\nimport { TableMenuProps } from \"./TableRowMenu.types\";\n\nconst TableRowMenu = forwardRef(\n (\n { rowId, className, id, \"data-testid\": dataTestId, children }: TableMenuProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { menuContainerRef } = useTableContainer();\n const { size } = useTable();\n const {\n hoveredRowId,\n setTableMenuHidden,\n setTableMenuShown,\n menuButtonPosition,\n onMouseOverRowMenu,\n onMouseLeaveRowMenu\n } = useTableRowMenu();\n\n const onMenuHide = useCallback(() => {\n setTableMenuHidden();\n }, [setTableMenuHidden]);\n\n const onMenuShow = useCallback(() => {\n setTableMenuShown();\n }, [setTableMenuShown]);\n\n const shouldShowMenu = menuContainerRef.current && hoveredRowId && hoveredRowId === rowId;\n if (!shouldShowMenu) return null;\n\n return (\n <>\n {createPortal(\n <div\n className={cx(styles.rowMenuContainer, getStyle(styles, size))}\n style={{ top: menuButtonPosition }}\n onMouseEnter={onMouseOverRowMenu}\n onMouseLeave={onMouseLeaveRowMenu}\n >\n <MenuButton\n id={id}\n ref={ref}\n className={cx(styles.tableMenu, className)}\n size=\"xs\"\n onMenuHide={onMenuHide}\n onMenuShow={onMenuShow}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW_MENU, id)}\n >\n <Menu>{children}</Menu>\n </MenuButton>\n </div>,\n menuContainerRef.current\n )}\n </>\n );\n }\n);\n\nexport default TableRowMenu;\n"],"names":["TableRowMenu","forwardRef","_ref","ref","rowId","className","id","dataTestId","children","menuContainerRef","useTableContainer","size","useTable","_useTableRowMenu","useTableRowMenu","hoveredRowId","setTableMenuHidden","setTableMenuShown","menuButtonPosition","onMouseOverRowMenu","onMouseLeaveRowMenu","onMenuHide","useCallback","onMenuShow","current","React","createElement","Fragment","createPortal","cx","styles","rowMenuContainer","getStyle","style","top","onMouseEnter","onMouseLeave","MenuButton","tableMenu","getTestId","ComponentDefaultTestId","TABLE_ROW_MENU","Menu"],"mappings":"65BAcMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG3CC,EAAqBC,IAArBD,iBACAE,EAASC,IAATD,KACRE,EAOIC,IANFC,EAAYF,EAAZE,aACAC,EAAkBH,EAAlBG,mBACAC,EAAiBJ,EAAjBI,kBACAC,EAAkBL,EAAlBK,mBACAC,EAAkBN,EAAlBM,mBACAC,EAAmBP,EAAnBO,oBAGIC,EAAaC,GAAY,WAC7BN,GACF,GAAG,CAACA,IAEEO,EAAaD,GAAY,WAC7BL,GACF,GAAG,CAACA,IAGJ,OADuBR,EAAiBe,SAAWT,GAAgBA,IAAiBX,EAIlFqB,EAAAC,cAAAD,EAAAE,SAAA,KACGC,EACCH,uBACEpB,UAAWwB,EAAGC,EAAOC,iBAAkBC,EAASF,EAAQnB,IACxDsB,MAAO,CAAEC,IAAKhB,GACdiB,aAAchB,EACdiB,aAAchB,GAEdK,EAAAC,cAACW,EACC,CAAA/B,GAAIA,EACJH,IAAKA,EACLE,UAAWwB,EAAGC,EAAOQ,UAAWjC,GAChCM,KAAK,KACLU,WAAYA,EACZE,WAAYA,gBACChB,GAAcgC,EAAUC,EAAuBC,eAAgBnC,IAE5EmB,EAAAC,cAACgB,EAAI,KAAElC,KAGXC,EAAiBe,UAvBK,IA2B9B"}
@@ -1,2 +1,2 @@
1
- var e={rowMenuContainer:"rowMenuContainer_687349174d",small:"small_3c2b302c37",medium:"medium_77646499c3",large:"large_795987e46a"};!function(e){const n="s_id-3e6ad01a6799_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_687349174d {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_687349174d.small_3c2b302c37 {\n padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_687349174d.medium_77646499c3 {\n padding-block: var(--spacing-small);\n}\n.rowMenuContainer_687349174d.large_795987e46a {\n padding-block: 12px;\n}");export{e as default};
1
+ var e={rowMenuContainer:"rowMenuContainer_d452a36acb",small:"small_d69d85c4f1",medium:"medium_b83914737d",large:"large_6622c39ad3"};!function(e){const n="s_id-3e6ad01a6799_3_50_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_d452a36acb {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_d452a36acb.small_d69d85c4f1 {\n padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_d452a36acb.medium_b83914737d {\n padding-block: var(--spacing-small);\n}\n.rowMenuContainer_d452a36acb.large_6622c39ad3 {\n padding-block: 12px;\n}");export{e as default};
2
2
  //# sourceMappingURL=TableRowMenu.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tableBody:"tableBody_075c476ee5",withHeader:"withHeader_6cc8d79266"};!function(e){const t="s_id-049f5e61a7a3_3_50_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_075c476ee5 {\n height: calc(100% - var(--table-row-size));\n}\n.tableBody_075c476ee5.withHeader_6cc8d79266 {\n height: 100%;\n overflow: hidden;\n}");export{e as default};
1
+ var e={tableBody:"tableBody_d207213545",withHeader:"withHeader_337284db24"};!function(e){const t="s_id-049f5e61a7a3_3_50_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_d207213545 {\n height: calc(100% - var(--table-row-size));\n}\n.tableBody_d207213545.withHeader_337284db24 {\n height: 100%;\n overflow: hidden;\n}");export{e as default};
2
2
  //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useContext as o,createContext as r,useRef as u,useState as t,useCallback as i,useMemo as l}from"react";var c=r(void 0),d=function(o){var r=o.value,d=o.children,v=r.tableRootRef,a=r.hoveredRowRef,s=r.isMenuOpen,f=r.resetHoveredRow,R=r.setHoveredRowRef,w=r.setIsMenuOpen,m=u(null),M=t(0),p=e(M,2),T=p[0],b=p[1],h=u(null),g=i((function(){clearTimeout(m.current),m.current=null}),[]),H=i((function(e){if(!1!==h.current&&!s&&(null==a?void 0:a.current)!==e.current){g(),R(e);var n=v.current.getBoundingClientRect().top,o=e.current.getBoundingClientRect().top;b(o-n),null===h.current&&setTimeout((function(){h.current=!!(null===document||void 0===document?void 0:document.querySelector("[data-row-menu-id]"))}))}}),[s,a,g,R,v]),B=i((function(){s||(m.current=setTimeout((function(){R(null)}),400))}),[s,R]),O=i((function(){s||g()}),[s,g]),P=i((function(){s||R(null)}),[s,R]),C=l((function(){var e;return{hoveredRowId:null===(e=null==a?void 0:a.current)||void 0===e?void 0:e.id,resetHoveredRow:f,menuButtonPosition:T,onMouseOverRow:H,onMouseLeaveRow:B,onMouseOverRowMenu:O,onMouseLeaveRowMenu:P,setTableMenuShown:function(){return w(!0)},setTableMenuHidden:function(){return w(!1)}}}),[a,f,T,B,P,H,O,w]);return n.createElement(c.Provider,{value:C},d)},v=function(){var e=o(c);if(!e)throw Error("useTableRowMenuContext must be used within a TableRowMenuProvider");return e};export{d as TableRowMenuProvider,v as useTableRowMenu};
1
+ import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useContext as o,createContext as r,useState as t,useRef as u,useCallback as i,useMemo as l}from"react";var v=r(void 0),c=function(o){var r=o.value,c=o.children,a=r.tableRootRef,d=r.hoveredRowRef,s=r.isMenuOpen,R=r.resetHoveredRow,f=r.setHoveredRowRef,w=r.setIsMenuOpen,M=t(0),p=e(M,2),b=p[0],m=p[1],h=u(!1),g=i((function(e){if(!s){f(e);var n=a.current.getBoundingClientRect().top,o=e.current.getBoundingClientRect().top;m(o-n)}}),[s,f,a]),H=i((function(){s||h.current||f(null)}),[s,f]),T=i((function(){h.current=!0}),[]),B=i((function(){h.current=!1,s||(null==d?void 0:d.current)||f(null)}),[s,d,f]),O=i((function(){w(!0)}),[w]),P=i((function(){w(!1)}),[w]),C=l((function(){var e;return{hoveredRowId:null===(e=null==d?void 0:d.current)||void 0===e?void 0:e.id,resetHoveredRow:R,menuButtonPosition:b,onMouseOverRow:g,onMouseLeaveRow:H,onMouseOverRowMenu:T,onMouseLeaveRowMenu:B,setTableMenuShown:O,setTableMenuHidden:P}}),[d,R,b,H,B,g,T,O,P]);return n.createElement(v.Provider,{value:C},c)},a=function(){var e=o(v);if(!e)throw Error("useTableRowMenuContext must be used within a TableRowMenuProvider");return e};export{c as TableRowMenuProvider,a as useTableRowMenu};
2
2
  //# sourceMappingURL=TableRowMenuContext.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { TableRowMenuContext as ITableRowMenuContext, TableRowMenuProviderProps } from \"./TableRowMenuContext.types\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext | undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ value, children }: TableRowMenuProviderProps) => {\n const { tableRootRef, hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef, setIsMenuOpen } = value;\n const rowMouseLeaveTimeoutId = useRef<ReturnType<typeof setTimeout>>(null);\n const [menuButtonPosition, setMenuButtonPosition] = useState(0);\n const hasMenuRef = useRef<boolean | null>(null);\n\n const resetTimeout = useCallback(() => {\n clearTimeout(rowMouseLeaveTimeoutId.current);\n rowMouseLeaveTimeoutId.current = null;\n }, []);\n\n const onMouseOverRow = useCallback(\n (rowRef: React.RefObject<HTMLDivElement>) => {\n if (hasMenuRef.current === false || isMenuOpen || hoveredRowRef?.current === rowRef.current) return;\n\n resetTimeout();\n setHoveredRowRef(rowRef);\n const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n const rowTop = rowRef.current.getBoundingClientRect().top;\n setMenuButtonPosition(rowTop - tableRootTop);\n if (hasMenuRef.current === null) {\n setTimeout(() => {\n hasMenuRef.current = !!document?.querySelector(`[data-row-menu-id]`);\n });\n }\n },\n [isMenuOpen, hoveredRowRef, resetTimeout, setHoveredRowRef, tableRootRef]\n );\n\n const onMouseLeaveRow = useCallback(() => {\n if (isMenuOpen) return;\n rowMouseLeaveTimeoutId.current = setTimeout(() => {\n setHoveredRowRef(null);\n }, 400);\n }, [isMenuOpen, setHoveredRowRef]);\n\n const onMouseOverRowMenu = useCallback(() => {\n if (isMenuOpen) return;\n resetTimeout();\n }, [isMenuOpen, resetTimeout]);\n\n const onMouseLeaveRowMenu = useCallback(() => {\n if (isMenuOpen) return;\n setHoveredRowRef(null);\n }, [isMenuOpen, setHoveredRowRef]);\n\n const contextValue = useMemo<ITableRowMenuContext>(\n () => ({\n hoveredRowId: hoveredRowRef?.current?.id,\n resetHoveredRow,\n menuButtonPosition,\n onMouseOverRow,\n onMouseLeaveRow,\n onMouseOverRowMenu,\n onMouseLeaveRowMenu,\n setTableMenuShown: () => setIsMenuOpen(true),\n setTableMenuHidden: () => setIsMenuOpen(false)\n }),\n [\n hoveredRowRef,\n resetHoveredRow,\n menuButtonPosition,\n onMouseLeaveRow,\n onMouseLeaveRowMenu,\n onMouseOverRow,\n onMouseOverRowMenu,\n setIsMenuOpen\n ]\n );\n\n return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n const context = useContext(TableRowMenuContext);\n if (!context) {\n throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n }\n return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","value","children","tableRootRef","hoveredRowRef","isMenuOpen","resetHoveredRow","setHoveredRowRef","setIsMenuOpen","rowMouseLeaveTimeoutId","useRef","_useState","useState","_useState2","_slicedToArray","menuButtonPosition","setMenuButtonPosition","hasMenuRef","resetTimeout","useCallback","clearTimeout","current","onMouseOverRow","rowRef","tableRootTop","getBoundingClientRect","top","rowTop","setTimeout","document","querySelector","onMouseLeaveRow","onMouseOverRowMenu","onMouseLeaveRowMenu","contextValue","useMemo","hoveredRowId","_a","id","setTableMenuShown","setTableMenuHidden","React","createElement","Provider","useTableRowMenu","context","useContext","Error"],"mappings":"sMAGA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACpCC,EAA8FF,EAA9FE,aAAcC,EAAgFH,EAAhFG,cAAeC,EAAiEJ,EAAjEI,WAAYC,EAAqDL,EAArDK,gBAAiBC,EAAoCN,EAApCM,iBAAkBC,EAAkBP,EAAlBO,cAC9EC,EAAyBC,EAAsC,MACrEC,EAAoDC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxDI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAaP,EAAuB,MAEpCQ,EAAeC,GAAY,WAC/BC,aAAaX,EAAuBY,SACpCZ,EAAuBY,QAAU,IAClC,GAAE,IAEGC,EAAiBH,GACrB,SAACI,GACC,IAA2B,IAAvBN,EAAWI,UAAqBhB,IAAcD,eAAAA,EAAeiB,WAAYE,EAAOF,QAApF,CAEAH,IACAX,EAAiBgB,GACjB,IAAMC,EAAerB,EAAakB,QAAQI,wBAAwBC,IAC5DC,EAASJ,EAAOF,QAAQI,wBAAwBC,IACtDV,EAAsBW,EAASH,GACJ,OAAvBP,EAAWI,SACbO,YAAW,WACTX,EAAWI,WAAoB,OAARQ,eAAQ,IAARA,cAAQ,EAARA,SAAUC,cAAkC,sBACrE,GAV2F,CAY/F,GACA,CAACzB,EAAYD,EAAec,EAAcX,EAAkBJ,IAGxD4B,EAAkBZ,GAAY,WAC9Bd,IACJI,EAAuBY,QAAUO,YAAW,WAC1CrB,EAAiB,KAClB,GAAE,KACL,GAAG,CAACF,EAAYE,IAEVyB,EAAqBb,GAAY,WACjCd,GACJa,GACF,GAAG,CAACb,EAAYa,IAEVe,EAAsBd,GAAY,WAClCd,GACJE,EAAiB,KACnB,GAAG,CAACF,EAAYE,IAEV2B,EAAeC,GACnB,iBAAM,MAAC,CACLC,aAAoC,QAAtBC,EAAAjC,eAAAA,EAAeiB,eAAO,IAAAgB,OAAA,EAAAA,EAAEC,GACtChC,gBAAAA,EACAS,mBAAAA,EACAO,eAAAA,EACAS,gBAAAA,EACAC,mBAAAA,EACAC,oBAAAA,EACAM,kBAAmB,WAAA,OAAM/B,GAAc,EAAK,EAC5CgC,mBAAoB,WAAA,OAAMhC,GAAc,EAAM,KAEhD,CACEJ,EACAE,EACAS,EACAgB,EACAE,EACAX,EACAU,EACAxB,IAIJ,OAAOiC,EAAAC,cAAC9C,EAAoB+C,SAAQ,CAAC1C,MAAOiC,GAAehC,EAC7D,EAEa0C,EAAkB,WAC7B,IAAMC,EAAUC,EAAWlD,GAC3B,IAAKiD,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}
1
+ {"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { TableRowMenuContext as ITableRowMenuContext, TableRowMenuProviderProps } from \"./TableRowMenuContext.types\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext | undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ value, children }: TableRowMenuProviderProps) => {\n const { tableRootRef, hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef, setIsMenuOpen } = value;\n const [menuButtonPosition, setMenuButtonPosition] = useState(0);\n const isMenuHovered = useRef(false);\n\n const onMouseOverRow = useCallback(\n (rowRef: React.RefObject<HTMLDivElement>) => {\n if (isMenuOpen) return;\n\n setHoveredRowRef(rowRef);\n const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n const rowTop = rowRef.current.getBoundingClientRect().top;\n setMenuButtonPosition(rowTop - tableRootTop);\n },\n [isMenuOpen, setHoveredRowRef, tableRootRef]\n );\n\n const onMouseLeaveRow = useCallback(() => {\n if (isMenuOpen || isMenuHovered.current) return;\n setHoveredRowRef(null);\n }, [isMenuOpen, setHoveredRowRef]);\n\n const onMouseOverRowMenu = useCallback(() => {\n isMenuHovered.current = true;\n }, []);\n\n const onMouseLeaveRowMenu = useCallback(() => {\n isMenuHovered.current = false;\n if (isMenuOpen) return;\n\n if (!hoveredRowRef?.current) {\n setHoveredRowRef(null);\n }\n }, [isMenuOpen, hoveredRowRef, setHoveredRowRef]);\n\n const setTableMenuShown = useCallback(() => {\n setIsMenuOpen(true);\n }, [setIsMenuOpen]);\n\n const setTableMenuHidden = useCallback(() => {\n setIsMenuOpen(false);\n }, [setIsMenuOpen]);\n\n const contextValue = useMemo<ITableRowMenuContext>(\n () => ({\n hoveredRowId: hoveredRowRef?.current?.id,\n resetHoveredRow,\n menuButtonPosition,\n onMouseOverRow,\n onMouseLeaveRow,\n onMouseOverRowMenu,\n onMouseLeaveRowMenu,\n setTableMenuShown,\n setTableMenuHidden\n }),\n [\n hoveredRowRef,\n resetHoveredRow,\n menuButtonPosition,\n onMouseLeaveRow,\n onMouseLeaveRowMenu,\n onMouseOverRow,\n onMouseOverRowMenu,\n setTableMenuShown,\n setTableMenuHidden\n ]\n );\n\n return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n const context = useContext(TableRowMenuContext);\n if (!context) {\n throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n }\n return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","value","children","tableRootRef","hoveredRowRef","isMenuOpen","resetHoveredRow","setHoveredRowRef","setIsMenuOpen","_useState","useState","_useState2","_slicedToArray","menuButtonPosition","setMenuButtonPosition","isMenuHovered","useRef","onMouseOverRow","useCallback","rowRef","tableRootTop","current","getBoundingClientRect","top","rowTop","onMouseLeaveRow","onMouseOverRowMenu","onMouseLeaveRowMenu","setTableMenuShown","setTableMenuHidden","contextValue","useMemo","hoveredRowId","_a","id","React","createElement","Provider","useTableRowMenu","context","useContext","Error"],"mappings":"sMAGA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACpCC,EAA8FF,EAA9FE,aAAcC,EAAgFH,EAAhFG,cAAeC,EAAiEJ,EAAjEI,WAAYC,EAAqDL,EAArDK,gBAAiBC,EAAoCN,EAApCM,iBAAkBC,EAAkBP,EAAlBO,cACpFC,EAAoDC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxDI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAgBC,GAAO,GAEvBC,EAAiBC,GACrB,SAACC,GACC,IAAId,EAAJ,CAEAE,EAAiBY,GACjB,IAAMC,EAAejB,EAAakB,QAAQC,wBAAwBC,IAC5DC,EAASL,EAAOE,QAAQC,wBAAwBC,IACtDT,EAAsBU,EAASJ,EALf,CAMjB,GACD,CAACf,EAAYE,EAAkBJ,IAG3BsB,EAAkBP,GAAY,WAC9Bb,GAAcU,EAAcM,SAChCd,EAAiB,KACnB,GAAG,CAACF,EAAYE,IAEVmB,EAAqBR,GAAY,WACrCH,EAAcM,SAAU,CACzB,GAAE,IAEGM,EAAsBT,GAAY,WACtCH,EAAcM,SAAU,EACpBhB,IAECD,eAAAA,EAAeiB,UAClBd,EAAiB,KAEpB,GAAE,CAACF,EAAYD,EAAeG,IAEzBqB,EAAoBV,GAAY,WACpCV,GAAc,EAChB,GAAG,CAACA,IAEEqB,EAAqBX,GAAY,WACrCV,GAAc,EAChB,GAAG,CAACA,IAEEsB,EAAeC,GACnB,iBAAM,MAAC,CACLC,aAAoC,QAAtBC,EAAA7B,eAAAA,EAAeiB,eAAO,IAAAY,OAAA,EAAAA,EAAEC,GACtC5B,gBAAAA,EACAO,mBAAAA,EACAI,eAAAA,EACAQ,gBAAAA,EACAC,mBAAAA,EACAC,oBAAAA,EACAC,kBAAAA,EACAC,mBAAAA,EACA,GACF,CACEzB,EACAE,EACAO,EACAY,EACAE,EACAV,EACAS,EACAE,EACAC,IAIJ,OAAOM,EAAAC,cAACxC,EAAoByC,SAAQ,CAACpC,MAAO6B,GAAe5B,EAC7D,EAEaoC,EAAkB,WAC7B,IAAMC,EAAUC,EAAW5C,GAC3B,IAAK2C,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}
@@ -1,2 +1,2 @@
1
- var n={tabWrapper:"tabWrapper_0e3ce362c4",tabInner:"tabInner_4d14d0b63d",tabIcon:"tabIcon_2a52de86b7",right:"right_668a498e08",tabFocusVisibleInset:"tabFocusVisibleInset_75806d55d7",active:"active_e8acf6a118",disabled:"disabled_69676cc16d"};!function(n){const e="s_id-e9e07df0e1ab_3_50_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_0e3ce362c4 {\n position: relative;\n display: inline-block;\n padding-left: 1px;\n padding-right: 1px;\n border-top: 1px solid transparent;\n border-bottom: 2px solid;\n border-bottom-color: var(--ui-background-color);\n color: var(--primary-text-color);\n text-align: center;\n height: 100%;\n margin: 0;\n}\n\n.tabWrapper_0e3ce362c4:after {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n content: "";\n border-bottom: solid 2px;\n border-bottom-color: var(--primary-color);\n transform: scaleX(0);\n z-index: 0;\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d {\n height: calc(100% - 1px);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n padding: 4px 16px;\n font: var(--font-text1-normal);\n user-select: none;\n margin-bottom: 1px;\n cursor: pointer;\n color: var(--primary-text-color);\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d:focus {\n outline: none;\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d .tabIcon_2a52de86b7 {\n color: var(--icon-color);\n margin-right: var(--spacing-small);\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d .tabIcon_2a52de86b7.right_668a498e08 {\n margin-right: 0;\n margin-left: var(--spacing-small);\n}\n\n.tabWrapper_0e3ce362c4.tabFocusVisibleInset_75806d55d7 {\n outline: none;\n z-index: 11;\n border-radius: 3px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n position: relative;\n}\n\n.tabWrapper_0e3ce362c4.active_e8acf6a118:after {\n transform: scaleX(1);\n transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_0e3ce362c4.disabled_69676cc16d .tabInner_4d14d0b63d {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n\n.tabWrapper_0e3ce362c4:not(.disabled_69676cc16d) .tabInner_4d14d0b63d:hover {\n border-radius: 4px;\n background-color: var(--primary-background-hover-color);\n}');export{n as default};
1
+ var n={tabWrapper:"tabWrapper_1e63721eac",tabInner:"tabInner_b11519e596",tabIcon:"tabIcon_563fc43016",right:"right_c8b013534c",tabFocusVisibleInset:"tabFocusVisibleInset_65cb99c807",active:"active_83f958b5e5",disabled:"disabled_d36c4108f9"};!function(n){const e="s_id-e9e07df0e1ab_3_50_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_1e63721eac {\n position: relative;\n display: inline-block;\n padding-left: 1px;\n padding-right: 1px;\n border-top: 1px solid transparent;\n border-bottom: 2px solid;\n border-bottom-color: var(--ui-background-color);\n color: var(--primary-text-color);\n text-align: center;\n height: 100%;\n margin: 0;\n}\n\n.tabWrapper_1e63721eac:after {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n content: "";\n border-bottom: solid 2px;\n border-bottom-color: var(--primary-color);\n transform: scaleX(0);\n z-index: 0;\n}\n\n.tabWrapper_1e63721eac .tabInner_b11519e596 {\n height: calc(100% - 1px);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n padding: 4px 16px;\n font: var(--font-text1-normal);\n user-select: none;\n margin-bottom: 1px;\n cursor: pointer;\n color: var(--primary-text-color);\n}\n\n.tabWrapper_1e63721eac .tabInner_b11519e596:focus {\n outline: none;\n}\n\n.tabWrapper_1e63721eac .tabInner_b11519e596 .tabIcon_563fc43016 {\n color: var(--icon-color);\n margin-right: var(--spacing-small);\n}\n\n.tabWrapper_1e63721eac .tabInner_b11519e596 .tabIcon_563fc43016.right_c8b013534c {\n margin-right: 0;\n margin-left: var(--spacing-small);\n}\n\n.tabWrapper_1e63721eac.tabFocusVisibleInset_65cb99c807 {\n outline: none;\n z-index: 11;\n border-radius: 3px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n position: relative;\n}\n\n.tabWrapper_1e63721eac.active_83f958b5e5:after {\n transform: scaleX(1);\n transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_1e63721eac.disabled_d36c4108f9 .tabInner_b11519e596 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n\n.tabWrapper_1e63721eac:not(.disabled_d36c4108f9) .tabInner_b11519e596:hover {\n border-radius: 4px;\n background-color: var(--primary-background-hover-color);\n}');export{n as default};
2
2
  //# sourceMappingURL=Tab.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tabsWrapper:"tabsWrapper_d560b03d5e",tabsList:"tabsList_9e8a0c64d2",sm:"sm_265aab38fa",lg:"lg_646bba86b0",stretched:"stretched_be8b6228ac",tabListTabWrapper:"tabListTabWrapper_0eace11914",tabListTabInner:"tabListTabInner_0eace11914",disabled:"disabled_fc240b6a40"};!function(e){const t="s_id-10f1ea92a898_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_d560b03d5e .tabsList_9e8a0c64d2 {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n height: 40px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper_d560b03d5e .tabsList_9e8a0c64d2.sm_265aab38fa {\n height: 32px;\n}\n\n.tabsWrapper_d560b03d5e .tabsList_9e8a0c64d2.lg_646bba86b0 {\n height: 48px;\n}\n\n.tabsWrapper_d560b03d5e.stretched_be8b6228ac .tabsList_9e8a0c64d2 {\n width: 100%;\n}\n\n.tabsWrapper_d560b03d5e.stretched_be8b6228ac .tabsList_9e8a0c64d2 .tabListTabWrapper_0eace11914 {\n width: 100%;\n}\n\n.tabsWrapper_d560b03d5e.stretched_be8b6228ac .tabsList_9e8a0c64d2 .tabListTabWrapper_0eace11914 .tabListTabInner_0eace11914 {\n width: 100%;\n}\n\n.tabsWrapper_d560b03d5e.disabled_fc240b6a40 {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}");export{e as default};
1
+ var e={tabsWrapper:"tabsWrapper_aca9546cd5",tabsList:"tabsList_a0844e3bfb",sm:"sm_e14e9fa254",lg:"lg_1ddae8ac00",stretched:"stretched_62c2d26ac8",tabListTabWrapper:"tabListTabWrapper_6c9e0fbe2f",tabListTabInner:"tabListTabInner_6c9e0fbe2f",disabled:"disabled_611f2ddedb"};!function(e){const a="s_id-10f1ea92a898_3_50_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabsWrapper_aca9546cd5 .tabsList_a0844e3bfb {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n height: 40px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper_aca9546cd5 .tabsList_a0844e3bfb.sm_e14e9fa254 {\n height: 32px;\n}\n\n.tabsWrapper_aca9546cd5 .tabsList_a0844e3bfb.lg_1ddae8ac00 {\n height: 48px;\n}\n\n.tabsWrapper_aca9546cd5.stretched_62c2d26ac8 .tabsList_a0844e3bfb {\n width: 100%;\n}\n\n.tabsWrapper_aca9546cd5.stretched_62c2d26ac8 .tabsList_a0844e3bfb .tabListTabWrapper_6c9e0fbe2f {\n width: 100%;\n}\n\n.tabsWrapper_aca9546cd5.stretched_62c2d26ac8 .tabsList_a0844e3bfb .tabListTabWrapper_6c9e0fbe2f .tabListTabInner_6c9e0fbe2f {\n width: 100%;\n}\n\n.tabsWrapper_aca9546cd5.disabled_611f2ddedb {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}");export{e as default};
2
2
  //# sourceMappingURL=TabList.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tabPanelWrapper:"tabPanelWrapper_86971537b2"};!function(e){const t="s_id-82244d4a2f7b_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_86971537b2 {\n color: var(--primary-text-color);\n}");export{e as default};
1
+ var e={tabPanelWrapper:"tabPanelWrapper_88a84d01f7"};!function(e){const t="s_id-82244d4a2f7b_3_50_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_88a84d01f7 {\n color: var(--primary-text-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=TabPanel.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={tabPanelsWrapper:"tabPanelsWrapper_2dd551b33d",tabPanel:"tabPanel_430134731e",animationDirectionRtl:"animationDirectionRtl_65813e9275",animationDirectionLtr:"animationDirectionLtr_fb10c06a31",active:"active_02b23d1012",panelSlideIn:"panelSlideIn_7288c27c24"};!function(e){const n="s_id-078bacbdb1e4_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tabPanelsWrapper_2dd551b33d .tabPanel_430134731e {\n display: none;\n}\n\n.tabPanelsWrapper_2dd551b33d .tabPanel_430134731e.animationDirectionRtl_65813e9275 {\n transform: translateX(8px);\n}\n\n.tabPanelsWrapper_2dd551b33d .tabPanel_430134731e.animationDirectionLtr_fb10c06a31 {\n transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_2dd551b33d .tabPanel_430134731e.active_02b23d1012 {\n display: block;\n animation: panelSlideIn_7288c27c24 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_7288c27c24 {\n 100% {\n transform: translateX(0%);\n }\n}");export{e as default};
1
+ var a={tabPanelsWrapper:"tabPanelsWrapper_f770aaee9a",tabPanel:"tabPanel_f329449775",animationDirectionRtl:"animationDirectionRtl_f921ad223a",animationDirectionLtr:"animationDirectionLtr_d28992054e",active:"active_d468935237",panelSlideIn:"panelSlideIn_4f07528637"};!function(a){const e="s_id-078bacbdb1e4_3_50_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".tabPanelsWrapper_f770aaee9a .tabPanel_f329449775 {\n display: none;\n}\n\n.tabPanelsWrapper_f770aaee9a .tabPanel_f329449775.animationDirectionRtl_f921ad223a {\n transform: translateX(8px);\n}\n\n.tabPanelsWrapper_f770aaee9a .tabPanel_f329449775.animationDirectionLtr_d28992054e {\n transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_f770aaee9a .tabPanel_f329449775.active_d468935237 {\n display: block;\n animation: panelSlideIn_4f07528637 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_4f07528637 {\n 100% {\n transform: translateX(0%);\n }\n}");export{a as default};
2
2
  //# sourceMappingURL=TabPanels.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var t={text1Bold:"text1Bold_88b0cb7b15",text1Medium:"text1Medium_ed6dfc3ba7",text1Normal:"text1Normal_9e4864c66c",text2Bold:"text2Bold_77da5d8aee",text2Medium:"text2Medium_86f922da1c",text2Normal:"text2Normal_7d29e821f3",text3Bold:"text3Bold_f524a19dc6",text3Medium:"text3Medium_14a6ec9680",text3Normal:"text3Normal_08a27f1408",text:"text_7550315c59"};!function(t){const e="s_id-0b8dab5fe88c_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_88b0cb7b15 {\n font: var(--font-text1-bold);\n}\n\n.text1Medium_ed6dfc3ba7 {\n font: var(--font-text1-medium);\n}\n\n.text1Normal_9e4864c66c {\n font: var(--font-text1-normal);\n}\n\n.text2Bold_77da5d8aee {\n font: var(--font-text2-bold);\n}\n\n.text2Medium_86f922da1c {\n font: var(--font-text2-medium);\n}\n\n.text2Normal_7d29e821f3 {\n font: var(--font-text2-normal);\n}\n\n.text3Bold_f524a19dc6 {\n font: var(--font-text3-bold);\n}\n\n.text3Medium_14a6ec9680 {\n font: var(--font-text3-medium);\n}\n\n.text3Normal_08a27f1408 {\n font: var(--font-text3-normal);\n}\n\np:first-of-type.text_7550315c59 {\n margin-block: 0;\n}\n\np.text_7550315c59 + p {\n margin-block-start: var(--spacing-large);\n margin-block-end: 0;\n}");export{t as default};
1
+ var t={text1Bold:"text1Bold_8722ec368c",text1Medium:"text1Medium_ced2d417a3",text1Normal:"text1Normal_7dfd09fc15",text2Bold:"text2Bold_29f10694e9",text2Medium:"text2Medium_6ae6e67933",text2Normal:"text2Normal_9ea4ff737d",text3Bold:"text3Bold_67f761db54",text3Medium:"text3Medium_437b86e970",text3Normal:"text3Normal_b9593371f0",text:"text_d798143c7d"};!function(t){const e="s_id-0b8dab5fe88c_3_50_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_8722ec368c {\n font: var(--font-text1-bold);\n}\n\n.text1Medium_ced2d417a3 {\n font: var(--font-text1-medium);\n}\n\n.text1Normal_7dfd09fc15 {\n font: var(--font-text1-normal);\n}\n\n.text2Bold_29f10694e9 {\n font: var(--font-text2-bold);\n}\n\n.text2Medium_6ae6e67933 {\n font: var(--font-text2-medium);\n}\n\n.text2Normal_9ea4ff737d {\n font: var(--font-text2-normal);\n}\n\n.text3Bold_67f761db54 {\n font: var(--font-text3-bold);\n}\n\n.text3Medium_437b86e970 {\n font: var(--font-text3-medium);\n}\n\n.text3Normal_b9593371f0 {\n font: var(--font-text3-normal);\n}\n\np:first-of-type.text_d798143c7d {\n margin-block: 0;\n}\n\np.text_d798143c7d + p {\n margin-block-start: var(--spacing-large);\n margin-block-end: 0;\n}");export{t as default};
2
2
  //# sourceMappingURL=Text.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={textAreaWrapper:"textAreaWrapper_4b356483a5",label:"label_e00b0e3aeb",required:"required_fee8405ae4",subTextContainer:"subTextContainer_3cbf0c8815",helpText:"helpText_d91ebabc9e",limitText:"limitText_06c599430b",textArea:"textArea_380efa875d",small:"small_7d29e821f3",large:"large_9e4864c66c",resize:"resize_f20a80f9b2",success:"success_2c4fd3676d",error:"error_2b6006f864",disabled:"disabled_fee8405ae4",readOnly:"readOnly_fee8405ae4"};!function(e){const r="s_id-c3fc7910bb37_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_4b356483a5 {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: var(--spacing-xs);\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_4b356483a5 .label_e00b0e3aeb {\n display: inline-flex;\n gap: var(--spacing-xs);\n color: var(--primary-text-color);\n}\n.textAreaWrapper_4b356483a5 .label_e00b0e3aeb.required_fee8405ae4::after {\n content: "*";\n color: var(--color-error);\n}\n.textAreaWrapper_4b356483a5 .subTextContainer_3cbf0c8815 {\n color: var(--secondary-text-color);\n}\n.textAreaWrapper_4b356483a5 .subTextContainer_3cbf0c8815 .helpText_d91ebabc9e {\n display: flex;\n}\n.textAreaWrapper_4b356483a5 .subTextContainer_3cbf0c8815 .limitText_06c599430b {\n margin-left: auto;\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d {\n resize: vertical;\n border: 1px solid var(--ui-border-color);\n border-radius: var(--border-radius-small);\n padding: var(--spacing-small) var(--spacing-medium);\n outline: none;\n background-color: var(--secondary-background-color);\n color: var(--primary-text-color);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d:hover {\n border-color: var(--primary-text-color);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d:active, .textAreaWrapper_4b356483a5 .textArea_380efa875d:focus, .textAreaWrapper_4b356483a5 .textArea_380efa875d:focus-within {\n border-color: var(--primary-color);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d.small_7d29e821f3 {\n font: var(--font-text2-normal);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d.large_9e4864c66c {\n font: var(--font-text1-normal);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d:not(.resize_f20a80f9b2) {\n resize: none;\n}\n.textAreaWrapper_4b356483a5.success_2c4fd3676d .textArea_380efa875d {\n border-color: var(--color-success);\n}\n.textAreaWrapper_4b356483a5.success_2c4fd3676d .helpText_d91ebabc9e {\n color: var(--color-success);\n}\n.textAreaWrapper_4b356483a5.error_2b6006f864 .textArea_380efa875d {\n border-color: var(--color-error);\n}\n.textAreaWrapper_4b356483a5.error_2b6006f864 .helpText_d91ebabc9e,\n.textAreaWrapper_4b356483a5.error_2b6006f864 .limitText_06c599430b {\n color: var(--color-error);\n}\n.textAreaWrapper_4b356483a5.disabled_fee8405ae4 .textArea_380efa875d,\n.textAreaWrapper_4b356483a5.disabled_fee8405ae4 .textArea_380efa875d:hover {\n color: var(--disabled-text-color);\n background-color: var(--disabled-background-color);\n border-color: transparent;\n resize: none;\n}\n.textAreaWrapper_4b356483a5.disabled_fee8405ae4 .helpText_d91ebabc9e {\n color: var(--disabled-text-color);\n}\n.textAreaWrapper_4b356483a5.readOnly_fee8405ae4 .textArea_380efa875d,\n.textAreaWrapper_4b356483a5.readOnly_fee8405ae4 .textArea_380efa875d:hover {\n background-color: var(--allgrey-background-color);\n border-color: transparent;\n resize: none;\n}');export{e as default};
1
+ var e={textAreaWrapper:"textAreaWrapper_8f17832e55",label:"label_a0b3032989",required:"required_f97b050db5",subTextContainer:"subTextContainer_194cc748c0",helpText:"helpText_434cc44e6e",limitText:"limitText_3c427a59a4",textArea:"textArea_f72f486601",small:"small_9ea4ff737d",large:"large_7dfd09fc15",resize:"resize_939aad1a50",success:"success_d423b228b4",error:"error_c9ac92f217",disabled:"disabled_f97b050db5",readOnly:"readOnly_f97b050db5"};!function(e){const r="s_id-c3fc7910bb37_3_50_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_8f17832e55 {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: var(--spacing-xs);\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_8f17832e55 .label_a0b3032989 {\n display: inline-flex;\n gap: var(--spacing-xs);\n color: var(--primary-text-color);\n}\n.textAreaWrapper_8f17832e55 .label_a0b3032989.required_f97b050db5::after {\n content: "*";\n color: var(--color-error);\n}\n.textAreaWrapper_8f17832e55 .subTextContainer_194cc748c0 {\n color: var(--secondary-text-color);\n}\n.textAreaWrapper_8f17832e55 .subTextContainer_194cc748c0 .helpText_434cc44e6e {\n display: flex;\n}\n.textAreaWrapper_8f17832e55 .subTextContainer_194cc748c0 .limitText_3c427a59a4 {\n margin-left: auto;\n}\n.textAreaWrapper_8f17832e55 .textArea_f72f486601 {\n resize: vertical;\n border: 1px solid var(--ui-border-color);\n border-radius: var(--border-radius-small);\n padding: var(--spacing-small) var(--spacing-medium);\n outline: none;\n background-color: var(--secondary-background-color);\n color: var(--primary-text-color);\n}\n.textAreaWrapper_8f17832e55 .textArea_f72f486601:hover {\n border-color: var(--primary-text-color);\n}\n.textAreaWrapper_8f17832e55 .textArea_f72f486601:active, .textAreaWrapper_8f17832e55 .textArea_f72f486601:focus, .textAreaWrapper_8f17832e55 .textArea_f72f486601:focus-within {\n border-color: var(--primary-color);\n}\n.textAreaWrapper_8f17832e55 .textArea_f72f486601.small_9ea4ff737d {\n font: var(--font-text2-normal);\n}\n.textAreaWrapper_8f17832e55 .textArea_f72f486601.large_7dfd09fc15 {\n font: var(--font-text1-normal);\n}\n.textAreaWrapper_8f17832e55 .textArea_f72f486601:not(.resize_939aad1a50) {\n resize: none;\n}\n.textAreaWrapper_8f17832e55.success_d423b228b4 .textArea_f72f486601 {\n border-color: var(--color-success);\n}\n.textAreaWrapper_8f17832e55.success_d423b228b4 .helpText_434cc44e6e {\n color: var(--color-success);\n}\n.textAreaWrapper_8f17832e55.error_c9ac92f217 .textArea_f72f486601 {\n border-color: var(--color-error);\n}\n.textAreaWrapper_8f17832e55.error_c9ac92f217 .helpText_434cc44e6e,\n.textAreaWrapper_8f17832e55.error_c9ac92f217 .limitText_3c427a59a4 {\n color: var(--color-error);\n}\n.textAreaWrapper_8f17832e55.disabled_f97b050db5 .textArea_f72f486601,\n.textAreaWrapper_8f17832e55.disabled_f97b050db5 .textArea_f72f486601:hover {\n color: var(--disabled-text-color);\n background-color: var(--disabled-background-color);\n border-color: transparent;\n resize: none;\n}\n.textAreaWrapper_8f17832e55.disabled_f97b050db5 .helpText_434cc44e6e {\n color: var(--disabled-text-color);\n}\n.textAreaWrapper_8f17832e55.readOnly_f97b050db5 .textArea_f72f486601,\n.textAreaWrapper_8f17832e55.readOnly_f97b050db5 .textArea_f72f486601:hover {\n background-color: var(--allgrey-background-color);\n border-color: transparent;\n resize: none;\n}');export{e as default};
2
2
  //# sourceMappingURL=TextArea.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I,ComponentVibeId as j}from"../../tests/constants.js";import{withStaticPropsWithoutForwardRef as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import L from"./TextField.module.scss.js";import k from"../Tooltip/Tooltip.js";import D from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},H=F(n((function(n,f){var C=n.className,E=void 0===C?"":C,F=n.placeholder,H=void 0===F?"":F,A=n.autoComplete,S=void 0===A?"off":A,_=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,z=void 0===W?g:W,B=n.onFocus,O=void 0===B?g:B,K=n.onKeyDown,M=void 0===K?g:K,P=n.onWheel,V=void 0===P?g:P,X=n.debounceRate,U=void 0===X?0:X,Y=n.autoFocus,G=void 0!==Y&&Y,J=n.disabled,Q=void 0!==J&&J,Z=n.readonly,$=void 0!==Z&&Z,ee=n.setRef,te=void 0===ee?g:ee,oe=n.iconName,ae=n.secondaryIconName,ne=n.id,re=void 0===ne?"input":ne,ie=n.title,le=void 0===ie?"":ie,se=n.size,ce=void 0===se?"small":se,de=n.validation,me=void 0===de?null:de,ue=n.wrapperClassName,pe=void 0===ue?"":ue,ve=n.onIconClick,fe=void 0===ve?g:ve,Ce=n.clearOnIconClick,be=void 0!==Ce&&Ce,xe=n.labelIconName,ye=n.showCharCount,Ee=void 0!==ye&&ye,Te=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,je=n.iconsNames,Fe=void 0===je?w:je,Le=n.type,ke=void 0===Le?"text":Le,De=n.maxLength,we=void 0===De?null:De,He=n.allowExceedingMaxLength,Ae=void 0!==He&&He,Se=n.trim,_e=void 0!==Se&&Se,qe=n.role,Re=void 0===qe?"":qe,We=n.required,ze=void 0!==We&&We,Be=n.requiredErrorText,Oe=void 0===Be?"":Be,Ke=n.loading,Me=void 0!==Ke&&Ke,Pe=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Ue=n.underline,Ye=void 0!==Ue&&Ue,Ge=n.name,Je=n.controlled,Qe=void 0!==Je&&Je,Ze=n.iconTooltipContent,$e=n.secondaryTooltipContent,et=n.dir,tt=r(!1),ot=e(tt,2),at=ot[0],nt=ot[1],rt=i(null),it=T(f,rt,te),lt=l((function(e){ze&&!e.target.value&&nt(!0),z(e)}),[z,ze]),st=l((function(e,t){at&&e&&nt(!1),R(e,t||{target:rt.current})}),[R,at]),ct=d({delay:U,onChange:st,initialStateValue:_,trim:_e}),dt=ct.inputValue,mt=ct.onEventChanged,ut=ct.clearValue,pt=s((function(){return Qe?_:dt}),[Qe,_,dt]),vt=l((function(e){Qe?st(e.target.value,e):mt(e)}),[Qe,st,mt]),ft=s((function(){return ae&&pt?ae:oe}),[oe,ae,pt]),Ct=l((function(){Q||(be&&(rt.current&&rt.current.focus(),rt.current.value="",Qe?st(""):ut()),fe(ft))}),[Q,be,fe,ft,Qe,st,ut]),bt=s((function(){return"number"==typeof we&&pt&&pt.length>we?b.error:me&&me.status||at?b[at?"error":me.status]:""}),[we,me,at,pt]),xt=oe||ae,yt=Ee||me&&me.text||at&&Oe,Et=ae===ft,Tt=oe===ft,Nt=(fe!==g||Fe.primary||Ze)&&pt&&oe.length&&Tt,ht=(ae||$e)&&Et&&!!pt,gt=Ae?"".concat(re,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==rt?void 0:rt.current)&&G){var e=requestAnimationFrame((function(){return rt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[rt,G]);var It=fe!==g||be,jt=Fe.primary||Ze,Ft=Fe.secondary||$e;return a.createElement("div",{className:o(L.textField,pe,t(t({},L.disabled,Q),L.onlyUnderline,Ye)),role:Re,"aria-busy":Me},a.createElement("div",{className:o(L.labelWrapper)},a.createElement(v,{labelText:le,icon:xe,labelFor:re,required:ze}),a.createElement("div",{className:o(L.inputWrapper,x[ce],bt)},a.createElement("input",{className:o(E,L.input,t(t({},L.inputHasIcon,!!xt),L.readOnly,$)),placeholder:H,autoComplete:S,value:pt,onChange:vt,disabled:Q,readOnly:$,ref:it,type:ke,id:re,"data-testid":Pe||h(I.TEXT_FIELD,re),"data-vibe":j.TEXT_FIELD,name:Ge,onBlur:lt,onFocus:O,onKeyDown:M,onWheel:V,maxLength:"number"!=typeof we||Ae?void 0:we,role:he&&"combobox","aria-label":Te||H,"aria-invalid":me&&"error"===me.status||at,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":ze,"aria-describedby":gt,required:ze,tabIndex:Xe,dir:et}),Me&&a.createElement("div",{className:o(L.loaderContainer,t({},L.loaderContainerHasIcon,xt))},a.createElement("div",{className:o(L.loader)},a.createElement(u,{className:o(L.loaderSvg)}))),a.createElement(k,{content:Tt?Ze:void 0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Tt),L.iconContainerClickable,It)),onClick:Ct,tabIndex:Nt?"0":"-1",ariaLabel:jt},a.createElement(m,{icon:oe,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"}))),a.createElement(k,{content:Et?$e:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Et),L.iconContainerClickable,It)),onClick:Ct,tabIndex:ht?"0":"-1","data-testid":Ve||h(I.TEXT_FIELD_SECONDARY_BUTTON,re),ariaLabel:Ft},a.createElement(m,{icon:ae,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"})))),yt&&a.createElement(p,{type:"text2",color:"secondary",className:o(L.subTextContainer)},me&&me.text&&a.createElement("span",{className:o(L.subTextContainerStatus)},at?Oe:me.text),Ee&&a.createElement("span",{className:o(L.counter),"aria-label":y.CHAR},pt&&pt.length||0,"number"==typeof we&&"/".concat(we),a.createElement(D,{id:gt,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{H as default};
1
+ import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I,ComponentVibeId as j}from"../../tests/constants.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import L from"./TextField.module.scss.js";import k from"../Tooltip/Tooltip.js";import D from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},H=F(n((function(n,f){var C=n.className,E=void 0===C?"":C,F=n.placeholder,H=void 0===F?"":F,A=n.autoComplete,S=void 0===A?"off":A,_=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,z=void 0===W?g:W,B=n.onFocus,O=void 0===B?g:B,K=n.onKeyDown,M=void 0===K?g:K,P=n.onWheel,V=void 0===P?g:P,X=n.debounceRate,U=void 0===X?0:X,Y=n.autoFocus,G=void 0!==Y&&Y,J=n.disabled,Q=void 0!==J&&J,Z=n.readonly,$=void 0!==Z&&Z,ee=n.setRef,te=void 0===ee?g:ee,oe=n.iconName,ae=n.secondaryIconName,ne=n.id,re=void 0===ne?"input":ne,ie=n.title,le=void 0===ie?"":ie,se=n.size,ce=void 0===se?"small":se,de=n.validation,me=void 0===de?null:de,ue=n.wrapperClassName,pe=void 0===ue?"":ue,ve=n.onIconClick,fe=void 0===ve?g:ve,Ce=n.clearOnIconClick,be=void 0!==Ce&&Ce,xe=n.labelIconName,ye=n.showCharCount,Ee=void 0!==ye&&ye,Te=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,je=n.iconsNames,Fe=void 0===je?w:je,Le=n.type,ke=void 0===Le?"text":Le,De=n.maxLength,we=void 0===De?null:De,He=n.allowExceedingMaxLength,Ae=void 0!==He&&He,Se=n.trim,_e=void 0!==Se&&Se,qe=n.role,Re=void 0===qe?"":qe,We=n.required,ze=void 0!==We&&We,Be=n.requiredErrorText,Oe=void 0===Be?"":Be,Ke=n.loading,Me=void 0!==Ke&&Ke,Pe=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Ue=n.underline,Ye=void 0!==Ue&&Ue,Ge=n.name,Je=n.controlled,Qe=void 0!==Je&&Je,Ze=n.iconTooltipContent,$e=n.secondaryTooltipContent,et=n.dir,tt=r(!1),ot=e(tt,2),at=ot[0],nt=ot[1],rt=i(null),it=T(f,rt,te),lt=l((function(e){ze&&!e.target.value&&nt(!0),z(e)}),[z,ze]),st=l((function(e,t){at&&e&&nt(!1),R(e,t||{target:rt.current})}),[R,at]),ct=d({delay:U,onChange:st,initialStateValue:_,trim:_e}),dt=ct.inputValue,mt=ct.onEventChanged,ut=ct.clearValue,pt=s((function(){return Qe?_:dt}),[Qe,_,dt]),vt=l((function(e){Qe?st(e.target.value,e):mt(e)}),[Qe,st,mt]),ft=s((function(){return ae&&pt?ae:oe}),[oe,ae,pt]),Ct=l((function(){Q||(be&&(rt.current&&rt.current.focus(),rt.current.value="",Qe?st(""):ut()),fe(ft))}),[Q,be,fe,ft,Qe,st,ut]),bt=s((function(){return"number"==typeof we&&pt&&pt.length>we?b.error:me&&me.status||at?b[at?"error":me.status]:""}),[we,me,at,pt]),xt=oe||ae,yt=Ee||me&&me.text||at&&Oe,Et=ae===ft,Tt=oe===ft,Nt=(fe!==g||Fe.primary||Ze)&&pt&&oe.length&&Tt,ht=(ae||$e)&&Et&&!!pt,gt=Ae?"".concat(re,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==rt?void 0:rt.current)&&G){var e=requestAnimationFrame((function(){return rt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[rt,G]);var It=fe!==g||be,jt=Fe.primary||Ze,Ft=Fe.secondary||$e;return a.createElement("div",{className:o(L.textField,pe,t(t({},L.disabled,Q),L.onlyUnderline,Ye)),role:Re,"aria-busy":Me},a.createElement("div",{className:o(L.labelWrapper)},a.createElement(v,{labelText:le,icon:xe,labelFor:re,required:ze}),a.createElement("div",{className:o(L.inputWrapper,x[ce],bt)},a.createElement("input",{className:o(E,L.input,t(t({},L.inputHasIcon,!!xt),L.readOnly,$)),placeholder:H,autoComplete:S,value:pt,onChange:vt,disabled:Q,readOnly:$,ref:it,type:ke,id:re,"data-testid":Pe||h(I.TEXT_FIELD,re),"data-vibe":j.TEXT_FIELD,name:Ge,onBlur:lt,onFocus:O,onKeyDown:M,onWheel:V,maxLength:"number"!=typeof we||Ae?void 0:we,role:he&&"combobox","aria-label":Te||H,"aria-invalid":me&&"error"===me.status||at,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":ze,"aria-describedby":gt,required:ze,tabIndex:Xe,dir:et}),Me&&a.createElement("div",{className:o(L.loaderContainer,t({},L.loaderContainerHasIcon,xt))},a.createElement("div",{className:o(L.loader)},a.createElement(u,{className:o(L.loaderSvg)}))),a.createElement(k,{content:Tt?Ze:void 0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Tt),L.iconContainerClickable,It)),onClick:Ct,tabIndex:Nt?"0":"-1",ariaLabel:jt},a.createElement(m,{icon:oe,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"}))),a.createElement(k,{content:Et?$e:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Et),L.iconContainerClickable,It)),onClick:Ct,tabIndex:ht?"0":"-1","data-testid":Ve||h(I.TEXT_FIELD_SECONDARY_BUTTON,re),ariaLabel:Ft},a.createElement(m,{icon:ae,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"})))),yt&&a.createElement(p,{type:"text2",color:"secondary",className:o(L.subTextContainer)},me&&me.text&&a.createElement("span",{className:o(L.subTextContainerStatus)},at?Oe:me.text),Ee&&a.createElement("span",{className:o(L.counter),"aria-label":y.CHAR},pt&&pt.length||0,"number"==typeof we&&"/".concat(we),a.createElement(D,{id:gt,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{H as default};
2
2
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\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 iconName?: 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 * Icon labels for accessibility.\n */\n iconsNames?: {\n primary: string;\n secondary: string;\n };\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 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 iconsNames = EMPTY_OBJECT,\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 || iconsNames.primary || 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 primaryIconLabel = iconsNames.primary || iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary || 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 <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 ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\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 ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\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\ninterface TextFieldStaticProps {\n sizes: typeof BASE_SIZES;\n types: typeof TextFieldTextTypeEnum;\n feedbacks: typeof TextFieldFeedbackStateEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<TextFieldProps, TextFieldStaticProps>(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticPropsWithoutForwardRef","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","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","_ref$iconsNames","iconsNames","_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","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","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","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\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 iconName?: 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 * Icon labels for accessibility.\n */\n iconsNames?: {\n primary: string;\n secondary: string;\n };\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 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 iconsNames = EMPTY_OBJECT,\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 || iconsNames.primary || 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 primaryIconLabel = iconsNames.primary || iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary || 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 <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 ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\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 ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\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\ninterface TextFieldStaticProps {\n sizes: typeof BASE_SIZES;\n types: typeof TextFieldTextTypeEnum;\n feedbacks: typeof TextFieldFeedbackStateEnum;\n}\n\nexport default withStaticProps<TextFieldProps, TextFieldStaticProps, unknown>(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","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","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","_ref$iconsNames","iconsNames","_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","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","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","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- var n={textField:"textField_0430b5b8b6",labelWrapper:"labelWrapper_0eace11914",subTextContainer:"subTextContainer_5181fa4106",counter:"counter_06c599430b",disabled:"disabled_e21cd11189",icon:"icon_e102f2d396",inputWrapper:"inputWrapper_e102f2d396",input:"input_a7626a4472",iconContainer:"iconContainer_35976b50ac",iconContainerHasIcon:"iconContainerHasIcon_b6dc39dfc6",readOnly:"readOnly_40ec8dda97",inputHover:"inputHover_263ae92a0f",inputActive:"inputActive_d01b13355a",inputHasIcon:"inputHasIcon_2d6e7fb010",round:"round_de765da569",square:"square_9625045865",onlyUnderline:"onlyUnderline_dc6a19106f",tooltipContainer:"tooltipContainer_08c0ac6572",wrapperSizeMedium:"wrapperSizeMedium_61340f8595",wrapperSizeLarge:"wrapperSizeLarge_646bba86b0",iconContainerActive:"iconContainerActive_2aa0f294b4",iconContainerClickable:"iconContainerClickable_2b021e5bbf",inputErrorValidation:"inputErrorValidation_b6dc39dfc6",subTextContainerStatus:"subTextContainerStatus_bcd2f03703",inputSuccessValidation:"inputSuccessValidation_90477acfaa",wrapperSizeSmall:"wrapperSizeSmall_265aab38fa",inputWrapperSizeSmall:"inputWrapperSizeSmall_48f934a34c",loaderContainer:"loaderContainer_3d0e0c25ed",loaderContainerHasIcon:"loaderContainerHasIcon_9d68568140",loader:"loader_108ec1c39e",loaderSvg:"loaderSvg_3cbf0c8815"};!function(n){const e="s_id-6ee97e87df70_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_0430b5b8b6 {\n position: relative;\n box-sizing: border-box;\n font: var(--font-text2-normal);\n width: 100%;\n}\n\n.textField_0430b5b8b6 * {\n box-sizing: border-box;\n}\n\n.textField_0430b5b8b6 .labelWrapper_0eace11914 {\n width: 100%;\n}\n\n.textField_0430b5b8b6 .subTextContainer_5181fa4106 {\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\n.textField_0430b5b8b6 .subTextContainer_5181fa4106 .counter_06c599430b {\n margin-left: auto;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .icon_e102f2d396 {\n cursor: not-allowed;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 {\n cursor: not-allowed;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 .input_a7626a4472 {\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 .input_a7626a4472::placeholder {\n color: var(--disabled-text-color);\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerHasIcon_b6dc39dfc6:hover {\n background-color: transparent;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 {\n width: 100%;\n position: relative;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472 {\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(--spacing-small) var(--spacing-medium);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.readOnly_40ec8dda97 {\n background-color: var(--allgrey-background-color);\n border: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.inputHover_263ae92a0f {\n border-color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472:focus,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472:active,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.inputActive_d01b13355a {\n border-color: var(--primary-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.inputHasIcon_2d6e7fb010 {\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.round_de765da569 {\n border-radius: 50px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.square_9625045865 {\n border-radius: 0;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.onlyUnderline_dc6a19106f {\n border-left: none;\n border-right: none;\n border-top: none;\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n border-radius: 0 !important;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .tooltipContainer_08c0ac6572 {\n position: absolute;\n top: 50%;\n right: 0;\n width: 32px;\n height: 20px;\n transform: translateY(-50%);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .tooltipContainer_08c0ac6572 {\n width: 40px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .tooltipContainer_08c0ac6572 {\n width: 46px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac {\n position: absolute;\n top: 50%;\n right: 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}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac {\n -webkit-appearance: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4.iconContainerHasIcon_b6dc39dfc6.iconContainerClickable_2b021e5bbf {\n pointer-events: all;\n cursor: pointer;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4.iconContainerHasIcon_b6dc39dfc6:not(.iconContainerClickable_2b021e5bbf) {\n pointer-events: none;\n cursor: default;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4 {\n opacity: 1;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4 .icon_e102f2d396 {\n opacity: 1;\n pointer-events: all;\n transform: rotate(0) scale(1);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerHasIcon_b6dc39dfc6.iconContainerClickable_2b021e5bbf:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerHasIcon_b6dc39dfc6.iconContainerClickable_2b021e5bbf:active {\n transform: translateY(-50%) scale(0.9);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac .icon_e102f2d396 {\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}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6:hover .input_a7626a4472 {\n border-color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .input_a7626a4472 {\n border-color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .input_a7626a4472:focus,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .input_a7626a4472:active {\n border-color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .iconContainer_35976b50ac .icon_e102f2d396 {\n color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .iconContainer_35976b50ac .icon_e102f2d396:hover {\n color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 + .subTextContainer_5181fa4106 .subTextContainerStatus_bcd2f03703,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 + .subTextContainer_5181fa4106 .counter_06c599430b {\n color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa:hover .input_a7626a4472 {\n border-color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .input_a7626a4472 {\n border-color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .input_a7626a4472:focus,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .input_a7626a4472:active {\n border-color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .iconContainer_35976b50ac .icon_e102f2d396 {\n color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .iconContainer_35976b50ac .icon_e102f2d396:hover {\n color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa + .subTextContainer_5181fa4106 .subTextContainerStatus_bcd2f03703 {\n color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeSmall_265aab38fa {\n height: 32px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeSmall_265aab38fa .input_a7626a4472 {\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\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputWrapperSizeSmall_48f934a34c .input_a7626a4472.inputHasIcon_2d6e7fb010.onlyUnderline_dc6a19106f {\n padding-left: var(--spacing-xs);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 {\n height: 40px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .input_a7626a4472 {\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\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .input_a7626a4472.inputHasIcon_2d6e7fb010 {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .input_a7626a4472.inputHasIcon_2d6e7fb010.onlyUnderline_dc6a19106f {\n padding-left: 4px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac {\n pointer-events: none;\n height: 32px;\n width: 32px;\n outline: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-size: 16px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac:hover + .iconContainer_35976b50ac + .input_a7626a4472 {\n border-color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 {\n height: 48px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .input_a7626a4472 {\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\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .input_a7626a4472.inputHasIcon_2d6e7fb010 {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .input_a7626a4472.inputHasIcon_2d6e7fb010.onlyUnderline_dc6a19106f {\n padding-left: var(--spacing-xs);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .iconContainer_35976b50ac {\n height: 40px;\n width: 40px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-size: 16px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396:hover .input_a7626a4472 {\n border-color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed {\n position: absolute;\n top: 50%;\n right: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed.loaderContainerHasIcon_9d68568140 {\n right: 32px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed .loader_108ec1c39e {\n width: 16px;\n height: 16px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed .loader_108ec1c39e .loaderSvg_3cbf0c8815 {\n color: var(--secondary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-family: var(--font-family);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-family: var(--font-family);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-family: var(--font-family);\n}\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};
1
+ var n={textField:"textField_b035b010d0",labelWrapper:"labelWrapper_6c9e0fbe2f",subTextContainer:"subTextContainer_a7437411e0",counter:"counter_3c427a59a4",disabled:"disabled_38f922fb35",icon:"icon_22a8af4975",inputWrapper:"inputWrapper_22a8af4975",input:"input_fceba89efd",iconContainer:"iconContainer_708950ee02",iconContainerHasIcon:"iconContainerHasIcon_83577b526e",readOnly:"readOnly_a7100a6f0a",inputHover:"inputHover_c5beb61e17",inputActive:"inputActive_1abf366473",inputHasIcon:"inputHasIcon_37941de7d6",round:"round_99843c9d38",square:"square_0c4567e251",onlyUnderline:"onlyUnderline_282cad2e3b",tooltipContainer:"tooltipContainer_bcd68ce66a",wrapperSizeMedium:"wrapperSizeMedium_102a450dc8",wrapperSizeLarge:"wrapperSizeLarge_1ddae8ac00",iconContainerActive:"iconContainerActive_fb0e688413",iconContainerClickable:"iconContainerClickable_b8b3676e7f",inputErrorValidation:"inputErrorValidation_83577b526e",subTextContainerStatus:"subTextContainerStatus_1d7bd35244",inputSuccessValidation:"inputSuccessValidation_5dec257b19",wrapperSizeSmall:"wrapperSizeSmall_e14e9fa254",inputWrapperSizeSmall:"inputWrapperSizeSmall_9fd4bfc6cc",loaderContainer:"loaderContainer_65edd813b2",loaderContainerHasIcon:"loaderContainerHasIcon_5d0fa3a13a",loader:"loader_164a864602",loaderSvg:"loaderSvg_194cc748c0"};!function(n){const e="s_id-6ee97e87df70_3_50_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_b035b010d0 {\n position: relative;\n box-sizing: border-box;\n font: var(--font-text2-normal);\n width: 100%;\n}\n\n.textField_b035b010d0 * {\n box-sizing: border-box;\n}\n\n.textField_b035b010d0 .labelWrapper_6c9e0fbe2f {\n width: 100%;\n}\n\n.textField_b035b010d0 .subTextContainer_a7437411e0 {\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\n.textField_b035b010d0 .subTextContainer_a7437411e0 .counter_3c427a59a4 {\n margin-left: auto;\n}\n\n.textField_b035b010d0.disabled_38f922fb35 .icon_22a8af4975 {\n cursor: not-allowed;\n}\n\n.textField_b035b010d0.disabled_38f922fb35 .inputWrapper_22a8af4975 {\n cursor: not-allowed;\n}\n\n.textField_b035b010d0.disabled_38f922fb35 .inputWrapper_22a8af4975 .input_fceba89efd {\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n\n.textField_b035b010d0.disabled_38f922fb35 .inputWrapper_22a8af4975 .input_fceba89efd::placeholder {\n color: var(--disabled-text-color);\n}\n\n.textField_b035b010d0.disabled_38f922fb35 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerHasIcon_83577b526e:hover {\n background-color: transparent;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 {\n width: 100%;\n position: relative;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd {\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(--spacing-small) var(--spacing-medium);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--primary-text-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.readOnly_a7100a6f0a {\n background-color: var(--allgrey-background-color);\n border: none;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.inputHover_c5beb61e17 {\n border-color: var(--primary-text-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd:focus,\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd:active,\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.inputActive_1abf366473 {\n border-color: var(--primary-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.inputHasIcon_37941de7d6 {\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.round_99843c9d38 {\n border-radius: 50px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.square_0c4567e251 {\n border-radius: 0;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .input_fceba89efd.onlyUnderline_282cad2e3b {\n border-left: none;\n border-right: none;\n border-top: none;\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n border-radius: 0 !important;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .tooltipContainer_bcd68ce66a {\n position: absolute;\n top: 50%;\n right: 0;\n width: 32px;\n height: 20px;\n transform: translateY(-50%);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .tooltipContainer_bcd68ce66a {\n width: 40px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .tooltipContainer_bcd68ce66a {\n width: 46px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02 {\n position: absolute;\n top: 50%;\n right: 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}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02 {\n -webkit-appearance: none;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerActive_fb0e688413.iconContainerHasIcon_83577b526e.iconContainerClickable_b8b3676e7f {\n pointer-events: all;\n cursor: pointer;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerActive_fb0e688413.iconContainerHasIcon_83577b526e:not(.iconContainerClickable_b8b3676e7f) {\n pointer-events: none;\n cursor: default;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerActive_fb0e688413 {\n opacity: 1;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerActive_fb0e688413 .icon_22a8af4975 {\n opacity: 1;\n pointer-events: all;\n transform: rotate(0) scale(1);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerHasIcon_83577b526e.iconContainerClickable_b8b3676e7f:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02.iconContainerHasIcon_83577b526e.iconContainerClickable_b8b3676e7f:active {\n transform: translateY(-50%) scale(0.9);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02 .icon_22a8af4975 {\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}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e:hover .input_fceba89efd {\n border-color: var(--negative-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e .input_fceba89efd {\n border-color: var(--negative-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e .input_fceba89efd:focus,\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e .input_fceba89efd:active {\n border-color: var(--negative-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e .iconContainer_708950ee02 .icon_22a8af4975 {\n color: var(--negative-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e .iconContainer_708950ee02 .icon_22a8af4975:hover {\n color: var(--negative-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e + .subTextContainer_a7437411e0 .subTextContainerStatus_1d7bd35244,\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputErrorValidation_83577b526e + .subTextContainer_a7437411e0 .counter_3c427a59a4 {\n color: var(--negative-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19:hover .input_fceba89efd {\n border-color: var(--positive-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19 .input_fceba89efd {\n border-color: var(--positive-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19 .input_fceba89efd:focus,\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19 .input_fceba89efd:active {\n border-color: var(--positive-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19 .iconContainer_708950ee02 .icon_22a8af4975 {\n color: var(--positive-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19 .iconContainer_708950ee02 .icon_22a8af4975:hover {\n color: var(--positive-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputSuccessValidation_5dec257b19 + .subTextContainer_a7437411e0 .subTextContainerStatus_1d7bd35244 {\n color: var(--positive-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeSmall_e14e9fa254 {\n height: 32px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeSmall_e14e9fa254 .input_fceba89efd {\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\n.textField_b035b010d0 .inputWrapper_22a8af4975.inputWrapperSizeSmall_9fd4bfc6cc .input_fceba89efd.inputHasIcon_37941de7d6.onlyUnderline_282cad2e3b {\n padding-left: var(--spacing-xs);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 {\n height: 40px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .input_fceba89efd {\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\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .input_fceba89efd.inputHasIcon_37941de7d6 {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .input_fceba89efd.inputHasIcon_37941de7d6.onlyUnderline_282cad2e3b {\n padding-left: 4px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .iconContainer_708950ee02 {\n pointer-events: none;\n height: 32px;\n width: 32px;\n outline: none;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .iconContainer_708950ee02 .icon_22a8af4975 {\n font-size: 16px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .iconContainer_708950ee02:hover + .iconContainer_708950ee02 + .input_fceba89efd {\n border-color: var(--primary-text-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 {\n height: 48px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .input_fceba89efd {\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\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .input_fceba89efd.inputHasIcon_37941de7d6 {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .input_fceba89efd.inputHasIcon_37941de7d6.onlyUnderline_282cad2e3b {\n padding-left: var(--spacing-xs);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .iconContainer_708950ee02 {\n height: 40px;\n width: 40px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .iconContainer_708950ee02 .icon_22a8af4975 {\n font-size: 16px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975:hover .input_fceba89efd {\n border-color: var(--primary-text-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .loaderContainer_65edd813b2 {\n position: absolute;\n top: 50%;\n right: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .loaderContainer_65edd813b2.loaderContainerHasIcon_5d0fa3a13a {\n right: 32px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .loaderContainer_65edd813b2 .loader_164a864602 {\n width: 16px;\n height: 16px;\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .loaderContainer_65edd813b2 .loader_164a864602 .loaderSvg_194cc748c0 {\n color: var(--secondary-text-color);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975 .iconContainer_708950ee02 .icon_22a8af4975 {\n font-family: var(--font-family);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeMedium_102a450dc8 .iconContainer_708950ee02 .icon_22a8af4975 {\n font-family: var(--font-family);\n}\n\n.textField_b035b010d0 .inputWrapper_22a8af4975.wrapperSizeLarge_1ddae8ac00 .iconContainer_708950ee02 .icon_22a8af4975 {\n font-family: var(--font-family);\n}\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
2
  //# sourceMappingURL=TextField.module.scss.js.map