@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.149

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 (417) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
  2. package/cjs/AnnouncementBadge/index.js +0 -5
  3. package/cjs/AutoComplete/AutoComplete.js +68 -163
  4. package/cjs/AutoComplete/AutoComplete.tailwind.js +2 -5
  5. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +5 -14
  6. package/cjs/AutoComplete/components/DefaultOptionItem.js +2 -11
  7. package/cjs/AutoComplete/index.js +0 -11
  8. package/cjs/AutoComplete/utils.js +0 -8
  9. package/cjs/Avatars/ApplicationAvatar.js +3 -13
  10. package/cjs/Avatars/UserAvatar.js +6 -20
  11. package/cjs/Avatars/index.js +0 -7
  12. package/cjs/Avatars/utils.js +6 -37
  13. package/cjs/Badge/Badge.js +13 -36
  14. package/cjs/Badge/index.js +0 -5
  15. package/cjs/Banners/Alert/Alert.js +18 -28
  16. package/cjs/Banners/Alert/index.js +0 -5
  17. package/cjs/Banners/BigBertha/BigBertha.js +5 -12
  18. package/cjs/Banners/BigBertha/index.js +0 -5
  19. package/cjs/Banners/Promote/Promote.js +8 -19
  20. package/cjs/Banners/Promote/index.js +0 -5
  21. package/cjs/Banners/index.js +0 -6
  22. package/cjs/Button/Button.js +14 -34
  23. package/cjs/Button/Button.tailwind.js +3 -5
  24. package/cjs/Button/ButtonGroup.js +3 -11
  25. package/cjs/Button/IconButton.js +13 -36
  26. package/cjs/Button/index.js +0 -11
  27. package/cjs/Button/styles.js +1 -10
  28. package/cjs/Button/types.js +0 -1
  29. package/cjs/Card/Card.js +6 -21
  30. package/cjs/Card/Card.tailwind.js +1 -2
  31. package/cjs/Card/components/CardHeader.js +1 -14
  32. package/cjs/Card/components/CardTitle.js +2 -15
  33. package/cjs/Card/index.js +0 -9
  34. package/cjs/Checkbox/Checkbox.js +14 -38
  35. package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
  36. package/cjs/Checkbox/index.js +0 -5
  37. package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
  38. package/cjs/ClickAwayContainer/index.js +0 -2
  39. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
  40. package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
  41. package/cjs/DatePicker/DatePicker/index.js +0 -7
  42. package/cjs/DatePicker/DatePicker.tailwind.js +2 -12
  43. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
  44. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
  45. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -32
  46. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
  47. package/cjs/DatePicker/DateRangePicker/index.js +0 -9
  48. package/cjs/DatePicker/components/Calendar.js +5 -16
  49. package/cjs/DatePicker/components/Display.js +3 -9
  50. package/cjs/DatePicker/components/Footer.js +0 -7
  51. package/cjs/DatePicker/components/FooterActions.js +3 -11
  52. package/cjs/DatePicker/components/Modal.js +17 -39
  53. package/cjs/DatePicker/components/NavBar.js +12 -34
  54. package/cjs/DatePicker/components/SidePanel.js +0 -7
  55. package/cjs/DatePicker/components/index.js +0 -7
  56. package/cjs/DatePicker/index.js +0 -9
  57. package/cjs/DatePicker/utils.js +0 -4
  58. package/cjs/Dropdown/Dropdown.js +23 -58
  59. package/cjs/Dropdown/DropdownButton.js +3 -20
  60. package/cjs/Dropdown/DropdownContext.d.ts +3 -3
  61. package/cjs/Dropdown/DropdownContext.js +0 -6
  62. package/cjs/Dropdown/components/DropdownButtonItem.js +6 -21
  63. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
  64. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
  65. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +3 -3
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  68. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  69. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  70. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  71. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  72. package/cjs/Dropdown/components/DropdownLinkItem.js +7 -23
  73. package/cjs/Dropdown/components/DropdownRadioItem.js +5 -20
  74. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  75. package/cjs/Dropdown/components/DropdownToggleItem.js +6 -22
  76. package/cjs/Dropdown/index.js +0 -27
  77. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  78. package/cjs/Dropzone/Dropzone.js +27 -62
  79. package/cjs/Dropzone/index.js +0 -5
  80. package/cjs/EmptyState/EmptyState.js +12 -23
  81. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  82. package/cjs/EmptyState/index.js +0 -7
  83. package/cjs/Field/Field.js +8 -21
  84. package/cjs/Field/FieldStateContext.js +0 -2
  85. package/cjs/Field/index.js +0 -9
  86. package/cjs/Field/useFieldState.js +0 -7
  87. package/cjs/Flag/Flag.js +17 -40
  88. package/cjs/Flag/Flag.tailwind.js +0 -1
  89. package/cjs/Flag/Flags.js +4 -19
  90. package/cjs/Flag/index.js +0 -9
  91. package/cjs/FlexGrid/FlexGrid.js +13 -24
  92. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  93. package/cjs/FlexGrid/index.js +0 -5
  94. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  95. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  96. package/cjs/HelpUnderline/index.js +0 -5
  97. package/cjs/Input/Input.d.ts +1 -0
  98. package/cjs/Input/Input.js +27 -70
  99. package/cjs/Input/Input.tailwind.js +1 -4
  100. package/cjs/Input/index.js +0 -5
  101. package/cjs/Insert/Insert.js +7 -17
  102. package/cjs/Insert/index.js +0 -5
  103. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  104. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  105. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  106. package/cjs/KeyboardKey/index.js +0 -2
  107. package/cjs/Link/BaseLink.js +2 -12
  108. package/cjs/Link/ButtonLink.js +3 -17
  109. package/cjs/Link/IconButtonLink.js +2 -13
  110. package/cjs/Link/Link.js +6 -23
  111. package/cjs/Link/index.js +0 -11
  112. package/cjs/Medallion/Medallion.js +5 -14
  113. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  114. package/cjs/Medallion/index.js +0 -7
  115. package/cjs/Modal/Modal.js +21 -57
  116. package/cjs/Modal/Modal.tailwind.js +3 -3
  117. package/cjs/Modal/components/ModalFooter.js +2 -16
  118. package/cjs/Modal/components/ModalSection.js +3 -11
  119. package/cjs/Modal/index.js +0 -9
  120. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
  121. package/cjs/Pagination/CompactPagination/index.js +0 -5
  122. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  123. package/cjs/Pagination/DotPagination/index.js +0 -5
  124. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  125. package/cjs/Pagination/Pagination/index.js +0 -5
  126. package/cjs/Pagination/index.js +0 -9
  127. package/cjs/ProgressBar/ProgressBar.js +3 -16
  128. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  129. package/cjs/ProgressBar/index.js +0 -5
  130. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  131. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  132. package/cjs/ProgressSpinner/index.js +0 -5
  133. package/cjs/RadioGroup/RadioButton.js +1 -14
  134. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  135. package/cjs/RadioGroup/RadioGroup.js +19 -38
  136. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  137. package/cjs/RadioGroup/index.js +0 -9
  138. package/cjs/RangeSlider/RangeSlider.js +26 -43
  139. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  140. package/cjs/RangeSlider/index.js +0 -5
  141. package/cjs/Satellite/Satellite.js +4 -10
  142. package/cjs/Satellite/SatelliteContext.js +0 -9
  143. package/cjs/Satellite/SatelliteRouter.js +2 -9
  144. package/cjs/Satellite/index.js +0 -13
  145. package/cjs/Satellite/locale.js +1 -7
  146. package/cjs/Satellite/useCreatePortal.js +3 -8
  147. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  148. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  149. package/cjs/ScrollIndicator/index.js +0 -5
  150. package/cjs/Select/Select.js +4 -17
  151. package/cjs/Select/Select.tailwind.js +2 -5
  152. package/cjs/Select/index.js +0 -5
  153. package/cjs/Sidebar/Sidebar.js +11 -30
  154. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  155. package/cjs/Sidebar/SidebarContext.js +0 -6
  156. package/cjs/Sidebar/SidebarHeader.js +1 -9
  157. package/cjs/Sidebar/SidebarHeading.js +3 -14
  158. package/cjs/Sidebar/SidebarLink.js +5 -20
  159. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  160. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  161. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +10 -33
  162. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  163. package/cjs/Sidebar/SidebarNav.js +5 -16
  164. package/cjs/Sidebar/index.js +0 -17
  165. package/cjs/Switch/Switch.js +15 -36
  166. package/cjs/Switch/Switch.tailwind.js +1 -2
  167. package/cjs/Switch/SwitchOption.js +2 -15
  168. package/cjs/Switch/index.js +0 -7
  169. package/cjs/Switch/utils.js +0 -9
  170. package/cjs/Tables/DataTable/DataTable.js +28 -70
  171. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  172. package/cjs/Tables/DataTable/components/Body.js +14 -33
  173. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  174. package/cjs/Tables/DataTable/components/Header.js +5 -12
  175. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  176. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  177. package/cjs/Tables/DataTable/components/index.js +0 -10
  178. package/cjs/Tables/DataTable/index.js +0 -7
  179. package/cjs/Tables/DataTable/utils.js +0 -9
  180. package/cjs/Tables/Table/Table.js +7 -21
  181. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  182. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  183. package/cjs/Tables/Table/index.js +0 -7
  184. package/cjs/Tables/index.js +0 -7
  185. package/cjs/Tabs/ContentTabs.js +10 -21
  186. package/cjs/Tabs/LinkTabs.js +5 -18
  187. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  188. package/cjs/Tabs/components/LinkTab.js +4 -29
  189. package/cjs/Tabs/index.js +0 -9
  190. package/cjs/Tabs/utils.js +0 -5
  191. package/cjs/Tag/Tag.js +7 -26
  192. package/cjs/Tag/Tag.tailwind.js +1 -2
  193. package/cjs/Tag/index.js +0 -5
  194. package/cjs/TextArea/TextArea.js +1 -14
  195. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  196. package/cjs/TextArea/index.js +0 -5
  197. package/cjs/TextWrap/TextWrap.js +3 -18
  198. package/cjs/TextWrap/index.js +0 -5
  199. package/cjs/Toggle/Toggle.js +6 -27
  200. package/cjs/Toggle/Toggle.tailwind.js +1 -3
  201. package/cjs/Toggle/index.js +0 -5
  202. package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
  203. package/cjs/Tooltip/Tooltip.js +4 -17
  204. package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
  205. package/cjs/Tooltip/TooltipWrapper.js +45 -73
  206. package/cjs/Tooltip/index.js +0 -9
  207. package/cjs/Typography/Typography.tailwind.js +12 -18
  208. package/cjs/UserContent/UserContent.js +3 -11
  209. package/cjs/UserContent/UserContent.tailwind.js +2 -11
  210. package/cjs/index.js +0 -89
  211. package/cjs/styles/base.tailwind.js +7 -7
  212. package/cjs/styles/colors.js +7 -7
  213. package/cjs/styles/disabledColor.js +1 -4
  214. package/cjs/styles/helpers/icons.js +5 -11
  215. package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
  216. package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
  217. package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
  218. package/cjs/styles/helpers/satellitePrefixer.js +1 -2
  219. package/cjs/styles/rgba.js +1 -3
  220. package/cjs/styles/tailwind.config.js +4 -11
  221. package/cjs/styles/zIndexes.js +1 -0
  222. package/cjs/utilities/utilities.tailwind.js +0 -3
  223. package/cjs/utils/event-polyfill.js +0 -2
  224. package/cjs/utils/formatters.js +12 -19
  225. package/cjs/utils/genericChangeHandler.js +0 -6
  226. package/cjs/utils/hashCode.js +0 -5
  227. package/cjs/utils/index.js +0 -7
  228. package/cjs/utils/isCssPropertySupported.js +0 -3
  229. package/cjs/utils/isNil.js +0 -2
  230. package/cjs/utils/isRenderedChild.js +0 -2
  231. package/cjs/utils/matchLocation.js +0 -4
  232. package/cjs/utils/onlyText.js +3 -12
  233. package/cjs/utils/parseUrl.js +2 -4
  234. package/cjs/utils/pluralize.js +2 -7
  235. package/cjs/utils/range.js +0 -2
  236. package/cjs/utils/toSentenceCase.js +0 -4
  237. package/cjs/utils/uniqBy.js +0 -4
  238. package/cjs/utils/uniqueId.js +0 -2
  239. package/cjs/utils/useForwardedRef.js +0 -6
  240. package/cjs/utils/useLinkProps.js +1 -13
  241. package/cjs/utils/useTriggerInputChange.js +2 -4
  242. package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
  243. package/esm/AutoComplete/AutoComplete.js +68 -158
  244. package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
  245. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
  246. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
  247. package/esm/AutoComplete/utils.js +0 -2
  248. package/esm/Avatars/ApplicationAvatar.js +3 -6
  249. package/esm/Avatars/UserAvatar.js +6 -12
  250. package/esm/Avatars/utils.js +7 -23
  251. package/esm/Badge/Badge.js +13 -28
  252. package/esm/Banners/Alert/Alert.js +18 -20
  253. package/esm/Banners/BigBertha/BigBertha.js +5 -7
  254. package/esm/Banners/Promote/Promote.js +8 -10
  255. package/esm/Button/Button.js +14 -22
  256. package/esm/Button/Button.tailwind.js +3 -2
  257. package/esm/Button/ButtonGroup.js +3 -6
  258. package/esm/Button/IconButton.js +13 -23
  259. package/esm/Button/styles.js +1 -5
  260. package/esm/Card/Card.js +6 -12
  261. package/esm/Card/Card.tailwind.js +1 -1
  262. package/esm/Card/components/CardHeader.js +1 -7
  263. package/esm/Card/components/CardTitle.js +2 -8
  264. package/esm/Checkbox/Checkbox.js +14 -28
  265. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  266. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  267. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  268. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  269. package/esm/DatePicker/DatePicker.tailwind.js +2 -9
  270. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  271. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  272. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -20
  273. package/esm/DatePicker/components/Calendar.js +5 -10
  274. package/esm/DatePicker/components/Display.js +3 -5
  275. package/esm/DatePicker/components/Footer.js +0 -4
  276. package/esm/DatePicker/components/FooterActions.js +3 -7
  277. package/esm/DatePicker/components/Modal.js +17 -27
  278. package/esm/DatePicker/components/NavBar.js +12 -22
  279. package/esm/DatePicker/components/SidePanel.js +0 -4
  280. package/esm/Dropdown/Dropdown.js +23 -34
  281. package/esm/Dropdown/DropdownButton.js +3 -11
  282. package/esm/Dropdown/DropdownContext.d.ts +3 -3
  283. package/esm/Dropdown/DropdownContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownButtonItem.js +6 -12
  285. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
  286. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
  287. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +3 -3
  288. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  289. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  290. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  291. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  292. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  293. package/esm/Dropdown/components/DropdownLinkItem.js +7 -13
  294. package/esm/Dropdown/components/DropdownRadioItem.js +5 -11
  295. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  296. package/esm/Dropdown/components/DropdownToggleItem.js +6 -12
  297. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  298. package/esm/Dropzone/Dropzone.js +27 -45
  299. package/esm/EmptyState/EmptyState.js +12 -16
  300. package/esm/Field/Field.js +8 -11
  301. package/esm/Flag/Flag.js +17 -25
  302. package/esm/Flag/Flags.js +4 -9
  303. package/esm/FlexGrid/FlexGrid.js +13 -15
  304. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  305. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  306. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  307. package/esm/Input/Input.d.ts +1 -0
  308. package/esm/Input/Input.js +27 -54
  309. package/esm/Input/Input.tailwind.js +1 -1
  310. package/esm/Insert/Insert.js +7 -11
  311. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  312. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  313. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  314. package/esm/Link/BaseLink.js +2 -6
  315. package/esm/Link/ButtonLink.js +3 -9
  316. package/esm/Link/IconButtonLink.js +2 -6
  317. package/esm/Link/Link.js +6 -14
  318. package/esm/Medallion/Medallion.js +5 -7
  319. package/esm/Medallion/Medallion.tailwind.js +3 -2
  320. package/esm/Modal/Modal.js +21 -38
  321. package/esm/Modal/Modal.tailwind.js +3 -2
  322. package/esm/Modal/components/ModalFooter.js +2 -8
  323. package/esm/Modal/components/ModalSection.js +3 -5
  324. package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
  325. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  326. package/esm/Pagination/Pagination/Pagination.js +9 -21
  327. package/esm/ProgressBar/ProgressBar.js +3 -10
  328. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  329. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  330. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  331. package/esm/RadioGroup/RadioButton.js +1 -7
  332. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  333. package/esm/RadioGroup/RadioGroup.js +19 -25
  334. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  335. package/esm/RangeSlider/RangeSlider.js +26 -35
  336. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  337. package/esm/Satellite/Satellite.js +4 -4
  338. package/esm/Satellite/SatelliteContext.js +0 -3
  339. package/esm/Satellite/SatelliteRouter.js +2 -4
  340. package/esm/Satellite/locale.js +1 -2
  341. package/esm/Satellite/useCreatePortal.js +3 -2
  342. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  343. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  344. package/esm/Select/Select.js +4 -9
  345. package/esm/Select/Select.tailwind.js +2 -2
  346. package/esm/Sidebar/Sidebar.js +11 -17
  347. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  348. package/esm/Sidebar/SidebarContext.js +0 -2
  349. package/esm/Sidebar/SidebarHeader.js +1 -3
  350. package/esm/Sidebar/SidebarHeading.js +3 -7
  351. package/esm/Sidebar/SidebarLink.js +5 -11
  352. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  353. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  354. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +9 -19
  355. package/esm/Sidebar/SidebarNav.js +5 -9
  356. package/esm/Switch/Switch.js +15 -24
  357. package/esm/Switch/Switch.tailwind.js +1 -1
  358. package/esm/Switch/SwitchOption.js +2 -6
  359. package/esm/Tables/DataTable/DataTable.js +28 -49
  360. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  361. package/esm/Tables/DataTable/components/Body.js +14 -23
  362. package/esm/Tables/DataTable/components/Footer.js +1 -8
  363. package/esm/Tables/DataTable/components/Header.js +5 -6
  364. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  365. package/esm/Tables/DataTable/components/Loader.js +4 -8
  366. package/esm/Tables/DataTable/utils.js +0 -1
  367. package/esm/Tables/Table/Table.js +7 -14
  368. package/esm/Tables/Table/Table.tailwind.js +1 -1
  369. package/esm/Tables/Table/components/TableFooter.js +2 -4
  370. package/esm/Tabs/ContentTabs.js +10 -12
  371. package/esm/Tabs/LinkTabs.js +5 -7
  372. package/esm/Tabs/Tabs.tailwind.js +1 -1
  373. package/esm/Tabs/components/LinkTab.js +4 -20
  374. package/esm/Tabs/utils.js +0 -2
  375. package/esm/Tag/Tag.js +7 -16
  376. package/esm/Tag/Tag.tailwind.js +1 -1
  377. package/esm/TextArea/TextArea.js +1 -7
  378. package/esm/TextArea/TextArea.tailwind.js +1 -1
  379. package/esm/TextWrap/TextWrap.js +3 -11
  380. package/esm/Toggle/Toggle.js +6 -19
  381. package/esm/Toggle/Toggle.tailwind.js +1 -1
  382. package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
  383. package/esm/Tooltip/Tooltip.js +4 -9
  384. package/esm/Tooltip/Tooltip.tailwind.js +3 -4
  385. package/esm/Tooltip/TooltipWrapper.js +44 -57
  386. package/esm/Typography/Typography.tailwind.js +12 -15
  387. package/esm/UserContent/UserContent.js +3 -5
  388. package/esm/UserContent/UserContent.tailwind.js +2 -7
  389. package/esm/styles/base.tailwind.js +7 -6
  390. package/esm/styles/colors.js +7 -7
  391. package/esm/styles/disabledColor.js +1 -2
  392. package/esm/styles/helpers/icons.js +5 -8
  393. package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
  394. package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
  395. package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
  396. package/esm/styles/helpers/satellitePrefixer.js +1 -1
  397. package/esm/styles/rgba.js +1 -2
  398. package/esm/styles/tailwind.config.js +4 -6
  399. package/esm/styles/zIndexes.js +1 -0
  400. package/esm/utils/event-polyfill.js +0 -2
  401. package/esm/utils/formatters.js +12 -16
  402. package/esm/utils/genericChangeHandler.js +0 -2
  403. package/esm/utils/hashCode.js +0 -3
  404. package/esm/utils/isCssPropertySupported.js +0 -2
  405. package/esm/utils/isRenderedChild.js +0 -1
  406. package/esm/utils/matchLocation.js +0 -2
  407. package/esm/utils/onlyText.js +3 -11
  408. package/esm/utils/parseUrl.js +2 -2
  409. package/esm/utils/pluralize.js +2 -5
  410. package/esm/utils/toSentenceCase.js +1 -1
  411. package/esm/utils/uniqBy.js +0 -2
  412. package/esm/utils/useForwardedRef.js +0 -3
  413. package/esm/utils/useLinkProps.js +1 -7
  414. package/esm/utils/useTriggerInputChange.js +2 -3
  415. package/package.json +2 -2
  416. package/satellite.min.css +1 -1
  417. package/scss/colors.scss +16 -16
@@ -1,37 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.TextArea = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
12
  var _react = require("react");
19
-
20
13
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  var _templateObject;
25
-
26
16
  var _excluded = ["className"];
27
-
28
17
  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; }
29
-
30
18
  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) { (0, _defineProperty2["default"])(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; }
31
-
32
19
  var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
33
20
  var className = _ref.className,
34
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
21
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
35
22
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", _objectSpread(_objectSpread({}, otherProps), {}, {
36
23
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["text-area"]))), className),
37
24
  ref: ref
@@ -2,14 +2,11 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var disabledColor = require("../styles/disabledColor");
7
-
8
6
  var rgba = require("../styles/rgba");
9
-
10
7
  var textAreaPlugin = plugin(function (_ref) {
11
8
  var addComponents = _ref.addComponents,
12
- theme = _ref.theme;
9
+ theme = _ref.theme;
13
10
  addComponents({
14
11
  ".text-area": {
15
12
  width: "100%",
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _TextArea["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _TextArea = _interopRequireWildcard(require("./TextArea"));
17
-
18
15
  Object.keys(_TextArea).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_TextArea).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
27
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,32 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.TextWrap = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
11
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
17
-
18
12
  var _isCssPropertySupported = _interopRequireDefault(require("../utils/isCssPropertySupported"));
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  var _excluded = ["children", "maxLines", "style"];
23
-
24
15
  var _templateObject;
25
-
26
16
  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; }
27
-
28
17
  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) { (0, _defineProperty2["default"])(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; }
29
-
30
18
  var BASE_STYLES = (0, _isCssPropertySupported["default"])("overflowWrap", "anywhere") ? {
31
19
  whiteSpace: "normal",
32
20
  overflowWrap: "anywhere"
@@ -38,12 +26,11 @@ var SEPARATOR_ELEMENT = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
38
26
  "aria-hidden": "true",
39
27
  children: "\u200B"
40
28
  });
41
-
42
29
  var TextWrap = function TextWrap(_ref) {
43
30
  var text = _ref.children,
44
- maxLines = _ref.maxLines,
45
- style = _ref.style,
46
- spanProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
31
+ maxLines = _ref.maxLines,
32
+ style = _ref.style,
33
+ spanProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
47
34
  var clampStyle = typeof maxLines !== "undefined" && maxLines >= 1 ? _objectSpread(_objectSpread({}, BASE_STYLES), {}, {
48
35
  display: "-webkit-box",
49
36
  WebkitBoxOrient: "vertical",
@@ -57,14 +44,12 @@ var TextWrap = function TextWrap(_ref) {
57
44
  if (!part) {
58
45
  return null;
59
46
  }
60
-
61
47
  return idx % 2 === 0 ? part : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
62
48
  children: [part, SEPARATOR_ELEMENT]
63
49
  }, "".concat(idx, "-").concat(part));
64
50
  }).filter(Boolean)
65
51
  }));
66
52
  };
67
-
68
53
  exports.TextWrap = TextWrap;
69
54
  var _default = TextWrap;
70
55
  exports["default"] = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _TextWrap["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _TextWrap = _interopRequireWildcard(require("./TextWrap"));
17
-
18
15
  Object.keys(_TextWrap).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_TextWrap).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
27
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,38 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Toggle = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
12
  var _clsx = _interopRequireDefault(require("clsx"));
19
-
20
13
  var _react = require("react");
21
-
22
14
  var _reactFeather = require("react-feather");
23
-
24
15
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
25
-
26
16
  var _jsxRuntime = require("react/jsx-runtime");
27
-
28
17
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
29
-
30
18
  var _excluded = ["className", "checked", "defaultChecked"];
31
-
32
19
  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; }
33
-
34
20
  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) { (0, _defineProperty2["default"])(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; }
35
-
36
21
  /**
37
22
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
38
23
  *
@@ -41,28 +26,22 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
41
26
  */
42
27
  var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
43
28
  var className = _ref.className,
44
- checked = _ref.checked,
45
- defaultChecked = _ref.defaultChecked,
46
- inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
29
+ checked = _ref.checked,
30
+ defaultChecked = _ref.defaultChecked,
31
+ inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
47
32
  var isControlled = typeof checked === "boolean";
48
-
49
33
  var _useState = (0, _react.useState)(Boolean(isControlled ? checked : defaultChecked)),
50
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
51
- internalChecked = _useState2[0],
52
- setInternalChecked = _useState2[1];
53
-
34
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
35
+ internalChecked = _useState2[0],
36
+ setInternalChecked = _useState2[1];
54
37
  var isChecked = Boolean(isControlled ? checked : internalChecked);
55
-
56
38
  var handleChange = function handleChange(evt) {
57
39
  var _inputProps$onChange;
58
-
59
40
  (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
60
-
61
41
  if (!isControlled && !evt.isDefaultPrevented()) {
62
42
  setInternalChecked(evt.currentTarget.checked);
63
43
  }
64
44
  };
65
-
66
45
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
67
46
  translate: "yes",
68
47
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["toggle-container"]))), className),
@@ -2,12 +2,10 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var rgba = require("../styles/rgba");
7
-
8
6
  var togglePlugin = plugin(function (_ref) {
9
7
  var addComponents = _ref.addComponents,
10
- theme = _ref.theme;
8
+ theme = _ref.theme;
11
9
  var transition = "all 72ms ease-in-out";
12
10
  addComponents({
13
11
  ".toggle-container": {
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Toggle["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Toggle = _interopRequireWildcard(require("./Toggle"));
17
-
18
15
  Object.keys(_Toggle).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_Toggle).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
27
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,106 +1,78 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.isOverflowing = exports["default"] = exports.OverflowTooltipWrapper = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _clsx = _interopRequireDefault(require("clsx"));
19
-
20
13
  var _react = require("react");
21
-
22
14
  var _reactPopper = require("react-popper");
23
-
24
15
  var _Satellite = require("../Satellite");
25
-
26
16
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
27
-
28
17
  var _TextWrap = _interopRequireDefault(require("../TextWrap"));
29
-
30
18
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
31
-
32
19
  var _TooltipWrapper = require("./TooltipWrapper");
33
-
34
20
  var _jsxRuntime = require("react/jsx-runtime");
35
-
36
21
  var _templateObject, _templateObject2, _templateObject3;
37
-
38
22
  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; }
39
-
40
23
  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) { (0, _defineProperty2["default"])(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; }
41
-
42
24
  /** @ignore */
43
25
  var isOverflowing = function isOverflowing(element) {
44
26
  return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
45
27
  };
46
-
47
28
  exports.isOverflowing = isOverflowing;
48
-
49
29
  var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
50
30
  var _ref$placement = _ref.placement,
51
- placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
52
- _ref$tooltipVariant = _ref.tooltipVariant,
53
- tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
54
- wrapperClassName = _ref.wrapperClassName,
55
- tooltipClassName = _ref.tooltipClassName,
56
- children = _ref.children,
57
- _ref$modifiers = _ref.modifiers,
58
- modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
59
- _ref$noArrow = _ref.noArrow,
60
- noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow;
31
+ placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
32
+ _ref$tooltipVariant = _ref.tooltipVariant,
33
+ tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
34
+ wrapperClassName = _ref.wrapperClassName,
35
+ tooltipClassName = _ref.tooltipClassName,
36
+ children = _ref.children,
37
+ _ref$modifiers = _ref.modifiers,
38
+ modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
39
+ _ref$noArrow = _ref.noArrow,
40
+ noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow;
61
41
  var createPortal = (0, _Satellite.useCreatePortal)();
62
-
63
42
  var _useState = (0, _react.useState)(null),
64
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
65
- targetEl = _useState2[0],
66
- setTargetEl = _useState2[1];
67
-
43
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
44
+ targetEl = _useState2[0],
45
+ setTargetEl = _useState2[1];
68
46
  var _useState3 = (0, _react.useState)(null),
69
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
70
- popperEl = _useState4[0],
71
- setPopperEl = _useState4[1];
72
-
47
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
48
+ popperEl = _useState4[0],
49
+ setPopperEl = _useState4[1];
73
50
  var _useState5 = (0, _react.useState)(null),
74
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
75
- arrowEl = _useState6[0],
76
- setArrowEl = _useState6[1];
77
-
51
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
52
+ arrowEl = _useState6[0],
53
+ setArrowEl = _useState6[1];
78
54
  var _useState7 = (0, _react.useState)(null),
79
- _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
80
- tooltipText = _useState8[0],
81
- setTooltipText = _useState8[1];
82
-
55
+ _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
56
+ tooltipText = _useState8[0],
57
+ setTooltipText = _useState8[1];
83
58
  var _usePopper = (0, _reactPopper.usePopper)(targetEl, popperEl, {
84
- placement: placement,
85
- strategy: "fixed",
86
- modifiers: [].concat((0, _toConsumableArray2["default"])(_TooltipWrapper.DEFAULT_TOOLTIP_POPPER_MODIFIERS), [{
87
- name: "arrow",
88
- options: {
89
- element: arrowEl
90
- }
91
- }], (0, _toConsumableArray2["default"])(modifiers))
92
- }),
93
- styles = _usePopper.styles,
94
- attributes = _usePopper.attributes;
95
-
59
+ placement: placement,
60
+ strategy: "fixed",
61
+ modifiers: [].concat((0, _toConsumableArray2["default"])(_TooltipWrapper.DEFAULT_TOOLTIP_POPPER_MODIFIERS), [{
62
+ name: "arrow",
63
+ options: {
64
+ element: arrowEl
65
+ }
66
+ }], (0, _toConsumableArray2["default"])(modifiers))
67
+ }),
68
+ styles = _usePopper.styles,
69
+ attributes = _usePopper.attributes;
96
70
  var onMouseEnter = function onMouseEnter(evt) {
97
71
  return setTooltipText(isOverflowing(evt.currentTarget) ? evt.currentTarget.textContent : null);
98
72
  };
99
-
100
73
  var onMouseLeave = function onMouseLeave() {
101
74
  return setTooltipText(null);
102
75
  };
103
-
104
76
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
105
77
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
106
78
  ref: setTargetEl,
@@ -125,7 +97,6 @@ var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
125
97
  })))]
126
98
  });
127
99
  };
128
-
129
100
  exports.OverflowTooltipWrapper = OverflowTooltipWrapper;
130
101
  var _default = OverflowTooltipWrapper;
131
102
  exports["default"] = _default;
@@ -1,38 +1,26 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Tooltip = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
11
  var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
12
  var _react = require("react");
19
-
20
13
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  var _excluded = ["className", "variant"];
25
-
26
16
  var _templateObject, _templateObject2, _templateObject3;
27
-
28
17
  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; }
29
-
30
18
  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) { (0, _defineProperty2["default"])(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; }
31
-
32
19
  var VARIANT_CLASSNAMES = {
33
20
  dark: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-dark"]))),
34
21
  light: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-light"])))
35
22
  };
23
+
36
24
  /**
37
25
  * Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover, focus, tap, or click.
38
26
  *
@@ -50,12 +38,11 @@ var VARIANT_CLASSNAMES = {
50
38
  * - Not contain any links or buttons
51
39
  * - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
52
40
  */
53
-
54
41
  var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
55
42
  var className = _ref.className,
56
- _ref$variant = _ref.variant,
57
- variant = _ref$variant === void 0 ? "dark" : _ref$variant,
58
- divProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
43
+ _ref$variant = _ref.variant,
44
+ variant = _ref$variant === void 0 ? "dark" : _ref$variant,
45
+ divProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
59
46
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, divProps), {}, {
60
47
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip typo-display-body"]))), VARIANT_CLASSNAMES[variant], className),
61
48
  ref: ref
@@ -2,16 +2,14 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var tooltipPlugin = plugin(function (_ref) {
7
6
  var addComponents = _ref.addComponents,
8
- theme = _ref.theme;
7
+ theme = _ref.theme;
9
8
  var arrowSize = 4;
10
- /** @type {string} */
11
9
 
10
+ /** @type {string} */
12
11
  var tooltipDarkBackground = theme("colors.grey.900");
13
12
  /** @type {string} */
14
-
15
13
  var tooltipLightBackground = theme("colors.white");
16
14
  addComponents({
17
15
  ".tooltip": {
@@ -31,7 +29,7 @@ var tooltipPlugin = plugin(function (_ref) {
31
29
  },
32
30
  ".tooltip-dark": {
33
31
  ".typo-link": {
34
- color: theme("colors.accent.400")
32
+ color: theme("colors.accent.300")
35
33
  }
36
34
  },
37
35
  ".tooltip-light": {