@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134

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 (586) hide show
  1. package/README.md +33 -28
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
  3. package/cjs/AnnouncementBadge/AnnouncementBadge.js +25 -7
  4. package/cjs/AutoComplete/AutoComplete.d.ts +23 -17
  5. package/cjs/AutoComplete/AutoComplete.js +180 -124
  6. package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  7. package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
  8. package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  9. package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
  10. package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  11. package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
  12. package/cjs/AutoComplete/types.d.ts +33 -25
  13. package/cjs/AutoComplete/utils.d.ts +5 -4
  14. package/cjs/AutoComplete/utils.js +22 -2
  15. package/cjs/Avatars/ApplicationAvatar.js +7 -6
  16. package/cjs/Avatars/UserAvatar.js +19 -20
  17. package/cjs/Avatars/utils.d.ts +1 -1
  18. package/cjs/Badge/Badge.d.ts +5 -5
  19. package/cjs/Badge/Badge.js +21 -12
  20. package/cjs/Banner/Banner.d.ts +5 -4
  21. package/cjs/Banner/Banner.js +30 -25
  22. package/cjs/Banners/Alert/Alert.d.ts +5 -4
  23. package/cjs/Banners/Alert/Alert.js +29 -23
  24. package/cjs/Banners/BigBertha/BigBertha.d.ts +3 -2
  25. package/cjs/Banners/BigBertha/BigBertha.js +11 -9
  26. package/cjs/Banners/Promote/Promote.d.ts +6 -5
  27. package/cjs/Banners/Promote/Promote.js +38 -30
  28. package/cjs/Button/Button.js +23 -17
  29. package/cjs/Button/Button.tailwind.d.ts +4 -4
  30. package/cjs/Button/Button.tailwind.js +11 -14
  31. package/cjs/Button/ButtonGroup.d.ts +2 -1
  32. package/cjs/Button/ButtonGroup.js +6 -5
  33. package/cjs/Button/IconButton.d.ts +2 -2
  34. package/cjs/Button/IconButton.js +24 -22
  35. package/cjs/Button/styles.d.ts +1 -1
  36. package/cjs/Button/types.d.ts +5 -5
  37. package/cjs/Card/Card.d.ts +3 -3
  38. package/cjs/Card/Card.js +8 -11
  39. package/cjs/Card/Card.tailwind.d.ts +4 -4
  40. package/cjs/Card/Card.tailwind.js +5 -8
  41. package/cjs/Card/components/CardHeader.js +8 -4
  42. package/cjs/Card/components/CardTitle.d.ts +4 -2
  43. package/cjs/Card/components/CardTitle.js +11 -6
  44. package/cjs/Checkbox/Checkbox.d.ts +3 -3
  45. package/cjs/Checkbox/Checkbox.js +33 -30
  46. package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
  47. package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
  48. package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
  49. package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
  50. package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  51. package/cjs/DatePicker/DatePicker/DatePicker.js +90 -63
  52. package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  53. package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
  54. package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
  55. package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
  56. package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  57. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +101 -70
  58. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
  59. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
  60. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  61. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
  62. package/cjs/DatePicker/components/Calendar.d.ts +6 -2
  63. package/cjs/DatePicker/components/Calendar.js +12 -10
  64. package/cjs/DatePicker/components/Display.d.ts +3 -3
  65. package/cjs/DatePicker/components/Display.js +6 -5
  66. package/cjs/DatePicker/components/Footer.d.ts +2 -2
  67. package/cjs/DatePicker/components/Footer.js +6 -5
  68. package/cjs/DatePicker/components/FooterActions.d.ts +4 -1
  69. package/cjs/DatePicker/components/FooterActions.js +17 -13
  70. package/cjs/DatePicker/components/Modal.d.ts +5 -5
  71. package/cjs/DatePicker/components/Modal.js +18 -16
  72. package/cjs/DatePicker/components/NavBar.d.ts +7 -3
  73. package/cjs/DatePicker/components/NavBar.js +42 -41
  74. package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
  75. package/cjs/DatePicker/components/SidePanel.js +9 -7
  76. package/cjs/DatePicker/types.d.ts +17 -0
  77. package/cjs/{tailwind-types.js → DatePicker/types.js} +0 -0
  78. package/cjs/DatePicker/utils.d.ts +2 -0
  79. package/cjs/DatePicker/utils.js +10 -2
  80. package/cjs/Dropdown/Dropdown.d.ts +8 -8
  81. package/cjs/Dropdown/Dropdown.js +49 -40
  82. package/cjs/Dropdown/DropdownButton.d.ts +4 -3
  83. package/cjs/Dropdown/DropdownButton.js +15 -9
  84. package/cjs/Dropdown/DropdownContext.d.ts +2 -2
  85. package/cjs/Dropdown/DropdownContext.js +2 -9
  86. package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  87. package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
  88. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  89. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
  90. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  91. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
  92. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  93. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
  94. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  95. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
  96. package/cjs/Dropdown/components/DropdownDivider.js +3 -3
  97. package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  98. package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
  99. package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
  100. package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  101. package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
  102. package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
  103. package/cjs/Dropdown/components/DropdownTitle.js +8 -4
  104. package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  105. package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
  106. package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
  107. package/cjs/Dropzone/Dropzone.d.ts +7 -3
  108. package/cjs/Dropzone/Dropzone.js +70 -56
  109. package/cjs/EmptyState/EmptyState.d.ts +1 -1
  110. package/cjs/EmptyState/EmptyState.js +29 -22
  111. package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
  112. package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
  113. package/cjs/EmptyState/types.d.ts +7 -7
  114. package/cjs/Field/Field.d.ts +4 -3
  115. package/cjs/Field/Field.js +33 -26
  116. package/cjs/Flag/Flag.d.ts +3 -2
  117. package/cjs/Flag/Flag.js +58 -38
  118. package/cjs/Flag/Flag.tailwind.d.ts +4 -4
  119. package/cjs/Flag/Flag.tailwind.js +8 -15
  120. package/cjs/Flag/Flags.d.ts +3 -3
  121. package/cjs/Flag/Flags.js +32 -22
  122. package/cjs/Flag/types.d.ts +8 -4
  123. package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
  124. package/cjs/FlexGrid/FlexGrid.js +15 -9
  125. package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  126. package/cjs/FlexGrid/FlexGrid.tailwind.js +10 -13
  127. package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
  128. package/cjs/HelpUnderline/HelpUnderline.js +9 -7
  129. package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  130. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
  131. package/cjs/Input/Input.d.ts +11 -5
  132. package/cjs/Input/Input.js +131 -115
  133. package/cjs/Input/Input.tailwind.d.ts +4 -4
  134. package/cjs/Input/Input.tailwind.js +12 -15
  135. package/cjs/Insert/Insert.d.ts +3 -2
  136. package/cjs/Insert/Insert.js +29 -23
  137. package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  138. package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
  139. package/cjs/KeyboardKey/KeyboardKey.d.ts +2 -1
  140. package/cjs/KeyboardKey/KeyboardKey.js +11 -13
  141. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  142. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
  143. package/cjs/Link/BaseLink.d.ts +3 -3
  144. package/cjs/Link/BaseLink.js +7 -7
  145. package/cjs/Link/ButtonLink.d.ts +1 -1
  146. package/cjs/Link/ButtonLink.js +9 -5
  147. package/cjs/Link/IconButtonLink.d.ts +1 -1
  148. package/cjs/Link/IconButtonLink.js +8 -4
  149. package/cjs/Link/Link.d.ts +5 -5
  150. package/cjs/Link/Link.js +16 -15
  151. package/cjs/Medallion/Medallion.d.ts +2 -2
  152. package/cjs/Medallion/Medallion.js +8 -7
  153. package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
  154. package/cjs/Medallion/Medallion.tailwind.js +8 -11
  155. package/cjs/Modal/Modal.d.ts +8 -5
  156. package/cjs/Modal/Modal.js +60 -47
  157. package/cjs/Modal/Modal.tailwind.d.ts +4 -4
  158. package/cjs/Modal/Modal.tailwind.js +9 -18
  159. package/cjs/Modal/components/ModalFooter.d.ts +4 -2
  160. package/cjs/Modal/components/ModalFooter.js +16 -10
  161. package/cjs/Modal/components/ModalSection.d.ts +1 -1
  162. package/cjs/Modal/components/ModalSection.js +6 -5
  163. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
  164. package/cjs/Pagination/CompactPagination/CompactPagination.js +62 -36
  165. package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -1
  166. package/cjs/Pagination/DotPagination/DotPagination.js +36 -16
  167. package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
  168. package/cjs/Pagination/Pagination/Pagination.js +79 -49
  169. package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
  170. package/cjs/ProgressBar/ProgressBar.js +16 -11
  171. package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  172. package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
  173. package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  174. package/cjs/ProgressSpinner/ProgressSpinner.js +18 -11
  175. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  176. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
  177. package/cjs/RadioGroup/RadioButton.d.ts +3 -3
  178. package/cjs/RadioGroup/RadioButton.js +8 -8
  179. package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  180. package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
  181. package/cjs/RadioGroup/RadioGroup.d.ts +4 -3
  182. package/cjs/RadioGroup/RadioGroup.js +36 -34
  183. package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
  184. package/cjs/RangeSlider/RangeSlider.js +37 -36
  185. package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  186. package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
  187. package/cjs/Satellite/Satellite.d.ts +5 -2
  188. package/cjs/Satellite/Satellite.js +13 -7
  189. package/cjs/Satellite/SatelliteContext.d.ts +3 -1
  190. package/cjs/Satellite/SatelliteContext.js +4 -3
  191. package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
  192. package/cjs/Satellite/index.d.ts +1 -0
  193. package/cjs/Satellite/index.js +14 -0
  194. package/cjs/Satellite/locale.d.ts +27 -0
  195. package/cjs/Satellite/locale.js +21 -0
  196. package/cjs/ScrollIndicator/ScrollIndicator.d.ts +6 -3
  197. package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
  198. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  199. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  200. package/cjs/Select/Select.d.ts +3 -3
  201. package/cjs/Select/Select.js +8 -8
  202. package/cjs/Select/Select.tailwind.d.ts +5 -5
  203. package/cjs/Select/Select.tailwind.js +5 -8
  204. package/cjs/Sidebar/Sidebar.d.ts +6 -4
  205. package/cjs/Sidebar/Sidebar.js +18 -10
  206. package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
  207. package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
  208. package/cjs/Sidebar/SidebarContext.d.ts +1 -1
  209. package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
  210. package/cjs/Sidebar/components/SidebarHeader.js +11 -6
  211. package/cjs/Sidebar/components/SidebarLink.d.ts +4 -3
  212. package/cjs/Sidebar/components/SidebarLink.js +32 -22
  213. package/cjs/Switch/Switch.d.ts +3 -3
  214. package/cjs/Switch/Switch.js +17 -19
  215. package/cjs/Switch/Switch.tailwind.d.ts +5 -5
  216. package/cjs/Switch/Switch.tailwind.js +7 -8
  217. package/cjs/Switch/SwitchOption.d.ts +2 -1
  218. package/cjs/Switch/SwitchOption.js +25 -17
  219. package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
  220. package/cjs/Tables/DataTable/DataTable.js +79 -60
  221. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  222. package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
  223. package/cjs/Tables/DataTable/components/Body.d.ts +7 -6
  224. package/cjs/Tables/DataTable/components/Body.js +62 -47
  225. package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
  226. package/cjs/Tables/DataTable/components/Footer.js +6 -6
  227. package/cjs/Tables/DataTable/components/Header.js +24 -20
  228. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  229. package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
  230. package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
  231. package/cjs/Tables/DataTable/components/Loader.js +19 -20
  232. package/cjs/Tables/DataTable/types.d.ts +3 -3
  233. package/cjs/Tables/DataTable/utils.d.ts +1 -1
  234. package/cjs/Tables/Table/Table.d.ts +3 -3
  235. package/cjs/Tables/Table/Table.js +19 -12
  236. package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
  237. package/cjs/Tables/Table/Table.tailwind.js +3 -6
  238. package/cjs/Tables/Table/components/Footer.d.ts +2 -2
  239. package/cjs/Tables/Table/components/Footer.js +6 -5
  240. package/cjs/Tabs/ContentTabs.d.ts +1 -1
  241. package/cjs/Tabs/ContentTabs.js +39 -38
  242. package/cjs/Tabs/LinkTabs.d.ts +1 -1
  243. package/cjs/Tabs/LinkTabs.js +16 -16
  244. package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
  245. package/cjs/Tabs/Tabs.tailwind.js +5 -8
  246. package/cjs/Tabs/components/LinkTab.d.ts +3 -3
  247. package/cjs/Tabs/components/LinkTab.js +18 -12
  248. package/cjs/Tabs/types.d.ts +6 -6
  249. package/cjs/Tabs/utils.d.ts +1 -1
  250. package/cjs/Tag/Tag.d.ts +8 -4
  251. package/cjs/Tag/Tag.js +36 -24
  252. package/cjs/Tag/Tag.tailwind.d.ts +4 -4
  253. package/cjs/Tag/Tag.tailwind.js +6 -9
  254. package/cjs/TextArea/TextArea.d.ts +3 -3
  255. package/cjs/TextArea/TextArea.js +8 -8
  256. package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
  257. package/cjs/TextArea/TextArea.tailwind.js +4 -7
  258. package/cjs/TextWrap/TextWrap.js +20 -20
  259. package/cjs/Toggle/Toggle.d.ts +3 -3
  260. package/cjs/Toggle/Toggle.js +23 -21
  261. package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
  262. package/cjs/Toggle/Toggle.tailwind.js +19 -22
  263. package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  264. package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
  265. package/cjs/Tooltip/Tooltip.d.ts +3 -3
  266. package/cjs/Tooltip/Tooltip.js +8 -8
  267. package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
  268. package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
  269. package/cjs/Tooltip/TooltipWrapper.d.ts +4 -3
  270. package/cjs/Tooltip/TooltipWrapper.js +47 -39
  271. package/cjs/Tooltip/types.d.ts +4 -2
  272. package/cjs/Typography/Typography.tailwind.d.ts +5 -17
  273. package/cjs/Typography/Typography.tailwind.js +125 -135
  274. package/cjs/UserContent/UserContent.js +3 -3
  275. package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
  276. package/cjs/UserContent/UserContent.tailwind.js +13 -13
  277. package/cjs/styles/base.tailwind.d.ts +4 -4
  278. package/cjs/styles/base.tailwind.js +3 -6
  279. package/cjs/styles/tailwind.config.d.ts +2 -198
  280. package/cjs/styles/tailwind.config.js +27 -31
  281. package/cjs/types.d.ts +10 -3
  282. package/cjs/utilities/utilities.tailwind.d.ts +4 -1
  283. package/cjs/utilities/utilities.tailwind.js +4 -6
  284. package/cjs/utils/genericChangeHandler.d.ts +3 -3
  285. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  286. package/cjs/utils/isRenderedChild.d.ts +2 -2
  287. package/cjs/utils/pluralize.js +6 -1
  288. package/cjs/utils/useForwardedRef.d.ts +2 -2
  289. package/cjs/utils/useLinkProps.d.ts +2 -2
  290. package/cjs/utils/useTriggerInputChange.d.ts +2 -2
  291. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
  292. package/esm/AnnouncementBadge/AnnouncementBadge.js +23 -6
  293. package/esm/AutoComplete/AutoComplete.d.ts +23 -17
  294. package/esm/AutoComplete/AutoComplete.js +184 -115
  295. package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  296. package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
  297. package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
  298. package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
  299. package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
  300. package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
  301. package/esm/AutoComplete/types.d.ts +33 -25
  302. package/esm/AutoComplete/utils.d.ts +5 -4
  303. package/esm/AutoComplete/utils.js +16 -0
  304. package/esm/Avatars/ApplicationAvatar.js +6 -5
  305. package/esm/Avatars/UserAvatar.js +19 -14
  306. package/esm/Avatars/utils.d.ts +1 -1
  307. package/esm/Badge/Badge.d.ts +5 -5
  308. package/esm/Badge/Badge.js +21 -11
  309. package/esm/Banner/Banner.d.ts +5 -4
  310. package/esm/Banner/Banner.js +31 -25
  311. package/esm/Banners/Alert/Alert.d.ts +5 -4
  312. package/esm/Banners/Alert/Alert.js +30 -23
  313. package/esm/Banners/BigBertha/BigBertha.d.ts +3 -2
  314. package/esm/Banners/BigBertha/BigBertha.js +11 -8
  315. package/esm/Banners/Promote/Promote.d.ts +6 -5
  316. package/esm/Banners/Promote/Promote.js +37 -28
  317. package/esm/Button/Button.js +23 -16
  318. package/esm/Button/Button.tailwind.d.ts +4 -4
  319. package/esm/Button/Button.tailwind.js +13 -16
  320. package/esm/Button/ButtonGroup.d.ts +2 -1
  321. package/esm/Button/ButtonGroup.js +5 -4
  322. package/esm/Button/IconButton.d.ts +2 -2
  323. package/esm/Button/IconButton.js +24 -19
  324. package/esm/Button/styles.d.ts +1 -1
  325. package/esm/Button/types.d.ts +5 -5
  326. package/esm/Card/Card.d.ts +3 -3
  327. package/esm/Card/Card.js +6 -4
  328. package/esm/Card/Card.tailwind.d.ts +4 -4
  329. package/esm/Card/Card.tailwind.js +6 -9
  330. package/esm/Card/components/CardHeader.js +8 -3
  331. package/esm/Card/components/CardTitle.d.ts +4 -2
  332. package/esm/Card/components/CardTitle.js +11 -5
  333. package/esm/Checkbox/Checkbox.d.ts +3 -3
  334. package/esm/Checkbox/Checkbox.js +35 -26
  335. package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
  336. package/esm/Checkbox/Checkbox.tailwind.js +11 -14
  337. package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
  338. package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
  339. package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
  340. package/esm/DatePicker/DatePicker/DatePicker.js +92 -59
  341. package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
  342. package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
  343. package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
  344. package/esm/DatePicker/DatePicker.tailwind.js +19 -15
  345. package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
  346. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +105 -67
  347. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
  348. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
  349. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
  350. package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
  351. package/esm/DatePicker/components/Calendar.d.ts +6 -2
  352. package/esm/DatePicker/components/Calendar.js +13 -5
  353. package/esm/DatePicker/components/Display.d.ts +3 -3
  354. package/esm/DatePicker/components/Display.js +5 -4
  355. package/esm/DatePicker/components/Footer.d.ts +2 -2
  356. package/esm/DatePicker/components/Footer.js +5 -4
  357. package/esm/DatePicker/components/FooterActions.d.ts +4 -1
  358. package/esm/DatePicker/components/FooterActions.js +18 -13
  359. package/esm/DatePicker/components/Modal.d.ts +5 -5
  360. package/esm/DatePicker/components/Modal.js +19 -12
  361. package/esm/DatePicker/components/NavBar.d.ts +7 -3
  362. package/esm/DatePicker/components/NavBar.js +42 -35
  363. package/esm/DatePicker/components/SidePanel.d.ts +2 -2
  364. package/esm/DatePicker/components/SidePanel.js +8 -6
  365. package/esm/DatePicker/types.d.ts +17 -0
  366. package/esm/{tailwind-types.js → DatePicker/types.js} +0 -0
  367. package/esm/DatePicker/utils.d.ts +2 -0
  368. package/esm/DatePicker/utils.js +7 -0
  369. package/esm/Dropdown/Dropdown.d.ts +8 -8
  370. package/esm/Dropdown/Dropdown.js +45 -30
  371. package/esm/Dropdown/DropdownButton.d.ts +4 -3
  372. package/esm/Dropdown/DropdownButton.js +15 -8
  373. package/esm/Dropdown/DropdownContext.d.ts +2 -2
  374. package/esm/Dropdown/DropdownContext.js +2 -2
  375. package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
  376. package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
  377. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
  378. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
  379. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
  380. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
  381. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
  382. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
  383. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
  384. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
  385. package/esm/Dropdown/components/DropdownDivider.js +2 -2
  386. package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
  387. package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
  388. package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
  389. package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
  390. package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
  391. package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
  392. package/esm/Dropdown/components/DropdownTitle.js +8 -3
  393. package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
  394. package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
  395. package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
  396. package/esm/Dropzone/Dropzone.d.ts +7 -3
  397. package/esm/Dropzone/Dropzone.js +69 -49
  398. package/esm/EmptyState/EmptyState.d.ts +1 -1
  399. package/esm/EmptyState/EmptyState.js +29 -21
  400. package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
  401. package/esm/EmptyState/EmptyState.tailwind.js +6 -9
  402. package/esm/EmptyState/types.d.ts +7 -7
  403. package/esm/Field/Field.d.ts +4 -3
  404. package/esm/Field/Field.js +33 -25
  405. package/esm/Flag/Flag.d.ts +3 -2
  406. package/esm/Flag/Flag.js +57 -33
  407. package/esm/Flag/Flag.tailwind.d.ts +4 -4
  408. package/esm/Flag/Flag.tailwind.js +9 -16
  409. package/esm/Flag/Flags.d.ts +3 -3
  410. package/esm/Flag/Flags.js +30 -21
  411. package/esm/Flag/types.d.ts +8 -4
  412. package/esm/FlexGrid/FlexGrid.d.ts +2 -1
  413. package/esm/FlexGrid/FlexGrid.js +13 -8
  414. package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  415. package/esm/FlexGrid/FlexGrid.tailwind.js +10 -13
  416. package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
  417. package/esm/HelpUnderline/HelpUnderline.js +8 -6
  418. package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  419. package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
  420. package/esm/Input/Input.d.ts +11 -5
  421. package/esm/Input/Input.js +131 -109
  422. package/esm/Input/Input.tailwind.d.ts +4 -4
  423. package/esm/Input/Input.tailwind.js +14 -17
  424. package/esm/Insert/Insert.d.ts +3 -2
  425. package/esm/Insert/Insert.js +28 -21
  426. package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  427. package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
  428. package/esm/KeyboardKey/KeyboardKey.d.ts +2 -1
  429. package/esm/KeyboardKey/KeyboardKey.js +9 -6
  430. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  431. package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
  432. package/esm/Link/BaseLink.d.ts +3 -3
  433. package/esm/Link/BaseLink.js +9 -3
  434. package/esm/Link/ButtonLink.d.ts +1 -1
  435. package/esm/Link/ButtonLink.js +9 -4
  436. package/esm/Link/IconButtonLink.d.ts +1 -1
  437. package/esm/Link/IconButtonLink.js +9 -4
  438. package/esm/Link/Link.d.ts +5 -5
  439. package/esm/Link/Link.js +18 -10
  440. package/esm/Medallion/Medallion.d.ts +2 -2
  441. package/esm/Medallion/Medallion.js +7 -6
  442. package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
  443. package/esm/Medallion/Medallion.tailwind.js +8 -11
  444. package/esm/Modal/Modal.d.ts +8 -5
  445. package/esm/Modal/Modal.js +58 -39
  446. package/esm/Modal/Modal.tailwind.d.ts +4 -4
  447. package/esm/Modal/Modal.tailwind.js +10 -19
  448. package/esm/Modal/components/ModalFooter.d.ts +4 -2
  449. package/esm/Modal/components/ModalFooter.js +16 -9
  450. package/esm/Modal/components/ModalSection.d.ts +1 -1
  451. package/esm/Modal/components/ModalSection.js +5 -4
  452. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
  453. package/esm/Pagination/CompactPagination/CompactPagination.js +61 -37
  454. package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -1
  455. package/esm/Pagination/DotPagination/DotPagination.js +33 -16
  456. package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
  457. package/esm/Pagination/Pagination/Pagination.js +78 -48
  458. package/esm/ProgressBar/ProgressBar.d.ts +2 -2
  459. package/esm/ProgressBar/ProgressBar.js +16 -10
  460. package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  461. package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
  462. package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
  463. package/esm/ProgressSpinner/ProgressSpinner.js +18 -10
  464. package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  465. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
  466. package/esm/RadioGroup/RadioButton.d.ts +3 -3
  467. package/esm/RadioGroup/RadioButton.js +9 -3
  468. package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  469. package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
  470. package/esm/RadioGroup/RadioGroup.d.ts +4 -3
  471. package/esm/RadioGroup/RadioGroup.js +36 -28
  472. package/esm/RangeSlider/RangeSlider.d.ts +3 -3
  473. package/esm/RangeSlider/RangeSlider.js +39 -31
  474. package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  475. package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
  476. package/esm/Satellite/Satellite.d.ts +5 -2
  477. package/esm/Satellite/Satellite.js +11 -6
  478. package/esm/Satellite/SatelliteContext.d.ts +3 -1
  479. package/esm/Satellite/SatelliteContext.js +4 -3
  480. package/esm/Satellite/SatelliteRouter.d.ts +1 -1
  481. package/esm/Satellite/index.d.ts +1 -0
  482. package/esm/Satellite/index.js +1 -0
  483. package/esm/Satellite/locale.d.ts +27 -0
  484. package/esm/Satellite/locale.js +8 -0
  485. package/esm/ScrollIndicator/ScrollIndicator.d.ts +6 -3
  486. package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
  487. package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  488. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  489. package/esm/Select/Select.d.ts +3 -3
  490. package/esm/Select/Select.js +8 -3
  491. package/esm/Select/Select.tailwind.d.ts +5 -5
  492. package/esm/Select/Select.tailwind.js +5 -8
  493. package/esm/Sidebar/Sidebar.d.ts +6 -4
  494. package/esm/Sidebar/Sidebar.js +16 -8
  495. package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
  496. package/esm/Sidebar/Sidebar.tailwind.js +6 -9
  497. package/esm/Sidebar/SidebarContext.d.ts +1 -1
  498. package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
  499. package/esm/Sidebar/components/SidebarHeader.js +11 -5
  500. package/esm/Sidebar/components/SidebarLink.d.ts +4 -3
  501. package/esm/Sidebar/components/SidebarLink.js +34 -21
  502. package/esm/Switch/Switch.d.ts +3 -3
  503. package/esm/Switch/Switch.js +16 -12
  504. package/esm/Switch/Switch.tailwind.d.ts +5 -5
  505. package/esm/Switch/Switch.tailwind.js +7 -8
  506. package/esm/Switch/SwitchOption.d.ts +2 -1
  507. package/esm/Switch/SwitchOption.js +25 -16
  508. package/esm/Tables/DataTable/DataTable.d.ts +15 -5
  509. package/esm/Tables/DataTable/DataTable.js +77 -54
  510. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  511. package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
  512. package/esm/Tables/DataTable/components/Body.d.ts +7 -6
  513. package/esm/Tables/DataTable/components/Body.js +60 -45
  514. package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
  515. package/esm/Tables/DataTable/components/Footer.js +5 -5
  516. package/esm/Tables/DataTable/components/Header.js +22 -18
  517. package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
  518. package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
  519. package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
  520. package/esm/Tables/DataTable/components/Loader.js +18 -14
  521. package/esm/Tables/DataTable/types.d.ts +3 -3
  522. package/esm/Tables/DataTable/utils.d.ts +1 -1
  523. package/esm/Tables/Table/Table.d.ts +3 -3
  524. package/esm/Tables/Table/Table.js +20 -11
  525. package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
  526. package/esm/Tables/Table/Table.tailwind.js +4 -7
  527. package/esm/Tables/Table/components/Footer.d.ts +2 -2
  528. package/esm/Tables/Table/components/Footer.js +5 -4
  529. package/esm/Tabs/ContentTabs.d.ts +1 -1
  530. package/esm/Tabs/ContentTabs.js +38 -31
  531. package/esm/Tabs/LinkTabs.d.ts +1 -1
  532. package/esm/Tabs/LinkTabs.js +14 -14
  533. package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
  534. package/esm/Tabs/Tabs.tailwind.js +6 -9
  535. package/esm/Tabs/components/LinkTab.d.ts +3 -3
  536. package/esm/Tabs/components/LinkTab.js +18 -11
  537. package/esm/Tabs/types.d.ts +6 -6
  538. package/esm/Tabs/utils.d.ts +1 -1
  539. package/esm/Tag/Tag.d.ts +8 -4
  540. package/esm/Tag/Tag.js +36 -19
  541. package/esm/Tag/Tag.tailwind.d.ts +4 -4
  542. package/esm/Tag/Tag.tailwind.js +7 -10
  543. package/esm/TextArea/TextArea.d.ts +3 -3
  544. package/esm/TextArea/TextArea.js +9 -3
  545. package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
  546. package/esm/TextArea/TextArea.tailwind.js +6 -9
  547. package/esm/TextWrap/TextWrap.js +22 -17
  548. package/esm/Toggle/Toggle.d.ts +3 -3
  549. package/esm/Toggle/Toggle.js +25 -16
  550. package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
  551. package/esm/Toggle/Toggle.tailwind.js +19 -22
  552. package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
  553. package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
  554. package/esm/Tooltip/Tooltip.d.ts +3 -3
  555. package/esm/Tooltip/Tooltip.js +8 -3
  556. package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
  557. package/esm/Tooltip/Tooltip.tailwind.js +20 -19
  558. package/esm/Tooltip/TooltipWrapper.d.ts +4 -3
  559. package/esm/Tooltip/TooltipWrapper.js +48 -33
  560. package/esm/Tooltip/types.d.ts +4 -2
  561. package/esm/Typography/Typography.tailwind.d.ts +5 -17
  562. package/esm/Typography/Typography.tailwind.js +126 -136
  563. package/esm/UserContent/UserContent.js +2 -2
  564. package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
  565. package/esm/UserContent/UserContent.tailwind.js +14 -14
  566. package/esm/styles/base.tailwind.d.ts +4 -4
  567. package/esm/styles/base.tailwind.js +4 -7
  568. package/esm/styles/tailwind.config.d.ts +2 -198
  569. package/esm/styles/tailwind.config.js +29 -32
  570. package/esm/types.d.ts +10 -3
  571. package/esm/utilities/utilities.tailwind.d.ts +4 -1
  572. package/esm/utilities/utilities.tailwind.js +4 -6
  573. package/esm/utils/genericChangeHandler.d.ts +3 -3
  574. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  575. package/esm/utils/isRenderedChild.d.ts +2 -2
  576. package/esm/utils/pluralize.js +6 -1
  577. package/esm/utils/useForwardedRef.d.ts +2 -2
  578. package/esm/utils/useForwardedRef.js +1 -1
  579. package/esm/utils/useLinkProps.d.ts +2 -2
  580. package/esm/utils/useTriggerInputChange.d.ts +2 -2
  581. package/package.json +11 -14
  582. package/satellite.min.css +2 -4
  583. package/scss/colors.scss +1 -0
  584. package/cjs/tailwind-types.d.ts +0 -52
  585. package/esm/tailwind-types.d.ts +0 -52
  586. package/satellite.css +0 -196852
@@ -1,18 +1,16 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
+ import _plugin from "tailwindcss/plugin";
7
8
  // @ts-check
8
-
9
- /**
10
- * Taking some heavy pointers from Polaris https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.scss#L1 🙇🏻‍♂️
11
- **/
12
-
9
+ var plugin = _plugin;
13
10
  /**
14
11
  * @param {string} value
15
12
  */
13
+
16
14
  var negate = function negate(value) {
17
15
  return "-".concat(value);
18
16
  };
@@ -34,11 +32,11 @@ var generateSpacing = function generateSpacing(spacing) {
34
32
  };
35
33
  };
36
34
  /**
37
- * @type {import('../tailwind-types').TailwindPlugin}
38
- */
35
+ * Taking some heavy pointers from Polaris https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.scss#L1 🙇🏻‍♂️
36
+ **/
39
37
 
40
38
 
41
- var flexGridPlugin = function flexGridPlugin(_ref) {
39
+ var flexGridPlugin = plugin(function (_ref) {
42
40
  var addComponents = _ref.addComponents,
43
41
  theme = _ref.theme;
44
42
  addComponents({
@@ -48,7 +46,7 @@ var flexGridPlugin = function flexGridPlugin(_ref) {
48
46
  ".flex-grid-inner": {
49
47
  "> *": {
50
48
  flex: "0 0 auto",
51
- minWidth: 0,
49
+ minWidth: "0px",
52
50
  maxWidth: "100%"
53
51
  }
54
52
  },
@@ -72,6 +70,5 @@ var flexGridPlugin = function flexGridPlugin(_ref) {
72
70
  ".flex-grid-lg": _objectSpread({}, generateSpacing(theme("spacing.6"))),
73
71
  ".flex-grid-xl": _objectSpread({}, generateSpacing(theme("spacing.8")))
74
72
  });
75
- };
76
-
73
+ });
77
74
  export default flexGridPlugin;
@@ -1,6 +1,7 @@
1
- import { FunctionComponent } from "react";
1
+ import type { FunctionComponent } from "react";
2
2
  import { TooltipWrapperProps } from "../Tooltip";
3
3
  export interface HelpUnderlineProps {
4
+ /** @ignore */
4
5
  className?: string;
5
6
  placement?: TooltipWrapperProps["placement"];
6
7
  tooltipClassName?: TooltipWrapperProps["tooltipClassName"];
@@ -2,10 +2,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3;
4
4
 
5
- import React from "react";
6
5
  import cx from "classnames";
7
6
  import stl from "../styles/helpers/satellitePrefixer";
8
7
  import { TooltipWrapper } from "../Tooltip";
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
9
  export var HelpUnderline = function HelpUnderline(_ref) {
10
10
  var className = _ref.className,
11
11
  children = _ref.children,
@@ -13,13 +13,15 @@ export var HelpUnderline = function HelpUnderline(_ref) {
13
13
  tooltipContent = _ref.tooltipContent,
14
14
  _ref$placement = _ref.placement,
15
15
  placement = _ref$placement === void 0 ? "bottom" : _ref$placement;
16
- return /*#__PURE__*/React.createElement(TooltipWrapper, {
16
+ return /*#__PURE__*/_jsx(TooltipWrapper, {
17
17
  wrapperClassName: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["leading-inherit"]))), className),
18
18
  tooltipClassName: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["max-w-64"]))), tooltipClassName),
19
19
  content: tooltipContent,
20
- placement: placement
21
- }, /*#__PURE__*/React.createElement("span", {
22
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["help-underline"])))
23
- }, children));
20
+ placement: placement,
21
+ children: /*#__PURE__*/_jsx("span", {
22
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["help-underline"]))),
23
+ children: children
24
+ })
25
+ });
24
26
  };
25
27
  export default HelpUnderline;
@@ -1,5 +1,5 @@
1
1
  export = helpUnderlinePlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const helpUnderlinePlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const helpUnderlinePlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,9 +1,7 @@
1
+ import _plugin from "tailwindcss/plugin";
1
2
  // @ts-check
2
-
3
- /**
4
- * @type {import('../tailwind-types').TailwindPlugin}
5
- */
6
- var helpUnderlinePlugin = function helpUnderlinePlugin(_ref) {
3
+ var plugin = _plugin;
4
+ var helpUnderlinePlugin = plugin(function (_ref) {
7
5
  var addComponents = _ref.addComponents,
8
6
  theme = _ref.theme;
9
7
  addComponents({
@@ -18,6 +16,5 @@ var helpUnderlinePlugin = function helpUnderlinePlugin(_ref) {
18
16
  }
19
17
  }
20
18
  });
21
- };
22
-
19
+ });
23
20
  export default helpUnderlinePlugin;
@@ -1,13 +1,19 @@
1
- import React from "react";
2
- import { IconComponentType } from "../types";
1
+ import type { InputHTMLAttributes, ReactNode } from "react";
2
+ import type { IconComponentType } from "../types";
3
3
  export declare type InputVariant = "small" | "medium" | "large";
4
4
  export declare type InputStatus = "default" | "validated" | "invalid";
5
- export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "defaultChecked"> {
5
+ export declare type InputPropsLocale = {
6
+ clearInput?: string;
7
+ increment?: string;
8
+ decrement?: string;
9
+ };
10
+ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "checked" | "defaultChecked"> {
6
11
  type?: "text" | "number" | "search" | "email" | "password";
7
12
  variant?: InputVariant;
8
13
  startIcon?: IconComponentType;
9
- endItem?: React.ReactNode;
14
+ endItem?: ReactNode;
10
15
  clearable?: boolean;
16
+ locale?: InputPropsLocale;
11
17
  }
12
18
  /**
13
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
@@ -16,5 +22,5 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
16
22
  * #### Number input
17
23
  * - **Stepper (optional)**: consider using a stepper (number control) to let users increase or decrease the value of the input. This is an optional part of the number field so only use based on what you think will help the user
18
24
  */
19
- export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
25
+ export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
20
26
  export default Input;
@@ -1,20 +1,32 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- import _extends from "@babel/runtime/helpers/extends";
3
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
5
- var _excluded = ["className", "style", "startIcon", "endItem", "disabled", "readOnly", "clearable", "type", "variant"];
5
+ var _excluded = ["className", "style", "startIcon", "endItem", "disabled", "readOnly", "clearable", "type", "variant", "locale"];
6
6
 
7
7
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
8
8
 
9
- import React, { forwardRef, useEffect, useState } from "react";
10
- import { Search, ChevronUp, ChevronDown, Check, X } from "react-feather";
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10
+
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
12
+
11
13
  import cx from "classnames";
14
+ import { forwardRef, Fragment, useEffect, useState } from "react";
15
+ import { Check, ChevronDown, ChevronUp, Search, X } from "react-feather";
16
+ import { IconButton } from "../Button";
17
+ import useFieldState from "../Field/useFieldState";
18
+ import { useLocale } from "../Satellite";
12
19
  import stl from "../styles/helpers/satellitePrefixer";
13
- import useForwardedRef from "../utils/useForwardedRef";
14
20
  import isNil from "../utils/isNil";
21
+ import useForwardedRef from "../utils/useForwardedRef";
15
22
  import useTriggerInputChange from "../utils/useTriggerInputChange";
16
- import useFieldState from "../Field/useFieldState";
17
- import { IconButton } from "../Button";
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { jsxs as _jsxs } from "react/jsx-runtime";
25
+ var DEFAULT_INPUT_LOCALE = {
26
+ clearInput: "Clear input",
27
+ increment: "Increment",
28
+ decrement: "Decrement"
29
+ };
18
30
  var STATUS_CLASSNAMES = {
19
31
  "default": "",
20
32
  invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["input-invalid"]))),
@@ -27,20 +39,20 @@ var VARIANT_CLASSNAMES = {
27
39
  };
28
40
 
29
41
  var SearchIcon = function SearchIcon(props) {
30
- return /*#__PURE__*/React.createElement(Search, _extends({}, props, {
42
+ return /*#__PURE__*/_jsx(Search, _objectSpread(_objectSpread({}, props), {}, {
31
43
  role: "img",
32
44
  "aria-label": "Search Icon"
33
45
  }));
34
46
  };
35
47
 
36
48
  var InvalidIcon = function InvalidIcon() {
37
- return /*#__PURE__*/React.createElement(X, {
49
+ return /*#__PURE__*/_jsx(X, {
38
50
  className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
39
51
  });
40
52
  };
41
53
 
42
54
  var ValidatedIcon = function ValidatedIcon() {
43
- return /*#__PURE__*/React.createElement(Check, {
55
+ return /*#__PURE__*/_jsx(Check, {
44
56
  className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
45
57
  });
46
58
  };
@@ -65,8 +77,13 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
65
77
  type = _ref$type === void 0 ? "text" : _ref$type,
66
78
  _ref$variant = _ref.variant,
67
79
  variant = _ref$variant === void 0 ? "medium" : _ref$variant,
80
+ propsLocale = _ref.locale,
68
81
  inputProps = _objectWithoutProperties(_ref, _excluded);
69
82
 
83
+ var contextLocale = useLocale("input");
84
+
85
+ var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_INPUT_LOCALE), contextLocale), propsLocale);
86
+
70
87
  var _useState = useState(false),
71
88
  _useState2 = _slicedToArray(_useState, 2),
72
89
  focused = _useState2[0],
@@ -98,113 +115,118 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
98
115
  }
99
116
  }, [inputProps.value, isControlled]);
100
117
  var Icon = startIcon ? startIcon : type === "search" ? SearchIcon : undefined;
101
- var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : React.Fragment;
118
+ var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
102
119
  var clearable = typeof clearableProp === "boolean" ? clearableProp : type === "search";
103
- return /*#__PURE__*/React.createElement("div", {
104
- className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n input no-search-input-decoration group\n ", "\n ", "\n "])), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
120
+ return /*#__PURE__*/_jsxs("div", {
121
+ className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n input group\n ", "\n ", "\n "])), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
105
122
  style: style,
106
123
  onClick: function onClick() {
107
124
  var _inputRef$current;
108
125
 
109
126
  (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
110
- }
111
- }, Icon && /*#__PURE__*/React.createElement(Icon, {
112
- className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["ml-4 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
113
- size: variant === "small" ? "1rem" : "1.5rem"
114
- }), /*#__PURE__*/React.createElement("input", _extends({
115
- className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mx-4"]))),
116
- ref: inputRefCallback,
117
- type: type
118
- }, inputProps, {
119
- readOnly: readOnly,
120
- disabled: disabled,
121
- onChange: function onChange(evt) {
122
- var _inputProps$onChange;
123
-
124
- (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
125
-
126
- if (!isControlled) {
127
- setInternalValue(evt.target.value);
128
- }
129
- },
130
- onFocus: function onFocus(evt) {
131
- var _inputProps$onFocus;
132
-
133
- setFocused(true);
134
- (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
135
127
  },
136
- onBlur: function onBlur(evt) {
137
- var _inputProps$onBlur;
138
-
139
- setFocused(false);
140
- (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
141
- }
142
- })), clearable && !disabled && !readOnly && !isValueEmpty && /*#__PURE__*/React.createElement(IconButton, {
143
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
144
- title: "Clear input",
145
- icon: X,
146
- variant: "subtle",
147
- size: "small",
148
- tabIndex: -1,
149
- "aria-hidden": true,
150
- onClick: function onClick(evt) {
151
- evt.preventDefault();
152
- triggerInputChange("");
153
- }
154
- }), endItem && /*#__PURE__*/React.createElement("div", {
155
- className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-4"])))
156
- }, endItem), /*#__PURE__*/React.createElement(StatusIcon, null), type === "number" && !disabled && /*#__PURE__*/React.createElement("div", {
157
- className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["input-spinner"])))
158
- }, /*#__PURE__*/React.createElement("button", {
159
- tabIndex: -1,
160
- type: "button",
161
- disabled: readOnly,
162
- className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
163
- "aria-label": "increment",
164
- onClick: function onClick() {
165
- var _inputRef$current$val, _inputRef$current2;
166
-
167
- var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
168
- var max = isNil(inputProps.max) ? Number.MAX_SAFE_INTEGER : parseFloat(String(inputProps.max));
169
- var currentValue = parseFloat((_inputRef$current$val = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : "0");
170
-
171
- if (Number.isNaN(currentValue)) {
172
- currentValue = 0;
128
+ children: [Icon && /*#__PURE__*/_jsx(Icon, {
129
+ className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["ml-4 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
130
+ size: variant === "small" ? "1rem" : "1.5rem"
131
+ }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
132
+ className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mx-4 no-search-input-decoration"]))),
133
+ ref: inputRefCallback,
134
+ type: type
135
+ }, inputProps), {}, {
136
+ readOnly: readOnly,
137
+ disabled: disabled,
138
+ onChange: function onChange(evt) {
139
+ var _inputProps$onChange;
140
+
141
+ (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
142
+
143
+ if (!isControlled) {
144
+ setInternalValue(evt.target.value);
145
+ }
146
+ },
147
+ onFocus: function onFocus(evt) {
148
+ var _inputProps$onFocus;
149
+
150
+ setFocused(true);
151
+ (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
152
+ },
153
+ onBlur: function onBlur(evt) {
154
+ var _inputProps$onBlur;
155
+
156
+ setFocused(false);
157
+ (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
173
158
  }
174
-
175
- if (currentValue + step <= max) {
176
- triggerInputChange(String(currentValue + step));
177
- } else {
178
- triggerInputChange(String(max));
159
+ })), clearable && !disabled && !readOnly && !isValueEmpty && /*#__PURE__*/_jsx(IconButton, {
160
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
161
+ title: locale.clearInput,
162
+ icon: X,
163
+ variant: "subtle",
164
+ size: "small",
165
+ tabIndex: -1,
166
+ "aria-hidden": true,
167
+ onClick: function onClick(evt) {
168
+ evt.preventDefault();
169
+ triggerInputChange("");
179
170
  }
180
- }
181
- }, /*#__PURE__*/React.createElement(ChevronUp, {
182
- size: 12
183
- })), /*#__PURE__*/React.createElement("button", {
184
- tabIndex: -1,
185
- type: "button",
186
- disabled: readOnly,
187
- className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
188
- "aria-label": "decrement",
189
- onClick: function onClick() {
190
- var _inputRef$current$val2, _inputRef$current3;
191
-
192
- var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
193
- var min = isNil(inputProps.min) ? Number.MIN_SAFE_INTEGER : parseFloat(String(inputProps.min));
194
- var currentValue = parseFloat((_inputRef$current$val2 = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value) !== null && _inputRef$current$val2 !== void 0 ? _inputRef$current$val2 : "0");
195
-
196
- if (Number.isNaN(currentValue)) {
197
- currentValue = 0;
198
- }
199
-
200
- if (currentValue - step >= min) {
201
- triggerInputChange(String(currentValue - step));
202
- } else {
203
- triggerInputChange(String(min));
204
- }
205
- }
206
- }, /*#__PURE__*/React.createElement(ChevronDown, {
207
- size: 12
208
- }))));
171
+ }), endItem && /*#__PURE__*/_jsx("div", {
172
+ className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-4"]))),
173
+ children: endItem
174
+ }), /*#__PURE__*/_jsx(StatusIcon, {}), type === "number" && !disabled && /*#__PURE__*/_jsxs("div", {
175
+ className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["input-spinner"]))),
176
+ children: [/*#__PURE__*/_jsx("button", {
177
+ tabIndex: -1,
178
+ type: "button",
179
+ disabled: readOnly,
180
+ className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
181
+ "aria-label": locale.increment,
182
+ onClick: function onClick() {
183
+ var _inputRef$current$val, _inputRef$current2;
184
+
185
+ var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
186
+ var max = isNil(inputProps.max) ? Number.MAX_SAFE_INTEGER : parseFloat(String(inputProps.max));
187
+ var currentValue = parseFloat((_inputRef$current$val = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : "0");
188
+
189
+ if (Number.isNaN(currentValue)) {
190
+ currentValue = 0;
191
+ }
192
+
193
+ if (currentValue + step <= max) {
194
+ triggerInputChange(String(currentValue + step));
195
+ } else {
196
+ triggerInputChange(String(max));
197
+ }
198
+ },
199
+ children: /*#__PURE__*/_jsx(ChevronUp, {
200
+ size: 12
201
+ })
202
+ }), /*#__PURE__*/_jsx("button", {
203
+ tabIndex: -1,
204
+ type: "button",
205
+ disabled: readOnly,
206
+ className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
207
+ "aria-label": locale.decrement,
208
+ onClick: function onClick() {
209
+ var _inputRef$current$val2, _inputRef$current3;
210
+
211
+ var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
212
+ var min = isNil(inputProps.min) ? Number.MIN_SAFE_INTEGER : parseFloat(String(inputProps.min));
213
+ var currentValue = parseFloat((_inputRef$current$val2 = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value) !== null && _inputRef$current$val2 !== void 0 ? _inputRef$current$val2 : "0");
214
+
215
+ if (Number.isNaN(currentValue)) {
216
+ currentValue = 0;
217
+ }
218
+
219
+ if (currentValue - step >= min) {
220
+ triggerInputChange(String(currentValue - step));
221
+ } else {
222
+ triggerInputChange(String(min));
223
+ }
224
+ },
225
+ children: /*#__PURE__*/_jsx(ChevronDown, {
226
+ size: 12
227
+ })
228
+ })]
229
+ })]
230
+ });
209
231
  });
210
232
  export default Input;
@@ -1,5 +1,5 @@
1
1
  export = inputPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const inputPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const inputPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,13 +1,11 @@
1
- import _disabledColor from "../styles/disabledColor";
2
1
  import _rgba from "../styles/rgba";
2
+ import _disabledColor from "../styles/disabledColor";
3
+ import _plugin from "tailwindcss/plugin";
3
4
  // @ts-check
4
- var rgba = _rgba;
5
+ var plugin = _plugin;
5
6
  var disabledColor = _disabledColor;
6
- /**
7
- * @type {import('../tailwind-types').TailwindPlugin}
8
- */
9
-
10
- var inputPlugin = function inputPlugin(_ref) {
7
+ var rgba = _rgba;
8
+ var inputPlugin = plugin(function (_ref) {
11
9
  var addComponents = _ref.addComponents,
12
10
  theme = _ref.theme;
13
11
  addComponents({
@@ -25,8 +23,8 @@ var inputPlugin = function inputPlugin(_ref) {
25
23
  overflow: "hidden",
26
24
  transition: "all 100ms ease-in-out",
27
25
  input: {
28
- flex: 1,
29
- minWidth: 0,
26
+ flex: "1",
27
+ minWidth: "0px",
30
28
  caretColor: theme("colors.grey.600"),
31
29
  color: theme("colors.grey.900"),
32
30
  background: "transparent",
@@ -35,7 +33,7 @@ var inputPlugin = function inputPlugin(_ref) {
35
33
  },
36
34
  "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
37
35
  "-webkit-appearance": "none",
38
- margin: 0
36
+ margin: "0px"
39
37
  },
40
38
  "&:focus": {
41
39
  outline: "none"
@@ -78,15 +76,15 @@ var inputPlugin = function inputPlugin(_ref) {
78
76
  display: "flex",
79
77
  flexDirection: "column",
80
78
  height: "100%",
81
- width: 24,
82
- minWidth: 20
79
+ width: "24px",
80
+ minWidth: "20px"
83
81
  },
84
82
  ".input-spinner-button": {
85
83
  background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
86
84
  borderColor: theme("colors.grey.200"),
87
85
  borderStyle: "solid",
88
- borderLeftWidth: 1,
89
- flex: 1,
86
+ borderLeftWidth: "1px",
87
+ flex: "1",
90
88
  display: "inline-flex",
91
89
  alignItems: "center",
92
90
  justifyContent: "center",
@@ -94,10 +92,9 @@ var inputPlugin = function inputPlugin(_ref) {
94
92
  outline: "none"
95
93
  },
96
94
  "&:not(:last-child)": {
97
- borderBottomWidth: 1
95
+ borderBottomWidth: "1px"
98
96
  }
99
97
  }
100
98
  });
101
- };
102
-
99
+ });
103
100
  export default inputPlugin;
@@ -1,4 +1,4 @@
1
- import React, { FC } from "react";
1
+ import type { FC, ReactNode } from "react";
2
2
  import { BadgeVariants } from "../Badge";
3
3
  declare type InsertContext = {
4
4
  label: string;
@@ -6,8 +6,9 @@ declare type InsertContext = {
6
6
  };
7
7
  export interface InsertProps {
8
8
  /** Descriptive title for the `Insert` */
9
- title: React.ReactNode;
9
+ title: ReactNode;
10
10
  contexts?: Array<string | InsertContext>;
11
+ children: ReactNode;
11
12
  }
12
13
  /**
13
14
  * Put more emphasis on side content.
@@ -2,9 +2,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
4
4
 
5
- import React from "react";
6
5
  import Badge from "../Badge";
7
6
  import stl from "../styles/helpers/satellitePrefixer";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ import { jsxs as _jsxs } from "react/jsx-runtime";
8
9
 
9
10
  /**
10
11
  * Put more emphasis on side content.
@@ -41,26 +42,32 @@ export var Insert = function Insert(_ref) {
41
42
  var title = _ref.title,
42
43
  contexts = _ref.contexts,
43
44
  children = _ref.children;
44
- return /*#__PURE__*/React.createElement("aside", {
45
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"])))
46
- }, contexts ? /*#__PURE__*/React.createElement("span", {
47
- className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["block space-x-2 mb-4"])))
48
- }, contexts.map(function (context, idx) {
49
- var _ref2 = typeof context === "string" ? {
50
- label: context
51
- } : context,
52
- label = _ref2.label,
53
- _ref2$variant = _ref2.variant,
54
- variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
45
+ return /*#__PURE__*/_jsxs("aside", {
46
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"]))),
47
+ children: [contexts ? /*#__PURE__*/_jsx("span", {
48
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["block space-x-2 mb-4"]))),
49
+ children: contexts.map(function (context, idx) {
50
+ var _ref2 = typeof context === "string" ? {
51
+ label: context
52
+ } : context,
53
+ label = _ref2.label,
54
+ _ref2$variant = _ref2.variant,
55
+ variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
55
56
 
56
- return /*#__PURE__*/React.createElement(Badge, {
57
- key: idx,
58
- variant: variant
59
- }, label);
60
- })) : null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
61
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["display-heading mb-2"])))
62
- }, title), /*#__PURE__*/React.createElement("span", {
63
- className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["display-body typo-subdued"])))
64
- }, children)));
57
+ return /*#__PURE__*/_jsx(Badge, {
58
+ variant: variant,
59
+ children: label
60
+ }, idx);
61
+ })
62
+ }) : null, /*#__PURE__*/_jsxs("div", {
63
+ children: [/*#__PURE__*/_jsx("p", {
64
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["display-heading mb-2"]))),
65
+ children: title
66
+ }), /*#__PURE__*/_jsx("span", {
67
+ className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["display-body typo-subdued"]))),
68
+ children: children
69
+ })]
70
+ })]
71
+ });
65
72
  };
66
73
  export default Insert;
@@ -1,6 +1,5 @@
1
- declare function _exports({ addComponents, prefix, theme }: {
2
- addComponents: any;
3
- prefix: any;
4
- theme: any;
5
- }): void;
1
+ declare const _exports: {
2
+ handler: import("tailwindcss/types/config").PluginCreator;
3
+ config?: import("tailwindcss").Config | undefined;
4
+ };
6
5
  export = _exports;