@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
  export = tablePlugin;
2
2
  declare const tablePlugin: {
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
  };
@@ -10,7 +10,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
10
10
  var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
12
  var _templateObject, _templateObject2, _templateObject3;
13
- var TableFooter = function TableFooter(_ref) {
13
+ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
14
14
  var _ref$size = _ref.size,
15
15
  size = _ref$size === void 0 ? "default" : _ref$size,
16
16
  children = _ref.children;
@@ -23,6 +23,4 @@ var TableFooter = function TableFooter(_ref) {
23
23
  children: children
24
24
  });
25
25
  };
26
- exports.TableFooter = TableFooter;
27
- var _default = TableFooter;
28
- exports["default"] = _default;
26
+ var _default = exports["default"] = TableFooter;
@@ -35,5 +35,5 @@ Object.keys(_TableFooter).forEach(function (key) {
35
35
  }
36
36
  });
37
37
  });
38
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
38
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
39
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -35,5 +35,5 @@ Object.keys(_DataTable).forEach(function (key) {
35
35
  }
36
36
  });
37
37
  });
38
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
38
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
39
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -13,7 +13,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
13
13
  var _utils = require("./utils");
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
16
- var ContentTabs = function ContentTabs(_ref) {
16
+ var ContentTabs = exports.ContentTabs = function ContentTabs(_ref) {
17
17
  var className = _ref.className,
18
18
  tabs = _ref.tabs,
19
19
  tabIndex = _ref.tabIndex,
@@ -57,6 +57,4 @@ var ContentTabs = function ContentTabs(_ref) {
57
57
  })]
58
58
  });
59
59
  };
60
- exports.ContentTabs = ContentTabs;
61
- var _default = ContentTabs;
62
- exports["default"] = _default;
60
+ var _default = exports["default"] = ContentTabs;
@@ -13,7 +13,7 @@ var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
13
13
  var _LinkTab = _interopRequireDefault(require("./components/LinkTab"));
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  var _templateObject;
16
- var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
16
+ var defaultUrlMatcher = exports.defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
17
17
  return (0, _matchLocation["default"])(tab.to, {
18
18
  pathname: location.pathname || ""
19
19
  });
@@ -47,8 +47,7 @@ var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
47
47
  * - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
48
48
  * - Place the tab on the sides or bottom of the page, where users often overlook them
49
49
  */
50
- exports.defaultUrlMatcher = defaultUrlMatcher;
51
- var LinkTabs = function LinkTabs(_ref) {
50
+ var LinkTabs = exports.LinkTabs = function LinkTabs(_ref) {
52
51
  var className = _ref.className,
53
52
  tabs = _ref.tabs,
54
53
  onTabClick = _ref.onTabClick,
@@ -73,6 +72,4 @@ var LinkTabs = function LinkTabs(_ref) {
73
72
  })
74
73
  });
75
74
  };
76
- exports.LinkTabs = LinkTabs;
77
- var _default = LinkTabs;
78
- exports["default"] = _default;
75
+ var _default = exports["default"] = LinkTabs;
@@ -1,5 +1,5 @@
1
1
  export = tabsPlugin;
2
2
  declare const tabsPlugin: {
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
  };
@@ -7,7 +7,11 @@ var tabsPlugin = plugin(function (_ref) {
7
7
  theme = _ref.theme;
8
8
  addComponents({
9
9
  ".tabs-tabbar": {
10
- scrollBehavior: "smooth"
10
+ scrollBehavior: "smooth",
11
+ padding: "0 3px",
12
+ "&:is(nav)": {
13
+ padding: "0 4px"
14
+ }
11
15
  },
12
16
  ".tab[aria-selected=true]": {
13
17
  color: theme("colors.grey.900")
@@ -32,6 +36,8 @@ var tabsPlugin = plugin(function (_ref) {
32
36
  },
33
37
  ".tab": {
34
38
  flexShrink: "0",
39
+ padding: "3px",
40
+ marginTop: "3px",
35
41
  borderBottomWidth: "3px",
36
42
  borderBottomColor: "transparent",
37
43
  color: theme("colors.grey.600"),
@@ -46,6 +52,19 @@ var tabsPlugin = plugin(function (_ref) {
46
52
  },
47
53
  "&:focus": {
48
54
  outline: "none"
55
+ },
56
+ "&:focus-visible": {
57
+ outline: "3px solid ".concat(theme("colors.accent.600")),
58
+ marginBottom: "3px",
59
+ borderBottom: "transparent"
60
+ },
61
+ "&:is(a)": {
62
+ marginTop: "5px",
63
+ "&:focus-visible": {
64
+ margin: "4px 0",
65
+ paddingTop: "4px",
66
+ paddingBottom: "3px"
67
+ }
49
68
  }
50
69
  }
51
70
  });
@@ -14,15 +14,15 @@ var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
14
14
  var _utils = require("../utils");
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
16
  var _templateObject, _templateObject2;
17
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
19
  var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
20
20
  var _ref;
21
21
  if (!el) return null;
22
22
  var next = el;
23
23
  do {
24
- var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
25
- next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
24
+ var _next, _next$nextElementSibl, _next2, _next3;
25
+ next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 || (_next3 = _next3.parentElement) === null || _next3 === void 0 ? void 0 : _next3.firstElementChild;
26
26
  } while ((_next = next) !== null && _next !== void 0 && _next.getAttribute("aria-disabled"));
27
27
  return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
28
28
  };
@@ -31,12 +31,12 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
31
31
  if (!el) return null;
32
32
  var next = el;
33
33
  do {
34
- var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
35
- next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
34
+ var _next4, _next$previousElement, _next5, _next6;
35
+ next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 || (_next6 = _next6.parentElement) === null || _next6 === void 0 ? void 0 : _next6.lastElementChild;
36
36
  } while ((_next4 = next) !== null && _next4 !== void 0 && _next4.getAttribute("aria-disabled"));
37
37
  return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
38
38
  };
39
- var LinkTab = function LinkTab(_ref3) {
39
+ var LinkTab = exports.LinkTab = function LinkTab(_ref3) {
40
40
  var tab = _ref3.tab,
41
41
  _onClick = _ref3.onClick,
42
42
  selected = _ref3.selected;
@@ -65,12 +65,12 @@ var LinkTab = function LinkTab(_ref3) {
65
65
  if (tab.disabled) return;
66
66
  if (evt.key === "ArrowRight") {
67
67
  var nextElement = getNextNonDisabledSibling(evt.currentTarget);
68
- nextElement === null || nextElement === void 0 ? void 0 : nextElement.click();
69
- nextElement === null || nextElement === void 0 ? void 0 : nextElement.focus();
68
+ nextElement === null || nextElement === void 0 || nextElement.click();
69
+ nextElement === null || nextElement === void 0 || nextElement.focus();
70
70
  } else if (evt.key === "ArrowLeft") {
71
71
  var previousElement = getPreviousNonDisabledSibling(evt.currentTarget);
72
- previousElement === null || previousElement === void 0 ? void 0 : previousElement.click();
73
- previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
72
+ previousElement === null || previousElement === void 0 || previousElement.click();
73
+ previousElement === null || previousElement === void 0 || previousElement.focus();
74
74
  }
75
75
  },
76
76
  children: [tab.label, !!tab.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
@@ -81,6 +81,4 @@ var LinkTab = function LinkTab(_ref3) {
81
81
  })]
82
82
  }));
83
83
  };
84
- exports.LinkTab = LinkTab;
85
- var _default = LinkTab;
86
- exports["default"] = _default;
84
+ var _default = exports["default"] = LinkTab;
package/cjs/Tabs/index.js CHANGED
@@ -47,5 +47,5 @@ Object.keys(_types).forEach(function (key) {
47
47
  }
48
48
  });
49
49
  });
50
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
51
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
50
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
51
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -29,7 +29,6 @@ export interface ContentTabsProps {
29
29
  className?: string;
30
30
  tabs: ContentTab[];
31
31
  tabIndex?: number;
32
- /** @default 0 */
33
32
  defaultIndex?: number;
34
33
  onChange?: (tabIndex: number) => void;
35
34
  }
package/cjs/Tabs/utils.js CHANGED
@@ -8,12 +8,11 @@ exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
11
- var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
11
+ var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
12
12
  grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab-grey"]))),
13
13
  accent: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab-accent"]))),
14
14
  green: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tab-green"]))),
15
15
  blue: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["tab-blue"]))),
16
16
  orange: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["tab-orange"]))),
17
17
  red: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["tab-red"])))
18
- };
19
- exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = ACTIVE_UNDERLINE_VARIANT_CLASSNAMES;
18
+ };
package/cjs/Tag/Tag.d.ts CHANGED
@@ -6,26 +6,15 @@ export declare type TagLocale = {
6
6
  removeButton?: string | ((title: string) => string);
7
7
  };
8
8
  export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
9
- /**
10
- * The "pink" variant should only be used for **Algolia admin** related things.
11
- * @default "grey"
12
- */
9
+ /** The "pink" variant should only be used for **Algolia admin** related things. */
13
10
  variant?: TagVariants;
14
- /**
15
- * Handler function called when the "add" button is clicked.
16
- */
11
+ /** Handler function called when the "add" button is clicked. */
17
12
  onAdd?: MouseEventHandler<HTMLElement>;
18
- /**
19
- * The tooltip text to display when hovering over the "add" button.
20
- */
13
+ /** The tooltip text to display when hovering over the "add" button. */
21
14
  addTooltip?: string;
22
- /**
23
- * Handler function called when the "remove" button is clicked.
24
- */
15
+ /** Handler function called when the "remove" button is clicked. */
25
16
  onRemove?: MouseEventHandler<HTMLElement>;
26
- /**
27
- * The tooltip text to display when hovering over the "remove" button.
28
- */
17
+ /** The tooltip text to display when hovering over the "remove" button. */
29
18
  removeTooltip?: string;
30
19
  /**
31
20
  * Customize the text describing the "add" and "remove" buttons.
@@ -48,11 +37,12 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
48
37
  * - **Success**: `variant="green"`
49
38
  * - **Warning**: `variant="orange"`
50
39
  * - **Error**: `variant="red"`
40
+ * - **Admin**: `variant="pink"`
51
41
  *
52
42
  * ## Usability best practices
53
43
  * - Present tags close to or within the input control to allow users to add and remove tags
54
44
  * - When writing tags, avoid line-wrapping
55
45
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
56
46
  */
57
- export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "locale" | "onAdd" | "addTooltip" | "onRemove" | "removeTooltip"> & import("react").RefAttributes<HTMLSpanElement>>;
47
+ export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "dir" | "slot" | "style" | "title" | "children" | "id" | "variant" | "locale" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "onAdd" | "addTooltip" | "onRemove" | "removeTooltip"> & import("react").RefAttributes<HTMLSpanElement>>;
58
48
  export default Tag;
package/cjs/Tag/Tag.js CHANGED
@@ -11,14 +11,15 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
11
11
  var _clsx = _interopRequireDefault(require("clsx"));
12
12
  var _react = require("react");
13
13
  var _reactFeather = require("react-feather");
14
+ var _AutoComplete = require("../AutoComplete");
14
15
  var _Satellite = require("../Satellite");
15
16
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
16
17
  var _Tooltip = require("../Tooltip");
17
18
  var _jsxRuntime = require("react/jsx-runtime");
18
19
  var _excluded = ["children", "variant", "className", "onAdd", "addTooltip", "onRemove", "removeTooltip", "locale"];
19
20
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
20
- 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; }
21
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+ 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; }
22
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
23
  var DEFAULT_TAG_LOCALE = {
23
24
  addButton: function addButton(title) {
24
25
  return "Add \"".concat(title, "\"");
@@ -61,13 +62,14 @@ var BUTTON_VARIANT_CLASSNAMES = {
61
62
  * - **Success**: `variant="green"`
62
63
  * - **Warning**: `variant="orange"`
63
64
  * - **Error**: `variant="red"`
65
+ * - **Admin**: `variant="pink"`
64
66
  *
65
67
  * ## Usability best practices
66
68
  * - Present tags close to or within the input control to allow users to add and remove tags
67
69
  * - When writing tags, avoid line-wrapping
68
70
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
69
71
  */
70
- var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
72
+ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
71
73
  var children = _ref.children,
72
74
  _ref$variant = _ref.variant,
73
75
  variant = _ref$variant === void 0 ? "grey" : _ref$variant,
@@ -82,15 +84,19 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
82
84
  var contextLocale = (0, _Satellite.useLocale)("tag");
83
85
  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
84
86
  var tagClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["tag"]))), VARIANT_CLASSNAMES[variant], className);
87
+ var isInsideAutocomplete = (0, _AutoComplete.useIsInsideAutocomplete)();
88
+ var tabIndexProps = isInsideAutocomplete ? {
89
+ tabIndex: -1
90
+ } : {};
85
91
  var addable = Boolean(onAdd);
86
92
  var removable = Boolean(onRemove);
87
93
  var handleAdd = function handleAdd(evt) {
88
94
  evt.stopPropagation();
89
- onAdd === null || onAdd === void 0 ? void 0 : onAdd(evt);
95
+ onAdd === null || onAdd === void 0 || onAdd(evt);
90
96
  };
91
97
  var handleRemove = function handleRemove(evt) {
92
98
  evt.stopPropagation();
93
- onRemove === null || onRemove === void 0 ? void 0 : onRemove(evt);
99
+ onRemove === null || onRemove === void 0 || onRemove(evt);
94
100
  };
95
101
  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
96
102
  className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["truncate flex-1"]))),
@@ -103,7 +109,7 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
103
109
  content: addTooltip,
104
110
  hideDelay: 0,
105
111
  side: "bottom",
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
112
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
107
113
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["tag-add-button"]))), !removable && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
108
114
  type: "button",
109
115
  onClick: handleAdd,
@@ -111,13 +117,13 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
111
117
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Plus, {
112
118
  size: "1em"
113
119
  }), content]
114
- })
120
+ }))
115
121
  }) : content, removable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
116
122
  content: removeTooltip,
117
123
  hideDelay: 0,
118
124
  side: "bottom",
119
125
  align: "start",
120
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
126
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
121
127
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["tag-close-button p-1"]))), !addable && (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
122
128
  type: "button",
123
129
  onClick: handleRemove,
@@ -125,11 +131,9 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
125
131
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
126
132
  size: "1em"
127
133
  })
128
- })
134
+ }))
129
135
  })]
130
136
  }));
131
137
  });
132
- exports.Tag = Tag;
133
138
  Tag.displayName = "Tag";
134
- var _default = Tag;
135
- exports["default"] = _default;
139
+ var _default = exports["default"] = Tag;
@@ -1,5 +1,5 @@
1
1
  export = tagPlugin;
2
2
  declare const tagPlugin: {
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/cjs/Tag/index.js CHANGED
@@ -23,5 +23,5 @@ Object.keys(_Tag).forEach(function (key) {
23
23
  }
24
24
  });
25
25
  });
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -14,9 +14,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  var _templateObject;
16
16
  var _excluded = ["className"];
17
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
- var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
+ var TextArea = exports.TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
20
20
  var className = _ref.className,
21
21
  otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
22
22
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", _objectSpread(_objectSpread({}, otherProps), {}, {
@@ -24,7 +24,5 @@ var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
24
24
  ref: ref
25
25
  }));
26
26
  });
27
- exports.TextArea = TextArea;
28
27
  TextArea.displayName = "TextArea";
29
- var _default = TextArea;
30
- exports["default"] = _default;
28
+ var _default = exports["default"] = TextArea;
@@ -1,5 +1,5 @@
1
1
  export = textAreaPlugin;
2
2
  declare const textAreaPlugin: {
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
  };
@@ -23,5 +23,5 @@ Object.keys(_TextArea).forEach(function (key) {
23
23
  }
24
24
  });
25
25
  });
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -13,8 +13,8 @@ var _isCssPropertySupported = _interopRequireDefault(require("../utils/isCssProp
13
13
  var _jsxRuntime = require("react/jsx-runtime");
14
14
  var _excluded = ["children", "maxLines", "style"];
15
15
  var _templateObject;
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
+ 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; }
17
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
18
  var BASE_STYLES = (0, _isCssPropertySupported["default"])("overflowWrap", "anywhere") ? {
19
19
  whiteSpace: "normal",
20
20
  overflowWrap: "anywhere"
@@ -26,7 +26,7 @@ var SEPARATOR_ELEMENT = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
26
26
  "aria-hidden": "true",
27
27
  children: "\u200B"
28
28
  });
29
- var TextWrap = function TextWrap(_ref) {
29
+ var TextWrap = exports.TextWrap = function TextWrap(_ref) {
30
30
  var text = _ref.children,
31
31
  maxLines = _ref.maxLines,
32
32
  style = _ref.style,
@@ -50,6 +50,4 @@ var TextWrap = function TextWrap(_ref) {
50
50
  }).filter(Boolean)
51
51
  }));
52
52
  };
53
- exports.TextWrap = TextWrap;
54
- var _default = TextWrap;
55
- exports["default"] = _default;
53
+ var _default = exports["default"] = TextWrap;
@@ -23,5 +23,5 @@ Object.keys(_TextWrap).forEach(function (key) {
23
23
  }
24
24
  });
25
25
  });
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -1,10 +1,14 @@
1
1
  import type { HTMLAttributes, InputHTMLAttributes } from "react";
2
- export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
2
+ export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked"> & {
3
+ decorative?: boolean;
4
+ };
3
5
  /**
4
6
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
5
7
  *
6
8
  * - Toggles should not require a Save button to apply the changes
7
9
  * - If a Save button is needed, try using Radio groups or Checkboxes instead
8
10
  */
9
- export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
11
+ export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "checked" | "required"> & {
12
+ decorative?: boolean | undefined;
13
+ } & import("react").RefAttributes<HTMLInputElement>>;
10
14
  export default Toggle;