@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,5 +1,5 @@
1
1
  export = rangeSliderPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const rangeSliderPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const rangeSliderPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,11 +1,9 @@
1
1
  import _rgba from "../styles/rgba";
2
+ import _plugin from "tailwindcss/plugin";
2
3
  // @ts-check
4
+ var plugin = _plugin;
3
5
  var rgba = _rgba;
4
- /**
5
- * @type {import('../tailwind-types').TailwindPlugin}
6
- */
7
-
8
- var rangeSliderPlugin = function rangeSliderPlugin(_ref) {
6
+ var rangeSliderPlugin = plugin(function (_ref) {
9
7
  var addComponents = _ref.addComponents,
10
8
  theme = _ref.theme;
11
9
  var thumbHeight = 24;
@@ -13,13 +11,13 @@ var rangeSliderPlugin = function rangeSliderPlugin(_ref) {
13
11
  addComponents({
14
12
  ".range-slider": {
15
13
  position: "relative",
16
- height: thumbHeight,
17
- minWidth: 200,
14
+ height: "".concat(thumbHeight, "px"),
15
+ minWidth: "200px",
18
16
  display: "flex",
19
17
  alignItems: "center"
20
18
  },
21
19
  ".range-slider-track-1, .range-slider-track-2": {
22
- height: trackHeight,
20
+ height: "".concat(trackHeight, "px"),
23
21
  borderRadius: theme("borderRadius.DEFAULT"),
24
22
  backgroundColor: theme("colors.grey.100"),
25
23
  boxShadow: "\n inset 0px 1px 3px 0px ".concat(rgba(theme("colors.black"), 0.1), ",\n 0px 0.5px 0px 0px ").concat(rgba(theme("colors.white"), 0.05), "\n ")
@@ -32,45 +30,44 @@ var rangeSliderPlugin = function rangeSliderPlugin(_ref) {
32
30
  },
33
31
  ".range-slider-thumb": {
34
32
  position: "absolute",
35
- top: thumbHeight / 2,
36
- width: 12,
33
+ top: "".concat(thumbHeight / 2, "px"),
34
+ width: "12px",
37
35
  transform: "translateX(-6px)",
38
- height: thumbHeight,
36
+ height: "".concat(thumbHeight, "px"),
39
37
  backgroundColor: theme("colors.white"),
40
38
  backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
41
39
  border: "1px solid ".concat(theme("colors.grey.200")),
42
40
  boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
43
- borderRadius: 2,
44
- marginTop: -12,
41
+ borderRadius: "2px",
42
+ marginTop: "-12px",
45
43
  "&::after, &::before": {
46
44
  position: "absolute",
47
- height: 12,
48
- width: 1,
45
+ height: "12px",
46
+ width: "1px",
49
47
  backgroundColor: theme("colors.grey.200"),
50
48
  content: '" "',
51
- top: 6
49
+ top: "6px"
52
50
  },
53
51
  "&::before": {
54
- left: 6
52
+ left: "6px"
55
53
  },
56
54
  "&::after": {
57
- right: 6
55
+ right: "6px"
58
56
  }
59
57
  },
60
58
  ".range-slider-input": {
61
59
  position: "absolute",
62
- top: 0,
63
- left: 0,
60
+ top: "0px",
61
+ left: "0px",
64
62
  width: "100%",
65
- height: thumbHeight,
63
+ height: "".concat(thumbHeight, "px"),
66
64
  appearance: "none",
67
- opacity: 0,
65
+ opacity: "0",
68
66
  cursor: "pointer",
69
67
  "&:disabled": {
70
68
  cursor: "not-allowed"
71
69
  }
72
70
  }
73
71
  });
74
- };
75
-
72
+ });
76
73
  export default rangeSliderPlugin;
@@ -1,7 +1,10 @@
1
- import type { FunctionComponent } from "react";
1
+ import type { FunctionComponent, ReactNode } from "react";
2
+ import type { ComponentsLocales } from "./locale";
2
3
  import type { SatelliteRouter } from "./SatelliteRouter";
3
4
  export interface SatelliteProps {
4
5
  router?: SatelliteRouter;
6
+ locales?: ComponentsLocales;
7
+ children: ReactNode;
5
8
  }
6
9
  export declare const Satellite: FunctionComponent<SatelliteProps>;
7
10
  export default Satellite;
@@ -1,11 +1,15 @@
1
1
  import SatelliteContext from "./SatelliteContext";
2
+ import { router as defaultRouter } from "./SatelliteRouter";
2
3
  import { jsx as _jsx } from "react/jsx-runtime";
3
4
  export var Satellite = function Satellite(_ref) {
4
- var router = _ref.router,
5
+ var _ref$router = _ref.router,
6
+ router = _ref$router === void 0 ? defaultRouter : _ref$router,
7
+ locales = _ref.locales,
5
8
  children = _ref.children;
6
9
  return /*#__PURE__*/_jsx(SatelliteContext.Provider, {
7
10
  value: {
8
- router: router
11
+ router: router,
12
+ locales: locales
9
13
  },
10
14
  children: children
11
15
  });
@@ -1,8 +1,10 @@
1
1
  /// <reference types="react" />
2
+ import type { ComponentsLocales } from "./locale";
2
3
  import { SatelliteRouter } from "./SatelliteRouter";
3
4
  export interface SatelliteContextType {
4
5
  router: SatelliteRouter;
6
+ locales?: ComponentsLocales;
5
7
  }
6
- export declare const SatelliteContext: import("react").Context<Partial<SatelliteContextType> | undefined>;
8
+ export declare const SatelliteContext: import("react").Context<SatelliteContextType>;
7
9
  export declare const useSatelliteContext: () => SatelliteContextType;
8
10
  export default SatelliteContext;
@@ -7,7 +7,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
7
7
  import { createContext, useContext } from "react";
8
8
  import { router } from "./SatelliteRouter";
9
9
  var DEFAULT_CONTEXT = {
10
- router: router
10
+ router: router,
11
+ locales: {}
11
12
  };
12
13
  export var SatelliteContext = /*#__PURE__*/createContext(DEFAULT_CONTEXT);
13
14
  export var useSatelliteContext = function useSatelliteContext() {
@@ -1,4 +1,5 @@
1
1
  export * from "./Satellite";
2
2
  export * from "./SatelliteContext";
3
3
  export * from "./SatelliteRouter";
4
+ export * from "./locale";
4
5
  export { default } from "./Satellite";
@@ -1,4 +1,5 @@
1
1
  export * from "./Satellite";
2
2
  export * from "./SatelliteContext";
3
3
  export * from "./SatelliteRouter";
4
+ export * from "./locale";
4
5
  export { default } from "./Satellite";
@@ -0,0 +1,27 @@
1
+ import type { AnnouncementBadgeLocale } from "../AnnouncementBadge";
2
+ import type { AutoCompleteLocale } from "../AutoComplete";
3
+ import type { DatePickerLocale } from "../DatePicker/types";
4
+ import type { DropzoneLocale } from "../Dropzone";
5
+ import type { FlagLocale } from "../Flag";
6
+ import type { InputPropsLocale } from "../Input";
7
+ import type { ModalLocale } from "../Modal";
8
+ import type { PaginationLocale } from "../Pagination";
9
+ import type { CompactPaginationLocale } from "../Pagination/CompactPagination";
10
+ import type { DotPaginationLocale } from "../Pagination/DotPagination";
11
+ import type { DataTableLocale } from "../Tables/DataTable";
12
+ import type { TagLocale } from "../Tag";
13
+ export declare type ComponentsLocales = {
14
+ announcementBadge?: AnnouncementBadgeLocale;
15
+ autoComplete?: AutoCompleteLocale;
16
+ datePicker?: DatePickerLocale;
17
+ dropzone?: DropzoneLocale;
18
+ flag?: FlagLocale;
19
+ input?: InputPropsLocale;
20
+ modal?: ModalLocale;
21
+ compactPagination?: CompactPaginationLocale;
22
+ dotPagination?: DotPaginationLocale;
23
+ pagination?: PaginationLocale;
24
+ dataTable?: DataTableLocale;
25
+ tag?: TagLocale;
26
+ };
27
+ export declare const useLocale: <ComponentKey extends keyof ComponentsLocales>(componentKey: ComponentKey) => ComponentsLocales[ComponentKey];
@@ -0,0 +1,8 @@
1
+ import { useContext } from "react";
2
+ import SatelliteContext from "./SatelliteContext";
3
+ export var useLocale = function useLocale(componentKey) {
4
+ var _useContext = useContext(SatelliteContext),
5
+ locales = _useContext.locales;
6
+
7
+ return locales === null || locales === void 0 ? void 0 : locales[componentKey];
8
+ };
@@ -1,4 +1,4 @@
1
- import type { CSSProperties, FunctionComponent, ReactHTML } from "react";
1
+ import type { CSSProperties, FunctionComponent, ReactHTML, ReactNode } from "react";
2
2
  export declare type ScrollIndicatorVariant = "light" | "dark";
3
3
  export interface ScrollIndicatorProps {
4
4
  wrapperClassName?: string;
@@ -8,6 +8,7 @@ export interface ScrollIndicatorProps {
8
8
  style?: CSSProperties;
9
9
  tagName?: keyof ReactHTML;
10
10
  variant?: ScrollIndicatorVariant;
11
+ children: ReactNode;
11
12
  }
12
13
  export declare const ScrollIndicator: FunctionComponent<ScrollIndicatorProps>;
13
14
  export default ScrollIndicator;
@@ -1,5 +1,5 @@
1
1
  export = scrollIndicatorPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const scrollIndicatorPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const scrollIndicatorPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,11 +1,9 @@
1
1
  import _rgba from "../styles/rgba";
2
+ import _plugin from "tailwindcss/plugin";
2
3
  // @ts-check
4
+ var plugin = _plugin;
3
5
  var rgba = _rgba;
4
- /**
5
- * @type {import('../tailwind-types').TailwindPlugin}
6
- */
7
-
8
- var scrollIndicatorPlugin = function scrollIndicatorPlugin(_ref) {
6
+ var scrollIndicatorPlugin = plugin(function (_ref) {
9
7
  var addComponents = _ref.addComponents,
10
8
  theme = _ref.theme;
11
9
  addComponents({
@@ -15,16 +13,16 @@ var scrollIndicatorPlugin = function scrollIndicatorPlugin(_ref) {
15
13
  "&::before, &::after": {
16
14
  position: "absolute",
17
15
  width: "100%",
18
- height: 48,
19
- left: 0,
16
+ height: "48px",
17
+ left: "0px",
20
18
  pointerEvents: "none"
21
19
  },
22
20
  "&::before": {
23
- top: 0,
21
+ top: "0px",
24
22
  backgroundImage: "linear-gradient(0, ".concat(rgba(theme("colors.white"), 0), " 0%, ").concat(theme("colors.white"), " 100%)")
25
23
  },
26
24
  "&::after": {
27
- bottom: 0,
25
+ bottom: "0px",
28
26
  backgroundImage: "linear-gradient(180deg, ".concat(rgba(theme("colors.white"), 0), " 0%, ").concat(theme("colors.white"), " 100%)")
29
27
  }
30
28
  },
@@ -48,6 +46,5 @@ var scrollIndicatorPlugin = function scrollIndicatorPlugin(_ref) {
48
46
  overflowY: "auto"
49
47
  }
50
48
  });
51
- };
52
-
49
+ });
53
50
  export default scrollIndicatorPlugin;
@@ -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 = selectPlugin;
2
+ declare const selectPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,14 +1,12 @@
1
1
  import _require2 from "../styles/helpers/icons";
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 _require = _require2,
6
8
  selectIconBG = _require.selectIconBG;
7
- /**
8
- * @type {import('../tailwind-types').TailwindPlugin}
9
- */
10
-
11
- var buttonPlugin = function buttonPlugin(_ref) {
9
+ var selectPlugin = plugin(function (_ref) {
12
10
  var addComponents = _ref.addComponents,
13
11
  theme = _ref.theme;
14
12
  addComponents({
@@ -75,6 +73,5 @@ var buttonPlugin = function buttonPlugin(_ref) {
75
73
  backgroundSize: "12px, auto"
76
74
  }
77
75
  });
78
- };
79
-
80
- export default buttonPlugin;
76
+ });
77
+ export default selectPlugin;
@@ -1,5 +1,5 @@
1
1
  export = sidebarPlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const sidebarPlugin: import('../tailwind-types').TailwindPlugin;
2
+ declare const sidebarPlugin: {
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 sidebarPlugin = function sidebarPlugin(_ref) {
3
+ var plugin = _plugin;
4
+ var sidebarPlugin = plugin(function (_ref) {
7
5
  var addComponents = _ref.addComponents,
8
6
  theme = _ref.theme;
9
7
 
@@ -19,14 +17,14 @@ var sidebarPlugin = function sidebarPlugin(_ref) {
19
17
  ".sidebar": {
20
18
  backgroundColor: theme("colors.grey.900"),
21
19
  color: theme("colors.grey.200"),
22
- width: 256
20
+ width: "256px"
23
21
  },
24
22
  ".sidebar-light": {
25
23
  backgroundColor: theme("colors.white"),
26
24
  boxShadow: "\n 0 0 0 1px ".concat(theme("colors.shadow.5"), ",\n 0 1px 3px 0 ").concat(theme("colors.shadow.15"), "\n ")
27
25
  },
28
26
  ".sidebar-collapsed": {
29
- width: 80
27
+ width: "80px"
30
28
  }
31
29
  });
32
30
  addComponents({
@@ -62,6 +60,5 @@ var sidebarPlugin = function sidebarPlugin(_ref) {
62
60
  }
63
61
  }
64
62
  });
65
- };
66
-
63
+ });
67
64
  export default sidebarPlugin;
@@ -1,9 +1,10 @@
1
- import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent } from "react";
1
+ import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent, ReactNode } from "react";
2
2
  import type { IconComponentType } from "../../types";
3
3
  import matchLocation from "../../utils/matchLocation";
4
4
  export interface SidebarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
5
5
  icon?: IconComponentType;
6
6
  active?: typeof matchLocation | boolean;
7
+ children: ReactNode;
7
8
  }
8
9
  export declare const SidebarLink: FunctionComponent<SidebarLinkProps>;
9
10
  export default SidebarLink;
@@ -61,7 +61,7 @@ export var SidebarLink = function SidebarLink(_ref2) {
61
61
  children: /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), satelliteLinkProps), {}, {
62
62
  className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["sidebar-link display-body\n ", "\n ", "\n "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className),
63
63
  children: [Icon && /*#__PURE__*/_jsx("span", {
64
- className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n flex-shrink-0\n ml-1 mr-2 h-6 w-6\n flex items-center justify-center\n text-inherit rounded\n ", "\n "])), showActive && activeIconBackground),
64
+ className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n shrink-0\n ml-1 mr-2 h-6 w-6\n flex items-center justify-center\n text-inherit rounded\n ", "\n "])), showActive && activeIconBackground),
65
65
  children: /*#__PURE__*/_jsx(Icon, {
66
66
  size: "1rem"
67
67
  })
@@ -1,5 +1,5 @@
1
- export = tablePlugin;
2
- /**
3
- * @type {import('../tailwind-types').TailwindPlugin}
4
- */
5
- declare const tablePlugin: import('../tailwind-types').TailwindPlugin;
1
+ export = switchPlugin;
2
+ declare const switchPlugin: {
3
+ handler: import("tailwindcss/types/config").PluginCreator;
4
+ config?: import("tailwindcss").Config | undefined;
5
+ };
@@ -1,13 +1,13 @@
1
- /**
2
- * @type {import('../tailwind-types').TailwindPlugin}
3
- */
4
- var tablePlugin = function tablePlugin(_ref) {
1
+ import _plugin from "tailwindcss/plugin";
2
+ // @ts-check
3
+ var plugin = _plugin;
4
+ var switchPlugin = plugin(function (_ref) {
5
5
  var addComponents = _ref.addComponents,
6
6
  theme = _ref.theme;
7
7
  addComponents({
8
8
  ".switch": {
9
9
  // this + position relative helps create a new stack context (helps with z-index)
10
- zIndex: 1,
10
+ zIndex: "1",
11
11
  boxShadow: "0 0 0 2px ".concat(theme("colors.grey.100")),
12
12
  "&:focus-within:focus-visible": {
13
13
  boxShadow: "\n 0 0 0 1px ".concat(theme("colors.grey.100"), ",\n 0 0 0 2px ").concat(theme("colors.accent.600"), "\n ")
@@ -20,6 +20,5 @@ var tablePlugin = function tablePlugin(_ref) {
20
20
  }
21
21
  }
22
22
  });
23
- };
24
-
25
- export default tablePlugin;
23
+ });
24
+ export default switchPlugin;
@@ -1,7 +1,8 @@
1
- import type { FunctionComponent } from "react";
1
+ import type { FunctionComponent, ReactNode } from "react";
2
2
  export interface SwitchOptionProps {
3
3
  value: string;
4
4
  disabled?: boolean;
5
+ children: ReactNode;
5
6
  }
6
7
  export declare const SwitchOption: FunctionComponent<SwitchOptionProps>;
7
8
  export default SwitchOption;
@@ -21,7 +21,7 @@ export var SwitchOption = function SwitchOption(_ref) {
21
21
  var checked = context.value === value;
22
22
  var inputDisabled = context.disabled || disabled;
23
23
  return /*#__PURE__*/_jsxs("label", _objectSpread(_objectSpread({
24
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n inline-flex justify-center items-center min-w-16 max-w-48 px-4 z-10 flex-grow flex-shrink\n ", "\n ", "\n "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200 hover:bg-opacity-20 transition-colors duration-100 ease-linear")
24
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10\n ", "\n ", "\n "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200/20 transition-colors duration-100 ease-linear")
25
25
  }, buildAnimationProps(context.name, value)), {}, {
26
26
  children: [/*#__PURE__*/_jsx("input", {
27
27
  className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-0 h-0 opacity-0"]))),
@@ -56,5 +56,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
56
56
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
57
57
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
58
58
  */
59
- export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => JSX.Element;
59
+ export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale: propsLocale, }: DataTableProps<Item>) => JSX.Element;
60
60
  export default DataTable;
@@ -1,7 +1,7 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
2
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
4
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
 
6
6
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
7
7
 
@@ -14,6 +14,7 @@ import get from "lodash/get";
14
14
  import { useEffect, useState } from "react";
15
15
  import Checkbox from "../../Checkbox";
16
16
  import { RadioButton } from "../../RadioGroup";
17
+ import { useLocale } from "../../Satellite";
17
18
  import stl from "../../styles/helpers/satellitePrefixer";
18
19
  import { toSentenceCase } from "../../utils";
19
20
  import Table from "../Table";
@@ -23,6 +24,15 @@ import DataTableHeader from "./components/Header";
23
24
  import DataTableLoader from "./components/Loader";
24
25
  import { jsx as _jsx } from "react/jsx-runtime";
25
26
  import { jsxs as _jsxs } from "react/jsx-runtime";
27
+ var DEFAULT_DATATABLE_LOCALE = {
28
+ selectAllButton: "Select all",
29
+ noDataTitle: "Empty",
30
+ noDataDescription: "There is no data to display",
31
+ loadingTitle: "It appears to be taking a while to get your data",
32
+ loadingDescription: "Please hold or try again later",
33
+ errorTitle: "Error",
34
+ errorDescription: "An error occurred while loading data."
35
+ };
26
36
 
27
37
  var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
28
38
  return String(idx);
@@ -68,7 +78,10 @@ export var DataTable = function DataTable(_ref) {
68
78
  canSelectItem = _ref.canSelectItem,
69
79
  canHoverRow = _ref.canHoverRow,
70
80
  onRowHoveredChanged = _ref.onRowHoveredChanged,
71
- locale = _ref.locale;
81
+ propsLocale = _ref.locale;
82
+ var contextLocale = useLocale("dataTable");
83
+
84
+ var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATATABLE_LOCALE), contextLocale), propsLocale);
72
85
 
73
86
  if (process.env.NODE_ENV !== "production") {
74
87
  var _selection$length;
@@ -130,7 +143,7 @@ export var DataTable = function DataTable(_ref) {
130
143
  var isChecked = selectionLength === dataLength;
131
144
  var isIndeterminate = selectionLength > 0 && selectionLength !== dataLength;
132
145
  return /*#__PURE__*/_jsx(Checkbox, {
133
- "aria-label": (locale === null || locale === void 0 ? void 0 : locale.selectAllButton) || "Select all" // Small hack to position the checkbox in the center of the header
146
+ "aria-label": locale.selectAllButton // Small hack to position the checkbox in the center of the header
134
147
  ,
135
148
  className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute mb-2.5"]))),
136
149
  checked: isChecked,
@@ -217,9 +230,10 @@ export var DataTable = function DataTable(_ref) {
217
230
  return /*#__PURE__*/_jsxs("div", {
218
231
  className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"]))),
219
232
  children: [status === "loading" && /*#__PURE__*/_jsx("div", {
220
- className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white z-10 bg-opacity-50 w-full h-full flex items-center justify-center"]))),
233
+ className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
221
234
  children: /*#__PURE__*/_jsx(DataTableLoader, {
222
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"])))
235
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"]))),
236
+ locale: locale
223
237
  })
224
238
  }), /*#__PURE__*/_jsxs(Table, {
225
239
  className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
@@ -243,7 +257,8 @@ export var DataTable = function DataTable(_ref) {
243
257
  selection: selection,
244
258
  canHoverRow: canHoverRow,
245
259
  onRowHoverChange: onRowHoverChange,
246
- onSelectionChange: onSelectionChange
260
+ onSelectionChange: onSelectionChange,
261
+ locale: locale
247
262
  })]
248
263
  })]
249
264
  });
@@ -1,5 +1,5 @@
1
1
  export = datatablePlugin;
2
- /**
3
- * @type {import('../../tailwind-types').TailwindPlugin}
4
- */
5
- declare const datatablePlugin: import('../../tailwind-types').TailwindPlugin;
2
+ declare const datatablePlugin: {
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
  // purgecss whitelist: th, td, tr
2
-
3
- /**
4
- * @type {import('../../tailwind-types').TailwindPlugin}
5
- */
6
- var datatablePlugin = function datatablePlugin(_ref) {
3
+ var plugin = _plugin;
4
+ var datatablePlugin = plugin(function (_ref) {
7
5
  var addComponents = _ref.addComponents,
8
6
  theme = _ref.theme;
9
7
  addComponents({
@@ -16,6 +14,5 @@ var datatablePlugin = function datatablePlugin(_ref) {
16
14
  }
17
15
  }
18
16
  });
19
- };
20
-
17
+ });
21
18
  export default datatablePlugin;
@@ -1,7 +1,7 @@
1
1
  import type { ReactNode } from "react";
2
- import type { DataTableProps } from "../DataTable";
2
+ import type { DataTableLocale, DataTableProps } from "../DataTable";
3
3
  import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
4
- export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow" | "locale"> {
4
+ export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
5
5
  rows: Row<Item>[];
6
6
  status?: Status;
7
7
  noDataContent?: ReactNode;
@@ -9,6 +9,7 @@ export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection"
9
9
  columns: AdvancedColumnDefinition<Item>[];
10
10
  onRowHoverChange(row: Row<Item> | null): void;
11
11
  selectMode: SelectMode;
12
+ locale: Required<DataTableLocale>;
12
13
  }
13
14
  export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: BodyProps<Item>) => JSX.Element;
14
15
  export default Body;
@@ -66,8 +66,8 @@ export var Body = function Body(_ref) {
66
66
  children: /*#__PURE__*/_jsx("span", {
67
67
  className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
68
68
  children: errorContent || /*#__PURE__*/_jsx(EmptyState, {
69
- title: (locale === null || locale === void 0 ? void 0 : locale.errorTitle) || "Error",
70
- description: (locale === null || locale === void 0 ? void 0 : locale.errorDescription) || "An error occurred while loading data.",
69
+ title: locale.errorTitle,
70
+ description: locale.errorDescription,
71
71
  centered: true,
72
72
  usageContext: "result"
73
73
  })
@@ -85,8 +85,8 @@ export var Body = function Body(_ref) {
85
85
  children: /*#__PURE__*/_jsx("span", {
86
86
  className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
87
87
  children: noDataContent || /*#__PURE__*/_jsx(EmptyState, {
88
- title: (locale === null || locale === void 0 ? void 0 : locale.noDataTitle) || "Empty",
89
- description: (locale === null || locale === void 0 ? void 0 : locale.noDataDescription) || "There is no data to display",
88
+ title: locale.noDataTitle,
89
+ description: locale.noDataDescription,
90
90
  centered: true,
91
91
  usageContext: "result"
92
92
  })
@@ -2,7 +2,7 @@
2
2
  import type { DataTableLocale } from "../DataTable";
3
3
  export interface LoaderProps {
4
4
  className?: string;
5
- locale?: DataTableLocale;
5
+ locale: Required<DataTableLocale>;
6
6
  }
7
7
  export declare const Loader: ({ className, locale }: LoaderProps) => JSX.Element;
8
8
  export default Loader;
@@ -35,8 +35,8 @@ export var Loader = function Loader(_ref) {
35
35
  className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-center"]))),
36
36
  children: /*#__PURE__*/_jsx(ProgressSpinner, {})
37
37
  }),
38
- title: (locale === null || locale === void 0 ? void 0 : locale.loadingTitle) || "It appears to be taking a while to get your data",
39
- description: (locale === null || locale === void 0 ? void 0 : locale.loadingDescription) || "Please hold or try again later",
38
+ title: locale.loadingTitle,
39
+ description: locale.loadingDescription,
40
40
  centered: true
41
41
  }) : /*#__PURE__*/_jsx(ProgressSpinner, {})
42
42
  });