@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
@@ -1,5 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
2
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
3
3
  import cx from "clsx";
4
4
  import FlexGrid from "../FlexGrid";
5
5
  import stl from "../styles/helpers/satellitePrefixer";
@@ -22,50 +22,50 @@ var CONTAINER_CONTEXT_CLASSNAMES = {
22
22
  xlarge: ""
23
23
  }
24
24
  };
25
- var MEDALLION_CONTEXT_CLASSNAMES = {
25
+ var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
26
26
  result: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["mb-4"]))),
27
27
  feature: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["mb-6"]))),
28
- page: ""
28
+ page: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mb-6"])))
29
29
  };
30
30
  var TITLE_CONTEXT_CLASSNAMES = {
31
- result: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["display-body"]))),
32
- feature: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["display-medium"]))),
33
- page: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["display-xlarge"])))
31
+ result: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["display-body"]))),
32
+ feature: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["display-medium"]))),
33
+ page: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["display-xlarge"])))
34
34
  };
35
35
  var DESCRIPTION_CONTEXT_CLASSNAMES = {
36
- result: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["display-caption mt-2"]))),
37
- feature: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["display-body mt-2"]))),
38
- page: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["display-small mt-6"])))
36
+ result: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["display-caption mt-2"]))),
37
+ feature: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["display-body mt-2"]))),
38
+ page: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["display-small mt-6"])))
39
39
  };
40
40
  var ACTIONS_CONTEXT_CLASSNAMES = {
41
- result: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["mt-1"]))),
42
- feature: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["mt-3"]))),
43
- page: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["mt-6 md:flex-row"])))
41
+ result: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["mt-1"]))),
42
+ feature: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["mt-3"]))),
43
+ page: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["mt-6 md:flex-row"])))
44
44
  };
45
45
  var renderEmptyState = function renderEmptyState(_ref) {
46
46
  var title = _ref.title,
47
47
  description = _ref.description,
48
48
  actions = _ref.actions,
49
49
  actionsDirection = _ref.actionsDirection,
50
- medallion = _ref.medallion,
51
- illustration = _ref.illustration,
50
+ leadIllustration = _ref.leadIllustration,
51
+ pageIllustration = _ref.pageIllustration,
52
52
  _ref$usageContext = _ref.usageContext,
53
53
  usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
54
54
  _ref$width = _ref.width,
55
55
  width = _ref$width === void 0 ? "medium" : _ref$width,
56
56
  _ref$centered = _ref.centered,
57
57
  centered = _ref$centered === void 0 ? false : _ref$centered;
58
- var containerClassNames = cx(stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["justify-center text-center lg:flex-col"]))) : stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["justify-between flex-col lg:flex-row"]))));
59
- var titleClassNames = cx(stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
60
- var descriptionClassNames = cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
58
+ var containerClassNames = cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["justify-center text-center lg:flex-col"]))) : stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["justify-between flex-col lg:flex-row"]))));
59
+ var titleClassNames = cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
60
+ var descriptionClassNames = cx(stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
61
61
  var actionsClassNames = cx(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
62
62
  return /*#__PURE__*/_jsxs("div", {
63
63
  className: containerClassNames,
64
64
  children: [/*#__PURE__*/_jsxs("div", {
65
- className: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["min-w-2/5"]))),
66
- children: [centered && !!medallion && /*#__PURE__*/_jsx("div", {
67
- className: MEDALLION_CONTEXT_CLASSNAMES[usageContext],
68
- children: medallion
65
+ className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["min-w-2/5"]))),
66
+ children: [centered && !!leadIllustration && /*#__PURE__*/_jsx("div", {
67
+ className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
68
+ children: leadIllustration
69
69
  }), /*#__PURE__*/_jsx("h2", {
70
70
  className: titleClassNames,
71
71
  children: title
@@ -80,9 +80,9 @@ var renderEmptyState = function renderEmptyState(_ref) {
80
80
  spacing: "sm",
81
81
  children: actions
82
82
  })]
83
- }), !!illustration && !centered && usageContext === "page" && /*#__PURE__*/_jsx("div", {
84
- className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
85
- children: illustration
83
+ }), !centered && usageContext === "page" && /*#__PURE__*/_jsx("div", {
84
+ className: stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
85
+ children: pageIllustration
86
86
  })]
87
87
  });
88
88
  };
@@ -1,5 +1,5 @@
1
1
  export = emptyStatePlugin;
2
2
  declare const emptyStatePlugin: {
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
  };
@@ -11,13 +11,13 @@ export interface EmptyStatePropsAll {
11
11
  actions?: ReactNode;
12
12
  /** Direction overwrite for the buttons */
13
13
  actionsDirection?: FlexGridDirection;
14
- /** Add a <Medallion /> element in there */
15
- medallion?: ReactNode;
14
+ /** Add a `<Medallion />`, an `img` element or `svg` in there */
15
+ leadIllustration?: ReactNode;
16
16
  /** Plop in an `img` element or `svg` here */
17
- illustration?: ReactNode;
17
+ pageIllustration?: ReactNode;
18
18
  /**
19
19
  * UsageContext of the component
20
- * @default "feature"
20
+ * @default feature
21
21
  */
22
22
  usageContext?: EmptyStateUsageContexts;
23
23
  /**
@@ -27,39 +27,24 @@ export interface EmptyStatePropsAll {
27
27
  centered?: boolean;
28
28
  /**
29
29
  * Defines how wide the EmptyState can expand
30
- * @default "medium"
30
+ * @default medium
31
31
  */
32
32
  width?: EmptyStateWidths;
33
33
  }
34
34
  interface EmptyStatePropsUsageContextResult extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
35
35
  usageContext: "result";
36
- illustration?: never;
37
- }
38
- interface EmptyStatePropsUsageContextResultCentered extends Omit<EmptyStatePropsUsageContextResult, "centered"> {
39
- centered: true;
40
- }
41
- interface EmptyStatePropsUsageContextResultUncentered extends Omit<EmptyStatePropsUsageContextResult, "centered"> {
42
- centered?: false;
43
- medallion?: never;
36
+ pageIllustration?: never;
44
37
  }
45
38
  interface EmptyStatePropsUsageContextFeature extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
46
39
  usageContext: "feature";
47
40
  illustration?: never;
48
41
  }
49
- interface EmptyStatePropsUsageContextFeatureCentered extends Omit<EmptyStatePropsUsageContextFeature, "centered"> {
50
- centered: true;
51
- }
52
- interface EmptyStatePropsUsageContextFeatureUncentered extends Omit<EmptyStatePropsUsageContextFeature, "centered"> {
53
- centered?: false;
54
- medallion?: never;
55
- }
56
42
  interface EmptyStatePropsUsageContextPage extends Omit<EmptyStatePropsAll, "usageContext" | "centered"> {
57
43
  usageContext: "page";
58
- centered?: never;
59
- medallion?: never;
44
+ centered?: boolean;
60
45
  }
61
46
  interface EmptyStatePropsUsageContextDefault extends Omit<EmptyStatePropsUsageContextFeature, "usageContext"> {
62
47
  usageContext?: undefined;
63
48
  }
64
- export declare type EmptyStateProps = EmptyStatePropsUsageContextDefault | EmptyStatePropsUsageContextResultUncentered | EmptyStatePropsUsageContextResultCentered | EmptyStatePropsUsageContextFeatureUncentered | EmptyStatePropsUsageContextFeatureCentered | EmptyStatePropsUsageContextPage;
49
+ export declare type EmptyStateProps = EmptyStatePropsUsageContextDefault | EmptyStatePropsUsageContextResult | EmptyStatePropsUsageContextFeature | EmptyStatePropsUsageContextPage;
65
50
  export {};
@@ -10,7 +10,6 @@ export interface FieldProps {
10
10
  description?: ReactNode;
11
11
  /**
12
12
  * An object to handle state
13
- * @default DEFAULT_STATE
14
13
  */
15
14
  state?: FieldState;
16
15
  inline?: boolean;
package/esm/Flag/Flag.js CHANGED
@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
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) { _defineProperty(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
  import cx from "clsx";
8
8
  import { useEffect, useRef, useState } from "react";
9
9
  import { Check, X } from "react-feather";
@@ -59,7 +59,7 @@ export var Flag = function Flag(_ref) {
59
59
  if (!autoDismissAfter || hovered) return;
60
60
  var timer = setTimeout(function () {
61
61
  var _onDismissRef$current;
62
- (_onDismissRef$current = onDismissRef.current) === null || _onDismissRef$current === void 0 ? void 0 : _onDismissRef$current.call(onDismissRef);
62
+ (_onDismissRef$current = onDismissRef.current) === null || _onDismissRef$current === void 0 || _onDismissRef$current.call(onDismissRef);
63
63
  }, autoDismissAfter);
64
64
  return function () {
65
65
  return clearTimeout(timer);
@@ -1,5 +1,5 @@
1
1
  export = flagPlugin;
2
2
  declare const flagPlugin: {
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
  };
package/esm/Flag/Flags.js CHANGED
@@ -3,11 +3,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _excluded = ["content", "id"];
5
5
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  import { CSSTransition, TransitionGroup } from "react-transition-group";
9
9
  import { useCreatePortal } from "../Satellite";
10
10
  import stl from "../styles/helpers/satellitePrefixer";
11
+ import { prefersReducedMotion } from "../utils/prefersReducedMotion";
11
12
  import Flag from "./Flag";
12
13
  import { jsx as _jsx } from "react/jsx-runtime";
13
14
  var TRANSITION_TIMEOUT = 500;
@@ -61,13 +62,13 @@ export var Flags = function Flags(_ref) {
61
62
  id = _ref2.id,
62
63
  rest = _objectWithoutProperties(_ref2, _excluded);
63
64
  return /*#__PURE__*/_jsx(CSSTransition, {
64
- classNames: {
65
+ classNames: !prefersReducedMotion ? {
65
66
  enter: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flags_item-enter"]))),
66
67
  enterActive: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flags_item-enter-active"]))),
67
68
  exit: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flags_item-exit"]))),
68
69
  exitActive: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flags_item-exit-active"])))
69
- },
70
- timeout: TRANSITION_TIMEOUT,
70
+ } : {},
71
+ timeout: !prefersReducedMotion ? TRANSITION_TIMEOUT : 0,
71
72
  appear: true,
72
73
  children: /*#__PURE__*/_jsx("li", {
73
74
  className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mt-4"]))),
@@ -6,10 +6,7 @@ export declare type FlexGridSpacing = "none" | "sm" | "md" | "lg" | "xl";
6
6
  export interface FlexGridProps {
7
7
  /** @ignore */
8
8
  className?: string;
9
- /**
10
- * Define which direction the content should flow
11
- * @default "row"
12
- */
9
+ /** Define which direction the content should flow */
13
10
  direction?: FlexGridDirection;
14
11
  /**
15
12
  * Define whether or not the contents be allowed to wrap
@@ -21,13 +18,7 @@ export interface FlexGridProps {
21
18
  * @default false
22
19
  */
23
20
  inline?: boolean;
24
- /**
25
- * @default "leading"
26
- */
27
21
  alignment?: FlexGridAlignment;
28
- /**
29
- * @default "leading"
30
- */
31
22
  distribution?: FlexGridDistribution;
32
23
  /**
33
24
  * The spacing directly corelates to our Tailwind spacing scale
@@ -41,8 +32,6 @@ export interface FlexGridProps {
41
32
  * lg: `spacing.6 → 24px`
42
33
  *
43
34
  * xl: `spacing.8 → 32px`
44
- *
45
- * @default "none"
46
35
  */
47
36
  spacing?: FlexGridSpacing;
48
37
  children: ReactNode;
@@ -4,5 +4,5 @@ export = flexGridPlugin;
4
4
  **/
5
5
  declare const flexGridPlugin: {
6
6
  handler: import("tailwindcss/types/config").PluginCreator;
7
- config?: Partial<import("tailwindcss").Config> | undefined;
7
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
8
8
  };
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- 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; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2
+ 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; }
3
+ 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) { _defineProperty(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; }
4
4
  import _plugin from "tailwindcss/plugin";
5
5
  // @ts-check
6
6
  var plugin = _plugin;
@@ -3,8 +3,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _templateObject, _templateObject2;
5
5
  var _excluded = ["className", "children", "tooltipClassName", "tooltipContent"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  import cx from "clsx";
9
9
  import stl from "../styles/helpers/satellitePrefixer";
10
10
  import { TooltipWrapper } from "../Tooltip";
@@ -1,5 +1,5 @@
1
1
  export = helpUnderlinePlugin;
2
2
  declare const helpUnderlinePlugin: {
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
  };
@@ -12,7 +12,10 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
12
12
  variant?: InputVariant;
13
13
  startIcon?: IconComponentType;
14
14
  endItem?: ReactNode;
15
- /** Define whether or not a "clear input" x button should show on hover */
15
+ /**
16
+ * Define whether or not a "clear input" x button should show on hover
17
+ * @default false
18
+ */
16
19
  clearable?: boolean;
17
20
  locale?: InputPropsLocale;
18
21
  }
@@ -4,8 +4,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
5
5
  var _excluded = ["className", "style", "startIcon", "endItem", "disabled", "readOnly", "clearable", "type", "variant", "locale"];
6
6
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
7
- 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; }
8
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
+ 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; }
8
+ 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) { _defineProperty(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; }
9
9
  import cx from "clsx";
10
10
  import { forwardRef, Fragment, useEffect, useState } from "react";
11
11
  import { Check, ChevronDown, ChevronUp, Search, X } from "react-feather";
@@ -98,6 +98,7 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
98
98
  }
99
99
  }, [inputProps.value, isControlled]);
100
100
  var Icon = startIcon ? startIcon : type === "search" ? SearchIcon : undefined;
101
+ var iconSize = variant === "small" ? "1rem" : "1.5rem";
101
102
  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
102
103
  var clearable = typeof clearableProp === "boolean" ? clearableProp : type === "search";
103
104
  return /*#__PURE__*/_jsxs("div", {
@@ -105,11 +106,12 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
105
106
  style: style,
106
107
  onClick: function onClick() {
107
108
  var _inputRef$current;
108
- (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
109
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
109
110
  },
110
111
  children: [Icon && /*#__PURE__*/_jsx(Icon, {
111
112
  className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["ml-4 shrink-0 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
112
- size: variant === "small" ? "1rem" : "1.5rem"
113
+ width: iconSize,
114
+ height: iconSize
113
115
  }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
114
116
  className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mx-4 no-search-input-decoration"]))),
115
117
  ref: inputRefCallback,
@@ -119,7 +121,7 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
119
121
  disabled: disabled,
120
122
  onChange: function onChange(evt) {
121
123
  var _inputProps$onChange;
122
- (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
124
+ (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 || _inputProps$onChange.call(inputProps, evt);
123
125
  if (!isControlled) {
124
126
  setInternalValue(evt.target.value);
125
127
  }
@@ -127,12 +129,12 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
127
129
  onFocus: function onFocus(evt) {
128
130
  var _inputProps$onFocus;
129
131
  setFocused(true);
130
- (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
132
+ (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 || _inputProps$onFocus.call(inputProps, evt);
131
133
  },
132
134
  onBlur: function onBlur(evt) {
133
135
  var _inputProps$onBlur;
134
136
  setFocused(false);
135
- (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
137
+ (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 || _inputProps$onBlur.call(inputProps, evt);
136
138
  }
137
139
  })), clearable && !disabled && !readOnly && !isValueEmpty ? /*#__PURE__*/_jsx(IconButton, {
138
140
  className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
@@ -1,5 +1,5 @@
1
1
  export = inputPlugin;
2
2
  declare const inputPlugin: {
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
  };
@@ -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;
@@ -1,5 +1,5 @@
1
1
  export = keyboardKeyPlugin;
2
2
  declare const keyboardKeyPlugin: {
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
  };
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["href", "onClick"];
4
- 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; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ 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; }
5
+ 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) { _defineProperty(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; }
6
6
  import { forwardRef } from "react";
7
7
  import useLinkProps from "../utils/useLinkProps";
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["endIcon", "href", "onClick"];
4
- 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; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ 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; }
5
+ 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) { _defineProperty(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; }
6
6
  import { forwardRef } from "react";
7
7
  import { ExternalLink } from "react-feather";
8
8
  import { PolymorphicButton } from "../Button/PolymorphicButton";
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["href", "onClick"];
4
- 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; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ 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; }
5
+ 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) { _defineProperty(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; }
6
6
  import { forwardRef } from "react";
7
7
  import { PolymorphicIconButton } from "../Button/PolymorphicIconButton";
8
8
  import useLinkProps from "../utils/useLinkProps";
package/esm/Link/Link.js CHANGED
@@ -3,8 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _templateObject, _templateObject2, _templateObject3;
5
5
  var _excluded = ["className", "children", "startIcon", "endIcon", "href", "onClick"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  import cx from "clsx";
9
9
  import { forwardRef } from "react";
10
10
  import { ExternalLink } from "react-feather";
@@ -33,10 +33,12 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
33
33
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
34
34
  children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
35
35
  className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1 shrink-0"]))),
36
- size: "1em"
36
+ width: "1em",
37
+ height: "1em"
37
38
  }), children, EndIcon && /*#__PURE__*/_jsx(EndIcon, {
38
39
  className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
39
- size: "1em"
40
+ width: "1em",
41
+ height: "1em"
40
42
  })]
41
43
  }));
42
44
  });
@@ -5,6 +5,7 @@ export interface MedallionProps {
5
5
  icon: IconComponentType;
6
6
  variant?: MedallionVariant;
7
7
  size?: MedallionSize;
8
+ /** @ignore */
8
9
  className?: string;
9
10
  }
10
11
  export declare const Medallion: VFC<MedallionProps>;
@@ -1,5 +1,5 @@
1
1
  export = medallionPlugin;
2
2
  declare const medallionPlugin: {
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
  };
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
4
- 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; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ 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; }
5
+ 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) { _defineProperty(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; }
6
6
  import * as Dialog from "@radix-ui/react-dialog";
7
7
  import cx from "clsx";
8
8
  import { Fragment } from "react";
@@ -11,6 +11,7 @@ import { IconButton } from "../Button";
11
11
  import Card from "../Card";
12
12
  import { useCreatePortal, useLocale } from "../Satellite";
13
13
  import stl from "../styles/helpers/satellitePrefixer";
14
+ import { prefersReducedMotion } from "../utils/prefersReducedMotion";
14
15
  import ModalFooter from "./components/ModalFooter";
15
16
  import ModalSection from "./components/ModalSection";
16
17
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -53,7 +54,7 @@ export var Modal = function Modal(_ref) {
53
54
  open: isControlled ? open : undefined,
54
55
  onOpenChange: function onOpenChange(open) {
55
56
  if (!open) {
56
- onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
57
+ onDismiss === null || onDismiss === void 0 || onDismiss();
57
58
  }
58
59
  },
59
60
  modal: true,
@@ -61,7 +62,7 @@ export var Modal = function Modal(_ref) {
61
62
  asChild: true,
62
63
  children: triggerButton
63
64
  }), createPortal( /*#__PURE__*/_jsx(Dialog.Overlay, {
64
- className: cx(animate && stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto px-4 py-10"])))),
65
+ className: cx(animate && !prefersReducedMotion && stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto px-4 py-10"])))),
65
66
  children: /*#__PURE__*/_jsx(Dialog.Content, {
66
67
  className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex m-auto"])))),
67
68
  onOpenAutoFocus: function onOpenAutoFocus(e) {
@@ -81,13 +82,13 @@ export var Modal = function Modal(_ref) {
81
82
  onEscapeKeyDown: function onEscapeKeyDown(e) {
82
83
  if (isControlled) {
83
84
  e.preventDefault();
84
- onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
85
+ onDismiss === null || onDismiss === void 0 || onDismiss();
85
86
  }
86
87
  },
87
88
  onInteractOutside: function onInteractOutside(e) {
88
89
  if (isControlled) {
89
90
  e.preventDefault();
90
- onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
91
+ onDismiss === null || onDismiss === void 0 || onDismiss();
91
92
  }
92
93
  },
93
94
  "aria-label": !title ? locale.modalTitle : undefined,
@@ -121,7 +122,7 @@ export var Modal = function Modal(_ref) {
121
122
  onClick: function onClick(e) {
122
123
  if (isControlled) {
123
124
  e.preventDefault();
124
- onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
125
+ onDismiss === null || onDismiss === void 0 || onDismiss();
125
126
  }
126
127
  }
127
128
  })
@@ -1,5 +1,5 @@
1
1
  export = modalPlugin;
2
2
  declare const modalPlugin: {
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
  };
@@ -3,8 +3,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _templateObject;
5
5
  var _excluded = ["className", "children"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ 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; }
7
+ 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) { _defineProperty(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; }
8
8
  import cx from "clsx";
9
9
  import FlexGrid from "../../FlexGrid";
10
10
  import stl from "../../styles/helpers/satellitePrefixer";