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

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 (411) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
  2. package/cjs/AnnouncementBadge/index.js +0 -5
  3. package/cjs/AutoComplete/AutoComplete.js +68 -163
  4. package/cjs/AutoComplete/AutoComplete.tailwind.js +2 -5
  5. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +5 -14
  6. package/cjs/AutoComplete/components/DefaultOptionItem.js +2 -11
  7. package/cjs/AutoComplete/index.js +0 -11
  8. package/cjs/AutoComplete/utils.js +0 -8
  9. package/cjs/Avatars/ApplicationAvatar.js +3 -13
  10. package/cjs/Avatars/UserAvatar.js +6 -20
  11. package/cjs/Avatars/index.js +0 -7
  12. package/cjs/Avatars/utils.js +6 -37
  13. package/cjs/Badge/Badge.js +13 -36
  14. package/cjs/Badge/index.js +0 -5
  15. package/cjs/Banners/Alert/Alert.js +18 -28
  16. package/cjs/Banners/Alert/index.js +0 -5
  17. package/cjs/Banners/BigBertha/BigBertha.js +1 -9
  18. package/cjs/Banners/BigBertha/index.js +0 -5
  19. package/cjs/Banners/Promote/Promote.js +8 -19
  20. package/cjs/Banners/Promote/index.js +0 -5
  21. package/cjs/Banners/index.js +0 -6
  22. package/cjs/Button/Button.js +13 -33
  23. package/cjs/Button/Button.tailwind.js +3 -5
  24. package/cjs/Button/ButtonGroup.js +3 -11
  25. package/cjs/Button/IconButton.js +12 -35
  26. package/cjs/Button/index.js +0 -11
  27. package/cjs/Button/styles.js +1 -10
  28. package/cjs/Button/types.js +0 -1
  29. package/cjs/Card/Card.js +6 -21
  30. package/cjs/Card/Card.tailwind.js +1 -2
  31. package/cjs/Card/components/CardHeader.js +1 -14
  32. package/cjs/Card/components/CardTitle.js +2 -15
  33. package/cjs/Card/index.js +0 -9
  34. package/cjs/Checkbox/Checkbox.js +14 -38
  35. package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
  36. package/cjs/Checkbox/index.js +0 -5
  37. package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
  38. package/cjs/ClickAwayContainer/index.js +0 -2
  39. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
  40. package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
  41. package/cjs/DatePicker/DatePicker/index.js +0 -7
  42. package/cjs/DatePicker/DatePicker.tailwind.js +2 -12
  43. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
  44. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
  45. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -28
  46. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
  47. package/cjs/DatePicker/DateRangePicker/index.js +0 -9
  48. package/cjs/DatePicker/components/Calendar.js +5 -16
  49. package/cjs/DatePicker/components/Display.js +3 -9
  50. package/cjs/DatePicker/components/Footer.js +0 -7
  51. package/cjs/DatePicker/components/FooterActions.js +3 -11
  52. package/cjs/DatePicker/components/Modal.js +17 -39
  53. package/cjs/DatePicker/components/NavBar.js +12 -34
  54. package/cjs/DatePicker/components/SidePanel.js +0 -7
  55. package/cjs/DatePicker/components/index.js +0 -7
  56. package/cjs/DatePicker/index.js +0 -9
  57. package/cjs/DatePicker/utils.js +0 -4
  58. package/cjs/Dropdown/Dropdown.js +23 -58
  59. package/cjs/Dropdown/DropdownButton.js +3 -20
  60. package/cjs/Dropdown/DropdownContext.js +0 -6
  61. package/cjs/Dropdown/components/DropdownButtonItem.js +5 -21
  62. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
  63. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
  64. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  65. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  68. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  69. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  70. package/cjs/Dropdown/components/DropdownLinkItem.js +6 -23
  71. package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
  72. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  73. package/cjs/Dropdown/components/DropdownToggleItem.js +5 -22
  74. package/cjs/Dropdown/index.js +0 -27
  75. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  76. package/cjs/Dropzone/Dropzone.js +27 -62
  77. package/cjs/Dropzone/index.js +0 -5
  78. package/cjs/EmptyState/EmptyState.js +12 -23
  79. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  80. package/cjs/EmptyState/index.js +0 -7
  81. package/cjs/Field/Field.js +8 -21
  82. package/cjs/Field/FieldStateContext.js +0 -2
  83. package/cjs/Field/index.js +0 -9
  84. package/cjs/Field/useFieldState.js +0 -7
  85. package/cjs/Flag/Flag.js +17 -40
  86. package/cjs/Flag/Flag.tailwind.js +0 -1
  87. package/cjs/Flag/Flags.js +4 -19
  88. package/cjs/Flag/index.js +0 -9
  89. package/cjs/FlexGrid/FlexGrid.js +13 -24
  90. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  91. package/cjs/FlexGrid/index.js +0 -5
  92. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  93. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  94. package/cjs/HelpUnderline/index.js +0 -5
  95. package/cjs/Input/Input.js +26 -70
  96. package/cjs/Input/Input.tailwind.js +1 -4
  97. package/cjs/Input/index.js +0 -5
  98. package/cjs/Insert/Insert.js +7 -17
  99. package/cjs/Insert/index.js +0 -5
  100. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  101. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  102. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  103. package/cjs/KeyboardKey/index.js +0 -2
  104. package/cjs/Link/BaseLink.js +2 -12
  105. package/cjs/Link/ButtonLink.js +3 -17
  106. package/cjs/Link/IconButtonLink.js +2 -13
  107. package/cjs/Link/Link.js +6 -23
  108. package/cjs/Link/index.js +0 -11
  109. package/cjs/Medallion/Medallion.js +5 -14
  110. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  111. package/cjs/Medallion/index.js +0 -7
  112. package/cjs/Modal/Modal.js +21 -57
  113. package/cjs/Modal/Modal.tailwind.js +3 -3
  114. package/cjs/Modal/components/ModalFooter.js +2 -16
  115. package/cjs/Modal/components/ModalSection.js +3 -11
  116. package/cjs/Modal/index.js +0 -9
  117. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
  118. package/cjs/Pagination/CompactPagination/index.js +0 -5
  119. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  120. package/cjs/Pagination/DotPagination/index.js +0 -5
  121. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  122. package/cjs/Pagination/Pagination/index.js +0 -5
  123. package/cjs/Pagination/index.js +0 -9
  124. package/cjs/ProgressBar/ProgressBar.js +3 -16
  125. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  126. package/cjs/ProgressBar/index.js +0 -5
  127. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  128. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  129. package/cjs/ProgressSpinner/index.js +0 -5
  130. package/cjs/RadioGroup/RadioButton.js +1 -14
  131. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  132. package/cjs/RadioGroup/RadioGroup.js +19 -38
  133. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  134. package/cjs/RadioGroup/index.js +0 -9
  135. package/cjs/RangeSlider/RangeSlider.js +26 -43
  136. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  137. package/cjs/RangeSlider/index.js +0 -5
  138. package/cjs/Satellite/Satellite.js +4 -10
  139. package/cjs/Satellite/SatelliteContext.js +0 -9
  140. package/cjs/Satellite/SatelliteRouter.js +2 -9
  141. package/cjs/Satellite/index.js +0 -13
  142. package/cjs/Satellite/locale.js +1 -7
  143. package/cjs/Satellite/useCreatePortal.js +2 -8
  144. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  145. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  146. package/cjs/ScrollIndicator/index.js +0 -5
  147. package/cjs/Select/Select.js +4 -17
  148. package/cjs/Select/Select.tailwind.js +2 -5
  149. package/cjs/Select/index.js +0 -5
  150. package/cjs/Sidebar/Sidebar.js +11 -30
  151. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  152. package/cjs/Sidebar/SidebarContext.js +0 -6
  153. package/cjs/Sidebar/SidebarHeader.js +1 -9
  154. package/cjs/Sidebar/SidebarHeading.js +3 -14
  155. package/cjs/Sidebar/SidebarLink.js +5 -20
  156. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  157. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  158. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -31
  159. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  160. package/cjs/Sidebar/SidebarNav.js +5 -16
  161. package/cjs/Sidebar/index.js +0 -17
  162. package/cjs/Switch/Switch.js +15 -36
  163. package/cjs/Switch/Switch.tailwind.js +1 -2
  164. package/cjs/Switch/SwitchOption.js +2 -15
  165. package/cjs/Switch/index.js +0 -7
  166. package/cjs/Switch/utils.js +0 -9
  167. package/cjs/Tables/DataTable/DataTable.js +28 -70
  168. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  169. package/cjs/Tables/DataTable/components/Body.js +14 -33
  170. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  171. package/cjs/Tables/DataTable/components/Header.js +5 -12
  172. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  173. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  174. package/cjs/Tables/DataTable/components/index.js +0 -10
  175. package/cjs/Tables/DataTable/index.js +0 -7
  176. package/cjs/Tables/DataTable/utils.js +0 -9
  177. package/cjs/Tables/Table/Table.js +7 -21
  178. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  179. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  180. package/cjs/Tables/Table/index.js +0 -7
  181. package/cjs/Tables/index.js +0 -7
  182. package/cjs/Tabs/ContentTabs.js +10 -21
  183. package/cjs/Tabs/LinkTabs.js +5 -18
  184. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  185. package/cjs/Tabs/components/LinkTab.js +2 -27
  186. package/cjs/Tabs/index.js +0 -9
  187. package/cjs/Tabs/utils.js +0 -5
  188. package/cjs/Tag/Tag.js +7 -26
  189. package/cjs/Tag/Tag.tailwind.js +1 -2
  190. package/cjs/Tag/index.js +0 -5
  191. package/cjs/TextArea/TextArea.js +1 -14
  192. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  193. package/cjs/TextArea/index.js +0 -5
  194. package/cjs/TextWrap/TextWrap.js +3 -18
  195. package/cjs/TextWrap/index.js +0 -5
  196. package/cjs/Toggle/Toggle.js +6 -27
  197. package/cjs/Toggle/Toggle.tailwind.js +1 -3
  198. package/cjs/Toggle/index.js +0 -5
  199. package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
  200. package/cjs/Tooltip/Tooltip.js +4 -17
  201. package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
  202. package/cjs/Tooltip/TooltipWrapper.js +43 -71
  203. package/cjs/Tooltip/index.js +0 -9
  204. package/cjs/Typography/Typography.tailwind.js +12 -18
  205. package/cjs/UserContent/UserContent.js +3 -11
  206. package/cjs/UserContent/UserContent.tailwind.js +2 -11
  207. package/cjs/index.js +0 -89
  208. package/cjs/styles/base.tailwind.js +7 -7
  209. package/cjs/styles/colors.js +7 -7
  210. package/cjs/styles/disabledColor.js +1 -4
  211. package/cjs/styles/helpers/icons.js +5 -11
  212. package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
  213. package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
  214. package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
  215. package/cjs/styles/helpers/satellitePrefixer.js +1 -2
  216. package/cjs/styles/rgba.js +1 -3
  217. package/cjs/styles/tailwind.config.js +4 -11
  218. package/cjs/styles/zIndexes.js +1 -0
  219. package/cjs/utilities/utilities.tailwind.js +0 -3
  220. package/cjs/utils/event-polyfill.js +0 -2
  221. package/cjs/utils/formatters.js +12 -19
  222. package/cjs/utils/genericChangeHandler.js +0 -6
  223. package/cjs/utils/hashCode.js +0 -5
  224. package/cjs/utils/index.js +0 -7
  225. package/cjs/utils/isCssPropertySupported.js +0 -3
  226. package/cjs/utils/isNil.js +0 -2
  227. package/cjs/utils/isRenderedChild.js +0 -2
  228. package/cjs/utils/matchLocation.js +0 -4
  229. package/cjs/utils/onlyText.js +3 -12
  230. package/cjs/utils/parseUrl.js +2 -4
  231. package/cjs/utils/pluralize.js +2 -7
  232. package/cjs/utils/range.js +0 -2
  233. package/cjs/utils/toSentenceCase.js +0 -4
  234. package/cjs/utils/uniqBy.js +0 -4
  235. package/cjs/utils/uniqueId.js +0 -2
  236. package/cjs/utils/useForwardedRef.js +0 -6
  237. package/cjs/utils/useLinkProps.js +1 -13
  238. package/cjs/utils/useTriggerInputChange.js +2 -4
  239. package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
  240. package/esm/AutoComplete/AutoComplete.js +68 -158
  241. package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
  242. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
  243. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
  244. package/esm/AutoComplete/utils.js +0 -2
  245. package/esm/Avatars/ApplicationAvatar.js +3 -6
  246. package/esm/Avatars/UserAvatar.js +6 -12
  247. package/esm/Avatars/utils.js +7 -23
  248. package/esm/Badge/Badge.js +13 -28
  249. package/esm/Banners/Alert/Alert.js +18 -20
  250. package/esm/Banners/BigBertha/BigBertha.js +1 -4
  251. package/esm/Banners/Promote/Promote.js +8 -10
  252. package/esm/Button/Button.js +13 -21
  253. package/esm/Button/Button.tailwind.js +3 -2
  254. package/esm/Button/ButtonGroup.js +3 -6
  255. package/esm/Button/IconButton.js +12 -22
  256. package/esm/Button/styles.js +1 -5
  257. package/esm/Card/Card.js +6 -12
  258. package/esm/Card/Card.tailwind.js +1 -1
  259. package/esm/Card/components/CardHeader.js +1 -7
  260. package/esm/Card/components/CardTitle.js +2 -8
  261. package/esm/Checkbox/Checkbox.js +14 -28
  262. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  263. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  264. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  265. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  266. package/esm/DatePicker/DatePicker.tailwind.js +2 -9
  267. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  268. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  269. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
  270. package/esm/DatePicker/components/Calendar.js +5 -10
  271. package/esm/DatePicker/components/Display.js +3 -5
  272. package/esm/DatePicker/components/Footer.js +0 -4
  273. package/esm/DatePicker/components/FooterActions.js +3 -7
  274. package/esm/DatePicker/components/Modal.js +17 -27
  275. package/esm/DatePicker/components/NavBar.js +12 -22
  276. package/esm/DatePicker/components/SidePanel.js +0 -4
  277. package/esm/Dropdown/Dropdown.js +23 -34
  278. package/esm/Dropdown/DropdownButton.js +3 -11
  279. package/esm/Dropdown/DropdownContext.js +0 -2
  280. package/esm/Dropdown/components/DropdownButtonItem.js +5 -12
  281. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
  282. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
  283. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  285. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  286. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  287. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  288. package/esm/Dropdown/components/DropdownLinkItem.js +6 -13
  289. package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
  290. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  291. package/esm/Dropdown/components/DropdownToggleItem.js +5 -12
  292. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  293. package/esm/Dropzone/Dropzone.js +27 -45
  294. package/esm/EmptyState/EmptyState.js +12 -16
  295. package/esm/Field/Field.js +8 -11
  296. package/esm/Flag/Flag.js +17 -25
  297. package/esm/Flag/Flags.js +4 -9
  298. package/esm/FlexGrid/FlexGrid.js +13 -15
  299. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  300. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  301. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  302. package/esm/Input/Input.js +26 -54
  303. package/esm/Input/Input.tailwind.js +1 -1
  304. package/esm/Insert/Insert.js +7 -11
  305. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  306. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  307. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  308. package/esm/Link/BaseLink.js +2 -6
  309. package/esm/Link/ButtonLink.js +3 -9
  310. package/esm/Link/IconButtonLink.js +2 -6
  311. package/esm/Link/Link.js +6 -14
  312. package/esm/Medallion/Medallion.js +5 -7
  313. package/esm/Medallion/Medallion.tailwind.js +3 -2
  314. package/esm/Modal/Modal.js +21 -38
  315. package/esm/Modal/Modal.tailwind.js +3 -2
  316. package/esm/Modal/components/ModalFooter.js +2 -8
  317. package/esm/Modal/components/ModalSection.js +3 -5
  318. package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
  319. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  320. package/esm/Pagination/Pagination/Pagination.js +9 -21
  321. package/esm/ProgressBar/ProgressBar.js +3 -10
  322. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  323. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  324. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  325. package/esm/RadioGroup/RadioButton.js +1 -7
  326. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  327. package/esm/RadioGroup/RadioGroup.js +19 -25
  328. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  329. package/esm/RangeSlider/RangeSlider.js +26 -35
  330. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  331. package/esm/Satellite/Satellite.js +4 -4
  332. package/esm/Satellite/SatelliteContext.js +0 -3
  333. package/esm/Satellite/SatelliteRouter.js +2 -4
  334. package/esm/Satellite/locale.js +1 -2
  335. package/esm/Satellite/useCreatePortal.js +2 -2
  336. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  337. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  338. package/esm/Select/Select.js +4 -9
  339. package/esm/Select/Select.tailwind.js +2 -2
  340. package/esm/Sidebar/Sidebar.js +11 -17
  341. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  342. package/esm/Sidebar/SidebarContext.js +0 -2
  343. package/esm/Sidebar/SidebarHeader.js +1 -3
  344. package/esm/Sidebar/SidebarHeading.js +3 -7
  345. package/esm/Sidebar/SidebarLink.js +5 -11
  346. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  347. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  348. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -18
  349. package/esm/Sidebar/SidebarNav.js +5 -9
  350. package/esm/Switch/Switch.js +15 -24
  351. package/esm/Switch/Switch.tailwind.js +1 -1
  352. package/esm/Switch/SwitchOption.js +2 -6
  353. package/esm/Tables/DataTable/DataTable.js +28 -49
  354. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  355. package/esm/Tables/DataTable/components/Body.js +14 -23
  356. package/esm/Tables/DataTable/components/Footer.js +1 -8
  357. package/esm/Tables/DataTable/components/Header.js +5 -6
  358. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  359. package/esm/Tables/DataTable/components/Loader.js +4 -8
  360. package/esm/Tables/DataTable/utils.js +0 -1
  361. package/esm/Tables/Table/Table.js +7 -14
  362. package/esm/Tables/Table/Table.tailwind.js +1 -1
  363. package/esm/Tables/Table/components/TableFooter.js +2 -4
  364. package/esm/Tabs/ContentTabs.js +10 -12
  365. package/esm/Tabs/LinkTabs.js +5 -7
  366. package/esm/Tabs/Tabs.tailwind.js +1 -1
  367. package/esm/Tabs/components/LinkTab.js +2 -18
  368. package/esm/Tabs/utils.js +0 -2
  369. package/esm/Tag/Tag.js +7 -16
  370. package/esm/Tag/Tag.tailwind.js +1 -1
  371. package/esm/TextArea/TextArea.js +1 -7
  372. package/esm/TextArea/TextArea.tailwind.js +1 -1
  373. package/esm/TextWrap/TextWrap.js +3 -11
  374. package/esm/Toggle/Toggle.js +6 -19
  375. package/esm/Toggle/Toggle.tailwind.js +1 -1
  376. package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
  377. package/esm/Tooltip/Tooltip.js +4 -9
  378. package/esm/Tooltip/Tooltip.tailwind.js +3 -4
  379. package/esm/Tooltip/TooltipWrapper.js +43 -56
  380. package/esm/Typography/Typography.tailwind.js +12 -15
  381. package/esm/UserContent/UserContent.js +3 -5
  382. package/esm/UserContent/UserContent.tailwind.js +2 -7
  383. package/esm/styles/base.tailwind.js +7 -6
  384. package/esm/styles/colors.js +7 -7
  385. package/esm/styles/disabledColor.js +1 -2
  386. package/esm/styles/helpers/icons.js +5 -8
  387. package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
  388. package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
  389. package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
  390. package/esm/styles/helpers/satellitePrefixer.js +1 -1
  391. package/esm/styles/rgba.js +1 -2
  392. package/esm/styles/tailwind.config.js +4 -6
  393. package/esm/styles/zIndexes.js +1 -0
  394. package/esm/utils/event-polyfill.js +0 -2
  395. package/esm/utils/formatters.js +12 -16
  396. package/esm/utils/genericChangeHandler.js +0 -2
  397. package/esm/utils/hashCode.js +0 -3
  398. package/esm/utils/isCssPropertySupported.js +0 -2
  399. package/esm/utils/isRenderedChild.js +0 -1
  400. package/esm/utils/matchLocation.js +0 -2
  401. package/esm/utils/onlyText.js +3 -11
  402. package/esm/utils/parseUrl.js +2 -2
  403. package/esm/utils/pluralize.js +2 -5
  404. package/esm/utils/toSentenceCase.js +1 -1
  405. package/esm/utils/uniqBy.js +0 -2
  406. package/esm/utils/useForwardedRef.js +0 -3
  407. package/esm/utils/useLinkProps.js +1 -7
  408. package/esm/utils/useTriggerInputChange.js +2 -3
  409. package/package.json +1 -1
  410. package/satellite.min.css +1 -1
  411. package/scss/colors.scss +16 -16
@@ -1,7 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
4
-
5
3
  // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
6
4
  import cx from "clsx";
7
5
  import { Children, isValidElement } from "react";
@@ -36,19 +34,19 @@ var DISTRIBUTION_CLASSNAMES = {
36
34
  };
37
35
  export var FlexGrid = function FlexGrid(_ref) {
38
36
  var className = _ref.className,
39
- _ref$direction = _ref.direction,
40
- direction = _ref$direction === void 0 ? "row" : _ref$direction,
41
- _ref$alignment = _ref.alignment,
42
- alignment = _ref$alignment === void 0 ? "leading" : _ref$alignment,
43
- _ref$distribution = _ref.distribution,
44
- distribution = _ref$distribution === void 0 ? "leading" : _ref$distribution,
45
- _ref$spacing = _ref.spacing,
46
- spacing = _ref$spacing === void 0 ? "none" : _ref$spacing,
47
- _ref$inline = _ref.inline,
48
- inline = _ref$inline === void 0 ? false : _ref$inline,
49
- _ref$wrap = _ref.wrap,
50
- wrap = _ref$wrap === void 0 ? false : _ref$wrap,
51
- children = _ref.children;
37
+ _ref$direction = _ref.direction,
38
+ direction = _ref$direction === void 0 ? "row" : _ref$direction,
39
+ _ref$alignment = _ref.alignment,
40
+ alignment = _ref$alignment === void 0 ? "leading" : _ref$alignment,
41
+ _ref$distribution = _ref.distribution,
42
+ distribution = _ref$distribution === void 0 ? "leading" : _ref$distribution,
43
+ _ref$spacing = _ref.spacing,
44
+ spacing = _ref$spacing === void 0 ? "none" : _ref$spacing,
45
+ _ref$inline = _ref.inline,
46
+ inline = _ref$inline === void 0 ? false : _ref$inline,
47
+ _ref$wrap = _ref.wrap,
48
+ wrap = _ref$wrap === void 0 ? false : _ref$wrap,
49
+ children = _ref.children;
52
50
  return /*#__PURE__*/_jsx("div", {
53
51
  className: cx(inline && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex-grid-inline"]))), className),
54
52
  children: /*#__PURE__*/_jsx("div", {
@@ -1,26 +1,22 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
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; }
4
-
5
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; }
6
-
7
4
  import _plugin from "tailwindcss/plugin";
8
5
  // @ts-check
9
6
  var plugin = _plugin;
7
+
10
8
  /**
11
9
  * @param {string} value
12
10
  */
13
-
14
11
  var negate = function negate(value) {
15
12
  return "-".concat(value);
16
13
  };
14
+
17
15
  /**
18
16
  * Generate the base styles for this iteration of grid spacing
19
17
  * @param {string} spacing
20
18
  * @returns {object}
21
19
  */
22
-
23
-
24
20
  var generateSpacing = function generateSpacing(spacing) {
25
21
  return {
26
22
  marginLeft: negate(spacing),
@@ -31,14 +27,13 @@ var generateSpacing = function generateSpacing(spacing) {
31
27
  }
32
28
  };
33
29
  };
30
+
34
31
  /**
35
32
  * Taking some heavy pointers from Polaris https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.scss#L1 🙇🏻‍♂️
36
33
  **/
37
-
38
-
39
34
  var flexGridPlugin = plugin(function (_ref) {
40
35
  var addComponents = _ref.addComponents,
41
- theme = _ref.theme;
36
+ theme = _ref.theme;
42
37
  addComponents({
43
38
  ".flex-grid-inline": {
44
39
  display: "inline-block"
@@ -1,18 +1,16 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject, _templateObject2, _templateObject3;
4
-
5
3
  import cx from "clsx";
6
4
  import stl from "../styles/helpers/satellitePrefixer";
7
5
  import { TooltipWrapper } from "../Tooltip";
8
6
  import { jsx as _jsx } from "react/jsx-runtime";
9
7
  export var HelpUnderline = function HelpUnderline(_ref) {
10
8
  var className = _ref.className,
11
- children = _ref.children,
12
- tooltipClassName = _ref.tooltipClassName,
13
- tooltipContent = _ref.tooltipContent,
14
- _ref$placement = _ref.placement,
15
- placement = _ref$placement === void 0 ? "bottom" : _ref$placement;
9
+ children = _ref.children,
10
+ tooltipClassName = _ref.tooltipClassName,
11
+ tooltipContent = _ref.tooltipContent,
12
+ _ref$placement = _ref.placement,
13
+ placement = _ref$placement === void 0 ? "bottom" : _ref$placement;
16
14
  return /*#__PURE__*/_jsx(TooltipWrapper, {
17
15
  wrapperClassName: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["leading-inherit"]))), className),
18
16
  tooltipClassName: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["max-w-64"]))), tooltipClassName),
@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
3
3
  var plugin = _plugin;
4
4
  var helpUnderlinePlugin = plugin(function (_ref) {
5
5
  var addComponents = _ref.addComponents,
6
- theme = _ref.theme;
6
+ theme = _ref.theme;
7
7
  addComponents({
8
8
  ".help-underline": {
9
9
  backgroundImage: "linear-gradient(to right, ".concat(theme("colors.grey.400"), " 66%, transparent 0)"),
@@ -3,13 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  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
-
7
6
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
8
-
9
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; }
10
-
11
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; }
12
-
13
9
  import cx from "clsx";
14
10
  import { forwardRef, Fragment, useEffect, useState } from "react";
15
11
  import { Check, ChevronDown, ChevronUp, Search, X } from "react-feather";
@@ -37,25 +33,23 @@ var VARIANT_CLASSNAMES = {
37
33
  medium: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["input-medium"]))),
38
34
  large: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["input-large"])))
39
35
  };
40
-
41
36
  var SearchIcon = function SearchIcon(props) {
42
37
  return /*#__PURE__*/_jsx(Search, _objectSpread(_objectSpread({}, props), {}, {
43
38
  role: "img",
44
39
  "aria-label": "Search Icon"
45
40
  }));
46
41
  };
47
-
48
42
  var InvalidIcon = function InvalidIcon() {
49
43
  return /*#__PURE__*/_jsx(X, {
50
44
  className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
51
45
  });
52
46
  };
53
-
54
47
  var ValidatedIcon = function ValidatedIcon() {
55
48
  return /*#__PURE__*/_jsx(Check, {
56
- className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
49
+ className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
57
50
  });
58
51
  };
52
+
59
53
  /**
60
54
  * Use text fields to help users enter, select, and search for text. Text fields are normally found within a form but can also be part of a modal, search, or card
61
55
  *
@@ -63,51 +57,40 @@ var ValidatedIcon = function ValidatedIcon() {
63
57
  * #### Number input
64
58
  * - **Stepper (optional)**: consider using a stepper (number control) to let users increase or decrease the value of the input. This is an optional part of the number field so only use based on what you think will help the user
65
59
  */
66
-
67
-
68
60
  export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
69
61
  var className = _ref.className,
70
- style = _ref.style,
71
- startIcon = _ref.startIcon,
72
- endItem = _ref.endItem,
73
- disabled = _ref.disabled,
74
- readOnly = _ref.readOnly,
75
- clearableProp = _ref.clearable,
76
- _ref$type = _ref.type,
77
- type = _ref$type === void 0 ? "text" : _ref$type,
78
- _ref$variant = _ref.variant,
79
- variant = _ref$variant === void 0 ? "medium" : _ref$variant,
80
- propsLocale = _ref.locale,
81
- inputProps = _objectWithoutProperties(_ref, _excluded);
82
-
62
+ style = _ref.style,
63
+ startIcon = _ref.startIcon,
64
+ endItem = _ref.endItem,
65
+ disabled = _ref.disabled,
66
+ readOnly = _ref.readOnly,
67
+ clearableProp = _ref.clearable,
68
+ _ref$type = _ref.type,
69
+ type = _ref$type === void 0 ? "text" : _ref$type,
70
+ _ref$variant = _ref.variant,
71
+ variant = _ref$variant === void 0 ? "medium" : _ref$variant,
72
+ propsLocale = _ref.locale,
73
+ inputProps = _objectWithoutProperties(_ref, _excluded);
83
74
  var contextLocale = useLocale("input");
84
-
85
75
  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_INPUT_LOCALE), contextLocale), propsLocale);
86
-
87
76
  var _useState = useState(false),
88
- _useState2 = _slicedToArray(_useState, 2),
89
- focused = _useState2[0],
90
- setFocused = _useState2[1];
91
-
77
+ _useState2 = _slicedToArray(_useState, 2),
78
+ focused = _useState2[0],
79
+ setFocused = _useState2[1];
92
80
  var _useForwardedRef = useForwardedRef(externalRef),
93
- _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
94
- inputRefCallback = _useForwardedRef2[0],
95
- inputRef = _useForwardedRef2[1];
96
-
81
+ _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
82
+ inputRefCallback = _useForwardedRef2[0],
83
+ inputRef = _useForwardedRef2[1];
97
84
  var triggerInputChange = useTriggerInputChange(inputRef);
98
-
99
85
  var _useFieldState = useFieldState(),
100
- status = _useFieldState.status;
101
-
86
+ status = _useFieldState.status;
102
87
  var isControlled = ("value" in inputProps);
103
-
104
88
  var _useState3 = useState(function () {
105
- return isControlled ? inputProps.value : inputProps.defaultValue;
106
- }),
107
- _useState4 = _slicedToArray(_useState3, 2),
108
- internalValue = _useState4[0],
109
- setInternalValue = _useState4[1];
110
-
89
+ return isControlled ? inputProps.value : inputProps.defaultValue;
90
+ }),
91
+ _useState4 = _slicedToArray(_useState3, 2),
92
+ internalValue = _useState4[0],
93
+ setInternalValue = _useState4[1];
111
94
  var isValueEmpty = typeof internalValue !== "number" && !(internalValue !== null && internalValue !== void 0 && internalValue.length);
112
95
  useEffect(function () {
113
96
  if (isControlled) {
@@ -122,7 +105,6 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
122
105
  style: style,
123
106
  onClick: function onClick() {
124
107
  var _inputRef$current;
125
-
126
108
  (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
127
109
  },
128
110
  children: [Icon && /*#__PURE__*/_jsx(Icon, {
@@ -137,22 +119,18 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
137
119
  disabled: disabled,
138
120
  onChange: function onChange(evt) {
139
121
  var _inputProps$onChange;
140
-
141
122
  (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
142
-
143
123
  if (!isControlled) {
144
124
  setInternalValue(evt.target.value);
145
125
  }
146
126
  },
147
127
  onFocus: function onFocus(evt) {
148
128
  var _inputProps$onFocus;
149
-
150
129
  setFocused(true);
151
130
  (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
152
131
  },
153
132
  onBlur: function onBlur(evt) {
154
133
  var _inputProps$onBlur;
155
-
156
134
  setFocused(false);
157
135
  (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
158
136
  }
@@ -181,15 +159,12 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
181
159
  "aria-label": locale.increment,
182
160
  onClick: function onClick() {
183
161
  var _inputRef$current$val, _inputRef$current2;
184
-
185
162
  var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
186
163
  var max = isNil(inputProps.max) ? Number.MAX_SAFE_INTEGER : parseFloat(String(inputProps.max));
187
164
  var currentValue = parseFloat((_inputRef$current$val = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : "0");
188
-
189
165
  if (Number.isNaN(currentValue)) {
190
166
  currentValue = 0;
191
167
  }
192
-
193
168
  if (currentValue + step <= max) {
194
169
  triggerInputChange(String(currentValue + step));
195
170
  } else {
@@ -207,15 +182,12 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
207
182
  "aria-label": locale.decrement,
208
183
  onClick: function onClick() {
209
184
  var _inputRef$current$val2, _inputRef$current3;
210
-
211
185
  var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
212
186
  var min = isNil(inputProps.min) ? Number.MIN_SAFE_INTEGER : parseFloat(String(inputProps.min));
213
187
  var currentValue = parseFloat((_inputRef$current$val2 = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value) !== null && _inputRef$current$val2 !== void 0 ? _inputRef$current$val2 : "0");
214
-
215
188
  if (Number.isNaN(currentValue)) {
216
189
  currentValue = 0;
217
190
  }
218
-
219
191
  if (currentValue - step >= min) {
220
192
  triggerInputChange(String(currentValue - step));
221
193
  } else {
@@ -7,7 +7,7 @@ var disabledColor = _disabledColor;
7
7
  var rgba = _rgba;
8
8
  var inputPlugin = plugin(function (_ref) {
9
9
  var addComponents = _ref.addComponents,
10
- theme = _ref.theme;
10
+ theme = _ref.theme;
11
11
  addComponents({
12
12
  ".input": {
13
13
  position: "relative",
@@ -1,13 +1,10 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
4
-
5
3
  import Badge from "../Badge";
6
4
  import stl from "../styles/helpers/satellitePrefixer";
7
5
  import onlyText from "../utils/onlyText";
8
6
  import { jsx as _jsx } from "react/jsx-runtime";
9
7
  import { jsxs as _jsxs } from "react/jsx-runtime";
10
-
11
8
  /**
12
9
  * Put more emphasis on side content.
13
10
 
@@ -41,8 +38,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
41
38
  */
42
39
  export var Insert = function Insert(_ref) {
43
40
  var title = _ref.title,
44
- contexts = _ref.contexts,
45
- children = _ref.children;
41
+ contexts = _ref.contexts,
42
+ children = _ref.children;
46
43
  return /*#__PURE__*/_jsxs("aside", {
47
44
  "aria-label": onlyText(title),
48
45
  className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"]))),
@@ -50,12 +47,11 @@ export var Insert = function Insert(_ref) {
50
47
  className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["block space-x-2 mb-4"]))),
51
48
  children: contexts.map(function (context, idx) {
52
49
  var _ref2 = typeof context === "string" ? {
53
- label: context
54
- } : context,
55
- label = _ref2.label,
56
- _ref2$variant = _ref2.variant,
57
- variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
58
-
50
+ label: context
51
+ } : context,
52
+ label = _ref2.label,
53
+ _ref2$variant = _ref2.variant,
54
+ variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
59
55
  return /*#__PURE__*/_jsx(Badge, {
60
56
  variant: variant,
61
57
  children: label
@@ -7,13 +7,13 @@ import _plugin from "tailwindcss/plugin";
7
7
  var plugin = _plugin;
8
8
  var disabledColor = _disabledColor;
9
9
  var _require = _require2,
10
- toBG = _require.toBG,
11
- selectIconBG = _require.selectIconBG;
10
+ toBG = _require.toBG,
11
+ selectIconBG = _require.selectIconBG;
12
12
  var rgba = _rgba;
13
13
  export default plugin(function (_ref) {
14
14
  var addComponents = _ref.addComponents,
15
- prefix = _ref.prefix,
16
- theme = _ref.theme;
15
+ prefix = _ref.prefix,
16
+ theme = _ref.theme;
17
17
  addComponents(_defineProperty({}, prefix(".instantsearch"), {
18
18
  // SearchBox widget
19
19
  // ----------------------------------------
@@ -1,7 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject;
4
-
5
3
  import cx from "clsx";
6
4
  import { createElement } from "react";
7
5
  import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, CornerDownLeft } from "react-feather";
@@ -17,7 +15,7 @@ var KEY_MAPPINGS = {
17
15
  };
18
16
  export var KeyboardKey = function KeyboardKey(_ref) {
19
17
  var className = _ref.className,
20
- value = _ref.value;
18
+ value = _ref.value;
21
19
  var mappedValue = KEY_MAPPINGS[value];
22
20
  var displayed = !mappedValue ? value : typeof mappedValue === "string" ? mappedValue : /*#__PURE__*/createElement(mappedValue, {
23
21
  "aria-label": value,
@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
3
3
  var plugin = _plugin;
4
4
  var keyboardKeyPlugin = plugin(function (_ref) {
5
5
  var addComponents = _ref.addComponents,
6
- theme = _ref.theme;
6
+ theme = _ref.theme;
7
7
  addComponents({
8
8
  ".keyboard-key": {
9
9
  borderRadius: theme("borderRadius.DEFAULT"),
@@ -1,19 +1,15 @@
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
-
5
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; }
6
-
7
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; }
8
-
9
6
  import { forwardRef } from "react";
10
7
  import useLinkProps from "../utils/useLinkProps";
11
8
  import { jsx as _jsx } from "react/jsx-runtime";
12
9
  export var BaseLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
13
10
  var href = _ref.href,
14
- onClick = _ref.onClick,
15
- anchorProps = _objectWithoutProperties(_ref, _excluded);
16
-
11
+ onClick = _ref.onClick,
12
+ anchorProps = _objectWithoutProperties(_ref, _excluded);
17
13
  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
18
14
  href: href,
19
15
  onClick: onClick
@@ -1,30 +1,24 @@
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
-
5
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; }
6
-
7
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; }
8
-
9
6
  import { ExternalLink } from "react-feather";
10
7
  import Button from "../Button/Button";
11
8
  import useLinkProps from "../utils/useLinkProps";
12
9
  import { jsx as _jsx } from "react/jsx-runtime";
13
10
  export var ButtonLink = function ButtonLink(_ref) {
14
11
  var EndIcon = _ref.endIcon,
15
- href = _ref.href,
16
- onClick = _ref.onClick,
17
- props = _objectWithoutProperties(_ref, _excluded);
18
-
12
+ href = _ref.href,
13
+ onClick = _ref.onClick,
14
+ props = _objectWithoutProperties(_ref, _excluded);
19
15
  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), {}, {
20
16
  href: href,
21
17
  onClick: onClick
22
18
  }));
23
-
24
19
  if (linkProps.target === "_blank" && EndIcon === undefined) {
25
20
  EndIcon = ExternalLink;
26
21
  }
27
-
28
22
  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
29
23
  endIcon: EndIcon,
30
24
  as: "a"
@@ -1,19 +1,15 @@
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
-
5
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; }
6
-
7
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; }
8
-
9
6
  import IconButton from "../Button/IconButton";
10
7
  import useLinkProps from "../utils/useLinkProps";
11
8
  import { jsx as _jsx } from "react/jsx-runtime";
12
9
  export var IconButtonLink = function IconButtonLink(_ref) {
13
10
  var href = _ref.href,
14
- onClick = _ref.onClick,
15
- props = _objectWithoutProperties(_ref, _excluded);
16
-
11
+ onClick = _ref.onClick,
12
+ props = _objectWithoutProperties(_ref, _excluded);
17
13
  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), {}, {
18
14
  href: href,
19
15
  onClick: onClick
package/esm/Link/Link.js CHANGED
@@ -1,15 +1,10 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
-
5
4
  var _templateObject, _templateObject2, _templateObject3;
6
-
7
5
  var _excluded = ["className", "children", "startIcon", "endIcon", "href", "onClick"];
8
-
9
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; }
10
-
11
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; }
12
-
13
8
  import cx from "clsx";
14
9
  import { forwardRef } from "react";
15
10
  import { ExternalLink } from "react-feather";
@@ -19,23 +14,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
19
14
  import { jsxs as _jsxs } from "react/jsx-runtime";
20
15
  export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
21
16
  var className = _ref.className,
22
- children = _ref.children,
23
- StartIcon = _ref.startIcon,
24
- EndIcon = _ref.endIcon,
25
- href = _ref.href,
26
- onClick = _ref.onClick,
27
- anchorProps = _objectWithoutProperties(_ref, _excluded);
28
-
17
+ children = _ref.children,
18
+ StartIcon = _ref.startIcon,
19
+ EndIcon = _ref.endIcon,
20
+ href = _ref.href,
21
+ onClick = _ref.onClick,
22
+ anchorProps = _objectWithoutProperties(_ref, _excluded);
29
23
  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
30
24
  href: href,
31
25
  onClick: onClick
32
26
  }));
33
27
  var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
34
-
35
28
  if (isExternalLink) {
36
29
  EndIcon = ExternalLink;
37
30
  }
38
-
39
31
  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
40
32
  ref: ref,
41
33
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
@@ -1,7 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
-
3
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
4
-
5
3
  import cx from "clsx";
6
4
  import stl from "../styles/helpers/satellitePrefixer";
7
5
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,11 +16,11 @@ var VARIANT_CLASSNAMES = {
18
16
  };
19
17
  export var Medallion = function Medallion(_ref) {
20
18
  var Icon = _ref.icon,
21
- _ref$variant = _ref.variant,
22
- variant = _ref$variant === void 0 ? "accent" : _ref$variant,
23
- _ref$size = _ref.size,
24
- size = _ref$size === void 0 ? "default" : _ref$size,
25
- className = _ref.className;
19
+ _ref$variant = _ref.variant,
20
+ variant = _ref$variant === void 0 ? "accent" : _ref$variant,
21
+ _ref$size = _ref.size,
22
+ size = _ref$size === void 0 ? "default" : _ref$size,
23
+ className = _ref.className;
26
24
  var medallionClassName = VARIANT_CLASSNAMES[variant];
27
25
  return /*#__PURE__*/_jsx("div", {
28
26
  className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
@@ -6,7 +6,7 @@ var plugin = _plugin;
6
6
  var rgba = _rgba;
7
7
  var medallionPlugin = plugin(function (_ref) {
8
8
  var addComponents = _ref.addComponents,
9
- theme = _ref.theme;
9
+ theme = _ref.theme;
10
10
  var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red", "white"];
11
11
  addComponents({
12
12
  ".medallion": {
@@ -17,8 +17,9 @@ var medallionPlugin = plugin(function (_ref) {
17
17
  height: "72px",
18
18
  width: "72px"
19
19
  }
20
- }); // Variants
20
+ });
21
21
 
22
+ // Variants
22
23
  colors.map(function (color) {
23
24
  return addComponents(_defineProperty({}, ".medallion-".concat(color), {
24
25
  backgroundImage: color === "white" ? "linear-gradient(to bottom, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)") : "linear-gradient(to bottom, ".concat(theme("colors.".concat(color, ".100")), " 0%, ").concat(theme("colors.".concat(color, ".200")), " 100%)"),