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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (411) hide show
  1. package/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
  2. package/cjs/AnnouncementBadge/index.js +0 -5
  3. package/cjs/AutoComplete/AutoComplete.js +68 -163
  4. package/cjs/AutoComplete/AutoComplete.tailwind.js +2 -5
  5. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +5 -14
  6. package/cjs/AutoComplete/components/DefaultOptionItem.js +2 -11
  7. package/cjs/AutoComplete/index.js +0 -11
  8. package/cjs/AutoComplete/utils.js +0 -8
  9. package/cjs/Avatars/ApplicationAvatar.js +3 -13
  10. package/cjs/Avatars/UserAvatar.js +6 -20
  11. package/cjs/Avatars/index.js +0 -7
  12. package/cjs/Avatars/utils.js +6 -37
  13. package/cjs/Badge/Badge.js +13 -36
  14. package/cjs/Badge/index.js +0 -5
  15. package/cjs/Banners/Alert/Alert.js +18 -28
  16. package/cjs/Banners/Alert/index.js +0 -5
  17. package/cjs/Banners/BigBertha/BigBertha.js +1 -9
  18. package/cjs/Banners/BigBertha/index.js +0 -5
  19. package/cjs/Banners/Promote/Promote.js +8 -19
  20. package/cjs/Banners/Promote/index.js +0 -5
  21. package/cjs/Banners/index.js +0 -6
  22. package/cjs/Button/Button.js +13 -33
  23. package/cjs/Button/Button.tailwind.js +3 -5
  24. package/cjs/Button/ButtonGroup.js +3 -11
  25. package/cjs/Button/IconButton.js +12 -35
  26. package/cjs/Button/index.js +0 -11
  27. package/cjs/Button/styles.js +1 -10
  28. package/cjs/Button/types.js +0 -1
  29. package/cjs/Card/Card.js +6 -21
  30. package/cjs/Card/Card.tailwind.js +1 -2
  31. package/cjs/Card/components/CardHeader.js +1 -14
  32. package/cjs/Card/components/CardTitle.js +2 -15
  33. package/cjs/Card/index.js +0 -9
  34. package/cjs/Checkbox/Checkbox.js +14 -38
  35. package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
  36. package/cjs/Checkbox/index.js +0 -5
  37. package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
  38. package/cjs/ClickAwayContainer/index.js +0 -2
  39. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
  40. package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
  41. package/cjs/DatePicker/DatePicker/index.js +0 -7
  42. package/cjs/DatePicker/DatePicker.tailwind.js +2 -12
  43. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
  44. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
  45. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -28
  46. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
  47. package/cjs/DatePicker/DateRangePicker/index.js +0 -9
  48. package/cjs/DatePicker/components/Calendar.js +5 -16
  49. package/cjs/DatePicker/components/Display.js +3 -9
  50. package/cjs/DatePicker/components/Footer.js +0 -7
  51. package/cjs/DatePicker/components/FooterActions.js +3 -11
  52. package/cjs/DatePicker/components/Modal.js +17 -39
  53. package/cjs/DatePicker/components/NavBar.js +12 -34
  54. package/cjs/DatePicker/components/SidePanel.js +0 -7
  55. package/cjs/DatePicker/components/index.js +0 -7
  56. package/cjs/DatePicker/index.js +0 -9
  57. package/cjs/DatePicker/utils.js +0 -4
  58. package/cjs/Dropdown/Dropdown.js +23 -58
  59. package/cjs/Dropdown/DropdownButton.js +3 -20
  60. package/cjs/Dropdown/DropdownContext.js +0 -6
  61. package/cjs/Dropdown/components/DropdownButtonItem.js +5 -21
  62. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
  63. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
  64. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
  65. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
  66. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
  67. package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
  68. package/cjs/Dropdown/components/DropdownDivider.js +0 -7
  69. package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
  70. package/cjs/Dropdown/components/DropdownLinkItem.js +6 -23
  71. package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
  72. package/cjs/Dropdown/components/DropdownTitle.js +1 -14
  73. package/cjs/Dropdown/components/DropdownToggleItem.js +5 -22
  74. package/cjs/Dropdown/index.js +0 -27
  75. package/cjs/Dropdown/useDropdownItemProps.js +1 -14
  76. package/cjs/Dropzone/Dropzone.js +27 -62
  77. package/cjs/Dropzone/index.js +0 -5
  78. package/cjs/EmptyState/EmptyState.js +12 -23
  79. package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
  80. package/cjs/EmptyState/index.js +0 -7
  81. package/cjs/Field/Field.js +8 -21
  82. package/cjs/Field/FieldStateContext.js +0 -2
  83. package/cjs/Field/index.js +0 -9
  84. package/cjs/Field/useFieldState.js +0 -7
  85. package/cjs/Flag/Flag.js +17 -40
  86. package/cjs/Flag/Flag.tailwind.js +0 -1
  87. package/cjs/Flag/Flags.js +4 -19
  88. package/cjs/Flag/index.js +0 -9
  89. package/cjs/FlexGrid/FlexGrid.js +13 -24
  90. package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
  91. package/cjs/FlexGrid/index.js +0 -5
  92. package/cjs/HelpUnderline/HelpUnderline.js +5 -14
  93. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
  94. package/cjs/HelpUnderline/index.js +0 -5
  95. package/cjs/Input/Input.js +26 -70
  96. package/cjs/Input/Input.tailwind.js +1 -4
  97. package/cjs/Input/index.js +0 -5
  98. package/cjs/Insert/Insert.js +7 -17
  99. package/cjs/Insert/index.js +0 -5
  100. package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
  101. package/cjs/KeyboardKey/KeyboardKey.js +1 -12
  102. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
  103. package/cjs/KeyboardKey/index.js +0 -2
  104. package/cjs/Link/BaseLink.js +2 -12
  105. package/cjs/Link/ButtonLink.js +3 -17
  106. package/cjs/Link/IconButtonLink.js +2 -13
  107. package/cjs/Link/Link.js +6 -23
  108. package/cjs/Link/index.js +0 -11
  109. package/cjs/Medallion/Medallion.js +5 -14
  110. package/cjs/Medallion/Medallion.tailwind.js +3 -6
  111. package/cjs/Medallion/index.js +0 -7
  112. package/cjs/Modal/Modal.js +21 -57
  113. package/cjs/Modal/Modal.tailwind.js +3 -3
  114. package/cjs/Modal/components/ModalFooter.js +2 -16
  115. package/cjs/Modal/components/ModalSection.js +3 -11
  116. package/cjs/Modal/index.js +0 -9
  117. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
  118. package/cjs/Pagination/CompactPagination/index.js +0 -5
  119. package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
  120. package/cjs/Pagination/DotPagination/index.js +0 -5
  121. package/cjs/Pagination/Pagination/Pagination.js +9 -34
  122. package/cjs/Pagination/Pagination/index.js +0 -5
  123. package/cjs/Pagination/index.js +0 -9
  124. package/cjs/ProgressBar/ProgressBar.js +3 -16
  125. package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
  126. package/cjs/ProgressBar/index.js +0 -5
  127. package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
  128. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
  129. package/cjs/ProgressSpinner/index.js +0 -5
  130. package/cjs/RadioGroup/RadioButton.js +1 -14
  131. package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
  132. package/cjs/RadioGroup/RadioGroup.js +19 -38
  133. package/cjs/RadioGroup/RadiogroupContext.js +0 -6
  134. package/cjs/RadioGroup/index.js +0 -9
  135. package/cjs/RangeSlider/RangeSlider.js +26 -43
  136. package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
  137. package/cjs/RangeSlider/index.js +0 -5
  138. package/cjs/Satellite/Satellite.js +4 -10
  139. package/cjs/Satellite/SatelliteContext.js +0 -9
  140. package/cjs/Satellite/SatelliteRouter.js +2 -9
  141. package/cjs/Satellite/index.js +0 -13
  142. package/cjs/Satellite/locale.js +1 -7
  143. package/cjs/Satellite/useCreatePortal.js +2 -8
  144. package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
  145. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
  146. package/cjs/ScrollIndicator/index.js +0 -5
  147. package/cjs/Select/Select.js +4 -17
  148. package/cjs/Select/Select.tailwind.js +2 -5
  149. package/cjs/Select/index.js +0 -5
  150. package/cjs/Sidebar/Sidebar.js +11 -30
  151. package/cjs/Sidebar/SidebarButtonLink.js +10 -30
  152. package/cjs/Sidebar/SidebarContext.js +0 -6
  153. package/cjs/Sidebar/SidebarHeader.js +1 -9
  154. package/cjs/Sidebar/SidebarHeading.js +3 -14
  155. package/cjs/Sidebar/SidebarLink.js +5 -20
  156. package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
  157. package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
  158. package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -31
  159. package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
  160. package/cjs/Sidebar/SidebarNav.js +5 -16
  161. package/cjs/Sidebar/index.js +0 -17
  162. package/cjs/Switch/Switch.js +15 -36
  163. package/cjs/Switch/Switch.tailwind.js +1 -2
  164. package/cjs/Switch/SwitchOption.js +2 -15
  165. package/cjs/Switch/index.js +0 -7
  166. package/cjs/Switch/utils.js +0 -9
  167. package/cjs/Tables/DataTable/DataTable.js +28 -70
  168. package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
  169. package/cjs/Tables/DataTable/components/Body.js +14 -33
  170. package/cjs/Tables/DataTable/components/Footer.js +1 -17
  171. package/cjs/Tables/DataTable/components/Header.js +5 -12
  172. package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
  173. package/cjs/Tables/DataTable/components/Loader.js +4 -17
  174. package/cjs/Tables/DataTable/components/index.js +0 -10
  175. package/cjs/Tables/DataTable/index.js +0 -7
  176. package/cjs/Tables/DataTable/utils.js +0 -9
  177. package/cjs/Tables/Table/Table.js +7 -21
  178. package/cjs/Tables/Table/Table.tailwind.js +1 -2
  179. package/cjs/Tables/Table/components/TableFooter.js +2 -10
  180. package/cjs/Tables/Table/index.js +0 -7
  181. package/cjs/Tables/index.js +0 -7
  182. package/cjs/Tabs/ContentTabs.js +10 -21
  183. package/cjs/Tabs/LinkTabs.js +5 -18
  184. package/cjs/Tabs/Tabs.tailwind.js +1 -2
  185. package/cjs/Tabs/components/LinkTab.js +2 -27
  186. package/cjs/Tabs/index.js +0 -9
  187. package/cjs/Tabs/utils.js +0 -5
  188. package/cjs/Tag/Tag.js +7 -26
  189. package/cjs/Tag/Tag.tailwind.js +1 -2
  190. package/cjs/Tag/index.js +0 -5
  191. package/cjs/TextArea/TextArea.js +1 -14
  192. package/cjs/TextArea/TextArea.tailwind.js +1 -4
  193. package/cjs/TextArea/index.js +0 -5
  194. package/cjs/TextWrap/TextWrap.js +3 -18
  195. package/cjs/TextWrap/index.js +0 -5
  196. package/cjs/Toggle/Toggle.js +6 -27
  197. package/cjs/Toggle/Toggle.tailwind.js +1 -3
  198. package/cjs/Toggle/index.js +0 -5
  199. package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
  200. package/cjs/Tooltip/Tooltip.js +4 -17
  201. package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
  202. package/cjs/Tooltip/TooltipWrapper.js +43 -71
  203. package/cjs/Tooltip/index.js +0 -9
  204. package/cjs/Typography/Typography.tailwind.js +12 -18
  205. package/cjs/UserContent/UserContent.js +3 -11
  206. package/cjs/UserContent/UserContent.tailwind.js +2 -11
  207. package/cjs/index.js +0 -89
  208. package/cjs/styles/base.tailwind.js +7 -7
  209. package/cjs/styles/colors.js +7 -7
  210. package/cjs/styles/disabledColor.js +1 -4
  211. package/cjs/styles/helpers/icons.js +5 -11
  212. package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
  213. package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
  214. package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
  215. package/cjs/styles/helpers/satellitePrefixer.js +1 -2
  216. package/cjs/styles/rgba.js +1 -3
  217. package/cjs/styles/tailwind.config.js +4 -11
  218. package/cjs/styles/zIndexes.js +1 -0
  219. package/cjs/utilities/utilities.tailwind.js +0 -3
  220. package/cjs/utils/event-polyfill.js +0 -2
  221. package/cjs/utils/formatters.js +12 -19
  222. package/cjs/utils/genericChangeHandler.js +0 -6
  223. package/cjs/utils/hashCode.js +0 -5
  224. package/cjs/utils/index.js +0 -7
  225. package/cjs/utils/isCssPropertySupported.js +0 -3
  226. package/cjs/utils/isNil.js +0 -2
  227. package/cjs/utils/isRenderedChild.js +0 -2
  228. package/cjs/utils/matchLocation.js +0 -4
  229. package/cjs/utils/onlyText.js +3 -12
  230. package/cjs/utils/parseUrl.js +2 -4
  231. package/cjs/utils/pluralize.js +2 -7
  232. package/cjs/utils/range.js +0 -2
  233. package/cjs/utils/toSentenceCase.js +0 -4
  234. package/cjs/utils/uniqBy.js +0 -4
  235. package/cjs/utils/uniqueId.js +0 -2
  236. package/cjs/utils/useForwardedRef.js +0 -6
  237. package/cjs/utils/useLinkProps.js +1 -13
  238. package/cjs/utils/useTriggerInputChange.js +2 -4
  239. package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
  240. package/esm/AutoComplete/AutoComplete.js +68 -158
  241. package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
  242. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
  243. package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
  244. package/esm/AutoComplete/utils.js +0 -2
  245. package/esm/Avatars/ApplicationAvatar.js +3 -6
  246. package/esm/Avatars/UserAvatar.js +6 -12
  247. package/esm/Avatars/utils.js +7 -23
  248. package/esm/Badge/Badge.js +13 -28
  249. package/esm/Banners/Alert/Alert.js +18 -20
  250. package/esm/Banners/BigBertha/BigBertha.js +1 -4
  251. package/esm/Banners/Promote/Promote.js +8 -10
  252. package/esm/Button/Button.js +13 -21
  253. package/esm/Button/Button.tailwind.js +3 -2
  254. package/esm/Button/ButtonGroup.js +3 -6
  255. package/esm/Button/IconButton.js +12 -22
  256. package/esm/Button/styles.js +1 -5
  257. package/esm/Card/Card.js +6 -12
  258. package/esm/Card/Card.tailwind.js +1 -1
  259. package/esm/Card/components/CardHeader.js +1 -7
  260. package/esm/Card/components/CardTitle.js +2 -8
  261. package/esm/Checkbox/Checkbox.js +14 -28
  262. package/esm/Checkbox/Checkbox.tailwind.js +1 -1
  263. package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
  264. package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
  265. package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
  266. package/esm/DatePicker/DatePicker.tailwind.js +2 -9
  267. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
  268. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
  269. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
  270. package/esm/DatePicker/components/Calendar.js +5 -10
  271. package/esm/DatePicker/components/Display.js +3 -5
  272. package/esm/DatePicker/components/Footer.js +0 -4
  273. package/esm/DatePicker/components/FooterActions.js +3 -7
  274. package/esm/DatePicker/components/Modal.js +17 -27
  275. package/esm/DatePicker/components/NavBar.js +12 -22
  276. package/esm/DatePicker/components/SidePanel.js +0 -4
  277. package/esm/Dropdown/Dropdown.js +23 -34
  278. package/esm/Dropdown/DropdownButton.js +3 -11
  279. package/esm/Dropdown/DropdownContext.js +0 -2
  280. package/esm/Dropdown/components/DropdownButtonItem.js +5 -12
  281. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
  282. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
  283. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
  284. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  285. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  286. package/esm/Dropdown/components/DropdownDivider.js +0 -2
  287. package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
  288. package/esm/Dropdown/components/DropdownLinkItem.js +6 -13
  289. package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
  290. package/esm/Dropdown/components/DropdownTitle.js +1 -7
  291. package/esm/Dropdown/components/DropdownToggleItem.js +5 -12
  292. package/esm/Dropdown/useDropdownItemProps.js +1 -7
  293. package/esm/Dropzone/Dropzone.js +27 -45
  294. package/esm/EmptyState/EmptyState.js +12 -16
  295. package/esm/Field/Field.js +8 -11
  296. package/esm/Flag/Flag.js +17 -25
  297. package/esm/Flag/Flags.js +4 -9
  298. package/esm/FlexGrid/FlexGrid.js +13 -15
  299. package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
  300. package/esm/HelpUnderline/HelpUnderline.js +5 -7
  301. package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
  302. package/esm/Input/Input.js +26 -54
  303. package/esm/Input/Input.tailwind.js +1 -1
  304. package/esm/Insert/Insert.js +7 -11
  305. package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
  306. package/esm/KeyboardKey/KeyboardKey.js +1 -3
  307. package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
  308. package/esm/Link/BaseLink.js +2 -6
  309. package/esm/Link/ButtonLink.js +3 -9
  310. package/esm/Link/IconButtonLink.js +2 -6
  311. package/esm/Link/Link.js +6 -14
  312. package/esm/Medallion/Medallion.js +5 -7
  313. package/esm/Medallion/Medallion.tailwind.js +3 -2
  314. package/esm/Modal/Modal.js +21 -38
  315. package/esm/Modal/Modal.tailwind.js +3 -2
  316. package/esm/Modal/components/ModalFooter.js +2 -8
  317. package/esm/Modal/components/ModalSection.js +3 -5
  318. package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
  319. package/esm/Pagination/DotPagination/DotPagination.js +5 -11
  320. package/esm/Pagination/Pagination/Pagination.js +9 -21
  321. package/esm/ProgressBar/ProgressBar.js +3 -10
  322. package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
  323. package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
  324. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
  325. package/esm/RadioGroup/RadioButton.js +1 -7
  326. package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
  327. package/esm/RadioGroup/RadioGroup.js +19 -25
  328. package/esm/RadioGroup/RadiogroupContext.js +0 -2
  329. package/esm/RangeSlider/RangeSlider.js +26 -35
  330. package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
  331. package/esm/Satellite/Satellite.js +4 -4
  332. package/esm/Satellite/SatelliteContext.js +0 -3
  333. package/esm/Satellite/SatelliteRouter.js +2 -4
  334. package/esm/Satellite/locale.js +1 -2
  335. package/esm/Satellite/useCreatePortal.js +2 -2
  336. package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
  337. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
  338. package/esm/Select/Select.js +4 -9
  339. package/esm/Select/Select.tailwind.js +2 -2
  340. package/esm/Sidebar/Sidebar.js +11 -17
  341. package/esm/Sidebar/SidebarButtonLink.js +10 -20
  342. package/esm/Sidebar/SidebarContext.js +0 -2
  343. package/esm/Sidebar/SidebarHeader.js +1 -3
  344. package/esm/Sidebar/SidebarHeading.js +3 -7
  345. package/esm/Sidebar/SidebarLink.js +5 -11
  346. package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
  347. package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
  348. package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -18
  349. package/esm/Sidebar/SidebarNav.js +5 -9
  350. package/esm/Switch/Switch.js +15 -24
  351. package/esm/Switch/Switch.tailwind.js +1 -1
  352. package/esm/Switch/SwitchOption.js +2 -6
  353. package/esm/Tables/DataTable/DataTable.js +28 -49
  354. package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
  355. package/esm/Tables/DataTable/components/Body.js +14 -23
  356. package/esm/Tables/DataTable/components/Footer.js +1 -8
  357. package/esm/Tables/DataTable/components/Header.js +5 -6
  358. package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
  359. package/esm/Tables/DataTable/components/Loader.js +4 -8
  360. package/esm/Tables/DataTable/utils.js +0 -1
  361. package/esm/Tables/Table/Table.js +7 -14
  362. package/esm/Tables/Table/Table.tailwind.js +1 -1
  363. package/esm/Tables/Table/components/TableFooter.js +2 -4
  364. package/esm/Tabs/ContentTabs.js +10 -12
  365. package/esm/Tabs/LinkTabs.js +5 -7
  366. package/esm/Tabs/Tabs.tailwind.js +1 -1
  367. package/esm/Tabs/components/LinkTab.js +2 -18
  368. package/esm/Tabs/utils.js +0 -2
  369. package/esm/Tag/Tag.js +7 -16
  370. package/esm/Tag/Tag.tailwind.js +1 -1
  371. package/esm/TextArea/TextArea.js +1 -7
  372. package/esm/TextArea/TextArea.tailwind.js +1 -1
  373. package/esm/TextWrap/TextWrap.js +3 -11
  374. package/esm/Toggle/Toggle.js +6 -19
  375. package/esm/Toggle/Toggle.tailwind.js +1 -1
  376. package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
  377. package/esm/Tooltip/Tooltip.js +4 -9
  378. package/esm/Tooltip/Tooltip.tailwind.js +3 -4
  379. package/esm/Tooltip/TooltipWrapper.js +43 -56
  380. package/esm/Typography/Typography.tailwind.js +12 -15
  381. package/esm/UserContent/UserContent.js +3 -5
  382. package/esm/UserContent/UserContent.tailwind.js +2 -7
  383. package/esm/styles/base.tailwind.js +7 -6
  384. package/esm/styles/colors.js +7 -7
  385. package/esm/styles/disabledColor.js +1 -2
  386. package/esm/styles/helpers/icons.js +5 -8
  387. package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
  388. package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
  389. package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
  390. package/esm/styles/helpers/satellitePrefixer.js +1 -1
  391. package/esm/styles/rgba.js +1 -2
  392. package/esm/styles/tailwind.config.js +4 -6
  393. package/esm/styles/zIndexes.js +1 -0
  394. package/esm/utils/event-polyfill.js +0 -2
  395. package/esm/utils/formatters.js +12 -16
  396. package/esm/utils/genericChangeHandler.js +0 -2
  397. package/esm/utils/hashCode.js +0 -3
  398. package/esm/utils/isCssPropertySupported.js +0 -2
  399. package/esm/utils/isRenderedChild.js +0 -1
  400. package/esm/utils/matchLocation.js +0 -2
  401. package/esm/utils/onlyText.js +3 -11
  402. package/esm/utils/parseUrl.js +2 -2
  403. package/esm/utils/pluralize.js +2 -5
  404. package/esm/utils/toSentenceCase.js +1 -1
  405. package/esm/utils/uniqBy.js +0 -2
  406. package/esm/utils/useForwardedRef.js +0 -3
  407. package/esm/utils/useLinkProps.js +1 -7
  408. package/esm/utils/useTriggerInputChange.js +2 -3
  409. package/package.json +1 -1
  410. package/satellite.min.css +1 -1
  411. package/scss/colors.scss +16 -16
package/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
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
  });
@@ -35,9 +34,7 @@ Object.defineProperty(exports, "stl", {
35
34
  return _satellitePrefixer["default"];
36
35
  }
37
36
  });
38
-
39
37
  var _types = require("./types");
40
-
41
38
  Object.keys(_types).forEach(function (key) {
42
39
  if (key === "default" || key === "__esModule") return;
43
40
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -49,17 +46,11 @@ Object.keys(_types).forEach(function (key) {
49
46
  }
50
47
  });
51
48
  });
52
-
53
49
  var _colors = _interopRequireDefault(require("./styles/colors"));
54
-
55
50
  var _brandColors = _interopRequireDefault(require("./styles/brandColors"));
56
-
57
51
  var _satellitePrefixer = _interopRequireDefault(require("./styles/helpers/satellitePrefixer"));
58
-
59
52
  var _makePurgeCssExtractor = _interopRequireDefault(require("./styles/helpers/makePurgeCssExtractor"));
60
-
61
53
  var _parseUrl = require("./utils/parseUrl");
62
-
63
54
  Object.keys(_parseUrl).forEach(function (key) {
64
55
  if (key === "default" || key === "__esModule") return;
65
56
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -71,9 +62,7 @@ Object.keys(_parseUrl).forEach(function (key) {
71
62
  }
72
63
  });
73
64
  });
74
-
75
65
  var _AnnouncementBadge = require("./AnnouncementBadge");
76
-
77
66
  Object.keys(_AnnouncementBadge).forEach(function (key) {
78
67
  if (key === "default" || key === "__esModule") return;
79
68
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -85,9 +74,7 @@ Object.keys(_AnnouncementBadge).forEach(function (key) {
85
74
  }
86
75
  });
87
76
  });
88
-
89
77
  var _AutoComplete = require("./AutoComplete");
90
-
91
78
  Object.keys(_AutoComplete).forEach(function (key) {
92
79
  if (key === "default" || key === "__esModule") return;
93
80
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -99,9 +86,7 @@ Object.keys(_AutoComplete).forEach(function (key) {
99
86
  }
100
87
  });
101
88
  });
102
-
103
89
  var _Avatars = require("./Avatars");
104
-
105
90
  Object.keys(_Avatars).forEach(function (key) {
106
91
  if (key === "default" || key === "__esModule") return;
107
92
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -113,9 +98,7 @@ Object.keys(_Avatars).forEach(function (key) {
113
98
  }
114
99
  });
115
100
  });
116
-
117
101
  var _Badge = require("./Badge");
118
-
119
102
  Object.keys(_Badge).forEach(function (key) {
120
103
  if (key === "default" || key === "__esModule") return;
121
104
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -127,9 +110,7 @@ Object.keys(_Badge).forEach(function (key) {
127
110
  }
128
111
  });
129
112
  });
130
-
131
113
  var _Banners = require("./Banners");
132
-
133
114
  Object.keys(_Banners).forEach(function (key) {
134
115
  if (key === "default" || key === "__esModule") return;
135
116
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -141,9 +122,7 @@ Object.keys(_Banners).forEach(function (key) {
141
122
  }
142
123
  });
143
124
  });
144
-
145
125
  var _Button = require("./Button");
146
-
147
126
  Object.keys(_Button).forEach(function (key) {
148
127
  if (key === "default" || key === "__esModule") return;
149
128
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -155,9 +134,7 @@ Object.keys(_Button).forEach(function (key) {
155
134
  }
156
135
  });
157
136
  });
158
-
159
137
  var _Card = require("./Card");
160
-
161
138
  Object.keys(_Card).forEach(function (key) {
162
139
  if (key === "default" || key === "__esModule") return;
163
140
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -169,9 +146,7 @@ Object.keys(_Card).forEach(function (key) {
169
146
  }
170
147
  });
171
148
  });
172
-
173
149
  var _Checkbox = require("./Checkbox");
174
-
175
150
  Object.keys(_Checkbox).forEach(function (key) {
176
151
  if (key === "default" || key === "__esModule") return;
177
152
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -183,9 +158,7 @@ Object.keys(_Checkbox).forEach(function (key) {
183
158
  }
184
159
  });
185
160
  });
186
-
187
161
  var _ClickAwayContainer = require("./ClickAwayContainer");
188
-
189
162
  Object.keys(_ClickAwayContainer).forEach(function (key) {
190
163
  if (key === "default" || key === "__esModule") return;
191
164
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -197,9 +170,7 @@ Object.keys(_ClickAwayContainer).forEach(function (key) {
197
170
  }
198
171
  });
199
172
  });
200
-
201
173
  var _DatePicker = require("./DatePicker");
202
-
203
174
  Object.keys(_DatePicker).forEach(function (key) {
204
175
  if (key === "default" || key === "__esModule") return;
205
176
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -211,9 +182,7 @@ Object.keys(_DatePicker).forEach(function (key) {
211
182
  }
212
183
  });
213
184
  });
214
-
215
185
  var _Dropdown = require("./Dropdown");
216
-
217
186
  Object.keys(_Dropdown).forEach(function (key) {
218
187
  if (key === "default" || key === "__esModule") return;
219
188
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -225,9 +194,7 @@ Object.keys(_Dropdown).forEach(function (key) {
225
194
  }
226
195
  });
227
196
  });
228
-
229
197
  var _Dropzone = require("./Dropzone");
230
-
231
198
  Object.keys(_Dropzone).forEach(function (key) {
232
199
  if (key === "default" || key === "__esModule") return;
233
200
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -239,9 +206,7 @@ Object.keys(_Dropzone).forEach(function (key) {
239
206
  }
240
207
  });
241
208
  });
242
-
243
209
  var _EmptyState = require("./EmptyState");
244
-
245
210
  Object.keys(_EmptyState).forEach(function (key) {
246
211
  if (key === "default" || key === "__esModule") return;
247
212
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -253,9 +218,7 @@ Object.keys(_EmptyState).forEach(function (key) {
253
218
  }
254
219
  });
255
220
  });
256
-
257
221
  var _Field = require("./Field");
258
-
259
222
  Object.keys(_Field).forEach(function (key) {
260
223
  if (key === "default" || key === "__esModule") return;
261
224
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -267,9 +230,7 @@ Object.keys(_Field).forEach(function (key) {
267
230
  }
268
231
  });
269
232
  });
270
-
271
233
  var _Flag = require("./Flag");
272
-
273
234
  Object.keys(_Flag).forEach(function (key) {
274
235
  if (key === "default" || key === "__esModule") return;
275
236
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -281,9 +242,7 @@ Object.keys(_Flag).forEach(function (key) {
281
242
  }
282
243
  });
283
244
  });
284
-
285
245
  var _FlexGrid = require("./FlexGrid");
286
-
287
246
  Object.keys(_FlexGrid).forEach(function (key) {
288
247
  if (key === "default" || key === "__esModule") return;
289
248
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -295,9 +254,7 @@ Object.keys(_FlexGrid).forEach(function (key) {
295
254
  }
296
255
  });
297
256
  });
298
-
299
257
  var _HelpUnderline = require("./HelpUnderline");
300
-
301
258
  Object.keys(_HelpUnderline).forEach(function (key) {
302
259
  if (key === "default" || key === "__esModule") return;
303
260
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -309,9 +266,7 @@ Object.keys(_HelpUnderline).forEach(function (key) {
309
266
  }
310
267
  });
311
268
  });
312
-
313
269
  var _Input = require("./Input");
314
-
315
270
  Object.keys(_Input).forEach(function (key) {
316
271
  if (key === "default" || key === "__esModule") return;
317
272
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -323,9 +278,7 @@ Object.keys(_Input).forEach(function (key) {
323
278
  }
324
279
  });
325
280
  });
326
-
327
281
  var _Insert = require("./Insert");
328
-
329
282
  Object.keys(_Insert).forEach(function (key) {
330
283
  if (key === "default" || key === "__esModule") return;
331
284
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -337,9 +290,7 @@ Object.keys(_Insert).forEach(function (key) {
337
290
  }
338
291
  });
339
292
  });
340
-
341
293
  var _KeyboardKey = require("./KeyboardKey");
342
-
343
294
  Object.keys(_KeyboardKey).forEach(function (key) {
344
295
  if (key === "default" || key === "__esModule") return;
345
296
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -351,9 +302,7 @@ Object.keys(_KeyboardKey).forEach(function (key) {
351
302
  }
352
303
  });
353
304
  });
354
-
355
305
  var _Link = require("./Link");
356
-
357
306
  Object.keys(_Link).forEach(function (key) {
358
307
  if (key === "default" || key === "__esModule") return;
359
308
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -365,9 +314,7 @@ Object.keys(_Link).forEach(function (key) {
365
314
  }
366
315
  });
367
316
  });
368
-
369
317
  var _Medallion = require("./Medallion");
370
-
371
318
  Object.keys(_Medallion).forEach(function (key) {
372
319
  if (key === "default" || key === "__esModule") return;
373
320
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -379,9 +326,7 @@ Object.keys(_Medallion).forEach(function (key) {
379
326
  }
380
327
  });
381
328
  });
382
-
383
329
  var _Modal = require("./Modal");
384
-
385
330
  Object.keys(_Modal).forEach(function (key) {
386
331
  if (key === "default" || key === "__esModule") return;
387
332
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -393,9 +338,7 @@ Object.keys(_Modal).forEach(function (key) {
393
338
  }
394
339
  });
395
340
  });
396
-
397
341
  var _Pagination = require("./Pagination");
398
-
399
342
  Object.keys(_Pagination).forEach(function (key) {
400
343
  if (key === "default" || key === "__esModule") return;
401
344
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -407,9 +350,7 @@ Object.keys(_Pagination).forEach(function (key) {
407
350
  }
408
351
  });
409
352
  });
410
-
411
353
  var _ProgressBar = require("./ProgressBar");
412
-
413
354
  Object.keys(_ProgressBar).forEach(function (key) {
414
355
  if (key === "default" || key === "__esModule") return;
415
356
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -421,9 +362,7 @@ Object.keys(_ProgressBar).forEach(function (key) {
421
362
  }
422
363
  });
423
364
  });
424
-
425
365
  var _ProgressSpinner = require("./ProgressSpinner");
426
-
427
366
  Object.keys(_ProgressSpinner).forEach(function (key) {
428
367
  if (key === "default" || key === "__esModule") return;
429
368
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -435,9 +374,7 @@ Object.keys(_ProgressSpinner).forEach(function (key) {
435
374
  }
436
375
  });
437
376
  });
438
-
439
377
  var _RadioGroup = require("./RadioGroup");
440
-
441
378
  Object.keys(_RadioGroup).forEach(function (key) {
442
379
  if (key === "default" || key === "__esModule") return;
443
380
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -449,9 +386,7 @@ Object.keys(_RadioGroup).forEach(function (key) {
449
386
  }
450
387
  });
451
388
  });
452
-
453
389
  var _RangeSlider = require("./RangeSlider");
454
-
455
390
  Object.keys(_RangeSlider).forEach(function (key) {
456
391
  if (key === "default" || key === "__esModule") return;
457
392
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -463,9 +398,7 @@ Object.keys(_RangeSlider).forEach(function (key) {
463
398
  }
464
399
  });
465
400
  });
466
-
467
401
  var _ScrollIndicator = require("./ScrollIndicator");
468
-
469
402
  Object.keys(_ScrollIndicator).forEach(function (key) {
470
403
  if (key === "default" || key === "__esModule") return;
471
404
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -477,9 +410,7 @@ Object.keys(_ScrollIndicator).forEach(function (key) {
477
410
  }
478
411
  });
479
412
  });
480
-
481
413
  var _Satellite = require("./Satellite");
482
-
483
414
  Object.keys(_Satellite).forEach(function (key) {
484
415
  if (key === "default" || key === "__esModule") return;
485
416
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -491,9 +422,7 @@ Object.keys(_Satellite).forEach(function (key) {
491
422
  }
492
423
  });
493
424
  });
494
-
495
425
  var _Select = require("./Select");
496
-
497
426
  Object.keys(_Select).forEach(function (key) {
498
427
  if (key === "default" || key === "__esModule") return;
499
428
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -505,9 +434,7 @@ Object.keys(_Select).forEach(function (key) {
505
434
  }
506
435
  });
507
436
  });
508
-
509
437
  var _Sidebar = require("./Sidebar");
510
-
511
438
  Object.keys(_Sidebar).forEach(function (key) {
512
439
  if (key === "default" || key === "__esModule") return;
513
440
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -519,9 +446,7 @@ Object.keys(_Sidebar).forEach(function (key) {
519
446
  }
520
447
  });
521
448
  });
522
-
523
449
  var _Switch = require("./Switch");
524
-
525
450
  Object.keys(_Switch).forEach(function (key) {
526
451
  if (key === "default" || key === "__esModule") return;
527
452
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -533,9 +458,7 @@ Object.keys(_Switch).forEach(function (key) {
533
458
  }
534
459
  });
535
460
  });
536
-
537
461
  var _Tables = require("./Tables");
538
-
539
462
  Object.keys(_Tables).forEach(function (key) {
540
463
  if (key === "default" || key === "__esModule") return;
541
464
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -547,9 +470,7 @@ Object.keys(_Tables).forEach(function (key) {
547
470
  }
548
471
  });
549
472
  });
550
-
551
473
  var _Tabs = require("./Tabs");
552
-
553
474
  Object.keys(_Tabs).forEach(function (key) {
554
475
  if (key === "default" || key === "__esModule") return;
555
476
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -561,9 +482,7 @@ Object.keys(_Tabs).forEach(function (key) {
561
482
  }
562
483
  });
563
484
  });
564
-
565
485
  var _Tag = require("./Tag");
566
-
567
486
  Object.keys(_Tag).forEach(function (key) {
568
487
  if (key === "default" || key === "__esModule") return;
569
488
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -575,9 +494,7 @@ Object.keys(_Tag).forEach(function (key) {
575
494
  }
576
495
  });
577
496
  });
578
-
579
497
  var _TextArea = require("./TextArea");
580
-
581
498
  Object.keys(_TextArea).forEach(function (key) {
582
499
  if (key === "default" || key === "__esModule") return;
583
500
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -589,9 +506,7 @@ Object.keys(_TextArea).forEach(function (key) {
589
506
  }
590
507
  });
591
508
  });
592
-
593
509
  var _TextWrap = require("./TextWrap");
594
-
595
510
  Object.keys(_TextWrap).forEach(function (key) {
596
511
  if (key === "default" || key === "__esModule") return;
597
512
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -603,9 +518,7 @@ Object.keys(_TextWrap).forEach(function (key) {
603
518
  }
604
519
  });
605
520
  });
606
-
607
521
  var _Toggle = require("./Toggle");
608
-
609
522
  Object.keys(_Toggle).forEach(function (key) {
610
523
  if (key === "default" || key === "__esModule") return;
611
524
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -617,9 +530,7 @@ Object.keys(_Toggle).forEach(function (key) {
617
530
  }
618
531
  });
619
532
  });
620
-
621
533
  var _Tooltip = require("./Tooltip");
622
-
623
534
  Object.keys(_Tooltip).forEach(function (key) {
624
535
  if (key === "default" || key === "__esModule") return;
625
536
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -2,38 +2,38 @@
2
2
 
3
3
  // @ts-check
4
4
  var plugin = require("tailwindcss/plugin");
5
-
6
5
  var basePlugin = plugin(function (_ref) {
7
6
  var addBase = _ref.addBase,
8
- theme = _ref.theme;
7
+ theme = _ref.theme;
9
8
  // https://polaris.shopify.com/design/typography#font-stack
10
9
  addBase({
11
10
  "html, body": {
12
11
  /* Make type rendering look crisper */
13
12
  "-webkit-font-smoothing": "antialiased",
14
13
  "-moz-osx-font-smoothing": "grayscale",
15
-
16
14
  /* Disable auto-enlargement of small text in Safari */
17
15
  "text-size-adjust": "100%",
18
-
19
16
  /* Enable kerning and optional ligatures */
20
17
  "text-rendering": "optimizeLegibility"
21
18
  }
22
- }); // Accent color
19
+ });
23
20
 
21
+ // Accent color
24
22
  addBase({
25
23
  ":root": {
26
24
  "accent-color": theme("colors.accent.600")
27
25
  }
28
- }); // Text selection
26
+ });
29
27
 
28
+ // Text selection
30
29
  addBase({
31
30
  "::selection": {
32
31
  background: theme("colors.accent.600"),
33
32
  color: theme("colors.white")
34
33
  }
35
- }); // Base styles for links
34
+ });
36
35
 
36
+ // Base styles for links
37
37
  addBase({
38
38
  a: {
39
39
  color: theme("colors.accent.600"),
@@ -40,14 +40,14 @@ var colors = {
40
40
  100: "#f2f3ff"
41
41
  },
42
42
  xenon: {
43
- 900: "#0e297e",
44
- 800: "#0c31a7",
45
- 700: "#0738d2",
43
+ 900: "#000033",
44
+ 800: "#042077",
45
+ 700: "#022eb9",
46
46
  600: "#003dff",
47
- 500: "#2857ff",
48
- 400: "#5172ff",
49
- 300: "#a2afff",
50
- 200: "#cad1ff",
47
+ 500: "#1e59ff",
48
+ 400: "#457aff",
49
+ 300: "#76a0ff",
50
+ 200: "#bbd1ff",
51
51
  100: "#f2f4ff"
52
52
  },
53
53
  blue: {
@@ -2,16 +2,13 @@
2
2
 
3
3
  // @ts-check
4
4
  var Color = require("color");
5
-
6
5
  var colors = require("./colors");
6
+
7
7
  /**
8
8
  * Creates the disabled version of a color by mixing it with white
9
9
  * @param {string} baseColor
10
10
  */
11
-
12
-
13
11
  function disabledColor(baseColor) {
14
12
  return Color(baseColor).mix(Color(colors.white), 0.6).hex();
15
13
  }
16
-
17
14
  module.exports = disabledColor;
@@ -1,43 +1,37 @@
1
1
  "use strict";
2
2
 
3
3
  var Icon = require("react-feather");
4
-
5
4
  var _require = require("react"),
6
- createElement = _require.createElement;
7
-
5
+ createElement = _require.createElement;
8
6
  var _require2 = require("react-dom/server"),
9
- renderToStaticMarkup = _require2.renderToStaticMarkup;
7
+ renderToStaticMarkup = _require2.renderToStaticMarkup;
8
+
10
9
  /**
11
10
  * Render inline SVG for a Feather icon
12
11
  * @param {string} color
13
12
  */
14
-
15
-
16
13
  var toSVG = function toSVG(iconName) {
17
14
  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
18
15
  return renderToStaticMarkup(createElement(Icon[iconName], props, null));
19
16
  };
17
+
20
18
  /**
21
19
  * Return Feather icon as SVG background-image value
22
20
  * @param {string} color
23
21
  */
24
-
25
-
26
22
  var toBG = function toBG(iconName) {
27
23
  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
28
24
  return "url(\"data:image/svg+xml;utf8,".concat(encodeURIComponent(toSVG(iconName, props)), "\")");
29
25
  };
26
+
30
27
  /**
31
28
  * Return url encoded image background
32
29
  * @param {string} color
33
30
  */
34
-
35
-
36
31
  var selectIconBG = function selectIconBG(color) {
37
32
  var encodedColor = encodeURIComponent(color);
38
33
  return "url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"".concat(encodedColor, "\" stroke-width=\"2\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M13 7L7 1 1 7M1 17l6 6 6-6\"/></g></svg>')");
39
34
  };
40
-
41
35
  module.exports = {
42
36
  selectIconBG: selectIconBG,
43
37
  toBG: toBG,
@@ -1,26 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
4
-
5
4
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
5
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
6
  // @ts-check
10
7
  var prefixTailwindClassName = require("./prefixTailwindClassName");
8
+
11
9
  /**
12
10
  * Regexp lifted and modified from https://tailwindcss.com/docs/optimizing-for-production#writing-purgeable-html because
13
11
  * it does not handle cases like foo\\n
14
12
  */
15
-
16
-
17
13
  var TAILWIND_REGEXP = /[^<>"'`\s\\]*[^<>"'`\s:\\]/g;
14
+
18
15
  /**
19
16
  * Creates a PurgeCSS extractor
20
17
  * Prefix is added back if missing (workaround for using the prefix helper 🙃).
21
18
  * @param {string} prefix The prefix used in your Tailwind config
22
19
  */
23
-
24
20
  function makePurgeCssExtractor(prefix) {
25
21
  /**
26
22
  * @param {string} content
@@ -28,21 +24,16 @@ function makePurgeCssExtractor(prefix) {
28
24
  */
29
25
  var extractor = function extractor(content) {
30
26
  var matches = content.match(TAILWIND_REGEXP);
31
-
32
27
  if (!matches) {
33
28
  return [];
34
29
  }
35
-
36
30
  var extractedClassNames = new Set();
37
-
38
31
  var _iterator = _createForOfIteratorHelper(matches),
39
- _step;
40
-
32
+ _step;
41
33
  try {
42
34
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
43
35
  var className = _step.value;
44
36
  extractedClassNames.add(className);
45
-
46
37
  if (!className.includes(prefix)) {
47
38
  extractedClassNames.add(prefixTailwindClassName(prefix, className));
48
39
  }
@@ -52,11 +43,8 @@ function makePurgeCssExtractor(prefix) {
52
43
  } finally {
53
44
  _iterator.f();
54
45
  }
55
-
56
46
  return Array.from(extractedClassNames);
57
47
  };
58
-
59
48
  return extractor;
60
49
  }
61
-
62
50
  module.exports = makePurgeCssExtractor;
@@ -1,18 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
6
-
7
5
  // @ts-check
8
- var prefixTailwindClassName = require("./prefixTailwindClassName");
9
6
 
7
+ var prefixTailwindClassName = require("./prefixTailwindClassName");
10
8
  var WHITESPACE_REGEXP = /\s+/;
11
9
  /**
12
10
  * Creates a tagged template that generates prefixed tailwind classnames
13
11
  * @param {string} tailwindPrefix
14
12
  */
15
-
16
13
  function makeTailwindPrefixer(tailwindPrefix) {
17
14
  /**
18
15
  *
@@ -23,22 +20,17 @@ function makeTailwindPrefixer(tailwindPrefix) {
23
20
  for (var _len = arguments.length, placeholders = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
24
21
  placeholders[_key - 1] = arguments[_key];
25
22
  }
26
-
27
23
  var values = placeholders.filter(Boolean);
28
24
  values.push.apply(values, (0, _toConsumableArray2["default"])(literals));
29
25
  var splitClassNames = values.join(" ").split(WHITESPACE_REGEXP);
30
26
  var prefixedClassNames = [];
31
-
32
27
  for (var i = 0; i < splitClassNames.length; i++) {
33
28
  var classname = splitClassNames[i];
34
29
  if (classname.length === 0) continue;
35
30
  prefixedClassNames.push(prefixTailwindClassName(tailwindPrefix, classname));
36
31
  }
37
-
38
32
  return prefixedClassNames.join(" ");
39
33
  }
40
-
41
34
  return tailwindPrefixerTag;
42
35
  }
43
-
44
36
  module.exports = makeTailwindPrefixer;
@@ -8,21 +8,21 @@
8
8
  * @param {string} classname
9
9
  */
10
10
  function prefixTailwindClassName(tailwindPrefix, classname) {
11
- var searchZone = classname.replace(/-\[[^\]]+\]$/, ""); // important marker
11
+ var searchZone = classname.replace(/-\[[^\]]+\]$/, "");
12
12
 
13
- var prefixInsertIndex = searchZone.lastIndexOf("!"); // modifier separator
13
+ // important marker
14
+ var prefixInsertIndex = searchZone.lastIndexOf("!");
14
15
 
16
+ // modifier separator
15
17
  if (prefixInsertIndex === -1) {
16
18
  prefixInsertIndex = searchZone.lastIndexOf(":");
17
- } // container marker
18
-
19
+ }
19
20
 
21
+ // container marker
20
22
  if (prefixInsertIndex === -1) {
21
23
  prefixInsertIndex = searchZone.lastIndexOf("@");
22
24
  }
23
-
24
25
  prefixInsertIndex += 1;
25
26
  return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
26
27
  }
27
-
28
28
  module.exports = prefixTailwindClassName;