@algolia/satellite 1.0.0-beta.133 → 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 (315) hide show
  1. package/README.md +33 -28
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
  3. package/cjs/AnnouncementBadge/AnnouncementBadge.js +14 -2
  4. package/cjs/AutoComplete/AutoComplete.d.ts +5 -10
  5. package/cjs/AutoComplete/AutoComplete.js +21 -45
  6. package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  7. package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
  8. package/cjs/AutoComplete/utils.d.ts +2 -1
  9. package/cjs/AutoComplete/utils.js +22 -2
  10. package/cjs/Avatars/ApplicationAvatar.js +1 -1
  11. package/cjs/Banner/Banner.d.ts +1 -0
  12. package/cjs/Banner/Banner.js +1 -1
  13. package/cjs/Banners/Alert/Alert.d.ts +1 -0
  14. package/cjs/Banners/Alert/Alert.js +1 -1
  15. package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -1
  16. package/cjs/Banners/Promote/Promote.d.ts +1 -0
  17. package/cjs/Button/Button.js +2 -2
  18. package/cjs/Button/Button.tailwind.d.ts +4 -4
  19. package/cjs/Button/Button.tailwind.js +11 -14
  20. package/cjs/Button/ButtonGroup.d.ts +2 -1
  21. package/cjs/Card/Card.tailwind.d.ts +4 -4
  22. package/cjs/Card/Card.tailwind.js +5 -8
  23. package/cjs/Card/components/CardTitle.d.ts +4 -2
  24. package/cjs/Checkbox/Checkbox.d.ts +1 -1
  25. package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
  26. package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
  27. package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
  28. package/cjs/DatePicker/DatePicker/DatePicker.js +13 -7
  29. package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
  30. package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
  31. package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +14 -3
  32. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
  33. package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
  34. package/cjs/DatePicker/components/Calendar.d.ts +2 -1
  35. package/cjs/DatePicker/components/FooterActions.d.ts +2 -1
  36. package/cjs/DatePicker/components/FooterActions.js +2 -2
  37. package/cjs/DatePicker/components/NavBar.d.ts +2 -1
  38. package/cjs/DatePicker/components/NavBar.js +2 -2
  39. package/cjs/DatePicker/utils.d.ts +2 -0
  40. package/cjs/DatePicker/utils.js +10 -2
  41. package/cjs/Dropdown/Dropdown.d.ts +1 -1
  42. package/cjs/Dropdown/DropdownButton.d.ts +1 -0
  43. package/cjs/Dropdown/components/DropdownLinkItem.js +1 -1
  44. package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
  45. package/cjs/Dropdown/components/DropdownToggleItem.js +2 -2
  46. package/cjs/Dropzone/Dropzone.d.ts +5 -1
  47. package/cjs/Dropzone/Dropzone.js +14 -5
  48. package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
  49. package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
  50. package/cjs/Field/Field.d.ts +1 -0
  51. package/cjs/Flag/Flag.d.ts +1 -0
  52. package/cjs/Flag/Flag.js +17 -2
  53. package/cjs/Flag/Flag.tailwind.d.ts +4 -4
  54. package/cjs/Flag/Flag.tailwind.js +8 -15
  55. package/cjs/Flag/types.d.ts +4 -0
  56. package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
  57. package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  58. package/cjs/FlexGrid/FlexGrid.tailwind.js +8 -11
  59. package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  60. package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
  61. package/cjs/Input/Input.d.ts +6 -0
  62. package/cjs/Input/Input.js +15 -4
  63. package/cjs/Input/Input.tailwind.d.ts +4 -4
  64. package/cjs/Input/Input.tailwind.js +12 -15
  65. package/cjs/Insert/Insert.d.ts +1 -0
  66. package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  67. package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
  68. package/cjs/KeyboardKey/KeyboardKey.js +3 -2
  69. package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  70. package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
  71. package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
  72. package/cjs/Medallion/Medallion.tailwind.js +8 -11
  73. package/cjs/Modal/Modal.d.ts +5 -4
  74. package/cjs/Modal/Modal.js +13 -4
  75. package/cjs/Modal/Modal.tailwind.d.ts +4 -4
  76. package/cjs/Modal/Modal.tailwind.js +9 -18
  77. package/cjs/Modal/components/ModalFooter.d.ts +4 -2
  78. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
  79. package/cjs/Pagination/CompactPagination/CompactPagination.js +30 -6
  80. package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -4
  81. package/cjs/Pagination/DotPagination/DotPagination.js +20 -4
  82. package/cjs/Pagination/Pagination/Pagination.d.ts +1 -1
  83. package/cjs/Pagination/Pagination/Pagination.js +27 -10
  84. package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  85. package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
  86. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  87. package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
  88. package/cjs/RadioGroup/RadioButton.d.ts +1 -1
  89. package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  90. package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
  91. package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
  92. package/cjs/RadioGroup/RadioGroup.js +1 -1
  93. package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
  94. package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  95. package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
  96. package/cjs/Satellite/Satellite.d.ts +4 -1
  97. package/cjs/Satellite/Satellite.js +7 -2
  98. package/cjs/Satellite/SatelliteContext.d.ts +3 -1
  99. package/cjs/Satellite/SatelliteContext.js +2 -1
  100. package/cjs/Satellite/index.d.ts +1 -0
  101. package/cjs/Satellite/index.js +14 -0
  102. package/cjs/Satellite/locale.d.ts +27 -0
  103. package/cjs/Satellite/locale.js +21 -0
  104. package/cjs/ScrollIndicator/ScrollIndicator.d.ts +2 -1
  105. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  106. package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  107. package/cjs/Select/Select.tailwind.d.ts +5 -5
  108. package/cjs/Select/Select.tailwind.js +5 -8
  109. package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
  110. package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
  111. package/cjs/Sidebar/components/SidebarLink.d.ts +2 -1
  112. package/cjs/Sidebar/components/SidebarLink.js +1 -1
  113. package/cjs/Switch/Switch.tailwind.d.ts +5 -5
  114. package/cjs/Switch/Switch.tailwind.js +7 -8
  115. package/cjs/Switch/SwitchOption.d.ts +2 -1
  116. package/cjs/Switch/SwitchOption.js +1 -1
  117. package/cjs/Tables/DataTable/DataTable.d.ts +1 -1
  118. package/cjs/Tables/DataTable/DataTable.js +24 -7
  119. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  120. package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
  121. package/cjs/Tables/DataTable/components/Body.d.ts +3 -2
  122. package/cjs/Tables/DataTable/components/Body.js +4 -4
  123. package/cjs/Tables/DataTable/components/Loader.d.ts +1 -1
  124. package/cjs/Tables/DataTable/components/Loader.js +2 -2
  125. package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
  126. package/cjs/Tables/Table/Table.tailwind.js +3 -6
  127. package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
  128. package/cjs/Tabs/Tabs.tailwind.js +5 -8
  129. package/cjs/Tag/Tag.d.ts +5 -4
  130. package/cjs/Tag/Tag.js +14 -6
  131. package/cjs/Tag/Tag.tailwind.d.ts +4 -4
  132. package/cjs/Tag/Tag.tailwind.js +6 -9
  133. package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
  134. package/cjs/TextArea/TextArea.tailwind.js +4 -7
  135. package/cjs/Toggle/Toggle.d.ts +1 -1
  136. package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
  137. package/cjs/Toggle/Toggle.tailwind.js +19 -22
  138. package/cjs/Tooltip/Tooltip.d.ts +1 -1
  139. package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
  140. package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
  141. package/cjs/Tooltip/TooltipWrapper.d.ts +1 -0
  142. package/cjs/Tooltip/types.d.ts +2 -0
  143. package/cjs/Typography/Typography.tailwind.d.ts +5 -17
  144. package/cjs/Typography/Typography.tailwind.js +123 -133
  145. package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
  146. package/cjs/UserContent/UserContent.tailwind.js +11 -9
  147. package/cjs/styles/base.tailwind.d.ts +4 -4
  148. package/cjs/styles/base.tailwind.js +3 -6
  149. package/cjs/styles/tailwind.config.d.ts +2 -198
  150. package/cjs/styles/tailwind.config.js +25 -29
  151. package/cjs/types.d.ts +7 -0
  152. package/cjs/utilities/utilities.tailwind.d.ts +4 -1
  153. package/cjs/utilities/utilities.tailwind.js +4 -6
  154. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  155. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
  156. package/esm/AnnouncementBadge/AnnouncementBadge.js +13 -2
  157. package/esm/AutoComplete/AutoComplete.d.ts +5 -10
  158. package/esm/AutoComplete/AutoComplete.js +22 -45
  159. package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
  160. package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
  161. package/esm/AutoComplete/utils.d.ts +2 -1
  162. package/esm/AutoComplete/utils.js +16 -0
  163. package/esm/Avatars/ApplicationAvatar.js +1 -1
  164. package/esm/Banner/Banner.d.ts +1 -0
  165. package/esm/Banner/Banner.js +1 -1
  166. package/esm/Banners/Alert/Alert.d.ts +1 -0
  167. package/esm/Banners/Alert/Alert.js +1 -1
  168. package/esm/Banners/BigBertha/BigBertha.d.ts +2 -1
  169. package/esm/Banners/Promote/Promote.d.ts +1 -0
  170. package/esm/Button/Button.js +2 -2
  171. package/esm/Button/Button.tailwind.d.ts +4 -4
  172. package/esm/Button/Button.tailwind.js +13 -16
  173. package/esm/Button/ButtonGroup.d.ts +2 -1
  174. package/esm/Card/Card.tailwind.d.ts +4 -4
  175. package/esm/Card/Card.tailwind.js +6 -9
  176. package/esm/Card/components/CardTitle.d.ts +4 -2
  177. package/esm/Checkbox/Checkbox.d.ts +1 -1
  178. package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
  179. package/esm/Checkbox/Checkbox.tailwind.js +11 -14
  180. package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
  181. package/esm/DatePicker/DatePicker/DatePicker.js +12 -7
  182. package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
  183. package/esm/DatePicker/DatePicker.tailwind.js +19 -15
  184. package/esm/DatePicker/DateRangePicker/DateRangePicker.js +12 -2
  185. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
  186. package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
  187. package/esm/DatePicker/components/Calendar.d.ts +2 -1
  188. package/esm/DatePicker/components/FooterActions.d.ts +2 -1
  189. package/esm/DatePicker/components/FooterActions.js +2 -2
  190. package/esm/DatePicker/components/NavBar.d.ts +2 -1
  191. package/esm/DatePicker/components/NavBar.js +2 -2
  192. package/esm/DatePicker/utils.d.ts +2 -0
  193. package/esm/DatePicker/utils.js +7 -0
  194. package/esm/Dropdown/Dropdown.d.ts +1 -1
  195. package/esm/Dropdown/DropdownButton.d.ts +1 -0
  196. package/esm/Dropdown/components/DropdownLinkItem.js +1 -1
  197. package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
  198. package/esm/Dropdown/components/DropdownToggleItem.js +2 -2
  199. package/esm/Dropzone/Dropzone.d.ts +5 -1
  200. package/esm/Dropzone/Dropzone.js +13 -4
  201. package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
  202. package/esm/EmptyState/EmptyState.tailwind.js +6 -9
  203. package/esm/Field/Field.d.ts +1 -0
  204. package/esm/Flag/Flag.d.ts +1 -0
  205. package/esm/Flag/Flag.js +15 -2
  206. package/esm/Flag/Flag.tailwind.d.ts +4 -4
  207. package/esm/Flag/Flag.tailwind.js +9 -16
  208. package/esm/Flag/types.d.ts +4 -0
  209. package/esm/FlexGrid/FlexGrid.d.ts +2 -1
  210. package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
  211. package/esm/FlexGrid/FlexGrid.tailwind.js +8 -11
  212. package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
  213. package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
  214. package/esm/Input/Input.d.ts +6 -0
  215. package/esm/Input/Input.js +15 -4
  216. package/esm/Input/Input.tailwind.d.ts +4 -4
  217. package/esm/Input/Input.tailwind.js +14 -17
  218. package/esm/Insert/Insert.d.ts +1 -0
  219. package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
  220. package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
  221. package/esm/KeyboardKey/KeyboardKey.js +3 -2
  222. package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
  223. package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
  224. package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
  225. package/esm/Medallion/Medallion.tailwind.js +8 -11
  226. package/esm/Modal/Modal.d.ts +5 -4
  227. package/esm/Modal/Modal.js +11 -4
  228. package/esm/Modal/Modal.tailwind.d.ts +4 -4
  229. package/esm/Modal/Modal.tailwind.js +10 -19
  230. package/esm/Modal/components/ModalFooter.d.ts +4 -2
  231. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
  232. package/esm/Pagination/CompactPagination/CompactPagination.js +27 -6
  233. package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -4
  234. package/esm/Pagination/DotPagination/DotPagination.js +17 -4
  235. package/esm/Pagination/Pagination/Pagination.d.ts +1 -1
  236. package/esm/Pagination/Pagination/Pagination.js +25 -10
  237. package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
  238. package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
  239. package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
  240. package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
  241. package/esm/RadioGroup/RadioButton.d.ts +1 -1
  242. package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
  243. package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
  244. package/esm/RadioGroup/RadioGroup.d.ts +1 -0
  245. package/esm/RadioGroup/RadioGroup.js +1 -1
  246. package/esm/RangeSlider/RangeSlider.d.ts +1 -1
  247. package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
  248. package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
  249. package/esm/Satellite/Satellite.d.ts +4 -1
  250. package/esm/Satellite/Satellite.js +6 -2
  251. package/esm/Satellite/SatelliteContext.d.ts +3 -1
  252. package/esm/Satellite/SatelliteContext.js +2 -1
  253. package/esm/Satellite/index.d.ts +1 -0
  254. package/esm/Satellite/index.js +1 -0
  255. package/esm/Satellite/locale.d.ts +27 -0
  256. package/esm/Satellite/locale.js +8 -0
  257. package/esm/ScrollIndicator/ScrollIndicator.d.ts +2 -1
  258. package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
  259. package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
  260. package/esm/Select/Select.tailwind.d.ts +5 -5
  261. package/esm/Select/Select.tailwind.js +5 -8
  262. package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
  263. package/esm/Sidebar/Sidebar.tailwind.js +6 -9
  264. package/esm/Sidebar/components/SidebarLink.d.ts +2 -1
  265. package/esm/Sidebar/components/SidebarLink.js +1 -1
  266. package/esm/Switch/Switch.tailwind.d.ts +5 -5
  267. package/esm/Switch/Switch.tailwind.js +7 -8
  268. package/esm/Switch/SwitchOption.d.ts +2 -1
  269. package/esm/Switch/SwitchOption.js +1 -1
  270. package/esm/Tables/DataTable/DataTable.d.ts +1 -1
  271. package/esm/Tables/DataTable/DataTable.js +21 -6
  272. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
  273. package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
  274. package/esm/Tables/DataTable/components/Body.d.ts +3 -2
  275. package/esm/Tables/DataTable/components/Body.js +4 -4
  276. package/esm/Tables/DataTable/components/Loader.d.ts +1 -1
  277. package/esm/Tables/DataTable/components/Loader.js +2 -2
  278. package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
  279. package/esm/Tables/Table/Table.tailwind.js +4 -7
  280. package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
  281. package/esm/Tabs/Tabs.tailwind.js +6 -9
  282. package/esm/Tag/Tag.d.ts +5 -4
  283. package/esm/Tag/Tag.js +13 -6
  284. package/esm/Tag/Tag.tailwind.d.ts +4 -4
  285. package/esm/Tag/Tag.tailwind.js +7 -10
  286. package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
  287. package/esm/TextArea/TextArea.tailwind.js +6 -9
  288. package/esm/Toggle/Toggle.d.ts +1 -1
  289. package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
  290. package/esm/Toggle/Toggle.tailwind.js +19 -22
  291. package/esm/Tooltip/Tooltip.d.ts +1 -1
  292. package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
  293. package/esm/Tooltip/Tooltip.tailwind.js +20 -19
  294. package/esm/Tooltip/TooltipWrapper.d.ts +1 -0
  295. package/esm/Tooltip/types.d.ts +2 -0
  296. package/esm/Typography/Typography.tailwind.d.ts +5 -17
  297. package/esm/Typography/Typography.tailwind.js +124 -134
  298. package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
  299. package/esm/UserContent/UserContent.tailwind.js +12 -10
  300. package/esm/styles/base.tailwind.d.ts +4 -4
  301. package/esm/styles/base.tailwind.js +4 -7
  302. package/esm/styles/tailwind.config.d.ts +2 -198
  303. package/esm/styles/tailwind.config.js +27 -30
  304. package/esm/types.d.ts +7 -0
  305. package/esm/utilities/utilities.tailwind.d.ts +4 -1
  306. package/esm/utilities/utilities.tailwind.js +4 -6
  307. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  308. package/package.json +8 -11
  309. package/satellite.min.css +2 -4
  310. package/scss/colors.scss +1 -0
  311. package/cjs/tailwind-types.d.ts +0 -52
  312. package/cjs/tailwind-types.js +0 -5
  313. package/esm/tailwind-types.d.ts +0 -52
  314. package/esm/tailwind-types.js +0 -1
  315. package/satellite.css +0 -196852
@@ -1,15 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  // @ts-check
4
- var rgba = require("../styles/rgba");
4
+ var plugin = require("tailwindcss/plugin");
5
5
 
6
6
  var disabledColor = require("../styles/disabledColor");
7
- /**
8
- * @type {import('../tailwind-types').TailwindPlugin}
9
- */
10
7
 
8
+ var rgba = require("../styles/rgba");
11
9
 
12
- var textAreaPlugin = function textAreaPlugin(_ref) {
10
+ var textAreaPlugin = plugin(function (_ref) {
13
11
  var addComponents = _ref.addComponents,
14
12
  theme = _ref.theme;
15
13
  addComponents({
@@ -40,6 +38,5 @@ var textAreaPlugin = function textAreaPlugin(_ref) {
40
38
  }
41
39
  }
42
40
  });
43
- };
44
-
41
+ });
45
42
  module.exports = textAreaPlugin;
@@ -6,5 +6,5 @@ export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "childr
6
6
  * - Toggles should not require a Save button to apply the changes
7
7
  * - If a Save button is needed, try using Radio groups or Checkboxes instead
8
8
  */
9
- export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & import("react").RefAttributes<HTMLInputElement>>;
9
+ export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
10
10
  export default Toggle;
@@ -1,5 +1,5 @@
1
- export = buttonPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const buttonPlugin: import('../tailwind-types').TailwindPlugin;
1
+ export = togglePlugin;
2
+ declare const togglePlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
3
  // @ts-check
4
- var rgba = require("../styles/rgba");
5
- /**
6
- * @type {import('../tailwind-types').TailwindPlugin}
7
- */
4
+ var plugin = require("tailwindcss/plugin");
8
5
 
6
+ var rgba = require("../styles/rgba");
9
7
 
10
- var buttonPlugin = function buttonPlugin(_ref) {
8
+ var togglePlugin = plugin(function (_ref) {
11
9
  var addComponents = _ref.addComponents,
12
10
  theme = _ref.theme;
13
11
  var transition = "all 72ms ease-in-out";
@@ -15,16 +13,16 @@ var buttonPlugin = function buttonPlugin(_ref) {
15
13
  ".toggle-container": {
16
14
  position: "relative",
17
15
  display: "block",
18
- height: 18,
19
- width: 32,
16
+ height: "18px",
17
+ width: "32px",
20
18
  overflow: "hidden",
21
19
  "& input": {
22
20
  position: "absolute",
23
- top: 0,
24
- left: 0,
21
+ top: "0px",
22
+ left: "0px",
25
23
  width: "100%",
26
24
  height: "100%",
27
- opacity: 0,
25
+ opacity: "0",
28
26
  cursor: "pointer",
29
27
  "&:disabled": {
30
28
  cursor: "not-allowed"
@@ -33,23 +31,23 @@ var buttonPlugin = function buttonPlugin(_ref) {
33
31
  },
34
32
  ".toggle": {
35
33
  position: "absolute",
36
- top: 0,
37
- left: 0,
34
+ top: "0px",
35
+ left: "0px",
38
36
  width: "100%",
39
37
  height: "100%",
40
38
  pointerEvents: "none",
41
- borderRadius: 9999,
39
+ borderRadius: "9999px",
42
40
  background: theme("colors.grey.100"),
43
41
  boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.2)),
44
42
  transition: transition,
45
43
  "&::after": {
46
44
  position: "absolute",
47
- top: 1,
48
- left: 1,
49
- width: 16,
50
- height: 16,
45
+ top: "1px",
46
+ left: "1px",
47
+ width: "16px",
48
+ height: "16px",
51
49
  content: '" "',
52
- borderRadius: 9999,
50
+ borderRadius: "9999px",
53
51
  background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
54
52
  boxShadow: "0px 1px 1px 0px ".concat(theme("colors.shadow.10")),
55
53
  transition: transition
@@ -62,10 +60,9 @@ var buttonPlugin = function buttonPlugin(_ref) {
62
60
  }
63
61
  },
64
62
  "input:disabled ~ &": {
65
- opacity: 0.6
63
+ opacity: "0.6"
66
64
  }
67
65
  }
68
66
  });
69
- };
70
-
71
- module.exports = buttonPlugin;
67
+ });
68
+ module.exports = togglePlugin;
@@ -20,5 +20,5 @@ export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEl
20
20
  * - Not contain any links or buttons
21
21
  * - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
22
22
  */
23
- export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
23
+ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
24
24
  export default Tooltip;
@@ -1,5 +1,5 @@
1
1
  export = tooltipPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const tooltipPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const tooltipPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,15 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  // @ts-check
4
+ var plugin = require("tailwindcss/plugin");
4
5
 
5
- /**
6
- * @type {import('../tailwind-types').TailwindPlugin}
7
- */
8
- var tooltipPlugin = function tooltipPlugin(_ref) {
6
+ var tooltipPlugin = plugin(function (_ref) {
9
7
  var addComponents = _ref.addComponents,
10
8
  theme = _ref.theme;
11
9
  var arrowSize = 4;
10
+ /** @type {string} */
11
+
12
12
  var tooltipDarkBackground = theme("colors.grey.900");
13
+ /** @type {string} */
14
+
13
15
  var tooltipLightBackground = theme("colors.white");
14
16
  addComponents({
15
17
  ".tooltip": {
@@ -24,7 +26,7 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
24
26
  border: "1px solid currentColor",
25
27
  background: "initial",
26
28
  whiteSpace: "nowrap",
27
- lineHeight: 2
29
+ lineHeight: "2"
28
30
  }
29
31
  },
30
32
  ".tooltip-dark": {
@@ -40,8 +42,8 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
40
42
  addComponents({
41
43
  ".tooltip-wrapper": {
42
44
  display: "inline-block",
43
- lineHeight: 0,
44
- outline: 0
45
+ lineHeight: "0",
46
+ outline: "0px"
45
47
  },
46
48
  ".tooltip-wrapper-popper": {
47
49
  zIndex: theme("zIndex.tooltip"),
@@ -51,17 +53,17 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
51
53
  ".tooltip-wrapper-arrow": {
52
54
  position: "absolute",
53
55
  display: "block",
54
- width: arrowSize,
55
- height: arrowSize,
56
+ width: "".concat(arrowSize, "px"),
57
+ height: "".concat(arrowSize, "px"),
56
58
  border: "".concat(arrowSize, "px solid transparent"),
57
59
  color: tooltipDarkBackground,
58
60
  '[data-popper-placement^="right"] > &': {
59
- left: -arrowSize,
61
+ left: "".concat(-arrowSize, "px"),
60
62
  borderLeft: "none",
61
63
  borderRightColor: "currentColor"
62
64
  },
63
65
  '[data-popper-placement^="left"] > &': {
64
- right: -arrowSize,
66
+ right: "".concat(-arrowSize, "px"),
65
67
  borderRight: "none",
66
68
  borderLeftColor: "currentColor"
67
69
  },
@@ -71,7 +73,7 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
71
73
  borderTopColor: "currentColor"
72
74
  },
73
75
  '[data-popper-placement^="bottom"] > &': {
74
- top: -arrowSize,
76
+ top: "".concat(-arrowSize, "px"),
75
77
  borderTop: "none",
76
78
  borderBottomColor: "currentColor"
77
79
  }
@@ -84,31 +86,30 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
84
86
  border: "".concat(arrowSize - 1, "px solid transparent")
85
87
  },
86
88
  '[data-popper-placement^="left"] > &::after': {
87
- right: 1,
89
+ right: "1px",
88
90
  transform: "translate(0, -50%)",
89
91
  borderRight: "none",
90
92
  borderLeftColor: tooltipLightBackground
91
93
  },
92
94
  '[data-popper-placement^="right"] > &::after': {
93
- left: 1,
95
+ left: "1px",
94
96
  transform: "translate(0, -50%)",
95
97
  borderLeft: "none",
96
98
  borderRightColor: tooltipLightBackground
97
99
  },
98
100
  '[data-popper-placement^="top"] > &::after': {
99
- bottom: 1,
101
+ bottom: "1px",
100
102
  transform: "translate(-50%, 0)",
101
103
  borderBottom: "none",
102
104
  borderTopColor: tooltipLightBackground
103
105
  },
104
106
  '[data-popper-placement^="bottom"] > &::after': {
105
- top: 1,
107
+ top: "1px",
106
108
  transform: "translate(-50%, 0)",
107
109
  borderTop: "none",
108
110
  borderBottomColor: tooltipLightBackground
109
111
  }
110
112
  }
111
113
  });
112
- };
113
-
114
+ });
114
115
  module.exports = tooltipPlugin;
@@ -22,6 +22,7 @@ export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
22
22
  */
23
23
  interactive?: boolean;
24
24
  content: ReactNode;
25
+ children: ReactNode;
25
26
  }
26
27
  export declare const TooltipWrapper: FunctionComponent<TooltipWrapperProps>;
27
28
  export default TooltipWrapper;
@@ -1,4 +1,5 @@
1
1
  import type { Placement, StrictModifiers } from "@popperjs/core";
2
+ import type { ReactNode } from "react";
2
3
  import type { TooltipVariant } from "./Tooltip";
3
4
  export interface TooltipWrapperBaseProps {
4
5
  /** Defines where to open the menu */
@@ -9,4 +10,5 @@ export interface TooltipWrapperBaseProps {
9
10
  /** Modifiers for the Popper menu */
10
11
  modifiers?: StrictModifiers[];
11
12
  noArrow?: boolean;
13
+ children: ReactNode;
12
14
  }
@@ -1,17 +1,5 @@
1
- /**
2
- * @type {import('../tailwind-types').TailwindFunction}
3
- */
4
- declare const desktop: import('../tailwind-types').TailwindFunction;
5
- /**
6
- * @type {import('../tailwind-types').TailwindFunction}
7
- */
8
- declare const mobile: import('../tailwind-types').TailwindFunction;
9
- /**
10
- * @type {import("../tailwind-types").TailwindPlugin}
11
- */
12
- declare const typographyPlugin: import("../tailwind-types").TailwindPlugin;
13
- export declare namespace styles {
14
- export { desktop };
15
- export { mobile };
16
- }
17
- export { typographyPlugin as plugin };
1
+ export = typographyPlugin;
2
+ declare const typographyPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -9,134 +9,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
9
9
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
10
 
11
11
  // @ts-check
12
- // @ts-ignore
13
12
  var _require = require("lodash"),
14
13
  mapKeys = _require.mapKeys;
15
- /**
16
- * @type {import('../tailwind-types').TailwindFunction}
17
- */
18
14
 
15
+ var plugin = require("tailwindcss/plugin");
19
16
 
20
- var desktop = function desktop(theme) {
21
- return {
22
- "display-xlarge": {
23
- fontSize: theme("fontSize.3xl"),
24
- lineHeight: theme("lineHeight.3xl"),
25
- fontWeight: theme("fontWeight.semibold")
26
- },
27
- "display-large": {
28
- fontSize: theme("fontSize.2xl"),
29
- lineHeight: theme("lineHeight.2xl"),
30
- fontWeight: theme("fontWeight.semibold")
31
- },
32
- "display-medium": {
33
- fontSize: theme("fontSize.xl"),
34
- lineHeight: theme("lineHeight.xl"),
35
- fontWeight: theme("fontWeight.semibold")
36
- },
37
- "display-small": {
38
- fontSize: theme("fontSize.lg"),
39
- lineHeight: theme("lineHeight.lg"),
40
- fontWeight: theme("fontWeight.normal")
41
- },
42
- "display-heading": {
43
- fontSize: theme("fontSize.md"),
44
- lineHeight: theme("lineHeight.md"),
45
- fontWeight: theme("fontWeight.semibold")
46
- },
47
- "display-subheading": {
48
- fontSize: theme("fontSize.sm"),
49
- lineHeight: theme("lineHeight.sm"),
50
- fontWeight: theme("fontWeight.semibold"),
51
- textTransform: "uppercase"
52
- },
53
- "display-body": {
54
- fontSize: theme("fontSize.base"),
55
- lineHeight: theme("lineHeight.base"),
56
- fontWeight: theme("fontWeight.normal")
57
- },
58
- "display-caption": {
59
- fontSize: theme("fontSize.sm"),
60
- lineHeight: theme("lineHeight.sm"),
61
- fontWeight: theme("fontWeight.normal")
62
- },
63
- "display-code": {
64
- fontFamily: theme("fontFamily.mono"),
65
- fontSize: theme("fontSize.base"),
66
- lineHeight: theme("lineHeight.base"),
67
- fontWeight: theme("fontWeight.normal")
68
- }
69
- };
70
- };
71
- /**
72
- * @type {import('../tailwind-types').TailwindFunction}
73
- */
74
-
75
-
76
- var mobile = function mobile(theme) {
77
- return {
78
- "display-xlarge": {
79
- lineHeight: theme("lineHeight.xl"),
80
- fontSize: theme("fontSize.2xl"),
81
- fontWeight: theme("fontWeight.semibold")
82
- },
83
- "display-large": {
84
- lineHeight: theme("lineHeight.xl"),
85
- fontSize: theme("fontSize.xl"),
86
- fontWeight: theme("fontWeight.semibold")
87
- },
88
- "display-medium": {
89
- lineHeight: theme("lineHeight.xl"),
90
- fontSize: theme("fontSize.lg"),
91
- fontWeight: theme("fontWeight.normal")
92
- },
93
- "display-small": {
94
- lineHeight: theme("lineHeight.md"),
95
- fontSize: theme("fontSize.md"),
96
- fontWeight: theme("fontWeight.normal")
97
- },
98
- "display-heading": {
99
- lineHeight: theme("lineHeight.md"),
100
- fontSize: theme("fontSize.md"),
101
- fontWeight: theme("fontWeight.semibold")
102
- },
103
- "display-subheading": {
104
- lineHeight: theme("lineHeight.sm"),
105
- fontSize: theme("fontSize.mobile"),
106
- fontWeight: theme("fontWeight.semibold"),
107
- textTransform: "uppercase"
108
- },
109
- "display-body": {
110
- lineHeight: theme("lineHeight.md"),
111
- fontSize: theme("fontSize.md"),
112
- fontWeight: theme("fontWeight.normal")
113
- },
114
- "display-caption": {
115
- lineHeight: theme("lineHeight.base"),
116
- fontSize: theme("fontSize.mobile"),
117
- fontWeight: theme("fontWeight.normal")
118
- },
119
- "display-code": {
120
- fontFamily: theme("fontFamily.mono"),
121
- lineHeight: theme("lineHeight.md"),
122
- fontSize: theme("fontSize.md"),
123
- fontWeight: theme("fontWeight.normal")
124
- }
125
- };
126
- };
127
- /**
128
- * @type {import("../tailwind-types").TailwindPlugin}
129
- */
130
-
131
-
132
- var typographyPlugin = function typographyPlugin(_ref) {
133
- var addComponents = _ref.addComponents,
17
+ var typographyPlugin = plugin(function (_ref) {
18
+ var theme = _ref.theme,
134
19
  addUtilities = _ref.addUtilities,
135
- e = _ref.e,
136
- theme = _ref.theme,
137
- variants = _ref.variants;
138
- var desktop = theme("typography.desktop", {})(theme);
139
- var mobile = theme("typography.mobile", {})(theme);
20
+ addComponents = _ref.addComponents,
21
+ e = _ref.e;
22
+ var desktop = theme("typography.desktop", {});
23
+ var mobile = theme("typography.mobile", {});
140
24
  var common = {
141
25
  reversed: {
142
26
  color: theme("colors.white")
@@ -156,6 +40,8 @@ var typographyPlugin = function typographyPlugin(_ref) {
156
40
  }; // add utilities for manual typography declaration
157
41
  // Example: `className="typo-m-display-small lg:typo-display-small"`
158
42
 
43
+ /** @type {any} */
44
+
159
45
  var utilities = _objectSpread(_objectSpread(_objectSpread({}, mapKeys(common, function (_, key) {
160
46
  return ".typo-".concat(e(key));
161
47
  })), mapKeys(desktop, function (_, key) {
@@ -173,14 +59,118 @@ var typographyPlugin = function typographyPlugin(_ref) {
173
59
  })))); // register add-ons
174
60
 
175
61
 
176
- addUtilities(utilities, variants("styles", ["responsive"]));
62
+ addUtilities(utilities);
177
63
  addComponents(components);
178
- };
179
-
180
- module.exports = {
181
- styles: {
182
- desktop: desktop,
183
- mobile: mobile
184
- },
185
- plugin: typographyPlugin
186
- };
64
+ }, {
65
+ content: [],
66
+ theme: {
67
+ // @ts-ignore
68
+ typography: function typography(_ref2) {
69
+ var theme = _ref2.theme;
70
+ // Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value
71
+ // Asked here https://github.com/tailwindlabs/tailwindcss/discussions/8755
72
+ var monoFontFamily = theme("fontFamily.mono").join(",");
73
+ return {
74
+ desktop: {
75
+ "display-xlarge": {
76
+ fontSize: theme("fontSize.3xl"),
77
+ lineHeight: theme("lineHeight.3xl"),
78
+ fontWeight: theme("fontWeight.semibold")
79
+ },
80
+ "display-large": {
81
+ fontSize: theme("fontSize.2xl"),
82
+ lineHeight: theme("lineHeight.2xl"),
83
+ fontWeight: theme("fontWeight.semibold")
84
+ },
85
+ "display-medium": {
86
+ fontSize: theme("fontSize.xl"),
87
+ lineHeight: theme("lineHeight.xl"),
88
+ fontWeight: theme("fontWeight.semibold")
89
+ },
90
+ "display-small": {
91
+ fontSize: theme("fontSize.lg"),
92
+ lineHeight: theme("lineHeight.lg"),
93
+ fontWeight: theme("fontWeight.normal")
94
+ },
95
+ "display-heading": {
96
+ fontSize: theme("fontSize.md"),
97
+ lineHeight: theme("lineHeight.md"),
98
+ fontWeight: theme("fontWeight.semibold")
99
+ },
100
+ "display-subheading": {
101
+ fontSize: theme("fontSize.sm"),
102
+ lineHeight: theme("lineHeight.sm"),
103
+ fontWeight: theme("fontWeight.semibold"),
104
+ textTransform: "uppercase"
105
+ },
106
+ "display-body": {
107
+ fontSize: theme("fontSize.base"),
108
+ lineHeight: theme("lineHeight.base"),
109
+ fontWeight: theme("fontWeight.normal")
110
+ },
111
+ "display-caption": {
112
+ fontSize: theme("fontSize.sm"),
113
+ lineHeight: theme("lineHeight.sm"),
114
+ fontWeight: theme("fontWeight.normal")
115
+ },
116
+ "display-code": {
117
+ fontFamily: monoFontFamily,
118
+ fontSize: theme("fontSize.base"),
119
+ lineHeight: theme("lineHeight.base"),
120
+ fontWeight: theme("fontWeight.normal")
121
+ }
122
+ },
123
+ mobile: {
124
+ "display-xlarge": {
125
+ lineHeight: theme("lineHeight.xl"),
126
+ fontSize: theme("fontSize.2xl"),
127
+ fontWeight: theme("fontWeight.semibold")
128
+ },
129
+ "display-large": {
130
+ lineHeight: theme("lineHeight.xl"),
131
+ fontSize: theme("fontSize.xl"),
132
+ fontWeight: theme("fontWeight.semibold")
133
+ },
134
+ "display-medium": {
135
+ lineHeight: theme("lineHeight.xl"),
136
+ fontSize: theme("fontSize.lg"),
137
+ fontWeight: theme("fontWeight.normal")
138
+ },
139
+ "display-small": {
140
+ lineHeight: theme("lineHeight.md"),
141
+ fontSize: theme("fontSize.md"),
142
+ fontWeight: theme("fontWeight.normal")
143
+ },
144
+ "display-heading": {
145
+ lineHeight: theme("lineHeight.md"),
146
+ fontSize: theme("fontSize.md"),
147
+ fontWeight: theme("fontWeight.semibold")
148
+ },
149
+ "display-subheading": {
150
+ lineHeight: theme("lineHeight.sm"),
151
+ fontSize: theme("fontSize.mobile"),
152
+ fontWeight: theme("fontWeight.semibold"),
153
+ textTransform: "uppercase"
154
+ },
155
+ "display-body": {
156
+ lineHeight: theme("lineHeight.md"),
157
+ fontSize: theme("fontSize.md"),
158
+ fontWeight: theme("fontWeight.normal")
159
+ },
160
+ "display-caption": {
161
+ lineHeight: theme("lineHeight.base"),
162
+ fontSize: theme("fontSize.mobile"),
163
+ fontWeight: theme("fontWeight.normal")
164
+ },
165
+ "display-code": {
166
+ fontFamily: monoFontFamily,
167
+ lineHeight: theme("lineHeight.md"),
168
+ fontSize: theme("fontSize.md"),
169
+ fontWeight: theme("fontWeight.normal")
170
+ }
171
+ }
172
+ };
173
+ }
174
+ }
175
+ });
176
+ module.exports = typographyPlugin;
@@ -1,2 +1,5 @@
1
- declare const _exports: import('../tailwind-types').TailwindPlugin;
1
+ declare const _exports: {
2
+ handler: import("tailwindcss/types/config").PluginCreator;
3
+ config?: import("tailwindcss").Config | undefined;
4
+ };
2
5
  export = _exports;