@algolia/satellite 1.0.0-beta.130 → 1.0.0-beta.133

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 (458) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +3 -2
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.js +13 -7
  3. package/cjs/AutoComplete/AutoComplete.d.ts +28 -17
  4. package/cjs/AutoComplete/AutoComplete.js +204 -124
  5. package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  6. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
  7. package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  8. package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
  9. package/cjs/AutoComplete/types.d.ts +33 -25
  10. package/cjs/AutoComplete/utils.d.ts +4 -4
  11. package/cjs/Avatars/ApplicationAvatar.js +6 -5
  12. package/cjs/Avatars/UserAvatar.js +19 -20
  13. package/cjs/Avatars/utils.d.ts +1 -1
  14. package/cjs/Badge/Badge.d.ts +5 -5
  15. package/cjs/Badge/Badge.js +21 -12
  16. package/cjs/Banner/Banner.d.ts +4 -4
  17. package/cjs/Banner/Banner.js +30 -25
  18. package/cjs/Banners/Alert/Alert.d.ts +4 -4
  19. package/cjs/Banners/Alert/Alert.js +29 -23
  20. package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -2
  21. package/cjs/Banners/BigBertha/BigBertha.js +11 -9
  22. package/cjs/Banners/Promote/Promote.d.ts +5 -5
  23. package/cjs/Banners/Promote/Promote.js +38 -30
  24. package/cjs/Button/Button.js +23 -17
  25. package/cjs/Button/ButtonGroup.d.ts +1 -1
  26. package/cjs/Button/ButtonGroup.js +6 -5
  27. package/cjs/Button/IconButton.d.ts +2 -2
  28. package/cjs/Button/IconButton.js +24 -22
  29. package/cjs/Button/styles.d.ts +1 -1
  30. package/cjs/Button/types.d.ts +5 -5
  31. package/cjs/Card/Card.d.ts +3 -3
  32. package/cjs/Card/Card.js +8 -11
  33. package/cjs/Card/components/CardHeader.js +8 -4
  34. package/cjs/Card/components/CardTitle.d.ts +1 -1
  35. package/cjs/Card/components/CardTitle.js +11 -6
  36. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  37. package/cjs/Checkbox/Checkbox.js +33 -30
  38. package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +2 -2
  39. package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
  40. package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  41. package/cjs/DatePicker/DatePicker/DatePicker.js +84 -63
  42. package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  43. package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
  44. package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  45. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +89 -69
  46. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +3 -1
  47. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
  48. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  49. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
  50. package/cjs/DatePicker/components/Calendar.d.ts +5 -2
  51. package/cjs/DatePicker/components/Calendar.js +12 -10
  52. package/cjs/DatePicker/components/Display.d.ts +3 -3
  53. package/cjs/DatePicker/components/Display.js +6 -5
  54. package/cjs/DatePicker/components/Footer.d.ts +2 -2
  55. package/cjs/DatePicker/components/Footer.js +6 -5
  56. package/cjs/DatePicker/components/FooterActions.d.ts +3 -1
  57. package/cjs/DatePicker/components/FooterActions.js +17 -13
  58. package/cjs/DatePicker/components/Modal.d.ts +5 -5
  59. package/cjs/DatePicker/components/Modal.js +18 -16
  60. package/cjs/DatePicker/components/NavBar.d.ts +6 -3
  61. package/cjs/DatePicker/components/NavBar.js +42 -41
  62. package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
  63. package/cjs/DatePicker/components/SidePanel.js +9 -7
  64. package/cjs/DatePicker/types.d.ts +17 -0
  65. package/cjs/DatePicker/types.js +5 -0
  66. package/cjs/Dropdown/Dropdown.d.ts +8 -8
  67. package/cjs/Dropdown/Dropdown.js +49 -40
  68. package/cjs/Dropdown/DropdownButton.d.ts +3 -3
  69. package/cjs/Dropdown/DropdownButton.js +15 -9
  70. package/cjs/Dropdown/DropdownContext.d.ts +2 -2
  71. package/cjs/Dropdown/DropdownContext.js +2 -9
  72. package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  73. package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
  74. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  75. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
  76. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  77. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
  78. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  79. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  80. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  81. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  82. package/cjs/Dropdown/components/DropdownDivider.js +3 -3
  83. package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  84. package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
  85. package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
  86. package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  87. package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
  88. package/cjs/Dropdown/components/DropdownTitle.d.ts +1 -1
  89. package/cjs/Dropdown/components/DropdownTitle.js +8 -4
  90. package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  91. package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
  92. package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
  93. package/cjs/Dropzone/Dropzone.d.ts +2 -2
  94. package/cjs/Dropzone/Dropzone.js +58 -53
  95. package/cjs/EmptyState/EmptyState.d.ts +1 -1
  96. package/cjs/EmptyState/EmptyState.js +29 -22
  97. package/cjs/EmptyState/types.d.ts +7 -7
  98. package/cjs/Field/Field.d.ts +3 -3
  99. package/cjs/Field/Field.js +33 -26
  100. package/cjs/Flag/Flag.d.ts +2 -2
  101. package/cjs/Flag/Flag.js +45 -40
  102. package/cjs/Flag/Flags.d.ts +3 -3
  103. package/cjs/Flag/Flags.js +32 -22
  104. package/cjs/Flag/types.d.ts +4 -4
  105. package/cjs/FlexGrid/FlexGrid.d.ts +1 -1
  106. package/cjs/FlexGrid/FlexGrid.js +15 -9
  107. package/cjs/FlexGrid/FlexGrid.tailwind.js +2 -2
  108. package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
  109. package/cjs/HelpUnderline/HelpUnderline.js +9 -7
  110. package/cjs/Input/Input.d.ts +5 -5
  111. package/cjs/Input/Input.js +119 -114
  112. package/cjs/Input/Input.tailwind.js +0 -3
  113. package/cjs/Insert/Insert.d.ts +2 -2
  114. package/cjs/Insert/Insert.js +29 -23
  115. package/cjs/KeyboardKey/KeyboardKey.d.ts +7 -0
  116. package/cjs/KeyboardKey/KeyboardKey.js +47 -0
  117. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +5 -0
  118. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +33 -0
  119. package/cjs/KeyboardKey/index.d.ts +2 -0
  120. package/cjs/KeyboardKey/index.js +26 -0
  121. package/cjs/Link/BaseLink.d.ts +3 -3
  122. package/cjs/Link/BaseLink.js +7 -7
  123. package/cjs/Link/ButtonLink.d.ts +1 -1
  124. package/cjs/Link/ButtonLink.js +9 -5
  125. package/cjs/Link/IconButtonLink.d.ts +1 -1
  126. package/cjs/Link/IconButtonLink.js +8 -4
  127. package/cjs/Link/Link.d.ts +5 -5
  128. package/cjs/Link/Link.js +16 -15
  129. package/cjs/Medallion/Medallion.d.ts +2 -2
  130. package/cjs/Medallion/Medallion.js +8 -7
  131. package/cjs/Modal/Modal.d.ts +7 -5
  132. package/cjs/Modal/Modal.js +64 -40
  133. package/cjs/Modal/components/ModalFooter.d.ts +2 -2
  134. package/cjs/Modal/components/ModalFooter.js +16 -10
  135. package/cjs/Modal/components/ModalSection.d.ts +1 -1
  136. package/cjs/Modal/components/ModalSection.js +6 -5
  137. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +12 -0
  138. package/cjs/Pagination/CompactPagination/CompactPagination.js +40 -38
  139. package/cjs/Pagination/DotPagination/DotPagination.d.ts +4 -1
  140. package/cjs/Pagination/DotPagination/DotPagination.js +21 -17
  141. package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
  142. package/cjs/Pagination/Pagination/Pagination.js +62 -49
  143. package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
  144. package/cjs/ProgressBar/ProgressBar.js +16 -11
  145. package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  146. package/cjs/ProgressSpinner/ProgressSpinner.js +21 -11
  147. package/cjs/RadioGroup/RadioButton.d.ts +3 -3
  148. package/cjs/RadioGroup/RadioButton.js +8 -8
  149. package/cjs/RadioGroup/RadioGroup.d.ts +3 -3
  150. package/cjs/RadioGroup/RadioGroup.js +36 -34
  151. package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
  152. package/cjs/RangeSlider/RangeSlider.js +37 -36
  153. package/cjs/Satellite/Satellite.d.ts +2 -2
  154. package/cjs/Satellite/Satellite.js +6 -5
  155. package/cjs/Satellite/SatelliteContext.js +2 -2
  156. package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
  157. package/cjs/ScrollIndicator/ScrollIndicator.d.ts +5 -3
  158. package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
  159. package/cjs/Select/Select.d.ts +3 -3
  160. package/cjs/Select/Select.js +8 -8
  161. package/cjs/Sidebar/Sidebar.d.ts +6 -4
  162. package/cjs/Sidebar/Sidebar.js +18 -10
  163. package/cjs/Sidebar/SidebarContext.d.ts +1 -1
  164. package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
  165. package/cjs/Sidebar/components/SidebarHeader.js +11 -6
  166. package/cjs/Sidebar/components/SidebarLink.d.ts +3 -3
  167. package/cjs/Sidebar/components/SidebarLink.js +32 -22
  168. package/cjs/Switch/Switch.d.ts +3 -3
  169. package/cjs/Switch/Switch.js +17 -19
  170. package/cjs/Switch/SwitchOption.d.ts +1 -1
  171. package/cjs/Switch/SwitchOption.js +24 -16
  172. package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
  173. package/cjs/Tables/DataTable/DataTable.js +62 -60
  174. package/cjs/Tables/DataTable/components/Body.d.ts +6 -6
  175. package/cjs/Tables/DataTable/components/Body.js +62 -47
  176. package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
  177. package/cjs/Tables/DataTable/components/Footer.js +6 -6
  178. package/cjs/Tables/DataTable/components/Header.js +24 -20
  179. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  180. package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
  181. package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
  182. package/cjs/Tables/DataTable/components/Loader.js +19 -20
  183. package/cjs/Tables/DataTable/types.d.ts +3 -3
  184. package/cjs/Tables/DataTable/utils.d.ts +1 -1
  185. package/cjs/Tables/Table/Table.d.ts +3 -3
  186. package/cjs/Tables/Table/Table.js +19 -12
  187. package/cjs/Tables/Table/components/Footer.d.ts +2 -2
  188. package/cjs/Tables/Table/components/Footer.js +6 -5
  189. package/cjs/Tabs/ContentTabs.d.ts +1 -1
  190. package/cjs/Tabs/ContentTabs.js +39 -38
  191. package/cjs/Tabs/LinkTabs.d.ts +1 -1
  192. package/cjs/Tabs/LinkTabs.js +16 -16
  193. package/cjs/Tabs/components/LinkTab.d.ts +3 -3
  194. package/cjs/Tabs/components/LinkTab.js +18 -12
  195. package/cjs/Tabs/types.d.ts +6 -6
  196. package/cjs/Tabs/utils.d.ts +1 -1
  197. package/cjs/Tag/Tag.d.ts +7 -4
  198. package/cjs/Tag/Tag.js +24 -20
  199. package/cjs/TextArea/TextArea.d.ts +3 -3
  200. package/cjs/TextArea/TextArea.js +8 -8
  201. package/cjs/TextWrap/TextWrap.js +20 -20
  202. package/cjs/Toggle/Toggle.d.ts +3 -3
  203. package/cjs/Toggle/Toggle.js +23 -21
  204. package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  205. package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
  206. package/cjs/Tooltip/Tooltip.d.ts +3 -3
  207. package/cjs/Tooltip/Tooltip.js +8 -8
  208. package/cjs/Tooltip/TooltipWrapper.d.ts +3 -3
  209. package/cjs/Tooltip/TooltipWrapper.js +47 -39
  210. package/cjs/Tooltip/types.d.ts +2 -2
  211. package/cjs/Typography/Typography.tailwind.js +2 -2
  212. package/cjs/UserContent/UserContent.js +3 -3
  213. package/cjs/UserContent/UserContent.tailwind.js +2 -4
  214. package/cjs/index.d.ts +1 -0
  215. package/cjs/index.js +14 -0
  216. package/cjs/styles/tailwind.config.js +3 -3
  217. package/cjs/tailwind-types.d.ts +1 -1
  218. package/cjs/types.d.ts +3 -3
  219. package/cjs/utilities/utilities.tailwind.d.ts +2 -0
  220. package/cjs/utilities/utilities.tailwind.js +32 -0
  221. package/cjs/utils/genericChangeHandler.d.ts +3 -3
  222. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  223. package/cjs/utils/isRenderedChild.d.ts +2 -2
  224. package/cjs/utils/pluralize.js +6 -1
  225. package/cjs/utils/useForwardedRef.d.ts +2 -2
  226. package/cjs/utils/useLinkProps.d.ts +2 -2
  227. package/cjs/utils/useTriggerInputChange.d.ts +2 -2
  228. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +3 -2
  229. package/esm/AnnouncementBadge/AnnouncementBadge.js +12 -6
  230. package/esm/AutoComplete/AutoComplete.d.ts +28 -17
  231. package/esm/AutoComplete/AutoComplete.js +208 -116
  232. package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  233. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
  234. package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  235. package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
  236. package/esm/AutoComplete/types.d.ts +33 -25
  237. package/esm/AutoComplete/utils.d.ts +4 -4
  238. package/esm/Avatars/ApplicationAvatar.js +5 -4
  239. package/esm/Avatars/UserAvatar.js +19 -14
  240. package/esm/Avatars/utils.d.ts +1 -1
  241. package/esm/Badge/Badge.d.ts +5 -5
  242. package/esm/Badge/Badge.js +21 -11
  243. package/esm/Banner/Banner.d.ts +4 -4
  244. package/esm/Banner/Banner.js +31 -25
  245. package/esm/Banners/Alert/Alert.d.ts +4 -4
  246. package/esm/Banners/Alert/Alert.js +30 -23
  247. package/esm/Banners/BigBertha/BigBertha.d.ts +2 -2
  248. package/esm/Banners/BigBertha/BigBertha.js +11 -8
  249. package/esm/Banners/Promote/Promote.d.ts +5 -5
  250. package/esm/Banners/Promote/Promote.js +37 -28
  251. package/esm/Button/Button.js +23 -16
  252. package/esm/Button/ButtonGroup.d.ts +1 -1
  253. package/esm/Button/ButtonGroup.js +5 -4
  254. package/esm/Button/IconButton.d.ts +2 -2
  255. package/esm/Button/IconButton.js +24 -19
  256. package/esm/Button/styles.d.ts +1 -1
  257. package/esm/Button/types.d.ts +5 -5
  258. package/esm/Card/Card.d.ts +3 -3
  259. package/esm/Card/Card.js +6 -4
  260. package/esm/Card/components/CardHeader.js +8 -3
  261. package/esm/Card/components/CardTitle.d.ts +1 -1
  262. package/esm/Card/components/CardTitle.js +11 -5
  263. package/esm/Checkbox/Checkbox.d.ts +3 -3
  264. package/esm/Checkbox/Checkbox.js +35 -26
  265. package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +2 -2
  266. package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
  267. package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  268. package/esm/DatePicker/DatePicker/DatePicker.js +87 -59
  269. package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  270. package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
  271. package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  272. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +95 -67
  273. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +3 -1
  274. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
  275. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  276. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
  277. package/esm/DatePicker/components/Calendar.d.ts +5 -2
  278. package/esm/DatePicker/components/Calendar.js +13 -5
  279. package/esm/DatePicker/components/Display.d.ts +3 -3
  280. package/esm/DatePicker/components/Display.js +5 -4
  281. package/esm/DatePicker/components/Footer.d.ts +2 -2
  282. package/esm/DatePicker/components/Footer.js +5 -4
  283. package/esm/DatePicker/components/FooterActions.d.ts +3 -1
  284. package/esm/DatePicker/components/FooterActions.js +18 -13
  285. package/esm/DatePicker/components/Modal.d.ts +5 -5
  286. package/esm/DatePicker/components/Modal.js +19 -12
  287. package/esm/DatePicker/components/NavBar.d.ts +6 -3
  288. package/esm/DatePicker/components/NavBar.js +42 -35
  289. package/esm/DatePicker/components/SidePanel.d.ts +2 -2
  290. package/esm/DatePicker/components/SidePanel.js +8 -6
  291. package/esm/DatePicker/types.d.ts +17 -0
  292. package/esm/DatePicker/types.js +1 -0
  293. package/esm/Dropdown/Dropdown.d.ts +8 -8
  294. package/esm/Dropdown/Dropdown.js +45 -30
  295. package/esm/Dropdown/DropdownButton.d.ts +3 -3
  296. package/esm/Dropdown/DropdownButton.js +15 -8
  297. package/esm/Dropdown/DropdownContext.d.ts +2 -2
  298. package/esm/Dropdown/DropdownContext.js +2 -2
  299. package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  300. package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
  301. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  302. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
  303. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  304. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
  305. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  306. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
  307. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  308. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
  309. package/esm/Dropdown/components/DropdownDivider.js +2 -2
  310. package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  311. package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
  312. package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
  313. package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  314. package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
  315. package/esm/Dropdown/components/DropdownTitle.d.ts +1 -1
  316. package/esm/Dropdown/components/DropdownTitle.js +8 -3
  317. package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  318. package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
  319. package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
  320. package/esm/Dropzone/Dropzone.d.ts +2 -2
  321. package/esm/Dropzone/Dropzone.js +58 -47
  322. package/esm/EmptyState/EmptyState.d.ts +1 -1
  323. package/esm/EmptyState/EmptyState.js +29 -21
  324. package/esm/EmptyState/types.d.ts +7 -7
  325. package/esm/Field/Field.d.ts +3 -3
  326. package/esm/Field/Field.js +33 -25
  327. package/esm/Flag/Flag.d.ts +2 -2
  328. package/esm/Flag/Flag.js +44 -33
  329. package/esm/Flag/Flags.d.ts +3 -3
  330. package/esm/Flag/Flags.js +30 -21
  331. package/esm/Flag/types.d.ts +4 -4
  332. package/esm/FlexGrid/FlexGrid.d.ts +1 -1
  333. package/esm/FlexGrid/FlexGrid.js +13 -8
  334. package/esm/FlexGrid/FlexGrid.tailwind.js +2 -2
  335. package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
  336. package/esm/HelpUnderline/HelpUnderline.js +8 -6
  337. package/esm/Input/Input.d.ts +5 -5
  338. package/esm/Input/Input.js +119 -108
  339. package/esm/Input/Input.tailwind.js +0 -3
  340. package/esm/Insert/Insert.d.ts +2 -2
  341. package/esm/Insert/Insert.js +28 -21
  342. package/esm/KeyboardKey/KeyboardKey.d.ts +7 -0
  343. package/esm/KeyboardKey/KeyboardKey.js +30 -0
  344. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +5 -0
  345. package/esm/KeyboardKey/KeyboardKey.tailwind.js +31 -0
  346. package/esm/KeyboardKey/index.d.ts +2 -0
  347. package/esm/KeyboardKey/index.js +2 -0
  348. package/esm/Link/BaseLink.d.ts +3 -3
  349. package/esm/Link/BaseLink.js +9 -3
  350. package/esm/Link/ButtonLink.d.ts +1 -1
  351. package/esm/Link/ButtonLink.js +9 -4
  352. package/esm/Link/IconButtonLink.d.ts +1 -1
  353. package/esm/Link/IconButtonLink.js +9 -4
  354. package/esm/Link/Link.d.ts +5 -5
  355. package/esm/Link/Link.js +18 -10
  356. package/esm/Medallion/Medallion.d.ts +2 -2
  357. package/esm/Medallion/Medallion.js +7 -6
  358. package/esm/Modal/Modal.d.ts +7 -5
  359. package/esm/Modal/Modal.js +65 -35
  360. package/esm/Modal/components/ModalFooter.d.ts +2 -2
  361. package/esm/Modal/components/ModalFooter.js +16 -9
  362. package/esm/Modal/components/ModalSection.d.ts +1 -1
  363. package/esm/Modal/components/ModalSection.js +5 -4
  364. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +12 -0
  365. package/esm/Pagination/CompactPagination/CompactPagination.js +41 -38
  366. package/esm/Pagination/DotPagination/DotPagination.d.ts +4 -1
  367. package/esm/Pagination/DotPagination/DotPagination.js +20 -16
  368. package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
  369. package/esm/Pagination/Pagination/Pagination.js +63 -48
  370. package/esm/ProgressBar/ProgressBar.d.ts +2 -2
  371. package/esm/ProgressBar/ProgressBar.js +16 -10
  372. package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  373. package/esm/ProgressSpinner/ProgressSpinner.js +21 -10
  374. package/esm/RadioGroup/RadioButton.d.ts +3 -3
  375. package/esm/RadioGroup/RadioButton.js +9 -3
  376. package/esm/RadioGroup/RadioGroup.d.ts +3 -3
  377. package/esm/RadioGroup/RadioGroup.js +36 -28
  378. package/esm/RangeSlider/RangeSlider.d.ts +3 -3
  379. package/esm/RangeSlider/RangeSlider.js +39 -31
  380. package/esm/Satellite/Satellite.d.ts +2 -2
  381. package/esm/Satellite/Satellite.js +5 -4
  382. package/esm/Satellite/SatelliteContext.js +2 -2
  383. package/esm/Satellite/SatelliteRouter.d.ts +1 -1
  384. package/esm/ScrollIndicator/ScrollIndicator.d.ts +5 -3
  385. package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
  386. package/esm/Select/Select.d.ts +3 -3
  387. package/esm/Select/Select.js +8 -3
  388. package/esm/Sidebar/Sidebar.d.ts +6 -4
  389. package/esm/Sidebar/Sidebar.js +16 -8
  390. package/esm/Sidebar/SidebarContext.d.ts +1 -1
  391. package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
  392. package/esm/Sidebar/components/SidebarHeader.js +11 -5
  393. package/esm/Sidebar/components/SidebarLink.d.ts +3 -3
  394. package/esm/Sidebar/components/SidebarLink.js +34 -21
  395. package/esm/Switch/Switch.d.ts +3 -3
  396. package/esm/Switch/Switch.js +16 -12
  397. package/esm/Switch/SwitchOption.d.ts +1 -1
  398. package/esm/Switch/SwitchOption.js +24 -15
  399. package/esm/Tables/DataTable/DataTable.d.ts +15 -5
  400. package/esm/Tables/DataTable/DataTable.js +61 -53
  401. package/esm/Tables/DataTable/components/Body.d.ts +6 -6
  402. package/esm/Tables/DataTable/components/Body.js +60 -45
  403. package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
  404. package/esm/Tables/DataTable/components/Footer.js +5 -5
  405. package/esm/Tables/DataTable/components/Header.js +22 -18
  406. package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  407. package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
  408. package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
  409. package/esm/Tables/DataTable/components/Loader.js +18 -14
  410. package/esm/Tables/DataTable/types.d.ts +3 -3
  411. package/esm/Tables/DataTable/utils.d.ts +1 -1
  412. package/esm/Tables/Table/Table.d.ts +3 -3
  413. package/esm/Tables/Table/Table.js +20 -11
  414. package/esm/Tables/Table/components/Footer.d.ts +2 -2
  415. package/esm/Tables/Table/components/Footer.js +5 -4
  416. package/esm/Tabs/ContentTabs.d.ts +1 -1
  417. package/esm/Tabs/ContentTabs.js +38 -31
  418. package/esm/Tabs/LinkTabs.d.ts +1 -1
  419. package/esm/Tabs/LinkTabs.js +14 -14
  420. package/esm/Tabs/components/LinkTab.d.ts +3 -3
  421. package/esm/Tabs/components/LinkTab.js +18 -11
  422. package/esm/Tabs/types.d.ts +6 -6
  423. package/esm/Tabs/utils.d.ts +1 -1
  424. package/esm/Tag/Tag.d.ts +7 -4
  425. package/esm/Tag/Tag.js +25 -15
  426. package/esm/TextArea/TextArea.d.ts +3 -3
  427. package/esm/TextArea/TextArea.js +9 -3
  428. package/esm/TextWrap/TextWrap.js +22 -17
  429. package/esm/Toggle/Toggle.d.ts +3 -3
  430. package/esm/Toggle/Toggle.js +25 -16
  431. package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  432. package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
  433. package/esm/Tooltip/Tooltip.d.ts +3 -3
  434. package/esm/Tooltip/Tooltip.js +8 -3
  435. package/esm/Tooltip/TooltipWrapper.d.ts +3 -3
  436. package/esm/Tooltip/TooltipWrapper.js +48 -33
  437. package/esm/Tooltip/types.d.ts +2 -2
  438. package/esm/Typography/Typography.tailwind.js +2 -2
  439. package/esm/UserContent/UserContent.js +2 -2
  440. package/esm/UserContent/UserContent.tailwind.js +2 -4
  441. package/esm/index.d.ts +1 -0
  442. package/esm/index.js +1 -0
  443. package/esm/styles/tailwind.config.js +3 -3
  444. package/esm/tailwind-types.d.ts +1 -1
  445. package/esm/types.d.ts +3 -3
  446. package/esm/utilities/utilities.tailwind.d.ts +2 -0
  447. package/esm/utilities/utilities.tailwind.js +27 -0
  448. package/esm/utils/genericChangeHandler.d.ts +3 -3
  449. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  450. package/esm/utils/isRenderedChild.d.ts +2 -2
  451. package/esm/utils/pluralize.js +6 -1
  452. package/esm/utils/useForwardedRef.d.ts +2 -2
  453. package/esm/utils/useForwardedRef.js +1 -1
  454. package/esm/utils/useLinkProps.d.ts +2 -2
  455. package/esm/utils/useTriggerInputChange.d.ts +2 -2
  456. package/package.json +4 -4
  457. package/satellite.css +37 -4
  458. package/satellite.min.css +1 -1
@@ -1,14 +1,20 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
 
5
5
  var _templateObject, _templateObject2, _templateObject3;
6
6
 
7
7
  var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
8
- import React from "react";
8
+
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
+
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
+
9
13
  import cx from "classnames";
10
14
  import stl from "../../styles/helpers/satellitePrefixer";
11
15
  import Footer from "./components/Footer";
16
+ import { jsx as _jsx } from "react/jsx-runtime";
17
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
18
 
13
19
  /**
14
20
  * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
@@ -39,14 +45,17 @@ export var Table = function Table(_ref) {
39
45
  highlight = _ref$highlight === void 0 ? true : _ref$highlight,
40
46
  props = _objectWithoutProperties(_ref, _excluded);
41
47
 
42
- return /*#__PURE__*/React.createElement("div", {
43
- className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["rounded text-grey-900 bg-white display-body"]))), className)
44
- }, /*#__PURE__*/React.createElement("div", {
45
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["overflow-x-auto"])))
46
- }, /*#__PURE__*/React.createElement("table", _extends({}, props, {
47
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
48
- }))), footer && /*#__PURE__*/React.createElement(Footer, {
49
- size: smallFooter ? "small" : "default"
50
- }, footer));
48
+ return /*#__PURE__*/_jsxs("div", {
49
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["rounded text-grey-900 bg-white display-body"]))), className),
50
+ children: [/*#__PURE__*/_jsx("div", {
51
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["overflow-x-auto"]))),
52
+ children: /*#__PURE__*/_jsx("table", _objectSpread(_objectSpread({}, props), {}, {
53
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
54
+ }))
55
+ }), footer && /*#__PURE__*/_jsx(Footer, {
56
+ size: smallFooter ? "small" : "default",
57
+ children: footer
58
+ })]
59
+ });
51
60
  };
52
61
  export default Table;
@@ -1,8 +1,8 @@
1
- import React from "react";
1
+ import type { ReactNode } from "react";
2
2
  export declare type FooterSizes = "default" | "small";
3
3
  export interface FooterProps {
4
4
  size?: FooterSizes;
5
- children?: React.ReactNode;
5
+ children?: ReactNode;
6
6
  }
7
7
  export declare const Footer: ({ size, children }: FooterProps) => JSX.Element;
8
8
  export default Footer;
@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3;
4
4
 
5
- import React from "react";
6
5
  import cx from "classnames";
7
6
  import stl from "../../../styles/helpers/satellitePrefixer";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
8
  export var Footer = function Footer(_ref) {
9
9
  var _ref$size = _ref.size,
10
10
  size = _ref$size === void 0 ? "default" : _ref$size,
@@ -13,8 +13,9 @@ export var Footer = function Footer(_ref) {
13
13
  "default": stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["py-3 px-4"]))),
14
14
  small: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["py-1 px-4"])))
15
15
  };
16
- return /*#__PURE__*/React.createElement("div", {
17
- className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size])
18
- }, children);
16
+ return /*#__PURE__*/_jsx("div", {
17
+ className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size]),
18
+ children: children
19
+ });
19
20
  };
20
21
  export default Footer;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { ContentTabsProps } from "./types";
2
+ import type { ContentTabsProps } from "./types";
3
3
  export declare const ContentTabs: ({ className, tabs, tabIndex, defaultIndex, onChange }: ContentTabsProps) => JSX.Element;
4
4
  export default ContentTabs;
@@ -3,12 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
 
4
4
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
5
5
 
6
- import React, { useState, useEffect } from "react";
6
+ import { Tabs as ReachTabs, Tab, TabList, TabPanel, TabPanels } from "@reach/tabs";
7
7
  import cx from "classnames";
8
- import { Tabs as ReachTabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs";
9
- import stl from "../styles/helpers/satellitePrefixer";
8
+ import { useEffect, useState } from "react";
10
9
  import Badge from "../Badge";
10
+ import stl from "../styles/helpers/satellitePrefixer";
11
11
  import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "./utils";
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
14
  export var ContentTabs = function ContentTabs(_ref) {
13
15
  var className = _ref.className,
14
16
  tabs = _ref.tabs,
@@ -36,35 +38,40 @@ export var ContentTabs = function ContentTabs(_ref) {
36
38
  }
37
39
  };
38
40
 
39
- return /*#__PURE__*/React.createElement(ReachTabs, {
41
+ return /*#__PURE__*/_jsxs(ReachTabs, {
40
42
  index: internalTabIndex,
41
43
  onChange: handleTabsChange,
42
- defaultIndex: internalTabIndex
43
- }, /*#__PURE__*/React.createElement(TabList, {
44
- className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className)
45
- }, tabs.map(function (_ref2, index) {
46
- var _ref2$variant = _ref2.variant,
47
- variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
48
- className = _ref2.className,
49
- disabled = _ref2.disabled,
50
- label = _ref2.label,
51
- value = _ref2.value;
52
- return /*#__PURE__*/React.createElement(Tab, {
53
- key: index,
54
- className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm"]))), className),
55
- disabled: disabled
56
- }, label, value && /*#__PURE__*/React.createElement(Badge, {
57
- size: "small",
58
- variant: variant,
59
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-2 text-grey-600"])))
60
- }, value));
61
- })), /*#__PURE__*/React.createElement(TabPanels, null, tabs.map(function (_ref3, index) {
62
- var content = _ref3.content;
63
- var isActive = internalTabIndex === index;
64
- return /*#__PURE__*/React.createElement(TabPanel, {
65
- key: index,
66
- className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["focus:outline-none"])))
67
- }, isActive ? content : null);
68
- })));
44
+ defaultIndex: internalTabIndex,
45
+ children: [/*#__PURE__*/_jsx(TabList, {
46
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
47
+ children: tabs.map(function (_ref2, index) {
48
+ var _ref2$variant = _ref2.variant,
49
+ variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
50
+ className = _ref2.className,
51
+ disabled = _ref2.disabled,
52
+ label = _ref2.label,
53
+ value = _ref2.value;
54
+ return /*#__PURE__*/_jsxs(Tab, {
55
+ className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm"]))), className),
56
+ disabled: disabled,
57
+ children: [label, value && /*#__PURE__*/_jsx(Badge, {
58
+ size: "small",
59
+ variant: variant,
60
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-2 text-grey-600"]))),
61
+ children: value
62
+ })]
63
+ }, index);
64
+ })
65
+ }), /*#__PURE__*/_jsx(TabPanels, {
66
+ children: tabs.map(function (_ref3, index) {
67
+ var content = _ref3.content;
68
+ var isActive = internalTabIndex === index;
69
+ return /*#__PURE__*/_jsx(TabPanel, {
70
+ className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["focus:outline-none"]))),
71
+ children: isActive ? content : null
72
+ }, index);
73
+ })
74
+ })]
75
+ });
69
76
  };
70
77
  export default ContentTabs;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { LinkTabsProps, UrlMatcher } from "./types";
2
+ import type { LinkTabsProps, UrlMatcher } from "./types";
3
3
  export declare const defaultUrlMatcher: UrlMatcher;
4
4
  /**
5
5
  * Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.
@@ -2,12 +2,12 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject;
4
4
 
5
- import React from "react";
6
5
  import cx from "classnames";
7
6
  import useLocation from "react-use/lib/useLocation";
8
- import matchLocation from "../utils/matchLocation";
9
7
  import stl from "../styles/helpers/satellitePrefixer";
8
+ import matchLocation from "../utils/matchLocation";
10
9
  import LinkTab from "./components/LinkTab";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
11
  export var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
12
12
  return matchLocation(tab.to, {
13
13
  pathname: location.pathname || ""
@@ -53,18 +53,18 @@ export var LinkTabs = function LinkTabs(_ref) {
53
53
  return urlMatcher(tab, location);
54
54
  });
55
55
  tabIndex = tabIndex === -1 ? 0 : tabIndex;
56
- return /*#__PURE__*/React.createElement("nav", {
56
+ return /*#__PURE__*/_jsx("nav", {
57
57
  role: "tablist",
58
- className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className)
59
- }, tabs.map(function (tab, index) {
60
- return /*#__PURE__*/React.createElement(LinkTab, {
61
- key: tab.to,
62
- tab: tab,
63
- selected: index === tabIndex,
64
- onClick: function onClick(evt) {
65
- return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
66
- }
67
- });
68
- }));
58
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
59
+ children: tabs.map(function (tab, index) {
60
+ return /*#__PURE__*/_jsx(LinkTab, {
61
+ tab: tab,
62
+ selected: index === tabIndex,
63
+ onClick: function onClick(evt) {
64
+ return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
65
+ }
66
+ }, tab.to);
67
+ })
68
+ });
69
69
  };
70
70
  export default LinkTabs;
@@ -1,8 +1,8 @@
1
- import React from "react";
2
- import { LinkTab as LinkTabType } from "../types";
1
+ import type { MouseEventHandler } from "react";
2
+ import type { LinkTab as LinkTabType } from "../types";
3
3
  export interface LinkTabProps {
4
4
  tab: LinkTabType;
5
- onClick?: React.MouseEventHandler<HTMLAnchorElement>;
5
+ onClick?: MouseEventHandler<HTMLAnchorElement>;
6
6
  selected: boolean;
7
7
  }
8
8
  export declare const LinkTab: ({ tab, onClick, selected }: LinkTabProps) => JSX.Element;
@@ -1,14 +1,19 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
 
4
4
  var _templateObject, _templateObject2;
5
5
 
6
- import React from "react";
6
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
+
8
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
+
7
10
  import cx from "classnames";
8
- import useLinkProps from "../../utils/useLinkProps";
9
- import stl from "../../styles/helpers/satellitePrefixer";
10
11
  import Badge from "../../Badge";
12
+ import stl from "../../styles/helpers/satellitePrefixer";
13
+ import useLinkProps from "../../utils/useLinkProps";
11
14
  import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
15
+ import { jsx as _jsx } from "react/jsx-runtime";
16
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
17
 
13
18
  var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
14
19
  var _ref;
@@ -61,7 +66,7 @@ export var LinkTab = function LinkTab(_ref3) {
61
66
  }
62
67
  }
63
68
  });
64
- return /*#__PURE__*/React.createElement("a", _extends({}, linkProps, selectionProps, {
69
+ return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, linkProps), selectionProps), {}, {
65
70
  id: tab.id,
66
71
  role: "tab",
67
72
  className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
@@ -79,11 +84,13 @@ export var LinkTab = function LinkTab(_ref3) {
79
84
  previousElement === null || previousElement === void 0 ? void 0 : previousElement.click();
80
85
  previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
81
86
  }
82
- }
83
- }), tab.label, tab.value && /*#__PURE__*/React.createElement(Badge, {
84
- size: "small",
85
- variant: variant,
86
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["ml-2 text-grey-600"])))
87
- }, tab.value));
87
+ },
88
+ children: [tab.label, tab.value && /*#__PURE__*/_jsx(Badge, {
89
+ size: "small",
90
+ variant: variant,
91
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["ml-2 text-grey-600"]))),
92
+ children: tab.value
93
+ })]
94
+ }));
88
95
  };
89
96
  export default LinkTab;
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { LocationSensorState } from "react-use/lib/useLocation";
3
- import { ColorVariant } from "../types";
1
+ import type { MouseEvent, ReactNode } from "react";
2
+ import type { LocationSensorState } from "react-use/lib/useLocation";
3
+ import type { ColorVariant } from "../types";
4
4
  export interface BaseTab {
5
5
  id?: string;
6
- label: React.ReactNode;
6
+ label: ReactNode;
7
7
  variant?: ColorVariant;
8
8
  disabled?: boolean;
9
9
  value?: string;
@@ -18,11 +18,11 @@ export interface LinkTabsProps {
18
18
  /** @ignore */
19
19
  className?: string;
20
20
  tabs: LinkTab[];
21
- onTabClick?(event: React.MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
21
+ onTabClick?(event: MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
22
22
  urlMatcher?: UrlMatcher;
23
23
  }
24
24
  export interface ContentTab extends BaseTab {
25
- content: React.ReactNode;
25
+ content: ReactNode;
26
26
  }
27
27
  export interface ContentTabsProps {
28
28
  /** @ignore */
@@ -1,2 +1,2 @@
1
- import { ColorVariant } from "../types";
1
+ import type { ColorVariant } from "../types";
2
2
  export declare const ACTIVE_UNDERLINE_VARIANT_CLASSNAMES: Record<ColorVariant, string>;
package/esm/Tag/Tag.d.ts CHANGED
@@ -1,13 +1,16 @@
1
- import React from "react";
1
+ import type { DetailedHTMLProps, HTMLAttributes, MouseEventHandler } from "react";
2
2
  import type { ColorVariant } from "../types";
3
3
  export declare type TagVariants = ColorVariant | "pink";
4
- export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
4
+ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
5
5
  /**
6
6
  * The "pink" variant should only be used for **Algolia admin** related things.
7
7
  * @default "grey"
8
8
  * */
9
9
  variant?: TagVariants;
10
- onDelete?: React.MouseEventHandler<HTMLElement>;
10
+ onDelete?: MouseEventHandler<HTMLElement>;
11
+ locale?: {
12
+ removeButton?: string;
13
+ };
11
14
  }
12
15
  /**
13
16
  * Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
@@ -30,5 +33,5 @@ export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<H
30
33
  * - When writing tags, avoid line-wrapping
31
34
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
32
35
  */
33
- export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
36
+ export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "key" | "variant" | "className" | "locale" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & import("react").RefAttributes<HTMLSpanElement>>;
34
37
  export default Tag;
package/esm/Tag/Tag.js CHANGED
@@ -1,14 +1,20 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
- var _excluded = ["children", "variant", "className", "onDelete"];
4
+ var _excluded = ["children", "variant", "className", "onDelete", "locale"];
5
5
 
6
6
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
7
7
 
8
- import React, { forwardRef } from "react";
8
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
+
10
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
+
9
12
  import cx from "classnames";
13
+ import { forwardRef } from "react";
10
14
  import { X } from "react-feather";
11
15
  import stl from "../styles/helpers/satellitePrefixer";
16
+ import { jsx as _jsx } from "react/jsx-runtime";
17
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
18
  var VARIANT_CLASSNAMES = {
13
19
  accent: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-accent-100 border-accent-200 text-accent-700"]))),
14
20
  grey: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-grey-100 border-grey-200 text-grey-700"]))),
@@ -55,6 +61,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
55
61
  variant = _ref$variant === void 0 ? "grey" : _ref$variant,
56
62
  className = _ref.className,
57
63
  onDelete = _ref.onDelete,
64
+ locale = _ref.locale,
58
65
  props = _objectWithoutProperties(_ref, _excluded);
59
66
 
60
67
  var title = typeof children === "string" ? children : "tag";
@@ -69,20 +76,23 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
69
76
  }
70
77
  };
71
78
 
72
- return /*#__PURE__*/React.createElement("span", _extends({}, props, {
79
+ return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
73
80
  className: tagClassName,
74
81
  "aria-label": title,
75
- ref: ref
76
- }), /*#__PURE__*/React.createElement("span", {
77
- className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["truncate flex-1"])))
78
- }, children), editable && /*#__PURE__*/React.createElement("button", {
79
- className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button"]))), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
80
- type: "button",
81
- onClick: handleDelete,
82
- "aria-label": "Remove ".concat(title)
83
- }, /*#__PURE__*/React.createElement(X, {
84
- size: "1em"
85
- })));
82
+ ref: ref,
83
+ children: [/*#__PURE__*/_jsx("span", {
84
+ className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["truncate flex-1"]))),
85
+ children: children
86
+ }), editable && /*#__PURE__*/_jsx("button", {
87
+ className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button"]))), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
88
+ type: "button",
89
+ onClick: handleDelete,
90
+ "aria-label": (locale === null || locale === void 0 ? void 0 : locale.removeButton) || "Remove ".concat(title),
91
+ children: /*#__PURE__*/_jsx(X, {
92
+ size: "1em"
93
+ })
94
+ })]
95
+ }));
86
96
  });
87
97
  Tag.displayName = "Tag";
88
98
  export default Tag;
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
1
+ import type { TextareaHTMLAttributes } from "react";
2
+ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
3
3
  }
4
- export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
4
+ export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
5
5
  export default TextArea;
@@ -1,18 +1,24 @@
1
- import _extends from "@babel/runtime/helpers/extends";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
 
5
5
  var _templateObject;
6
6
 
7
7
  var _excluded = ["className"];
8
- import React, { forwardRef } from "react";
8
+
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
+
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
+
9
13
  import cx from "classnames";
14
+ import { forwardRef } from "react";
10
15
  import stl from "../styles/helpers/satellitePrefixer";
16
+ import { jsx as _jsx } from "react/jsx-runtime";
11
17
  export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
12
18
  var className = _ref.className,
13
19
  otherProps = _objectWithoutProperties(_ref, _excluded);
14
20
 
15
- return /*#__PURE__*/React.createElement("textarea", _extends({}, otherProps, {
21
+ return /*#__PURE__*/_jsx("textarea", _objectSpread(_objectSpread({}, otherProps), {}, {
16
22
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-area"]))), className),
17
23
  ref: ref
18
24
  }));
@@ -1,4 +1,3 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
@@ -6,23 +5,27 @@ var _excluded = ["children", "maxLines", "style"];
6
5
 
7
6
  var _templateObject;
8
7
 
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
8
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
9
 
11
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
10
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
11
 
13
- import React from "react";
14
12
  import stl from "../styles/helpers/satellitePrefixer";
15
13
  import isCssPropertySupported from "../utils/isCssPropertySupported";
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
16
16
  var BASE_STYLES = isCssPropertySupported("overflowWrap", "anywhere") ? {
17
17
  whiteSpace: "normal",
18
18
  overflowWrap: "anywhere"
19
19
  } : {
20
20
  wordBreak: "break-all"
21
21
  };
22
- var SEPARATOR_ELEMENT = /*#__PURE__*/React.createElement("span", {
22
+
23
+ var SEPARATOR_ELEMENT = /*#__PURE__*/_jsx("span", {
23
24
  className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["invisible"]))),
24
- "aria-hidden": "true"
25
- }, "\u200B");
25
+ "aria-hidden": "true",
26
+ children: "\u200B"
27
+ });
28
+
26
29
  export var TextWrap = function TextWrap(_ref) {
27
30
  var text = _ref.children,
28
31
  maxLines = _ref.maxLines,
@@ -35,16 +38,18 @@ export var TextWrap = function TextWrap(_ref) {
35
38
  WebkitLineClamp: maxLines,
36
39
  overflow: "hidden"
37
40
  }) : BASE_STYLES;
38
- return /*#__PURE__*/React.createElement("span", _extends({
41
+ return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
39
42
  style: _objectSpread(_objectSpread({}, clampStyle), style)
40
- }, spanProps), text.split(/([\W_]+)/).flatMap(function (part, idx) {
41
- if (!part) {
42
- return null;
43
- }
44
-
45
- return idx % 2 === 0 ? part : /*#__PURE__*/React.createElement("span", {
46
- key: "".concat(idx, "-").concat(part)
47
- }, part, SEPARATOR_ELEMENT);
48
- }).filter(Boolean));
43
+ }, spanProps), {}, {
44
+ children: text.split(/([\W_]+)/).flatMap(function (part, idx) {
45
+ if (!part) {
46
+ return null;
47
+ }
48
+
49
+ return idx % 2 === 0 ? part : /*#__PURE__*/_jsxs("span", {
50
+ children: [part, SEPARATOR_ELEMENT]
51
+ }, "".concat(idx, "-").concat(part));
52
+ }).filter(Boolean)
53
+ }));
49
54
  };
50
55
  export default TextWrap;
@@ -1,10 +1,10 @@
1
- import React from "react";
2
- export declare type ToggleProps = Omit<React.HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
1
+ import type { HTMLAttributes, InputHTMLAttributes } from "react";
2
+ export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
3
3
  /**
4
4
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
5
5
  *
6
6
  * - Toggles should not require a Save button to apply the changes
7
7
  * - If a Save button is needed, try using Radio groups or Checkboxes instead
8
8
  */
9
- export declare const Toggle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & React.RefAttributes<HTMLInputElement>>;
9
+ export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & import("react").RefAttributes<HTMLInputElement>>;
10
10
  export default Toggle;