@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.166

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 (499) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +3 -3
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.js +4 -6
  3. package/cjs/AnnouncementBadge/index.js +2 -2
  4. package/cjs/AutoComplete/AutoComplete.d.ts +3 -49
  5. package/cjs/AutoComplete/AutoComplete.js +362 -516
  6. package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
  7. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +2 -4
  8. package/cjs/AutoComplete/components/AutocompleteContext.d.ts +5 -0
  9. package/cjs/AutoComplete/components/AutocompleteContext.js +19 -0
  10. package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +2 -2
  11. package/cjs/AutoComplete/components/DefaultOptionItem.js +4 -5
  12. package/cjs/AutoComplete/index.d.ts +1 -0
  13. package/cjs/AutoComplete/index.js +14 -2
  14. package/cjs/AutoComplete/types.d.ts +10 -2
  15. package/cjs/AutoComplete/utils.d.ts +3 -0
  16. package/cjs/AutoComplete/utils.js +36 -6
  17. package/cjs/Avatars/ApplicationAvatar.js +2 -4
  18. package/cjs/Avatars/UserAvatar.js +4 -6
  19. package/cjs/Avatars/index.js +2 -2
  20. package/cjs/Avatars/utils.js +9 -13
  21. package/cjs/Badge/Badge.d.ts +0 -2
  22. package/cjs/Badge/Badge.js +6 -7
  23. package/cjs/Badge/index.js +2 -2
  24. package/cjs/Banners/Alert/Alert.d.ts +2 -2
  25. package/cjs/Banners/Alert/Alert.js +4 -5
  26. package/cjs/Banners/Alert/index.js +2 -2
  27. package/cjs/Banners/BigBertha/BigBertha.js +2 -4
  28. package/cjs/Banners/BigBertha/index.js +2 -2
  29. package/cjs/Banners/Promote/Promote.d.ts +0 -6
  30. package/cjs/Banners/Promote/Promote.js +2 -10
  31. package/cjs/Banners/Promote/index.js +2 -2
  32. package/cjs/Button/Button.js +4 -6
  33. package/cjs/Button/Button.tailwind.d.ts +1 -1
  34. package/cjs/Button/Button.tailwind.js +1 -1
  35. package/cjs/Button/ButtonGroup.d.ts +1 -1
  36. package/cjs/Button/ButtonGroup.js +2 -4
  37. package/cjs/Button/IconButton.d.ts +5 -0
  38. package/cjs/Button/IconButton.js +9 -6
  39. package/cjs/Button/PolymorphicButton.js +9 -8
  40. package/cjs/Button/PolymorphicIconButton.d.ts +5 -1
  41. package/cjs/Button/PolymorphicIconButton.js +14 -13
  42. package/cjs/Button/index.js +2 -2
  43. package/cjs/Button/styles.d.ts +1 -1
  44. package/cjs/Button/styles.js +8 -9
  45. package/cjs/Button/types.d.ts +3 -2
  46. package/cjs/Card/Card.d.ts +1 -1
  47. package/cjs/Card/Card.js +4 -6
  48. package/cjs/Card/Card.tailwind.d.ts +1 -1
  49. package/cjs/Card/components/CardHeader.js +4 -6
  50. package/cjs/Card/components/CardTitle.js +4 -6
  51. package/cjs/Card/index.js +2 -2
  52. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  53. package/cjs/Checkbox/Checkbox.js +6 -8
  54. package/cjs/Checkbox/Checkbox.tailwind.d.ts +1 -1
  55. package/cjs/Checkbox/Checkbox.tailwind.js +5 -0
  56. package/cjs/Checkbox/index.js +2 -2
  57. package/cjs/ClickAwayContainer/ClickAwayContainer.js +5 -9
  58. package/cjs/DatePicker/DatePicker/DatePicker.d.ts +1 -1
  59. package/cjs/DatePicker/DatePicker/DatePicker.js +11 -12
  60. package/cjs/DatePicker/DatePicker/datePickerReducer.js +8 -11
  61. package/cjs/DatePicker/DatePicker/index.js +2 -2
  62. package/cjs/DatePicker/DatePicker.tailwind.d.ts +1 -1
  63. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +5 -7
  64. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -2
  65. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -11
  66. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +4 -7
  67. package/cjs/DatePicker/DateRangePicker/index.js +2 -2
  68. package/cjs/DatePicker/components/Calendar.js +3 -4
  69. package/cjs/DatePicker/components/Display.js +1 -2
  70. package/cjs/DatePicker/components/Footer.js +1 -2
  71. package/cjs/DatePicker/components/FooterActions.js +1 -2
  72. package/cjs/DatePicker/components/Modal.js +4 -6
  73. package/cjs/DatePicker/components/NavBar.js +3 -4
  74. package/cjs/DatePicker/components/SidePanel.js +1 -2
  75. package/cjs/DatePicker/index.d.ts +0 -1
  76. package/cjs/DatePicker/index.js +2 -17
  77. package/cjs/DatePicker/utils.js +3 -5
  78. package/cjs/Dropdown/Dropdown.js +5 -8
  79. package/cjs/Dropdown/DropdownButton.js +4 -6
  80. package/cjs/Dropdown/DropdownContext.js +3 -6
  81. package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  82. package/cjs/Dropdown/components/DropdownButtonItem.js +6 -7
  83. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -5
  84. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -3
  85. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +3 -5
  86. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +2 -3
  87. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +2 -3
  88. package/cjs/Dropdown/components/DropdownDivider.js +2 -4
  89. package/cjs/Dropdown/components/DropdownFooterItem.d.ts +1 -0
  90. package/cjs/Dropdown/components/DropdownFooterItem.js +4 -6
  91. package/cjs/Dropdown/components/DropdownLinkItem.js +6 -7
  92. package/cjs/Dropdown/components/DropdownRadioItem.js +4 -6
  93. package/cjs/Dropdown/components/DropdownTitle.js +4 -6
  94. package/cjs/Dropdown/components/DropdownToggleItem.js +6 -7
  95. package/cjs/Dropdown/index.js +2 -2
  96. package/cjs/Dropdown/useDropdownItemProps.js +4 -6
  97. package/cjs/Dropzone/Dropzone.js +6 -8
  98. package/cjs/Dropzone/index.js +2 -2
  99. package/cjs/EmptyState/EmptyState.js +26 -28
  100. package/cjs/EmptyState/EmptyState.tailwind.d.ts +1 -1
  101. package/cjs/EmptyState/index.js +2 -2
  102. package/cjs/EmptyState/types.d.ts +8 -23
  103. package/cjs/Field/Field.d.ts +0 -1
  104. package/cjs/Field/Field.js +4 -6
  105. package/cjs/Field/FieldStateContext.js +3 -6
  106. package/cjs/Field/index.js +2 -2
  107. package/cjs/Field/useFieldState.js +4 -6
  108. package/cjs/Flag/Flag.js +5 -7
  109. package/cjs/Flag/Flag.tailwind.d.ts +1 -1
  110. package/cjs/Flag/Flags.js +8 -9
  111. package/cjs/Flag/index.js +2 -2
  112. package/cjs/FlexGrid/FlexGrid.d.ts +1 -12
  113. package/cjs/FlexGrid/FlexGrid.js +2 -4
  114. package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
  115. package/cjs/FlexGrid/FlexGrid.tailwind.js +2 -2
  116. package/cjs/FlexGrid/index.js +2 -2
  117. package/cjs/HelpUnderline/HelpUnderline.js +4 -6
  118. package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
  119. package/cjs/HelpUnderline/index.js +2 -2
  120. package/cjs/Input/Input.d.ts +4 -1
  121. package/cjs/Input/Input.js +11 -11
  122. package/cjs/Input/Input.tailwind.d.ts +1 -1
  123. package/cjs/Input/index.js +2 -2
  124. package/cjs/Insert/Insert.js +2 -4
  125. package/cjs/Insert/index.js +2 -2
  126. package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
  127. package/cjs/KeyboardKey/KeyboardKey.js +2 -3
  128. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
  129. package/cjs/Link/BaseLink.js +4 -6
  130. package/cjs/Link/ButtonLink.js +4 -6
  131. package/cjs/Link/IconButtonLink.js +4 -6
  132. package/cjs/Link/Link.js +8 -8
  133. package/cjs/Link/index.js +2 -2
  134. package/cjs/Medallion/Medallion.d.ts +1 -0
  135. package/cjs/Medallion/Medallion.js +2 -4
  136. package/cjs/Medallion/Medallion.tailwind.d.ts +1 -1
  137. package/cjs/Medallion/index.js +2 -2
  138. package/cjs/Modal/Modal.js +12 -13
  139. package/cjs/Modal/Modal.tailwind.d.ts +1 -1
  140. package/cjs/Modal/components/ModalFooter.js +4 -6
  141. package/cjs/Modal/components/ModalSection.js +2 -4
  142. package/cjs/Modal/index.js +2 -2
  143. package/cjs/Pagination/CompactPagination/CompactPagination.js +6 -10
  144. package/cjs/Pagination/CompactPagination/index.js +2 -2
  145. package/cjs/Pagination/DotPagination/DotPagination.js +5 -7
  146. package/cjs/Pagination/DotPagination/index.js +2 -2
  147. package/cjs/Pagination/Pagination/Pagination.js +6 -8
  148. package/cjs/Pagination/Pagination/index.js +2 -2
  149. package/cjs/Pagination/index.js +2 -2
  150. package/cjs/Popover/Popover.d.ts +5 -0
  151. package/cjs/Popover/Popover.js +137 -0
  152. package/cjs/Popover/index.d.ts +3 -0
  153. package/cjs/Popover/index.js +36 -0
  154. package/cjs/Popover/types.d.ts +74 -0
  155. package/cjs/Popover/types.js +5 -0
  156. package/cjs/ProgressBar/ProgressBar.d.ts +7 -4
  157. package/cjs/ProgressBar/ProgressBar.js +29 -22
  158. package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
  159. package/cjs/ProgressBar/index.js +2 -2
  160. package/cjs/ProgressSpinner/ProgressSpinner.js +4 -6
  161. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
  162. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +8 -0
  163. package/cjs/ProgressSpinner/index.js +2 -2
  164. package/cjs/RadioGroup/RadioButton.d.ts +1 -1
  165. package/cjs/RadioGroup/RadioButton.js +4 -6
  166. package/cjs/RadioGroup/RadioButton.tailwind.d.ts +1 -1
  167. package/cjs/RadioGroup/RadioButton.tailwind.js +3 -0
  168. package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
  169. package/cjs/RadioGroup/RadioGroup.js +3 -6
  170. package/cjs/RadioGroup/RadiogroupContext.d.ts +1 -4
  171. package/cjs/RadioGroup/RadiogroupContext.js +3 -5
  172. package/cjs/RadioGroup/index.js +2 -2
  173. package/cjs/RangeSlider/RangeSlider.d.ts +2 -0
  174. package/cjs/RangeSlider/RangeSlider.js +4 -6
  175. package/cjs/RangeSlider/index.js +2 -2
  176. package/cjs/Satellite/Satellite.js +5 -7
  177. package/cjs/Satellite/SatelliteContext.js +5 -8
  178. package/cjs/Satellite/SatelliteRouter.js +2 -4
  179. package/cjs/Satellite/index.js +2 -2
  180. package/cjs/Satellite/locale.d.ts +2 -0
  181. package/cjs/Satellite/locale.js +2 -3
  182. package/cjs/Satellite/useCreatePortal.js +2 -3
  183. package/cjs/ScrollIndicator/ScrollIndicator.js +2 -4
  184. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
  185. package/cjs/ScrollIndicator/index.js +2 -2
  186. package/cjs/Select/Select.js +4 -6
  187. package/cjs/Select/Select.tailwind.d.ts +1 -1
  188. package/cjs/Select/index.js +2 -2
  189. package/cjs/Separator/Separator.d.ts +1 -0
  190. package/cjs/Separator/Separator.js +21 -11
  191. package/cjs/Separator/Separator.tailwind.d.ts +1 -1
  192. package/cjs/Separator/Separator.tailwind.js +31 -2
  193. package/cjs/Separator/index.js +2 -2
  194. package/cjs/Sidebar/Sidebar.d.ts +1 -0
  195. package/cjs/Sidebar/Sidebar.js +4 -5
  196. package/cjs/Sidebar/SidebarButtonLink.js +4 -5
  197. package/cjs/Sidebar/SidebarContext.js +3 -5
  198. package/cjs/Sidebar/SidebarHeader.d.ts +1 -0
  199. package/cjs/Sidebar/SidebarHeader.js +2 -3
  200. package/cjs/Sidebar/SidebarHeading.d.ts +1 -0
  201. package/cjs/Sidebar/SidebarHeading.js +2 -3
  202. package/cjs/Sidebar/SidebarLink.js +4 -5
  203. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts +1 -0
  204. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +3 -4
  205. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +4 -5
  206. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -0
  207. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -8
  208. package/cjs/Sidebar/SidebarNav.d.ts +1 -0
  209. package/cjs/Sidebar/SidebarNav.js +2 -3
  210. package/cjs/Switch/Switch.d.ts +1 -0
  211. package/cjs/Switch/Switch.js +5 -5
  212. package/cjs/Switch/Switch.tailwind.d.ts +1 -1
  213. package/cjs/Switch/SwitchOption.js +5 -7
  214. package/cjs/Switch/index.js +2 -2
  215. package/cjs/Switch/utils.js +5 -9
  216. package/cjs/Tables/DataTable/DataTable.d.ts +8 -1
  217. package/cjs/Tables/DataTable/DataTable.js +6 -8
  218. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
  219. package/cjs/Tables/DataTable/components/Body.js +4 -6
  220. package/cjs/Tables/DataTable/components/Footer.js +6 -8
  221. package/cjs/Tables/DataTable/components/Header.js +2 -4
  222. package/cjs/Tables/DataTable/components/HeaderCell.js +6 -8
  223. package/cjs/Tables/DataTable/components/Loader.d.ts +1 -0
  224. package/cjs/Tables/DataTable/components/Loader.js +3 -5
  225. package/cjs/Tables/DataTable/index.js +2 -2
  226. package/cjs/Tables/DataTable/types.d.ts +14 -0
  227. package/cjs/Tables/DataTable/utils.js +4 -7
  228. package/cjs/Tables/Table/Table.js +4 -6
  229. package/cjs/Tables/Table/Table.tailwind.d.ts +1 -1
  230. package/cjs/Tables/Table/components/TableFooter.js +2 -4
  231. package/cjs/Tables/Table/index.js +2 -2
  232. package/cjs/Tables/index.js +2 -2
  233. package/cjs/Tabs/ContentTabs.js +2 -4
  234. package/cjs/Tabs/LinkTabs.js +3 -6
  235. package/cjs/Tabs/Tabs.tailwind.d.ts +1 -1
  236. package/cjs/Tabs/Tabs.tailwind.js +20 -1
  237. package/cjs/Tabs/components/LinkTab.js +12 -14
  238. package/cjs/Tabs/index.js +2 -2
  239. package/cjs/Tabs/types.d.ts +0 -1
  240. package/cjs/Tabs/utils.js +2 -3
  241. package/cjs/Tag/Tag.d.ts +7 -17
  242. package/cjs/Tag/Tag.js +16 -12
  243. package/cjs/Tag/Tag.tailwind.d.ts +1 -1
  244. package/cjs/Tag/index.js +2 -2
  245. package/cjs/TextArea/TextArea.js +4 -6
  246. package/cjs/TextArea/TextArea.tailwind.d.ts +1 -1
  247. package/cjs/TextArea/index.js +2 -2
  248. package/cjs/TextWrap/TextWrap.js +4 -6
  249. package/cjs/TextWrap/index.js +2 -2
  250. package/cjs/Toggle/Toggle.d.ts +6 -2
  251. package/cjs/Toggle/Toggle.js +26 -13
  252. package/cjs/Toggle/Toggle.tailwind.d.ts +1 -1
  253. package/cjs/Toggle/Toggle.tailwind.js +18 -6
  254. package/cjs/Toggle/index.js +2 -2
  255. package/cjs/Tooltip/OverflowTooltipWrapper.js +4 -5
  256. package/cjs/Tooltip/Tooltip.d.ts +1 -1
  257. package/cjs/Tooltip/Tooltip.js +4 -6
  258. package/cjs/Tooltip/Tooltip.tailwind.d.ts +1 -1
  259. package/cjs/Tooltip/Tooltip.tailwind.js +1 -91
  260. package/cjs/Tooltip/TooltipWrapper.d.ts +2 -2
  261. package/cjs/Tooltip/TooltipWrapper.js +7 -8
  262. package/cjs/Tooltip/index.js +2 -2
  263. package/cjs/Tooltip/types.d.ts +15 -15
  264. package/cjs/Tooltip/utils.js +2 -3
  265. package/cjs/Typography/Typography.tailwind.d.ts +1 -1
  266. package/cjs/Typography/Typography.tailwind.js +2 -2
  267. package/cjs/UserContent/UserContent.d.ts +1 -0
  268. package/cjs/UserContent/UserContent.js +2 -4
  269. package/cjs/UserContent/UserContent.tailwind.d.ts +1 -1
  270. package/cjs/UserContent/UserContent.tailwind.js +2 -2
  271. package/cjs/styles/base.tailwind.d.ts +1 -1
  272. package/cjs/styles/helpers/makePurgeCssExtractor.js +1 -1
  273. package/cjs/styles/tailwind.config.js +3 -3
  274. package/cjs/styles/zIndexes.d.ts +1 -0
  275. package/cjs/styles/zIndexes.js +4 -3
  276. package/cjs/types.d.ts +3 -4
  277. package/cjs/utilities/overlay.tailwind.d.ts +5 -0
  278. package/cjs/utilities/overlay.tailwind.js +107 -0
  279. package/cjs/utilities/utilities.tailwind.d.ts +1 -1
  280. package/cjs/utils/clamp.d.ts +1 -0
  281. package/cjs/utils/clamp.js +9 -0
  282. package/cjs/utils/genericChangeHandler.js +1 -2
  283. package/cjs/utils/hashCode.js +2 -4
  284. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  285. package/cjs/utils/isCssPropertySupported.js +1 -2
  286. package/cjs/utils/isNil.js +2 -4
  287. package/cjs/utils/isReactText.js +2 -3
  288. package/cjs/utils/isRenderedChild.js +1 -2
  289. package/cjs/utils/matchLocation.js +1 -2
  290. package/cjs/utils/onlyText.js +1 -2
  291. package/cjs/utils/parseUrl.js +2 -4
  292. package/cjs/utils/pluralize.js +1 -2
  293. package/cjs/utils/prefersReducedMotion.d.ts +6 -0
  294. package/cjs/utils/prefersReducedMotion.js +13 -0
  295. package/cjs/utils/range.js +1 -2
  296. package/cjs/utils/toSentenceCase.js +2 -4
  297. package/cjs/utils/uniqBy.js +1 -2
  298. package/cjs/utils/uniqueId.js +1 -2
  299. package/cjs/utils/useForwardedRef.js +1 -2
  300. package/cjs/utils/useLinkProps.js +2 -4
  301. package/cjs/utils/useTriggerInputChange.js +1 -2
  302. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +3 -3
  303. package/esm/AnnouncementBadge/AnnouncementBadge.js +2 -2
  304. package/esm/AutoComplete/AutoComplete.d.ts +3 -49
  305. package/esm/AutoComplete/AutoComplete.js +365 -517
  306. package/esm/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
  307. package/esm/AutoComplete/components/AutocompleteContext.d.ts +5 -0
  308. package/esm/AutoComplete/components/AutocompleteContext.js +13 -0
  309. package/esm/AutoComplete/components/DefaultOptionItem.d.ts +2 -2
  310. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -2
  311. package/esm/AutoComplete/index.d.ts +1 -0
  312. package/esm/AutoComplete/index.js +1 -0
  313. package/esm/AutoComplete/types.d.ts +10 -2
  314. package/esm/AutoComplete/utils.d.ts +3 -0
  315. package/esm/AutoComplete/utils.js +31 -1
  316. package/esm/Avatars/UserAvatar.js +2 -2
  317. package/esm/Avatars/utils.js +2 -2
  318. package/esm/Badge/Badge.d.ts +0 -2
  319. package/esm/Badge/Badge.js +4 -3
  320. package/esm/Banners/Alert/Alert.d.ts +2 -2
  321. package/esm/Banners/Alert/Alert.js +2 -1
  322. package/esm/Banners/Promote/Promote.d.ts +0 -6
  323. package/esm/Banners/Promote/Promote.js +0 -6
  324. package/esm/Button/Button.js +2 -2
  325. package/esm/Button/Button.tailwind.d.ts +1 -1
  326. package/esm/Button/Button.tailwind.js +1 -1
  327. package/esm/Button/ButtonGroup.d.ts +1 -1
  328. package/esm/Button/IconButton.d.ts +5 -0
  329. package/esm/Button/IconButton.js +7 -2
  330. package/esm/Button/PolymorphicButton.js +6 -4
  331. package/esm/Button/PolymorphicIconButton.d.ts +5 -1
  332. package/esm/Button/PolymorphicIconButton.js +13 -11
  333. package/esm/Button/styles.d.ts +1 -1
  334. package/esm/Button/styles.js +3 -0
  335. package/esm/Button/types.d.ts +3 -2
  336. package/esm/Card/Card.d.ts +1 -1
  337. package/esm/Card/Card.js +2 -2
  338. package/esm/Card/Card.tailwind.d.ts +1 -1
  339. package/esm/Card/components/CardHeader.js +2 -2
  340. package/esm/Card/components/CardTitle.js +2 -2
  341. package/esm/Checkbox/Checkbox.d.ts +3 -3
  342. package/esm/Checkbox/Checkbox.js +4 -4
  343. package/esm/Checkbox/Checkbox.tailwind.d.ts +1 -1
  344. package/esm/Checkbox/Checkbox.tailwind.js +5 -0
  345. package/esm/ClickAwayContainer/ClickAwayContainer.js +1 -1
  346. package/esm/DatePicker/DatePicker/DatePicker.d.ts +1 -1
  347. package/esm/DatePicker/DatePicker/DatePicker.js +9 -9
  348. package/esm/DatePicker/DatePicker/datePickerReducer.js +5 -5
  349. package/esm/DatePicker/DatePicker.tailwind.d.ts +1 -1
  350. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +3 -3
  351. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
  352. package/esm/DatePicker/components/Calendar.js +2 -2
  353. package/esm/DatePicker/components/Modal.js +2 -2
  354. package/esm/DatePicker/components/NavBar.js +2 -2
  355. package/esm/DatePicker/index.d.ts +0 -1
  356. package/esm/DatePicker/index.js +0 -1
  357. package/esm/Dropdown/Dropdown.js +2 -2
  358. package/esm/Dropdown/DropdownButton.js +2 -2
  359. package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  360. package/esm/Dropdown/components/DropdownButtonItem.js +4 -3
  361. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -1
  362. package/esm/Dropdown/components/DropdownFooterItem.d.ts +1 -0
  363. package/esm/Dropdown/components/DropdownFooterItem.js +2 -2
  364. package/esm/Dropdown/components/DropdownLinkItem.js +4 -3
  365. package/esm/Dropdown/components/DropdownRadioItem.js +2 -2
  366. package/esm/Dropdown/components/DropdownTitle.js +2 -2
  367. package/esm/Dropdown/components/DropdownToggleItem.js +4 -3
  368. package/esm/Dropdown/useDropdownItemProps.js +2 -2
  369. package/esm/Dropzone/Dropzone.js +4 -4
  370. package/esm/EmptyState/EmptyState.js +24 -24
  371. package/esm/EmptyState/EmptyState.tailwind.d.ts +1 -1
  372. package/esm/EmptyState/types.d.ts +8 -23
  373. package/esm/Field/Field.d.ts +0 -1
  374. package/esm/Flag/Flag.js +3 -3
  375. package/esm/Flag/Flag.tailwind.d.ts +1 -1
  376. package/esm/Flag/Flags.js +6 -5
  377. package/esm/FlexGrid/FlexGrid.d.ts +1 -12
  378. package/esm/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
  379. package/esm/FlexGrid/FlexGrid.tailwind.js +2 -2
  380. package/esm/HelpUnderline/HelpUnderline.js +2 -2
  381. package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
  382. package/esm/Input/Input.d.ts +4 -1
  383. package/esm/Input/Input.js +9 -7
  384. package/esm/Input/Input.tailwind.d.ts +1 -1
  385. package/esm/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
  386. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
  387. package/esm/Link/BaseLink.js +2 -2
  388. package/esm/Link/ButtonLink.js +2 -2
  389. package/esm/Link/IconButtonLink.js +2 -2
  390. package/esm/Link/Link.js +6 -4
  391. package/esm/Medallion/Medallion.d.ts +1 -0
  392. package/esm/Medallion/Medallion.tailwind.d.ts +1 -1
  393. package/esm/Modal/Modal.js +8 -7
  394. package/esm/Modal/Modal.tailwind.d.ts +1 -1
  395. package/esm/Modal/components/ModalFooter.js +2 -2
  396. package/esm/Pagination/CompactPagination/CompactPagination.js +2 -2
  397. package/esm/Pagination/DotPagination/DotPagination.js +3 -3
  398. package/esm/Pagination/Pagination/Pagination.js +2 -2
  399. package/esm/Popover/Popover.d.ts +5 -0
  400. package/esm/Popover/Popover.js +129 -0
  401. package/esm/Popover/index.d.ts +3 -0
  402. package/esm/Popover/index.js +3 -0
  403. package/esm/Popover/types.d.ts +74 -0
  404. package/esm/Popover/types.js +1 -0
  405. package/esm/ProgressBar/ProgressBar.d.ts +7 -4
  406. package/esm/ProgressBar/ProgressBar.js +24 -18
  407. package/esm/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
  408. package/esm/ProgressSpinner/ProgressSpinner.js +2 -2
  409. package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
  410. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +8 -0
  411. package/esm/RadioGroup/RadioButton.d.ts +1 -1
  412. package/esm/RadioGroup/RadioButton.js +2 -2
  413. package/esm/RadioGroup/RadioButton.tailwind.d.ts +1 -1
  414. package/esm/RadioGroup/RadioButton.tailwind.js +3 -0
  415. package/esm/RadioGroup/RadioGroup.d.ts +1 -0
  416. package/esm/RadioGroup/RadiogroupContext.d.ts +1 -4
  417. package/esm/RangeSlider/RangeSlider.d.ts +2 -0
  418. package/esm/RangeSlider/RangeSlider.js +2 -2
  419. package/esm/Satellite/Satellite.js +4 -4
  420. package/esm/Satellite/SatelliteContext.js +2 -2
  421. package/esm/Satellite/locale.d.ts +2 -0
  422. package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
  423. package/esm/Select/Select.js +2 -2
  424. package/esm/Select/Select.tailwind.d.ts +1 -1
  425. package/esm/Separator/Separator.d.ts +1 -0
  426. package/esm/Separator/Separator.js +17 -5
  427. package/esm/Separator/Separator.tailwind.d.ts +1 -1
  428. package/esm/Separator/Separator.tailwind.js +31 -2
  429. package/esm/Sidebar/Sidebar.d.ts +1 -0
  430. package/esm/Sidebar/Sidebar.js +2 -2
  431. package/esm/Sidebar/SidebarButtonLink.js +2 -2
  432. package/esm/Sidebar/SidebarHeader.d.ts +1 -0
  433. package/esm/Sidebar/SidebarHeading.d.ts +1 -0
  434. package/esm/Sidebar/SidebarLink.js +2 -2
  435. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts +1 -0
  436. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +1 -1
  437. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +2 -2
  438. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -0
  439. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +6 -5
  440. package/esm/Sidebar/SidebarNav.d.ts +1 -0
  441. package/esm/Switch/Switch.d.ts +1 -0
  442. package/esm/Switch/Switch.js +3 -1
  443. package/esm/Switch/Switch.tailwind.d.ts +1 -1
  444. package/esm/Switch/SwitchOption.js +3 -3
  445. package/esm/Tables/DataTable/DataTable.d.ts +8 -1
  446. package/esm/Tables/DataTable/DataTable.js +4 -4
  447. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
  448. package/esm/Tables/DataTable/components/Body.js +2 -2
  449. package/esm/Tables/DataTable/components/Footer.js +2 -2
  450. package/esm/Tables/DataTable/components/HeaderCell.js +4 -4
  451. package/esm/Tables/DataTable/components/Loader.d.ts +1 -0
  452. package/esm/Tables/DataTable/components/Loader.js +1 -1
  453. package/esm/Tables/DataTable/types.d.ts +14 -0
  454. package/esm/Tables/Table/Table.js +2 -2
  455. package/esm/Tables/Table/Table.tailwind.d.ts +1 -1
  456. package/esm/Tabs/Tabs.tailwind.d.ts +1 -1
  457. package/esm/Tabs/Tabs.tailwind.js +20 -1
  458. package/esm/Tabs/components/LinkTab.js +10 -10
  459. package/esm/Tabs/types.d.ts +0 -1
  460. package/esm/Tag/Tag.d.ts +7 -17
  461. package/esm/Tag/Tag.js +14 -8
  462. package/esm/Tag/Tag.tailwind.d.ts +1 -1
  463. package/esm/TextArea/TextArea.js +2 -2
  464. package/esm/TextArea/TextArea.tailwind.d.ts +1 -1
  465. package/esm/TextWrap/TextWrap.js +2 -2
  466. package/esm/Toggle/Toggle.d.ts +6 -2
  467. package/esm/Toggle/Toggle.js +24 -9
  468. package/esm/Toggle/Toggle.tailwind.d.ts +1 -1
  469. package/esm/Toggle/Toggle.tailwind.js +18 -6
  470. package/esm/Tooltip/OverflowTooltipWrapper.js +2 -2
  471. package/esm/Tooltip/Tooltip.d.ts +1 -1
  472. package/esm/Tooltip/Tooltip.js +2 -2
  473. package/esm/Tooltip/Tooltip.tailwind.d.ts +1 -1
  474. package/esm/Tooltip/Tooltip.tailwind.js +1 -90
  475. package/esm/Tooltip/TooltipWrapper.d.ts +2 -2
  476. package/esm/Tooltip/TooltipWrapper.js +3 -3
  477. package/esm/Tooltip/types.d.ts +15 -15
  478. package/esm/Typography/Typography.tailwind.d.ts +1 -1
  479. package/esm/Typography/Typography.tailwind.js +2 -2
  480. package/esm/UserContent/UserContent.d.ts +1 -0
  481. package/esm/UserContent/UserContent.tailwind.d.ts +1 -1
  482. package/esm/UserContent/UserContent.tailwind.js +2 -2
  483. package/esm/styles/base.tailwind.d.ts +1 -1
  484. package/esm/styles/helpers/makePurgeCssExtractor.js +1 -1
  485. package/esm/styles/tailwind.config.js +3 -3
  486. package/esm/styles/zIndexes.d.ts +1 -0
  487. package/esm/styles/zIndexes.js +4 -3
  488. package/esm/types.d.ts +3 -4
  489. package/esm/utilities/overlay.tailwind.d.ts +5 -0
  490. package/esm/utilities/overlay.tailwind.js +106 -0
  491. package/esm/utilities/utilities.tailwind.d.ts +1 -1
  492. package/esm/utils/clamp.d.ts +1 -0
  493. package/esm/utils/clamp.js +3 -0
  494. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  495. package/esm/utils/prefersReducedMotion.d.ts +6 -0
  496. package/esm/utils/prefersReducedMotion.js +7 -0
  497. package/package.json +10 -7
  498. package/satellite.min.css +1 -1
  499. package/scss/variables.scss +4 -3
@@ -13,19 +13,20 @@ var _clsx = _interopRequireDefault(require("clsx"));
13
13
  var _react = require("react");
14
14
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
- var _templateObject, _templateObject2;
17
- var _excluded = ["className", "checked", "defaultChecked"];
18
- 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; }
19
- 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; }
16
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
17
+ var _excluded = ["className", "checked", "decorative", "defaultChecked"];
18
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20
20
  /**
21
21
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
22
22
  *
23
23
  * - Toggles should not require a Save button to apply the changes
24
24
  * - If a Save button is needed, try using Radio groups or Checkboxes instead
25
25
  */
26
- var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
26
+ var Toggle = exports.Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
27
27
  var className = _ref.className,
28
28
  checked = _ref.checked,
29
+ decorative = _ref.decorative,
29
30
  defaultChecked = _ref.defaultChecked,
30
31
  inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
31
32
  var isControlled = typeof checked === "boolean";
@@ -34,17 +35,31 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
34
35
  internalChecked = _useState2[0],
35
36
  setInternalChecked = _useState2[1];
36
37
  var isChecked = Boolean(isControlled ? checked : internalChecked);
38
+ var isDisabled = inputProps.disabled,
39
+ onChange = inputProps.onChange;
37
40
  var handleChange = function handleChange(evt) {
38
- var _inputProps$onChange;
39
- (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
41
+ onChange === null || onChange === void 0 || onChange(evt);
40
42
  if (!isControlled && !evt.isDefaultPrevented()) {
41
43
  setInternalChecked(evt.currentTarget.checked);
42
44
  }
43
45
  };
46
+ var handleClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["toggle-handle"]))), isChecked && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["toggle-checked"]))), isDisabled && (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["toggle-disabled"]))));
47
+ var onClick = function onClick(event) {
48
+ if (isDisabled) {
49
+ return;
50
+ }
51
+ onChange === null || onChange === void 0 || onChange(event);
52
+ !isControlled && setInternalChecked(!isChecked);
53
+ };
44
54
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
45
55
  translate: "yes",
46
- className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["toggle-container"]))), className),
47
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
56
+ className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["toggle-container"]))), className),
57
+ children: [decorative ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
58
+ className: handleClassName,
59
+ onClick: onClick
60
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
61
+ className: handleClassName,
62
+ disabled: isDisabled,
48
63
  onChange: handleChange,
49
64
  checked: isChecked,
50
65
  "aria-checked": isChecked,
@@ -52,11 +67,9 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
52
67
  role: "switch",
53
68
  ref: ref
54
69
  })), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
55
- className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["toggle"])))
70
+ className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["toggle"])))
56
71
  })]
57
72
  });
58
73
  });
59
- exports.Toggle = Toggle;
60
74
  Toggle.displayName = "Toggle";
61
- var _default = Toggle;
62
- exports["default"] = _default;
75
+ var _default = exports["default"] = Toggle;
@@ -1,5 +1,5 @@
1
1
  export = togglePlugin;
2
2
  declare const togglePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: Partial<import("tailwindcss").Config> | undefined;
4
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
5
5
  };
@@ -13,8 +13,7 @@ var togglePlugin = plugin(function (_ref) {
13
13
  display: "block",
14
14
  height: "18px",
15
15
  width: "32px",
16
- overflow: "hidden",
17
- "& input": {
16
+ ".toggle-handle": {
18
17
  position: "absolute",
19
18
  top: "0px",
20
19
  left: "0px",
@@ -22,15 +21,21 @@ var togglePlugin = plugin(function (_ref) {
22
21
  height: "100%",
23
22
  opacity: "0",
24
23
  cursor: "pointer",
25
- "&:disabled": {
24
+ "&.toggle-disabled": {
26
25
  cursor: "not-allowed"
27
26
  }
28
27
  },
29
28
  "&:hover .toggle:after": {
30
29
  transform: "translateX(2px)"
31
30
  },
32
- "&:hover input:checked ~ .toggle:after": {
31
+ "&:hover .toggle-handle.toggle-checked ~ .toggle:after": {
33
32
  transform: "translateX(12px)"
33
+ },
34
+ "&:hover .toggle-handle.toggle-disabled ~ .toggle:after": {
35
+ transform: "translateX(0px)"
36
+ },
37
+ "&:hover .toggle-handle.toggle-checked.toggle-disabled ~ .toggle:after": {
38
+ transform: "translateX(14px)"
34
39
  }
35
40
  },
36
41
  ".toggle": {
@@ -56,16 +61,23 @@ var togglePlugin = plugin(function (_ref) {
56
61
  boxShadow: "0px 1px 1px 0px ".concat(theme("colors.shadow.10")),
57
62
  transition: transition
58
63
  },
59
- "input:checked ~ &": {
64
+ ".toggle-handle.toggle-checked ~ &": {
60
65
  background: theme("colors.accent.600"),
61
66
  boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.900"), 0.1)),
62
67
  "&:after": {
63
68
  transform: "translateX(14px)"
64
69
  }
65
70
  },
66
- "input:disabled ~ &": {
71
+ ".toggle-handle.toggle-disabled ~ &": {
67
72
  background: theme("colors.grey.200")
73
+ },
74
+ ".toggle-checked.toggle-handle.toggle-disabled ~ &": {
75
+ background: theme("colors.xenon.200")
68
76
  }
77
+ },
78
+ "input:focus ~ .toggle": {
79
+ outline: "2px solid ".concat(theme("colors.accent.600")),
80
+ outlineOffset: "1px"
69
81
  }
70
82
  });
71
83
  });
@@ -23,5 +23,5 @@ Object.keys(_Toggle).forEach(function (key) {
23
23
  }
24
24
  });
25
25
  });
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); }
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; }
26
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -19,9 +19,9 @@ var _utils = require("./utils");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  var _templateObject;
21
21
  var _excluded = ["children"];
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; }
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; }
24
- var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
22
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
+ var OverflowTooltipWrapper = exports.OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
25
25
  var children = _ref.children,
26
26
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
27
27
  var _useState = (0, _react.useState)(null),
@@ -43,5 +43,4 @@ var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
43
43
  children: children
44
44
  })
45
45
  }));
46
- };
47
- exports.OverflowTooltipWrapper = OverflowTooltipWrapper;
46
+ };
@@ -20,5 +20,5 @@ export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEl
20
20
  * - Not contain any links, inputs, or buttons.
21
21
  * - 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.
22
22
  */
23
- export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
23
+ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "dir" | "slot" | "style" | "title" | "children" | "id" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
24
24
  export default Tooltip;
@@ -14,8 +14,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  var _excluded = ["className", "variant"];
16
16
  var _templateObject, _templateObject2, _templateObject3;
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; }
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; }
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
19
  var VARIANT_CLASSNAMES = {
20
20
  dark: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-dark"]))),
21
21
  light: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-light"])))
@@ -38,7 +38,7 @@ var VARIANT_CLASSNAMES = {
38
38
  * - Not contain any links, inputs, or buttons.
39
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.
40
40
  */
41
- var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
41
+ var Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
42
42
  var className = _ref.className,
43
43
  _ref$variant = _ref.variant,
44
44
  variant = _ref$variant === void 0 ? "dark" : _ref$variant,
@@ -48,7 +48,5 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
48
48
  ref: ref
49
49
  }));
50
50
  });
51
- exports.Tooltip = Tooltip;
52
51
  Tooltip.displayName = "Tooltip";
53
- var _default = Tooltip;
54
- exports["default"] = _default;
52
+ var _default = exports["default"] = Tooltip;
@@ -1,5 +1,5 @@
1
1
  export = tooltipPlugin;
2
2
  declare const tooltipPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: Partial<import("tailwindcss").Config> | undefined;
4
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
5
5
  };
@@ -9,8 +9,6 @@ var tooltipPlugin = plugin(function (_ref) {
9
9
  var tooltipDarkBackground = theme("colors.grey.900");
10
10
  /** @type {string} */
11
11
  var tooltipLightBackground = theme("colors.white");
12
- var animationDuration = "100ms";
13
- var animationEasing = "cubic-bezier(.17,.61,.4,.95)";
14
12
  addComponents({
15
13
  ".tooltip": {
16
14
  padding: "".concat(theme("spacing.1"), " ").concat(theme("spacing.2")),
@@ -39,99 +37,11 @@ var tooltipPlugin = plugin(function (_ref) {
39
37
  }
40
38
  });
41
39
  addComponents({
42
- /* eslint-disable @algolia/satellite/prefer-stl-helper */
43
- "@keyframes stl-tooltip-slide-down-and-fade": {
44
- from: {
45
- opacity: "0",
46
- transform: "translateY(-2px)"
47
- },
48
- to: {
49
- opacity: "1",
50
- transform: "translateY(0)"
51
- }
52
- },
53
- "@keyframes stl-tooltip-slide-left-and-fade": {
54
- from: {
55
- opacity: "0",
56
- transform: "translateX(2px)"
57
- },
58
- to: {
59
- opacity: "1",
60
- transform: "translateX(0)"
61
- }
62
- },
63
- "@keyframes stl-tooltip-slide-up-and-fade": {
64
- from: {
65
- opacity: "0",
66
- transform: "translateY(2px)"
67
- },
68
- to: {
69
- opacity: "1",
70
- transform: "translateY(0)"
71
- }
72
- },
73
- "@keyframes stl-tooltip-slide-right-and-fade": {
74
- from: {
75
- opacity: "0",
76
- transform: "translateX(-2px)"
77
- },
78
- to: {
79
- opacity: "1",
80
- transform: "translateX(0)"
81
- }
82
- },
83
- "@keyframes stl-tooltip-fade-out": {
84
- from: {
85
- opacity: "1"
86
- },
87
- to: {
88
- opacity: "0"
89
- }
90
- },
91
40
  ".tooltip-content": {
92
41
  zIndex: theme("zIndex.tooltip"),
93
42
  userSelect: "none",
94
- maxWidth: theme("spacing.64"),
95
- // Even if the user has enabled reduced motion or animate is `false`,
96
- // we still need to keep this animation to handle the hide delay
97
- '&[data-state="closed"]': {
98
- animation: "stl-tooltip-fade-out 0ms linear var(--tooltip-hide-delay)"
99
- },
100
- "@media (prefers-reduced-motion: no-preference)": {
101
- willChange: "transform, opacity",
102
- '&[data-state="delayed-open"]': {
103
- '&[data-side="top"]': {
104
- animation: "stl-tooltip-slide-down-and-fade ".concat(animationDuration, " ").concat(animationEasing)
105
- },
106
- '&[data-side="right"]': {
107
- animation: "stl-tooltip-slide-left-and-fade ".concat(animationDuration, " ").concat(animationEasing)
108
- },
109
- '&[data-side="left"]': {
110
- animation: "stl-tooltip-slide-right-and-fade ".concat(animationDuration, " ").concat(animationEasing)
111
- },
112
- '&[data-side="bottom"]': {
113
- animation: "stl-tooltip-slide-up-and-fade ".concat(animationDuration, " ").concat(animationEasing)
114
- }
115
- },
116
- '&[data-state="closed"]': {
117
- animation: "stl-tooltip-fade-out ".concat(animationDuration, " ").concat(animationEasing, " var(--tooltip-hide-delay)")
118
- }
119
- }
120
- },
121
- ".tooltip-arrow-dark": {
122
- fill: tooltipDarkBackground
123
- },
124
- // Since Radix relies on a SVG for the arrow, we use the stroke property
125
- // with a dash array/offset to create a border around the arrow.
126
- ".tooltip-arrow-light": {
127
- fill: tooltipLightBackground,
128
- stroke: theme("colors.shadow.10"),
129
- strokeWidth: "3px",
130
- strokeDasharray: "36",
131
- strokeDashoffset: "-30"
43
+ maxWidth: theme("spacing.64")
132
44
  }
133
- /* eslint-enable @algolia/satellite/prefer-stl-helper */
134
45
  });
135
46
  });
136
-
137
47
  module.exports = tooltipPlugin;
@@ -2,12 +2,12 @@ import type { ReactNode, VFC } from "react";
2
2
  import type { TooltipWrapperBaseProps } from "./types";
3
3
  export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
4
4
  /**
5
- * Defines whether the tooltip should be displayed or not.
5
+ * Defines whether the `Tooltip` should be displayed or not.
6
6
  * @default undefined
7
7
  */
8
8
  show?: boolean;
9
9
  /**
10
- * Defines the content of the tooltip.
10
+ * Defines the content of the `Tooltip`.
11
11
  */
12
12
  content: ReactNode;
13
13
  }
@@ -16,9 +16,9 @@ var _isReactText = require("../utils/isReactText");
16
16
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
17
17
  var _jsxRuntime = require("react/jsx-runtime");
18
18
  var _templateObject, _templateObject2, _templateObject3;
19
- 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); }
20
- 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; }
21
- var TooltipWrapper = function TooltipWrapper(_ref) {
19
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
21
+ var TooltipWrapper = exports.TooltipWrapper = function TooltipWrapper(_ref) {
22
22
  var show = _ref.show,
23
23
  _ref$delay = _ref.delay,
24
24
  delay = _ref$delay === void 0 ? 250 : _ref$delay,
@@ -59,9 +59,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
59
59
  asChild: !hasTextChildren,
60
60
  children: children
61
61
  }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Content, {
62
- className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content"]))), tooltipClassName),
62
+ className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content animate-slide"]))), tooltipClassName),
63
63
  style: {
64
- "--tooltip-hide-delay": "".concat(hideDelay, "ms")
64
+ "--slide-hide-delay": "".concat(hideDelay, "ms")
65
65
  },
66
66
  side: side,
67
67
  sideOffset: (noArrow ? 8 : 4) + sideOffset,
@@ -74,10 +74,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
74
74
  }), !noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Arrow, {
75
75
  width: 8,
76
76
  height: 4,
77
- className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip-arrow-dark"]))))
77
+ className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["arrow-dark"]))))
78
78
  })]
79
79
  }))]
80
80
  })
81
81
  });
82
- };
83
- exports.TooltipWrapper = TooltipWrapper;
82
+ };
@@ -47,5 +47,5 @@ Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
47
47
  }
48
48
  });
49
49
  });
50
- 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); }
51
- 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; }
50
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
51
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -3,61 +3,61 @@ import type { ReactElement, ReactText } from "react";
3
3
  import type { TooltipVariant } from "./Tooltip";
4
4
  export interface TooltipWrapperBaseProps {
5
5
  /**
6
- * Defines how long you should hover the wrapped element before displaying the tooltip (in ms).
6
+ * Defines how long you should hover the wrapped element before displaying the `Tooltip` (in ms).
7
7
  * @default 250
8
8
  */
9
9
  delay?: number;
10
10
  /**
11
- * Defines how long the tooltip should stay displayed when leaving the wrapped element (in ms).
11
+ * Defines how long the `Tooltip` should stay displayed when leaving the wrapped element (in ms).
12
12
  * @default 500
13
13
  */
14
14
  hideDelay?: number;
15
15
  /**
16
- * Defines the side of the trigger element where the tooltip should be displayed.
16
+ * Defines the side of the trigger element where the `Tooltip` should be displayed.
17
17
  * Will be reversed when collisions occur and `avoidCollisions` is enabled.
18
- * @default "bottom"
18
+ * @default bottom
19
19
  */
20
20
  side?: TooltipContentProps["side"];
21
21
  /**
22
- * Defines the offset in pixels of the tooltip from the trigger element.
22
+ * Defines the offset in pixels of the `Tooltip` from the trigger element.
23
23
  * @default 0
24
24
  */
25
25
  sideOffset?: TooltipContentProps["sideOffset"];
26
26
  /**
27
- * Defines the preferred alignment of the tooltip against the trigger element.
27
+ * Defines the preferred alignment of the `Tooltip` against the trigger element.
28
28
  * May change when collisions occur.
29
- * @default "center"
29
+ * @default center
30
30
  */
31
31
  align?: TooltipContentProps["align"];
32
32
  /**
33
- * Defines the offset in pixels of the tooltip along the trigger element.
33
+ * Defines the offset in pixels of the `Tooltip` along the trigger element.
34
34
  * It only works when the `align` option is set to "start" or "end".
35
35
  * @default 0
36
36
  */
37
37
  alignOffset?: TooltipContentProps["alignOffset"];
38
38
  /**
39
- * Defines the variant of the tooltip.
40
- * @default "dark"
39
+ * Defines the variant of the `Tooltip`.
40
+ * @default dark
41
41
  */
42
42
  tooltipVariant?: TooltipVariant;
43
43
  /**
44
- * Defines the CSS class to be applied to the tooltip element.
44
+ * Defines the CSS class to be applied to the `Tooltip` element.
45
45
  */
46
46
  tooltipClassName?: string;
47
47
  /**
48
- * Defines if the tooltip arrow should be hidden.
48
+ * Defines whether the `Tooltip` arrow should be hidden.
49
49
  * @default false
50
50
  */
51
51
  noArrow?: boolean;
52
52
  /**
53
- * Defines whether the tooltip itself should be considered when computing the tooltip target.
54
- * Useful when the tooltip itself contains selectable text or interactive elements, and thus
53
+ * Defines whether the `Tooltip` itself should be considered when computing the `Tooltip` target.
54
+ * Useful when the `Tooltip` itself contains selectable text or interactive elements, and thus
55
55
  * shouldn't be dismissed when the mouse hovers it.
56
56
  * @default true
57
57
  */
58
58
  interactive?: boolean;
59
59
  /**
60
- * Defines whether the tooltip should avoid collisions with the viewport.
60
+ * Defines whether the `Tooltip` should avoid collisions with the viewport.
61
61
  * @default true
62
62
  */
63
63
  avoidCollisions?: boolean;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isOverflowing = void 0;
7
- var isOverflowing = function isOverflowing(element) {
7
+ var isOverflowing = exports.isOverflowing = function isOverflowing(element) {
8
8
  return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
9
- };
10
- exports.isOverflowing = isOverflowing;
9
+ };
@@ -1,5 +1,5 @@
1
1
  export = typographyPlugin;
2
2
  declare const typographyPlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: Partial<import("tailwindcss").Config> | undefined;
4
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
5
5
  };
@@ -2,8 +2,8 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
5
- 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; }
6
- 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; }
5
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
7
  // @ts-check
8
8
  var _require = require("lodash"),
9
9
  mapKeys = _require.mapKeys;
@@ -1,6 +1,7 @@
1
1
  import type { VFC } from "react";
2
2
  export interface UserContentProps {
3
3
  styled?: boolean;
4
+ /** @ignore */
4
5
  className?: string;
5
6
  content?: string;
6
7
  }
@@ -10,7 +10,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
10
10
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
12
  var _templateObject;
13
- var UserContent = function UserContent(_ref) {
13
+ var UserContent = exports.UserContent = function UserContent(_ref) {
14
14
  var className = _ref.className,
15
15
  content = _ref.content,
16
16
  _ref$styled = _ref.styled,
@@ -23,6 +23,4 @@ var UserContent = function UserContent(_ref) {
23
23
  }
24
24
  });
25
25
  };
26
- exports.UserContent = UserContent;
27
- var _default = UserContent;
28
- exports["default"] = _default;
26
+ var _default = exports["default"] = UserContent;
@@ -1,5 +1,5 @@
1
1
  declare const _exports: {
2
2
  handler: import("tailwindcss/types/config").PluginCreator;
3
- config?: Partial<import("tailwindcss").Config> | undefined;
3
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
4
4
  };
5
5
  export = _exports;
@@ -2,8 +2,8 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
5
- 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; }
6
- 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; }
5
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
7
  // @ts-check
8
8
  var plugin = require("tailwindcss/plugin");
9
9
  var _require = require("../styles/helpers/icons"),
@@ -1,5 +1,5 @@
1
1
  export = basePlugin;
2
2
  declare const basePlugin: {
3
3
  handler: import("tailwindcss/types/config").PluginCreator;
4
- config?: Partial<import("tailwindcss").Config> | undefined;
4
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
5
5
  };