@algolia/satellite 1.0.0-beta.146 → 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 (417) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
  2. package/cjs/AnnouncementBadge/index.js +0 -5
  3. package/cjs/AutoComplete/AutoComplete.js +72 -167
  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.d.ts +2 -1
  25. package/cjs/Button/ButtonGroup.js +3 -11
  26. package/cjs/Button/IconButton.js +12 -35
  27. package/cjs/Button/index.js +0 -11
  28. package/cjs/Button/styles.js +1 -10
  29. package/cjs/Button/types.js +0 -1
  30. package/cjs/Card/Card.js +6 -21
  31. package/cjs/Card/Card.tailwind.js +1 -2
  32. package/cjs/Card/components/CardHeader.js +1 -14
  33. package/cjs/Card/components/CardTitle.js +2 -15
  34. package/cjs/Card/index.js +0 -9
  35. package/cjs/Checkbox/Checkbox.js +14 -38
  36. package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
  37. package/cjs/Checkbox/index.js +0 -5
  38. package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
  39. package/cjs/ClickAwayContainer/index.js +0 -2
  40. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
  41. package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
  42. package/cjs/DatePicker/DatePicker/index.js +0 -7
  43. package/cjs/DatePicker/DatePicker.tailwind.js +3 -13
  44. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
  45. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
  46. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -28
  47. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
  48. package/cjs/DatePicker/DateRangePicker/index.js +0 -9
  49. package/cjs/DatePicker/components/Calendar.js +5 -16
  50. package/cjs/DatePicker/components/Display.js +3 -9
  51. package/cjs/DatePicker/components/Footer.js +0 -7
  52. package/cjs/DatePicker/components/FooterActions.js +3 -11
  53. package/cjs/DatePicker/components/Modal.js +17 -39
  54. package/cjs/DatePicker/components/NavBar.js +37 -47
  55. package/cjs/DatePicker/components/SidePanel.js +0 -7
  56. package/cjs/DatePicker/components/index.js +0 -7
  57. package/cjs/DatePicker/index.js +0 -9
  58. package/cjs/DatePicker/utils.js +0 -4
  59. package/cjs/Dropdown/Dropdown.js +23 -58
  60. package/cjs/Dropdown/DropdownButton.js +3 -20
  61. package/cjs/Dropdown/DropdownContext.js +0 -6
  62. package/cjs/Dropdown/components/DropdownButtonItem.js +5 -21
  63. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
  64. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
  65. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  68. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  69. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  70. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  71. package/cjs/Dropdown/components/DropdownLinkItem.js +6 -23
  72. package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
  73. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  74. package/cjs/Dropdown/components/DropdownToggleItem.js +5 -22
  75. package/cjs/Dropdown/index.js +0 -27
  76. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  77. package/cjs/Dropzone/Dropzone.js +27 -62
  78. package/cjs/Dropzone/index.js +0 -5
  79. package/cjs/EmptyState/EmptyState.js +12 -23
  80. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  81. package/cjs/EmptyState/index.js +0 -7
  82. package/cjs/Field/Field.js +8 -21
  83. package/cjs/Field/FieldStateContext.js +0 -2
  84. package/cjs/Field/index.js +0 -9
  85. package/cjs/Field/useFieldState.js +0 -7
  86. package/cjs/Flag/Flag.js +17 -40
  87. package/cjs/Flag/Flag.tailwind.js +0 -1
  88. package/cjs/Flag/Flags.js +4 -19
  89. package/cjs/Flag/index.js +0 -9
  90. package/cjs/FlexGrid/FlexGrid.js +13 -24
  91. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  92. package/cjs/FlexGrid/index.js +0 -5
  93. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  94. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  95. package/cjs/HelpUnderline/index.js +0 -5
  96. package/cjs/Input/Input.js +26 -70
  97. package/cjs/Input/Input.tailwind.js +1 -4
  98. package/cjs/Input/index.js +0 -5
  99. package/cjs/Insert/Insert.js +7 -17
  100. package/cjs/Insert/index.js +0 -5
  101. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  102. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  103. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  104. package/cjs/KeyboardKey/index.js +0 -2
  105. package/cjs/Link/BaseLink.js +2 -12
  106. package/cjs/Link/ButtonLink.js +3 -17
  107. package/cjs/Link/IconButtonLink.js +2 -13
  108. package/cjs/Link/Link.js +6 -23
  109. package/cjs/Link/index.js +0 -11
  110. package/cjs/Medallion/Medallion.js +5 -14
  111. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  112. package/cjs/Medallion/index.js +0 -7
  113. package/cjs/Modal/Modal.js +21 -57
  114. package/cjs/Modal/Modal.tailwind.js +3 -3
  115. package/cjs/Modal/components/ModalFooter.js +2 -16
  116. package/cjs/Modal/components/ModalSection.js +3 -11
  117. package/cjs/Modal/index.js +0 -9
  118. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +2 -0
  119. package/cjs/Pagination/CompactPagination/CompactPagination.js +2 -20
  120. package/cjs/Pagination/CompactPagination/index.js +0 -5
  121. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  122. package/cjs/Pagination/DotPagination/index.js +0 -5
  123. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  124. package/cjs/Pagination/Pagination/index.js +0 -5
  125. package/cjs/Pagination/index.js +0 -9
  126. package/cjs/ProgressBar/ProgressBar.js +3 -16
  127. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  128. package/cjs/ProgressBar/index.js +0 -5
  129. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  130. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  131. package/cjs/ProgressSpinner/index.js +0 -5
  132. package/cjs/RadioGroup/RadioButton.js +1 -14
  133. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  134. package/cjs/RadioGroup/RadioGroup.js +19 -38
  135. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  136. package/cjs/RadioGroup/index.js +0 -9
  137. package/cjs/RangeSlider/RangeSlider.js +26 -43
  138. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  139. package/cjs/RangeSlider/index.js +0 -5
  140. package/cjs/Satellite/Satellite.js +4 -10
  141. package/cjs/Satellite/SatelliteContext.js +0 -9
  142. package/cjs/Satellite/SatelliteRouter.js +2 -9
  143. package/cjs/Satellite/index.js +0 -13
  144. package/cjs/Satellite/locale.js +1 -7
  145. package/cjs/Satellite/useCreatePortal.js +2 -8
  146. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  147. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  148. package/cjs/ScrollIndicator/index.js +0 -5
  149. package/cjs/Select/Select.js +4 -17
  150. package/cjs/Select/Select.tailwind.js +2 -5
  151. package/cjs/Select/index.js +0 -5
  152. package/cjs/Sidebar/Sidebar.js +11 -30
  153. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  154. package/cjs/Sidebar/SidebarContext.js +0 -6
  155. package/cjs/Sidebar/SidebarHeader.js +1 -9
  156. package/cjs/Sidebar/SidebarHeading.js +3 -14
  157. package/cjs/Sidebar/SidebarLink.js +5 -20
  158. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  159. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  160. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -31
  161. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  162. package/cjs/Sidebar/SidebarNav.js +5 -16
  163. package/cjs/Sidebar/index.js +0 -17
  164. package/cjs/Switch/Switch.js +15 -36
  165. package/cjs/Switch/Switch.tailwind.js +1 -2
  166. package/cjs/Switch/SwitchOption.js +2 -15
  167. package/cjs/Switch/index.js +0 -7
  168. package/cjs/Switch/utils.js +0 -9
  169. package/cjs/Tables/DataTable/DataTable.js +28 -70
  170. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  171. package/cjs/Tables/DataTable/components/Body.js +14 -33
  172. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  173. package/cjs/Tables/DataTable/components/Header.js +5 -12
  174. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  175. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  176. package/cjs/Tables/DataTable/components/index.js +0 -10
  177. package/cjs/Tables/DataTable/index.js +0 -7
  178. package/cjs/Tables/DataTable/utils.js +0 -9
  179. package/cjs/Tables/Table/Table.js +7 -21
  180. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  181. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  182. package/cjs/Tables/Table/index.js +0 -7
  183. package/cjs/Tables/index.js +0 -7
  184. package/cjs/Tabs/ContentTabs.js +28 -62
  185. package/cjs/Tabs/LinkTabs.js +5 -18
  186. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  187. package/cjs/Tabs/components/LinkTab.js +2 -27
  188. package/cjs/Tabs/index.js +0 -9
  189. package/cjs/Tabs/utils.js +0 -5
  190. package/cjs/Tag/Tag.js +7 -26
  191. package/cjs/Tag/Tag.tailwind.js +1 -2
  192. package/cjs/Tag/index.js +0 -5
  193. package/cjs/TextArea/TextArea.js +1 -14
  194. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  195. package/cjs/TextArea/index.js +0 -5
  196. package/cjs/TextWrap/TextWrap.d.ts +1 -0
  197. package/cjs/TextWrap/TextWrap.js +3 -18
  198. package/cjs/TextWrap/index.js +0 -5
  199. package/cjs/Toggle/Toggle.js +6 -27
  200. package/cjs/Toggle/Toggle.tailwind.js +1 -3
  201. package/cjs/Toggle/index.js +0 -5
  202. package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
  203. package/cjs/Tooltip/Tooltip.js +4 -17
  204. package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
  205. package/cjs/Tooltip/TooltipWrapper.js +43 -71
  206. package/cjs/Tooltip/index.js +0 -9
  207. package/cjs/Typography/Typography.tailwind.js +15 -21
  208. package/cjs/UserContent/UserContent.js +7 -16
  209. package/cjs/UserContent/UserContent.tailwind.js +4 -13
  210. package/cjs/index.js +0 -89
  211. package/cjs/styles/base.tailwind.js +7 -7
  212. package/cjs/styles/colors.js +7 -7
  213. package/cjs/styles/disabledColor.js +1 -4
  214. package/cjs/styles/helpers/icons.js +5 -11
  215. package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
  216. package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
  217. package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
  218. package/cjs/styles/helpers/satellitePrefixer.js +1 -2
  219. package/cjs/styles/rgba.js +1 -3
  220. package/cjs/styles/tailwind.config.js +4 -11
  221. package/cjs/styles/zIndexes.js +1 -0
  222. package/cjs/utilities/utilities.tailwind.js +0 -3
  223. package/cjs/utils/event-polyfill.js +0 -2
  224. package/cjs/utils/formatters.js +12 -19
  225. package/cjs/utils/genericChangeHandler.js +0 -6
  226. package/cjs/utils/hashCode.js +0 -5
  227. package/cjs/utils/index.js +0 -7
  228. package/cjs/utils/isCssPropertySupported.js +0 -3
  229. package/cjs/utils/isNil.js +0 -2
  230. package/cjs/utils/isRenderedChild.js +0 -2
  231. package/cjs/utils/matchLocation.js +0 -4
  232. package/cjs/utils/onlyText.js +3 -12
  233. package/cjs/utils/parseUrl.js +2 -4
  234. package/cjs/utils/pluralize.js +2 -7
  235. package/cjs/utils/range.js +0 -2
  236. package/cjs/utils/toSentenceCase.js +0 -4
  237. package/cjs/utils/uniqBy.js +0 -4
  238. package/cjs/utils/uniqueId.js +0 -2
  239. package/cjs/utils/useForwardedRef.js +0 -6
  240. package/cjs/utils/useLinkProps.js +1 -13
  241. package/cjs/utils/useTriggerInputChange.js +2 -4
  242. package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
  243. package/esm/AutoComplete/AutoComplete.js +72 -162
  244. package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
  245. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
  246. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
  247. package/esm/AutoComplete/utils.js +0 -2
  248. package/esm/Avatars/ApplicationAvatar.js +3 -6
  249. package/esm/Avatars/UserAvatar.js +6 -12
  250. package/esm/Avatars/utils.js +7 -23
  251. package/esm/Badge/Badge.js +13 -28
  252. package/esm/Banners/Alert/Alert.js +18 -20
  253. package/esm/Banners/BigBertha/BigBertha.js +1 -4
  254. package/esm/Banners/Promote/Promote.js +8 -10
  255. package/esm/Button/Button.js +13 -21
  256. package/esm/Button/Button.tailwind.js +3 -2
  257. package/esm/Button/ButtonGroup.d.ts +2 -1
  258. package/esm/Button/ButtonGroup.js +3 -6
  259. package/esm/Button/IconButton.js +12 -22
  260. package/esm/Button/styles.js +1 -5
  261. package/esm/Card/Card.js +6 -12
  262. package/esm/Card/Card.tailwind.js +1 -1
  263. package/esm/Card/components/CardHeader.js +1 -7
  264. package/esm/Card/components/CardTitle.js +2 -8
  265. package/esm/Checkbox/Checkbox.js +14 -28
  266. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  267. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  268. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  269. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  270. package/esm/DatePicker/DatePicker.tailwind.js +3 -10
  271. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  272. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  273. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
  274. package/esm/DatePicker/components/Calendar.js +5 -10
  275. package/esm/DatePicker/components/Display.js +3 -5
  276. package/esm/DatePicker/components/Footer.js +0 -4
  277. package/esm/DatePicker/components/FooterActions.js +3 -7
  278. package/esm/DatePicker/components/Modal.js +17 -27
  279. package/esm/DatePicker/components/NavBar.js +37 -36
  280. package/esm/DatePicker/components/SidePanel.js +0 -4
  281. package/esm/Dropdown/Dropdown.js +23 -34
  282. package/esm/Dropdown/DropdownButton.js +3 -11
  283. package/esm/Dropdown/DropdownContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownButtonItem.js +5 -12
  285. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
  286. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
  287. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  288. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  289. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  290. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  291. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  292. package/esm/Dropdown/components/DropdownLinkItem.js +6 -13
  293. package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
  294. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  295. package/esm/Dropdown/components/DropdownToggleItem.js +5 -12
  296. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  297. package/esm/Dropzone/Dropzone.js +27 -45
  298. package/esm/EmptyState/EmptyState.js +12 -16
  299. package/esm/Field/Field.js +8 -11
  300. package/esm/Flag/Flag.js +17 -25
  301. package/esm/Flag/Flags.js +4 -9
  302. package/esm/FlexGrid/FlexGrid.js +13 -15
  303. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  304. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  305. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  306. package/esm/Input/Input.js +26 -54
  307. package/esm/Input/Input.tailwind.js +1 -1
  308. package/esm/Insert/Insert.js +7 -11
  309. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  310. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  311. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  312. package/esm/Link/BaseLink.js +2 -6
  313. package/esm/Link/ButtonLink.js +3 -9
  314. package/esm/Link/IconButtonLink.js +2 -6
  315. package/esm/Link/Link.js +6 -14
  316. package/esm/Medallion/Medallion.js +5 -7
  317. package/esm/Medallion/Medallion.tailwind.js +3 -2
  318. package/esm/Modal/Modal.js +21 -38
  319. package/esm/Modal/Modal.tailwind.js +3 -2
  320. package/esm/Modal/components/ModalFooter.js +2 -8
  321. package/esm/Modal/components/ModalSection.js +3 -5
  322. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +2 -0
  323. package/esm/Pagination/CompactPagination/CompactPagination.js +3 -7
  324. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  325. package/esm/Pagination/Pagination/Pagination.js +9 -21
  326. package/esm/ProgressBar/ProgressBar.js +3 -10
  327. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  328. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  329. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  330. package/esm/RadioGroup/RadioButton.js +1 -7
  331. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  332. package/esm/RadioGroup/RadioGroup.js +19 -25
  333. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  334. package/esm/RangeSlider/RangeSlider.js +26 -35
  335. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  336. package/esm/Satellite/Satellite.js +4 -4
  337. package/esm/Satellite/SatelliteContext.js +0 -3
  338. package/esm/Satellite/SatelliteRouter.js +2 -4
  339. package/esm/Satellite/locale.js +1 -2
  340. package/esm/Satellite/useCreatePortal.js +2 -2
  341. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  342. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  343. package/esm/Select/Select.js +4 -9
  344. package/esm/Select/Select.tailwind.js +2 -2
  345. package/esm/Sidebar/Sidebar.js +11 -17
  346. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  347. package/esm/Sidebar/SidebarContext.js +0 -2
  348. package/esm/Sidebar/SidebarHeader.js +1 -3
  349. package/esm/Sidebar/SidebarHeading.js +3 -7
  350. package/esm/Sidebar/SidebarLink.js +5 -11
  351. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  352. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  353. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -18
  354. package/esm/Sidebar/SidebarNav.js +5 -9
  355. package/esm/Switch/Switch.js +15 -24
  356. package/esm/Switch/Switch.tailwind.js +1 -1
  357. package/esm/Switch/SwitchOption.js +2 -6
  358. package/esm/Tables/DataTable/DataTable.js +28 -49
  359. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  360. package/esm/Tables/DataTable/components/Body.js +14 -23
  361. package/esm/Tables/DataTable/components/Footer.js +1 -8
  362. package/esm/Tables/DataTable/components/Header.js +5 -6
  363. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  364. package/esm/Tables/DataTable/components/Loader.js +4 -8
  365. package/esm/Tables/DataTable/utils.js +0 -1
  366. package/esm/Tables/Table/Table.js +7 -14
  367. package/esm/Tables/Table/Table.tailwind.js +1 -1
  368. package/esm/Tables/Table/components/TableFooter.js +2 -4
  369. package/esm/Tabs/ContentTabs.js +28 -51
  370. package/esm/Tabs/LinkTabs.js +5 -7
  371. package/esm/Tabs/Tabs.tailwind.js +1 -1
  372. package/esm/Tabs/components/LinkTab.js +2 -18
  373. package/esm/Tabs/utils.js +0 -2
  374. package/esm/Tag/Tag.js +7 -16
  375. package/esm/Tag/Tag.tailwind.js +1 -1
  376. package/esm/TextArea/TextArea.js +1 -7
  377. package/esm/TextArea/TextArea.tailwind.js +1 -1
  378. package/esm/TextWrap/TextWrap.d.ts +1 -0
  379. package/esm/TextWrap/TextWrap.js +3 -11
  380. package/esm/Toggle/Toggle.js +6 -19
  381. package/esm/Toggle/Toggle.tailwind.js +1 -1
  382. package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
  383. package/esm/Tooltip/Tooltip.js +4 -9
  384. package/esm/Tooltip/Tooltip.tailwind.js +3 -4
  385. package/esm/Tooltip/TooltipWrapper.js +43 -56
  386. package/esm/Typography/Typography.tailwind.js +15 -18
  387. package/esm/UserContent/UserContent.js +7 -9
  388. package/esm/UserContent/UserContent.tailwind.js +4 -9
  389. package/esm/styles/base.tailwind.js +7 -6
  390. package/esm/styles/colors.js +7 -7
  391. package/esm/styles/disabledColor.js +1 -2
  392. package/esm/styles/helpers/icons.js +5 -8
  393. package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
  394. package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
  395. package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
  396. package/esm/styles/helpers/satellitePrefixer.js +1 -1
  397. package/esm/styles/rgba.js +1 -2
  398. package/esm/styles/tailwind.config.js +4 -6
  399. package/esm/styles/zIndexes.js +1 -0
  400. package/esm/utils/event-polyfill.js +0 -2
  401. package/esm/utils/formatters.js +12 -16
  402. package/esm/utils/genericChangeHandler.js +0 -2
  403. package/esm/utils/hashCode.js +0 -3
  404. package/esm/utils/isCssPropertySupported.js +0 -2
  405. package/esm/utils/isRenderedChild.js +0 -1
  406. package/esm/utils/matchLocation.js +0 -2
  407. package/esm/utils/onlyText.js +3 -11
  408. package/esm/utils/parseUrl.js +2 -2
  409. package/esm/utils/pluralize.js +2 -5
  410. package/esm/utils/toSentenceCase.js +1 -1
  411. package/esm/utils/uniqBy.js +0 -2
  412. package/esm/utils/useForwardedRef.js +0 -3
  413. package/esm/utils/useLinkProps.js +1 -7
  414. package/esm/utils/useTriggerInputChange.js +2 -3
  415. package/package.json +2 -2
  416. package/satellite.min.css +1 -1
  417. package/scss/colors.scss +16 -16
@@ -1,24 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.EmptyState = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _clsx = _interopRequireDefault(require("clsx"));
13
-
14
10
  var _FlexGrid = _interopRequireDefault(require("../FlexGrid"));
15
-
16
11
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
21
-
22
14
  var CONTAINER_CONTEXT_CLASSNAMES = {
23
15
  result: {
24
16
  medium: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["max-w-xs"]))),
@@ -56,20 +48,19 @@ var ACTIONS_CONTEXT_CLASSNAMES = {
56
48
  feature: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["mt-3"]))),
57
49
  page: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["mt-6 md:flex-row"])))
58
50
  };
59
-
60
51
  var renderEmptyState = function renderEmptyState(_ref) {
61
52
  var title = _ref.title,
62
- description = _ref.description,
63
- actions = _ref.actions,
64
- actionsDirection = _ref.actionsDirection,
65
- medallion = _ref.medallion,
66
- illustration = _ref.illustration,
67
- _ref$usageContext = _ref.usageContext,
68
- usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
69
- _ref$width = _ref.width,
70
- width = _ref$width === void 0 ? "medium" : _ref$width,
71
- _ref$centered = _ref.centered,
72
- centered = _ref$centered === void 0 ? false : _ref$centered;
53
+ description = _ref.description,
54
+ actions = _ref.actions,
55
+ actionsDirection = _ref.actionsDirection,
56
+ medallion = _ref.medallion,
57
+ illustration = _ref.illustration,
58
+ _ref$usageContext = _ref.usageContext,
59
+ usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
60
+ _ref$width = _ref.width,
61
+ width = _ref$width === void 0 ? "medium" : _ref$width,
62
+ _ref$centered = _ref.centered,
63
+ centered = _ref$centered === void 0 ? false : _ref$centered;
73
64
  var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["justify-center text-center lg:flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["justify-between flex-col lg:flex-row"]))));
74
65
  var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
75
66
  var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
@@ -101,6 +92,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
101
92
  })]
102
93
  });
103
94
  };
95
+
104
96
  /**
105
97
  * Empty states are used when a list, table, chart or page has no items or data to show. This is an opportunity to provide explanation or guidance to help users progress. This can also be shown when a features hasn't been enable.
106
98
  *
@@ -125,12 +117,9 @@ var renderEmptyState = function renderEmptyState(_ref) {
125
117
  * - Use illustrations thoughtfully
126
118
  * - Use only one primary call-to-action button
127
119
  */
128
-
129
-
130
120
  var EmptyState = function EmptyState(props) {
131
121
  return renderEmptyState(props);
132
122
  };
133
-
134
123
  exports.EmptyState = EmptyState;
135
124
  var _default = EmptyState;
136
125
  exports["default"] = _default;
@@ -2,7 +2,6 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var emptyStatePlugin = plugin(function (_ref) {
7
6
  var addComponents = _ref.addComponents;
8
7
  // Empty State illustration
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _EmptyState["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _EmptyState = _interopRequireWildcard(require("./EmptyState"));
17
-
18
15
  Object.keys(_EmptyState).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_EmptyState).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _types = require("./types");
31
-
32
27
  Object.keys(_types).forEach(function (key) {
33
28
  if (key === "default" || key === "__esModule") return;
34
29
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,7 +35,5 @@ Object.keys(_types).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
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); }
45
-
46
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; }
@@ -1,32 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = exports.Field = void 0;
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _clsx = _interopRequireDefault(require("clsx"));
15
-
16
11
  var _reactFeather = require("react-feather");
17
-
18
12
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
19
-
20
13
  var _FieldStateContext = _interopRequireWildcard(require("./FieldStateContext"));
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
25
-
26
16
  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
-
28
17
  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; }
29
-
30
18
  /**
31
19
  * 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
32
20
  *
@@ -63,14 +51,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
63
51
  */
64
52
  var Field = function Field(_ref) {
65
53
  var className = _ref.className,
66
- label = _ref.label,
67
- labelFor = _ref.labelFor,
68
- description = _ref.description,
69
- _ref$state = _ref.state,
70
- state = _ref$state === void 0 ? _FieldStateContext.DEFAULT_STATE : _ref$state,
71
- _ref$inline = _ref.inline,
72
- inline = _ref$inline === void 0 ? false : _ref$inline,
73
- children = _ref.children;
54
+ label = _ref.label,
55
+ labelFor = _ref.labelFor,
56
+ description = _ref.description,
57
+ _ref$state = _ref.state,
58
+ state = _ref$state === void 0 ? _FieldStateContext.DEFAULT_STATE : _ref$state,
59
+ _ref$inline = _ref.inline,
60
+ inline = _ref$inline === void 0 ? false : _ref$inline,
61
+ children = _ref.children;
74
62
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldStateContext["default"].Provider, {
75
63
  value: state,
76
64
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -103,7 +91,6 @@ var Field = function Field(_ref) {
103
91
  })
104
92
  });
105
93
  };
106
-
107
94
  exports.Field = Field;
108
95
  var _default = Field;
109
96
  exports["default"] = _default;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.FieldStateContext = exports.DEFAULT_STATE = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var DEFAULT_STATE = {
11
9
  status: "default"
12
10
  };
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Field["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Field = _interopRequireWildcard(require("./Field"));
17
-
18
15
  Object.keys(_Field).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Field).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _FieldStateContext = require("./FieldStateContext");
31
-
32
27
  Object.keys(_FieldStateContext).forEach(function (key) {
33
28
  if (key === "default" || key === "__esModule") return;
34
29
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_FieldStateContext).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  var _useFieldState = require("./useFieldState");
45
-
46
39
  Object.keys(_useFieldState).forEach(function (key) {
47
40
  if (key === "default" || key === "__esModule") return;
48
41
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,7 +47,5 @@ Object.keys(_useFieldState).forEach(function (key) {
54
47
  }
55
48
  });
56
49
  });
57
-
58
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); }
59
-
60
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; }
@@ -1,24 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.useFieldState = exports["default"] = void 0;
9
-
10
8
  var _react = require("react");
11
-
12
9
  var _FieldStateContext = _interopRequireWildcard(require("./FieldStateContext"));
13
-
14
10
  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); }
15
-
16
11
  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; }
17
-
18
12
  var useFieldState = function useFieldState() {
19
13
  return (0, _react.useContext)(_FieldStateContext["default"]) || _FieldStateContext.DEFAULT_STATE;
20
14
  };
21
-
22
15
  exports.useFieldState = useFieldState;
23
16
  var _default = useFieldState;
24
17
  exports["default"] = _default;
package/cjs/Flag/Flag.js CHANGED
@@ -1,83 +1,62 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Flag = void 0;
9
-
10
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
11
  var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
12
  var _react = require("react");
19
-
20
13
  var _reactFeather = require("react-feather");
21
-
22
14
  var _Button = require("../Button");
23
-
24
15
  var _Card = require("../Card");
25
-
26
16
  var _ProgressSpinner = _interopRequireDefault(require("../ProgressSpinner"));
27
-
28
17
  var _Satellite = require("../Satellite");
29
-
30
18
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
31
-
32
19
  var _jsxRuntime = require("react/jsx-runtime");
33
-
34
20
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
35
-
36
21
  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; }
37
-
38
22
  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; }
39
-
40
23
  var DEFAULT_FLAG_LOCALE = {
41
24
  dismissText: "Dismiss"
42
25
  };
43
26
  var VARIANT_CLASSNAMES = {
44
27
  grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["bg-grey-500"]))),
45
28
  accent: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-accent-500"]))),
46
- blue: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-blue-500"]))),
47
- green: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-green-500"]))),
29
+ blue: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-blue-600"]))),
30
+ green: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-green-600"]))),
48
31
  orange: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-orange-500"]))),
49
32
  red: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["bg-red-500"])))
50
33
  };
51
34
  var VARIANT_SPINNER_CLASSNAMES = {
52
35
  grey: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["border-grey-500"]))),
53
36
  accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-500"]))),
54
- blue: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-blue-500"]))),
55
- green: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-green-500"]))),
37
+ blue: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-blue-600"]))),
38
+ green: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-green-600"]))),
56
39
  orange: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["border-orange-500"]))),
57
40
  red: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["border-red-500"])))
58
41
  };
59
-
60
42
  var Flag = function Flag(_ref) {
61
43
  var onDismiss = _ref.onDismiss,
62
- title = _ref.title,
63
- _ref$icon = _ref.icon,
64
- Icon = _ref$icon === void 0 ? _reactFeather.Check : _ref$icon,
65
- _ref$loading = _ref.loading,
66
- loading = _ref$loading === void 0 ? false : _ref$loading,
67
- _ref$variant = _ref.variant,
68
- variant = _ref$variant === void 0 ? "accent" : _ref$variant,
69
- autoDismissAfter = _ref.autoDismissAfter,
70
- propsLocale = _ref.locale,
71
- children = _ref.children;
44
+ title = _ref.title,
45
+ _ref$icon = _ref.icon,
46
+ Icon = _ref$icon === void 0 ? _reactFeather.Check : _ref$icon,
47
+ _ref$loading = _ref.loading,
48
+ loading = _ref$loading === void 0 ? false : _ref$loading,
49
+ _ref$variant = _ref.variant,
50
+ variant = _ref$variant === void 0 ? "accent" : _ref$variant,
51
+ autoDismissAfter = _ref.autoDismissAfter,
52
+ propsLocale = _ref.locale,
53
+ children = _ref.children;
72
54
  var contextLocale = (0, _Satellite.useLocale)("flag");
73
-
74
55
  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_FLAG_LOCALE), contextLocale), propsLocale);
75
-
76
56
  var _useState = (0, _react.useState)(false),
77
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
78
- hovered = _useState2[0],
79
- setHovered = _useState2[1];
80
-
57
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
58
+ hovered = _useState2[0],
59
+ setHovered = _useState2[1];
81
60
  var onDismissRef = (0, _react.useRef)();
82
61
  onDismissRef.current = onDismiss;
83
62
  var hasTitle = title !== undefined;
@@ -85,7 +64,6 @@ var Flag = function Flag(_ref) {
85
64
  if (!autoDismissAfter || hovered) return;
86
65
  var timer = setTimeout(function () {
87
66
  var _onDismissRef$current;
88
-
89
67
  (_onDismissRef$current = onDismissRef.current) === null || _onDismissRef$current === void 0 ? void 0 : _onDismissRef$current.call(onDismissRef);
90
68
  }, autoDismissAfter);
91
69
  return function () {
@@ -134,7 +112,6 @@ var Flag = function Flag(_ref) {
134
112
  })
135
113
  });
136
114
  };
137
-
138
115
  exports.Flag = Flag;
139
116
  var _default = Flag;
140
117
  exports["default"] = _default;
@@ -2,7 +2,6 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var flagPlugin = plugin(function (_ref) {
7
6
  var addComponents = _ref.addComponents;
8
7
  var TRANSITION_TIMEOUT = 500;
package/cjs/Flag/Flags.js CHANGED
@@ -1,37 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.Flags = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
11
  var _reactTransitionGroup = require("react-transition-group");
17
-
18
12
  var _Satellite = require("../Satellite");
19
-
20
13
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
21
-
22
14
  var _Flag = _interopRequireDefault(require("./Flag"));
23
-
24
15
  var _jsxRuntime = require("react/jsx-runtime");
25
-
26
16
  var _excluded = ["content", "id"];
27
-
28
17
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
29
-
30
18
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
31
-
32
19
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
33
-
34
20
  var TRANSITION_TIMEOUT = 500;
21
+
35
22
  /**
36
23
  * Use flags for messages containing confirmations, alerts, and acknowledgments that require minimal user interaction. These event-driven messages appear at the bottom of the screen and overlay any content.
37
24
  * For critical messaging about loss of data or functionality, please use banners.
@@ -69,18 +56,17 @@ var TRANSITION_TIMEOUT = 500;
69
56
  *
70
57
  * When there are multiple flags, they will stack on top of one another with the most recent flag on top. When a user dismisses a flag, any older flags 'below' will come to the top. Careful consideration should be taken to take into account the ordering and priority of flags in the stack. Never use dismissible and non-dismissible flags in a stack as flags that automatically dismiss can do so and not be visible to the user.
71
58
  */
72
-
73
59
  var Flags = function Flags(_ref) {
74
60
  var _ref$notifications = _ref.notifications,
75
- notifications = _ref$notifications === void 0 ? [] : _ref$notifications;
61
+ notifications = _ref$notifications === void 0 ? [] : _ref$notifications;
76
62
  var createPortal = (0, _Satellite.useCreatePortal)();
77
63
  return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.TransitionGroup, {
78
64
  className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["z-notification bottom-0 right-0 fixed flex flex-col items-end p-4"]))),
79
65
  component: "ul",
80
66
  children: notifications.map(function (_ref2) {
81
67
  var content = _ref2.content,
82
- id = _ref2.id,
83
- rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
68
+ id = _ref2.id,
69
+ rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
84
70
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
85
71
  classNames: {
86
72
  enter: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flags_item-enter"]))),
@@ -100,7 +86,6 @@ var Flags = function Flags(_ref) {
100
86
  })
101
87
  }));
102
88
  };
103
-
104
89
  exports.Flags = Flags;
105
90
  var _default = Flags;
106
91
  exports["default"] = _default;
package/cjs/Flag/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Flag["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Flag = _interopRequireWildcard(require("./Flag"));
17
-
18
15
  Object.keys(_Flag).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Flag).forEach(function (key) {
26
23
  }
27
24
  });
28
25
  });
29
-
30
26
  var _Flags = require("./Flags");
31
-
32
27
  Object.keys(_Flags).forEach(function (key) {
33
28
  if (key === "default" || key === "__esModule") return;
34
29
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_Flags).forEach(function (key) {
40
35
  }
41
36
  });
42
37
  });
43
-
44
38
  var _types = require("./types");
45
-
46
39
  Object.keys(_types).forEach(function (key) {
47
40
  if (key === "default" || key === "__esModule") return;
48
41
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,7 +47,5 @@ Object.keys(_types).forEach(function (key) {
54
47
  }
55
48
  });
56
49
  });
57
-
58
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); }
59
-
60
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; }
@@ -1,26 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.FlexGrid = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _clsx = _interopRequireDefault(require("clsx"));
13
-
14
10
  var _react = require("react");
15
-
16
11
  var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
17
-
18
12
  var _isRenderedChild = _interopRequireDefault(require("../utils/isRenderedChild"));
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
23
-
24
15
  var SPACING_CLASSNAMES = {
25
16
  none: "",
26
17
  sm: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-grid-sm"]))),
@@ -47,22 +38,21 @@ var DISTRIBUTION_CLASSNAMES = {
47
38
  fill: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill"]))),
48
39
  fillEvenly: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill-even"])))
49
40
  };
50
-
51
41
  var FlexGrid = function FlexGrid(_ref) {
52
42
  var className = _ref.className,
53
- _ref$direction = _ref.direction,
54
- direction = _ref$direction === void 0 ? "row" : _ref$direction,
55
- _ref$alignment = _ref.alignment,
56
- alignment = _ref$alignment === void 0 ? "leading" : _ref$alignment,
57
- _ref$distribution = _ref.distribution,
58
- distribution = _ref$distribution === void 0 ? "leading" : _ref$distribution,
59
- _ref$spacing = _ref.spacing,
60
- spacing = _ref$spacing === void 0 ? "none" : _ref$spacing,
61
- _ref$inline = _ref.inline,
62
- inline = _ref$inline === void 0 ? false : _ref$inline,
63
- _ref$wrap = _ref.wrap,
64
- wrap = _ref$wrap === void 0 ? false : _ref$wrap,
65
- children = _ref.children;
43
+ _ref$direction = _ref.direction,
44
+ direction = _ref$direction === void 0 ? "row" : _ref$direction,
45
+ _ref$alignment = _ref.alignment,
46
+ alignment = _ref$alignment === void 0 ? "leading" : _ref$alignment,
47
+ _ref$distribution = _ref.distribution,
48
+ distribution = _ref$distribution === void 0 ? "leading" : _ref$distribution,
49
+ _ref$spacing = _ref.spacing,
50
+ spacing = _ref$spacing === void 0 ? "none" : _ref$spacing,
51
+ _ref$inline = _ref.inline,
52
+ inline = _ref$inline === void 0 ? false : _ref$inline,
53
+ _ref$wrap = _ref.wrap,
54
+ wrap = _ref$wrap === void 0 ? false : _ref$wrap,
55
+ children = _ref.children;
66
56
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
67
57
  className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inline"]))), className),
68
58
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -75,7 +65,6 @@ var FlexGrid = function FlexGrid(_ref) {
75
65
  })
76
66
  });
77
67
  };
78
-
79
68
  exports.FlexGrid = FlexGrid;
80
69
  var _default = FlexGrid;
81
70
  exports["default"] = _default;
@@ -1,30 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
6
-
7
5
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
-
9
6
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
-
11
7
  // @ts-check
12
8
  var plugin = require("tailwindcss/plugin");
9
+
13
10
  /**
14
11
  * @param {string} value
15
12
  */
16
-
17
-
18
13
  var negate = function negate(value) {
19
14
  return "-".concat(value);
20
15
  };
16
+
21
17
  /**
22
18
  * Generate the base styles for this iteration of grid spacing
23
19
  * @param {string} spacing
24
20
  * @returns {object}
25
21
  */
26
-
27
-
28
22
  var generateSpacing = function generateSpacing(spacing) {
29
23
  return {
30
24
  marginLeft: negate(spacing),
@@ -35,14 +29,13 @@ var generateSpacing = function generateSpacing(spacing) {
35
29
  }
36
30
  };
37
31
  };
32
+
38
33
  /**
39
34
  * Taking some heavy pointers from Polaris https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.scss#L1 🙇🏻‍♂️
40
35
  **/
41
-
42
-
43
36
  var flexGridPlugin = plugin(function (_ref) {
44
37
  var addComponents = _ref.addComponents,
45
- theme = _ref.theme;
38
+ theme = _ref.theme;
46
39
  addComponents({
47
40
  ".flex-grid-inline": {
48
41
  display: "inline-block"