@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
@@ -12,7 +12,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
12
12
 
13
13
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
14
14
 
15
- var _excluded = ["locale"];
15
+ var _excluded = ["optionItemPrefix"];
16
16
 
17
17
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
18
18
 
@@ -37,14 +37,14 @@ import { Popper } from "react-popper";
37
37
  import Button from "../Button";
38
38
  import Card from "../Card";
39
39
  import { FieldStateContext } from "../Field/FieldStateContext";
40
+ import { SatelliteContext } from "../Satellite";
40
41
  import ScrollIndicator from "../ScrollIndicator";
41
42
  import stl from "../styles/helpers/satellitePrefixer";
42
43
  import Tag from "../Tag";
43
- import pluralize from "../utils/pluralize";
44
44
  import uniqBy from "../utils/uniqBy";
45
45
  import AutoCompleteEmptyState from "./components/AutoCompleteEmptyState";
46
46
  import DefaultOptionItem from "./components/DefaultOptionItem";
47
- import { defaultCreateFromInputValue, isAutoCompleteMultiProps } from "./utils";
47
+ import { DEFAULT_AUTOCOMPLETE_LOCALE, defaultCreateFromInputValue, isAutoCompleteMultiProps } from "./utils";
48
48
  import { jsx as _jsx } from "react/jsx-runtime";
49
49
  import { jsxs as _jsxs } from "react/jsx-runtime";
50
50
 
@@ -112,26 +112,19 @@ var BACKSPACE_KEY_CODE = 8;
112
112
 
113
113
  /** @ignore */
114
114
  var DefaultEmptyState = function DefaultEmptyState(_ref) {
115
- var _locale$emptyStateTit;
116
-
117
- var locale = _ref.locale;
115
+ var emptyStateTitle = _ref.emptyStateTitle;
118
116
  return /*#__PURE__*/_jsx(AutoCompleteEmptyState, {
119
- title: (_locale$emptyStateTit = locale === null || locale === void 0 ? void 0 : locale.emptyStateTitle) !== null && _locale$emptyStateTit !== void 0 ? _locale$emptyStateTit : AutoComplete.defaultProps.locale.emptyStateTitle
117
+ title: emptyStateTitle
120
118
  });
121
119
  };
122
120
 
123
- /** @ignore */
124
121
  var DefaultOption = function DefaultOption(_ref2) {
125
- var locale = _ref2.locale,
122
+ var optionItemPrefix = _ref2.optionItemPrefix,
126
123
  props = _objectWithoutProperties(_ref2, _excluded);
127
124
 
128
125
  return /*#__PURE__*/_jsx(DefaultOptionItem, _objectSpread(_objectSpread({}, props), {}, {
129
126
  locale: {
130
- optionItemPrefix: function optionItemPrefix(multiple) {
131
- var _locale$optionItemPre, _locale$optionItemPre2;
132
-
133
- return (_locale$optionItemPre = locale === null || locale === void 0 ? void 0 : (_locale$optionItemPre2 = locale.optionItemPrefix) === null || _locale$optionItemPre2 === void 0 ? void 0 : _locale$optionItemPre2.call(locale, multiple)) !== null && _locale$optionItemPre !== void 0 ? _locale$optionItemPre : AutoComplete.defaultProps.locale.optionItemPrefix(multiple);
134
- }
127
+ optionItemPrefix: optionItemPrefix !== null && optionItemPrefix !== void 0 ? optionItemPrefix : DEFAULT_AUTOCOMPLETE_LOCALE.optionItemPrefix
135
128
  }
136
129
  }));
137
130
  };
@@ -346,23 +339,17 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
346
339
  }
347
340
 
348
341
  if (!options.resultCount) {
349
- var _this$props$locale$em, _this$props$locale;
350
-
351
- return (_this$props$locale$em = (_this$props$locale = _this.props.locale) === null || _this$props$locale === void 0 ? void 0 : _this$props$locale.emptyStateTitle) !== null && _this$props$locale$em !== void 0 ? _this$props$locale$em : "";
342
+ return _this.locale.emptyStateTitle;
352
343
  }
353
344
 
354
345
  if (options.resultCount > 0) {
355
- var _this$props$locale$it, _this$props$locale2, _this$props$locale2$i;
356
-
357
- return (_this$props$locale$it = (_this$props$locale2 = _this.props.locale) === null || _this$props$locale2 === void 0 ? void 0 : (_this$props$locale2$i = _this$props$locale2.itemsAvailable) === null || _this$props$locale2$i === void 0 ? void 0 : _this$props$locale2$i.call(_this$props$locale2, options.resultCount)) !== null && _this$props$locale$it !== void 0 ? _this$props$locale$it : "";
346
+ return _this.locale.itemsAvailable(options.resultCount);
358
347
  }
359
348
 
360
349
  return "";
361
350
  });
362
351
 
363
352
  _defineProperty(_assertThisInitialized(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
364
- var _this$props$locale3;
365
-
366
353
  var _this$props3 = _this.props,
367
354
  id = _this$props3.id,
368
355
  placeholder = _this$props3.placeholder,
@@ -428,7 +415,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
428
415
  onClick: _this.handleFakeInputClick,
429
416
  ref: _this.handleInputContainerRefUpdate,
430
417
  children: [Icon && /*#__PURE__*/_jsx(Icon, {
431
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 flex-shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
418
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
432
419
  size: "1rem"
433
420
  }), /*#__PURE__*/_jsxs("div", {
434
421
  className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName),
@@ -460,7 +447,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
460
447
  type: "button",
461
448
  className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["w-6 flex items-center justify-center text-grey-500"]))),
462
449
  onClick: _this.handleClearClick,
463
- "aria-label": (_this$props$locale3 = _this.props.locale) === null || _this$props$locale3 === void 0 ? void 0 : _this$props$locale3.clearInputButton,
450
+ "aria-label": _this.locale.clearInputButton,
464
451
  children: /*#__PURE__*/_jsx(X, {
465
452
  size: ".75rem"
466
453
  })
@@ -479,7 +466,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
479
466
  isOpen = autocompleteHelpers.isOpen;
480
467
 
481
468
  var defaultEmptyState = /*#__PURE__*/_jsx(DefaultEmptyState, {
482
- locale: _this.props.locale
469
+ emptyStateTitle: _this.locale.emptyStateTitle
483
470
  });
484
471
 
485
472
  var _this$props4 = _this.props,
@@ -522,8 +509,6 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
522
509
  referenceElement: (_this$inputContainerR3 = _this.inputContainerRef) !== null && _this$inputContainerR3 !== void 0 ? _this$inputContainerR3 : undefined,
523
510
  modifiers: MENU_POPPER_MODFIERS,
524
511
  children: function children(popper) {
525
- var _this$props$locale4, _this$props$locale4$s;
526
-
527
512
  return /*#__PURE__*/_jsx("div", {
528
513
  className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
529
514
  style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
@@ -547,7 +532,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
547
532
  children: /*#__PURE__*/_jsx(OptionItem, _objectSpread(_objectSpread({}, optionItemProps), {}, {
548
533
  highlighted: index === highlightedIndex,
549
534
  option: result,
550
- locale: _this.props.locale
535
+ optionItemPrefix: _this.locale.optionItemPrefix
551
536
  }))
552
537
  }), result.value);
553
538
  }), extraResults > 0 && !showAllResults && /*#__PURE__*/_jsx("li", {
@@ -556,7 +541,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
556
541
  variant: "subtle",
557
542
  size: "small",
558
543
  onMouseDown: _this.handleShowAllResults,
559
- children: (_this$props$locale4 = _this.props.locale) === null || _this$props$locale4 === void 0 ? void 0 : (_this$props$locale4$s = _this$props$locale4.showMoreButton) === null || _this$props$locale4$s === void 0 ? void 0 : _this$props$locale4$s.call(_this$props$locale4, extraResults)
544
+ children: _this.locale.showMoreButton(extraResults)
560
545
  })
561
546
  })]
562
547
  }))
@@ -611,6 +596,11 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
611
596
  });
612
597
  }
613
598
  }
599
+ }, {
600
+ key: "locale",
601
+ get: function get() {
602
+ return _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_AUTOCOMPLETE_LOCALE), this.context["locales"]), this.props.locale);
603
+ }
614
604
  }, {
615
605
  key: "render",
616
606
  value: function render() {
@@ -645,6 +635,8 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
645
635
  return AutoComplete;
646
636
  }(Component);
647
637
 
638
+ _defineProperty(AutoComplete, "contextType", SatelliteContext);
639
+
648
640
  _defineProperty(AutoComplete, "defaultProps", {
649
641
  clearable: false,
650
642
  creatable: false,
@@ -655,22 +647,7 @@ _defineProperty(AutoComplete, "defaultProps", {
655
647
  separatorKeyCodes: [],
656
648
  separatorKeys: [],
657
649
  optionItemComponent: DefaultOption,
658
- noWrap: false,
659
- locale: {
660
- clearInputButton: "Clear input value",
661
- emptyStateTitle: "No matches found",
662
- itemsAvailable: function itemsAvailable(resultCount) {
663
- return "".concat(pluralize(resultCount, "item is", {
664
- plural: "items are"
665
- }), " available");
666
- },
667
- showMoreButton: function showMoreButton(extraResults) {
668
- return "Show ".concat(pluralize(extraResults, "result"), " more");
669
- },
670
- optionItemPrefix: function optionItemPrefix(multiple) {
671
- return multiple ? "Add" : "Use";
672
- }
673
- }
650
+ noWrap: false
674
651
  });
675
652
 
676
653
  export default AutoComplete;
@@ -1,5 +1,5 @@
1
1
  export = autoCompletePlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const autoCompletePlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const autoCompletePlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,13 +1,11 @@
1
1
  import _rgba from "../styles/rgba";
2
2
  import _disabledColor from "../styles/disabledColor";
3
+ import _plugin from "tailwindcss/plugin";
3
4
  // @ts-check
5
+ var plugin = _plugin;
4
6
  var disabledColor = _disabledColor;
5
7
  var rgba = _rgba;
6
- /**
7
- * @type {import('../tailwind-types').TailwindPlugin}
8
- */
9
-
10
- var autoCompletePlugin = function autoCompletePlugin(_ref) {
8
+ var autoCompletePlugin = plugin(function (_ref) {
11
9
  var addComponents = _ref.addComponents,
12
10
  theme = _ref.theme;
13
11
  addComponents({
@@ -30,14 +28,14 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
30
28
  "&::after": {
31
29
  content: '" "',
32
30
  display: "block",
33
- minHeight: 30,
31
+ minHeight: "30px",
34
32
  // don't ask me why 30
35
- fontSize: 0
33
+ fontSize: "0px"
36
34
  },
37
35
  "&.autocomplete-large": {
38
36
  minHeight: "3rem",
39
37
  "&::after": {
40
- minHeight: 38 // don't ask me why 38
38
+ minHeight: "38px" // don't ask me why 38
41
39
 
42
40
  }
43
41
  }
@@ -67,12 +65,12 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
67
65
  scrollbarWidth: "none",
68
66
  msOverflowStyle: "-ms-autohiding-scrollbar",
69
67
  "&::-webkit-scrollbar": {
70
- width: 0,
71
- height: 0
68
+ width: "0px",
69
+ height: "0px"
72
70
  }
73
71
  },
74
72
  ".autocomplete-input": {
75
- flex: 1,
73
+ flex: "1",
76
74
  backgroundColor: "transparent",
77
75
  caretColor: theme("colors.grey.600"),
78
76
  color: theme("colors.grey.900"),
@@ -92,6 +90,5 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
92
90
  }
93
91
  }
94
92
  });
95
- };
96
-
93
+ });
97
94
  export default autoCompletePlugin;
@@ -1,4 +1,5 @@
1
- import type { AutoCompleteMultiProps, AutoCompleteProps, Option } from "./types";
1
+ import type { AutoCompleteLocale, AutoCompleteMultiProps, AutoCompleteProps, Option } from "./types";
2
2
  export declare function isAutoCompleteMultiProps<T extends Option = Option>(props: AutoCompleteProps<T>): props is AutoCompleteMultiProps<T>;
3
3
  export declare const defaultCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
4
4
  export declare const caseInsensitiveCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
5
+ export declare const DEFAULT_AUTOCOMPLETE_LOCALE: Required<AutoCompleteLocale>;
@@ -1,3 +1,4 @@
1
+ import pluralize from "../utils/pluralize";
1
2
  export function isAutoCompleteMultiProps(props) {
2
3
  return Boolean(props.multiple);
3
4
  }
@@ -24,4 +25,19 @@ export var caseInsensitiveCreateFromInputValue = function caseInsensitiveCreateF
24
25
  return createFromInputValue(options, inputValue, function (option) {
25
26
  return option.value.toString().toLowerCase() === inputValue.toLowerCase();
26
27
  });
28
+ };
29
+ export var DEFAULT_AUTOCOMPLETE_LOCALE = {
30
+ clearInputButton: "Clear input value",
31
+ emptyStateTitle: "No matches found",
32
+ itemsAvailable: function itemsAvailable(count) {
33
+ return "".concat(pluralize(count, "item is", {
34
+ plural: "items are"
35
+ }), " available");
36
+ },
37
+ optionItemPrefix: function optionItemPrefix(multiple) {
38
+ return multiple ? "Add" : "Use";
39
+ },
40
+ showMoreButton: function showMoreButton(extraResults) {
41
+ return "Show ".concat(pluralize(extraResults, "result"), " more");
42
+ }
27
43
  };
@@ -18,7 +18,7 @@ export var ApplicationAvatar = function ApplicationAvatar(_ref) {
18
18
  _ref$size = _ref.size,
19
19
  size = _ref$size === void 0 ? "medium" : _ref$size;
20
20
  return /*#__PURE__*/_jsx("div", {
21
- className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["rounded inline-flex flex-shrink-0 items-center justify-center uppercase"]))), pickApplicationColors(application.applicationId), SIZE_CLASSNAMES[size], className),
21
+ className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["rounded inline-flex shrink-0 items-center justify-center uppercase"]))), pickApplicationColors(application.applicationId), SIZE_CLASSNAMES[size], className),
22
22
  style: size === "small" ? {
23
23
  fontSize: "8px"
24
24
  } : {},
@@ -10,6 +10,7 @@ export interface BannerPropsBase {
10
10
  variant?: ColorVariant;
11
11
  icon?: boolean | IconComponentType;
12
12
  onDismiss?(): void;
13
+ children: ReactNode;
13
14
  }
14
15
  export interface BannerPageProps extends BannerPropsBase {
15
16
  /**
@@ -132,7 +132,7 @@ export var Banner = function Banner(props) {
132
132
  className: containerClassName,
133
133
  style: style,
134
134
  children: [Icon && /*#__PURE__*/_jsx(Icon, {
135
- className: cx(stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n flex-shrink-0\n ", "\n ", "\n "])), usageContext !== "inline" ? "mr-4" : "mr-2", isBannerDefaultProps(props) && props.title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
135
+ className: cx(stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n shrink-0\n ", "\n ", "\n "])), usageContext !== "inline" ? "mr-4" : "mr-2", isBannerDefaultProps(props) && props.title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
136
136
  size: "1rem"
137
137
  }), /*#__PURE__*/_jsxs("div", {
138
138
  className: stl(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["flex flex-1 flex-col ", ""])), onDismiss && "mr-2"),
@@ -18,6 +18,7 @@ export interface AlertProps {
18
18
  usageContext?: AlertContextType;
19
19
  icon?: IconComponentType;
20
20
  onDismiss?(): void;
21
+ children: ReactNode;
21
22
  }
22
23
  /**
23
24
  * Alerts inform users about important changes or temporally conditions. Use this component if you need to communicate something to users in a prominent way.
@@ -106,7 +106,7 @@ export var Alert = function Alert(_ref) {
106
106
  className: containerClassName,
107
107
  style: style,
108
108
  children: [/*#__PURE__*/_jsx(Icon, {
109
- className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n flex-shrink-0 mr-2\n ", "\n "])), title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
109
+ className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n shrink-0 mr-2\n ", "\n "])), title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
110
110
  size: "1rem"
111
111
  }), /*#__PURE__*/_jsxs("div", {
112
112
  className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["flex flex-1 flex-col ", ""])), onDismiss && "mr-6"),
@@ -1,7 +1,8 @@
1
- import type { FC } from "react";
1
+ import type { FC, ReactNode } from "react";
2
2
  import type { IconComponentType } from "../../types";
3
3
  export interface BigBerthaProps {
4
4
  icon?: IconComponentType;
5
+ children: ReactNode;
5
6
  }
6
7
  /**
7
8
  * Major product wide announcement from Algolia to the users.
@@ -17,6 +17,7 @@ export declare type PromoteProps = {
17
17
  /** Buttons */
18
18
  actions?: ReactNode;
19
19
  onDismiss?(): void;
20
+ children: ReactNode;
20
21
  } & (CompactPromoteProps | WidePromoteProps);
21
22
  /**
22
23
  * A contextual way of showing our user that a new feature / product is available to them on a higher plan or as an option.
@@ -68,12 +68,12 @@ export var Button = function Button(props) {
68
68
  size: BUTTON_LOADER_ICON_SIZES[size],
69
69
  thickness: 1
70
70
  }), StartIcon && /*#__PURE__*/_jsx(StartIcon, {
71
- className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex-shrink-0 pr-2"]))), iconClassNames)
71
+ className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["shrink-0 pr-2"]))), iconClassNames)
72
72
  }), /*#__PURE__*/_jsx("span", {
73
73
  className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["truncate text-center"]))), textClassNames),
74
74
  children: children
75
75
  }), EndIcon && /*#__PURE__*/_jsx(EndIcon, {
76
- className: cx(stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["flex-shrink-0 pl-2"]))), iconClassNames)
76
+ className: cx(stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["shrink-0 pl-2"]))), iconClassNames)
77
77
  })]
78
78
  }));
79
79
  };
@@ -1,5 +1,5 @@
1
1
  export = buttonPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const buttonPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const buttonPlugin: {
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 buttonPlugin = function buttonPlugin(_ref) {
7
+ var rgba = _rgba;
8
+ var buttonPlugin = plugin(function (_ref) {
11
9
  var addComponents = _ref.addComponents,
12
10
  theme = _ref.theme;
13
11
  // Button
@@ -135,24 +133,23 @@ var buttonPlugin = function buttonPlugin(_ref) {
135
133
  display: "flex",
136
134
  flexWrap: "nowrap",
137
135
  "& > .btn:not(:first-child):not(:last-child), & > :not(:first-child):not(:last-child) .btn": {
138
- borderRadius: 0
136
+ borderRadius: "0px"
139
137
  },
140
138
  "& > .btn:first-child, & > :first-child .btn": {
141
- borderTopRightRadius: 0,
142
- borderBottomRightRadius: 0
139
+ borderTopRightRadius: "0px",
140
+ borderBottomRightRadius: "0px"
143
141
  },
144
142
  "& > .btn:not(:first-child), & > :not(:first-child) .btn": {
145
- marginLeft: -1
143
+ marginLeft: "-1px"
146
144
  },
147
145
  "& > .btn:last-child, & > :last-child .btn": {
148
- borderTopLeftRadius: 0,
149
- borderBottomLeftRadius: 0
146
+ borderTopLeftRadius: "0px",
147
+ borderBottomLeftRadius: "0px"
150
148
  },
151
149
  "& .btn:active, & .btn-active, & .btn:focus": {
152
- zIndex: 1
150
+ zIndex: "1"
153
151
  }
154
152
  }
155
153
  });
156
- };
157
-
154
+ });
158
155
  export default buttonPlugin;
@@ -1,7 +1,8 @@
1
- import type { FunctionComponent } from "react";
1
+ import type { FunctionComponent, ReactNode } from "react";
2
2
  export interface ButtonGroupProps {
3
3
  className?: string;
4
4
  as?: keyof JSX.IntrinsicElements;
5
+ children: ReactNode;
5
6
  }
6
7
  /**
7
8
  * - Use grouped buttons when there is a close relationship between a number of buttons.
@@ -1,5 +1,5 @@
1
1
  export = cardPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const cardPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const cardPlugin: {
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 cardPlugin = function cardPlugin(_ref) {
3
+ var plugin = _plugin;
4
+ var cardPlugin = plugin(function (_ref) {
7
5
  var addComponents = _ref.addComponents,
8
6
  theme = _ref.theme;
9
7
  addComponents({
@@ -14,7 +12,7 @@ var cardPlugin = function cardPlugin(_ref) {
14
12
  padding: theme("spacing.6")
15
13
  },
16
14
  ".card-fullbleed": {
17
- padding: 0
15
+ padding: "0px"
18
16
  },
19
17
  ".card-z100": {
20
18
  boxShadow: theme("boxShadow.z100")
@@ -30,9 +28,8 @@ var cardPlugin = function cardPlugin(_ref) {
30
28
  },
31
29
  ".card-z500": {
32
30
  boxShadow: theme("boxShadow.z500"),
33
- borderRadius: 8
31
+ borderRadius: "8px"
34
32
  }
35
33
  });
36
- };
37
-
34
+ });
38
35
  export default cardPlugin;
@@ -1,4 +1,6 @@
1
- import type { FunctionComponent } from "react";
2
- export declare type CardTitleProps = JSX.IntrinsicElements["h2"];
1
+ import type { FunctionComponent, ReactNode } from "react";
2
+ export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
3
+ children: ReactNode;
4
+ };
3
5
  export declare const CardTitle: FunctionComponent<CardTitleProps>;
4
6
  export default CardTitle;
@@ -20,5 +20,5 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
20
20
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
21
21
  * - Checkboxes require the use of a button to apply the settings once they are selected
22
22
  */
23
- export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
23
+ export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
24
24
  export default Checkbox;
@@ -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 = checkboxPlugin;
2
+ declare const checkboxPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,22 +1,20 @@
1
1
  import _disabledColor from "../styles/disabledColor";
2
+ import _plugin from "tailwindcss/plugin";
2
3
  // @ts-check
4
+ var plugin = _plugin;
3
5
  var disabledColor = _disabledColor;
4
- /**
5
- * @type {import('../tailwind-types').TailwindPlugin}
6
- */
7
-
8
- var buttonPlugin = function buttonPlugin(_ref) {
6
+ var checkboxPlugin = plugin(function (_ref) {
9
7
  var addComponents = _ref.addComponents,
10
8
  theme = _ref.theme;
11
9
  addComponents({
12
10
  ".checkbox": {
13
11
  position: "relative",
14
- width: 16,
15
- height: 16,
12
+ width: "16px",
13
+ height: "16px",
16
14
  display: "flex",
17
15
  justifyContent: "center",
18
16
  alignItems: "center",
19
- flexShrink: 0,
17
+ flexShrink: "0",
20
18
  overflow: "hidden",
21
19
  color: theme("colors.accent.600"),
22
20
  background: "linear-gradient(180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
@@ -32,7 +30,7 @@ var buttonPlugin = function buttonPlugin(_ref) {
32
30
  color: "currentColor",
33
31
  transition: "150ms cubic-bezier(0.23, 1, 0.32, 1)",
34
32
  transform: "scale(1.8)",
35
- opacity: 0
33
+ opacity: "0"
36
34
  }
37
35
  },
38
36
  ".checkbox-invalid:not(.checkbox-disabled)": {
@@ -48,7 +46,7 @@ var buttonPlugin = function buttonPlugin(_ref) {
48
46
  boxShadow: "\n inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5"), ",\n 0 0 0 1px currentColor\n ")
49
47
  },
50
48
  "& > .checkbox-icon": {
51
- opacity: 1,
49
+ opacity: "1",
52
50
  transform: "scale(1)"
53
51
  }
54
52
  },
@@ -60,9 +58,8 @@ var buttonPlugin = function buttonPlugin(_ref) {
60
58
  color: disabledColor(theme("colors.grey.200"))
61
59
  },
62
60
  ".checkbox-icon": {
63
- strokeWidth: 3
61
+ strokeWidth: "3px"
64
62
  }
65
63
  });
66
- };
67
-
68
- export default buttonPlugin;
64
+ });
65
+ export default checkboxPlugin;
@@ -1,4 +1,4 @@
1
- import type { FC } from "react";
1
+ import type { FC, ReactNode } from "react";
2
2
  interface ClickAwayContextType {
3
3
  registerElement(element: HTMLElement): void;
4
4
  unregisterElement(element: HTMLElement): void;
@@ -14,6 +14,7 @@ export interface ClickAwayContainerProps {
14
14
  * happens outside of the subtree tracked by this component instance
15
15
  * */
16
16
  onClickAway(evt: Event): void;
17
+ children?: ReactNode;
17
18
  }
18
19
  /**
19
20
  * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.