@autoguru/overdrive 4.0.3 → 4.0.4

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 (585) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/Actions/Actions.d.ts +7 -0
  3. package/dist/components/Actions/Actions.d.ts.map +1 -0
  4. package/dist/components/Actions/Actions.js +3 -20
  5. package/dist/components/Actions/index.d.ts +2 -0
  6. package/dist/components/Actions/index.d.ts.map +1 -0
  7. package/dist/components/Actions/index.js +1 -3
  8. package/dist/components/Alert/Alert.css.d.ts +4 -0
  9. package/dist/components/Alert/Alert.css.d.ts.map +1 -0
  10. package/dist/components/Alert/Alert.css.js +20 -28
  11. package/dist/components/Alert/Alert.d.ts +15 -0
  12. package/dist/components/Alert/Alert.d.ts.map +1 -0
  13. package/dist/components/Alert/Alert.js +26 -84
  14. package/dist/components/Alert/index.d.ts +2 -0
  15. package/dist/components/Alert/index.d.ts.map +1 -0
  16. package/dist/components/Alert/index.js +1 -3
  17. package/dist/components/Anchor/Anchor.css.d.ts +2 -0
  18. package/dist/components/Anchor/Anchor.css.d.ts.map +1 -0
  19. package/dist/components/Anchor/Anchor.css.js +3 -11
  20. package/dist/components/Anchor/Anchor.d.ts +14 -0
  21. package/dist/components/Anchor/Anchor.d.ts.map +1 -0
  22. package/dist/components/Anchor/Anchor.js +28 -53
  23. package/dist/components/Anchor/index.d.ts +2 -0
  24. package/dist/components/Anchor/index.d.ts.map +1 -0
  25. package/dist/components/Anchor/index.js +1 -3
  26. package/dist/components/AutoSuggest/AutoSuggest.css.d.ts +15 -0
  27. package/dist/components/AutoSuggest/AutoSuggest.css.d.ts.map +1 -0
  28. package/dist/components/AutoSuggest/AutoSuggest.css.js +76 -84
  29. package/dist/components/AutoSuggest/AutoSuggest.js +297 -617
  30. package/dist/components/AutoSuggest/index.js +1 -3
  31. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts +3 -0
  32. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map +1 -0
  33. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.js +31 -29
  34. package/dist/components/Badge/Badge.css.d.ts +13 -0
  35. package/dist/components/Badge/Badge.css.d.ts.map +1 -0
  36. package/dist/components/Badge/Badge.css.js +71 -79
  37. package/dist/components/Badge/Badge.d.ts +11 -0
  38. package/dist/components/Badge/Badge.d.ts.map +1 -0
  39. package/dist/components/Badge/Badge.js +28 -43
  40. package/dist/components/Badge/index.d.ts +2 -0
  41. package/dist/components/Badge/index.d.ts.map +1 -0
  42. package/dist/components/Badge/index.js +1 -3
  43. package/dist/components/Box/Box.d.ts +7 -0
  44. package/dist/components/Box/Box.d.ts.map +1 -0
  45. package/dist/components/Box/Box.js +53 -122
  46. package/dist/components/Box/argTypes.d.ts +7 -0
  47. package/dist/components/Box/argTypes.d.ts.map +1 -0
  48. package/dist/components/Box/argTypes.js +94 -64
  49. package/dist/components/Box/index.d.ts +4 -0
  50. package/dist/components/Box/index.d.ts.map +1 -0
  51. package/dist/components/Box/index.js +2 -4
  52. package/dist/components/Box/useBoxStyles.css.d.ts +46 -0
  53. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -0
  54. package/dist/components/Box/useBoxStyles.css.js +85 -105
  55. package/dist/components/Box/useBoxStyles.d.ts +66 -0
  56. package/dist/components/Box/useBoxStyles.d.ts.map +1 -0
  57. package/dist/components/Box/useBoxStyles.js +47 -75
  58. package/dist/components/BulletList/Bullet.css.d.ts +3 -0
  59. package/dist/components/BulletList/Bullet.css.d.ts.map +1 -0
  60. package/dist/components/BulletList/Bullet.css.js +41 -49
  61. package/dist/components/BulletList/Bullet.d.ts +7 -0
  62. package/dist/components/BulletList/Bullet.d.ts.map +1 -0
  63. package/dist/components/BulletList/Bullet.js +24 -38
  64. package/dist/components/BulletList/BulletList.css.d.ts +3 -0
  65. package/dist/components/BulletList/BulletList.css.d.ts.map +1 -0
  66. package/dist/components/BulletList/BulletList.css.js +5 -13
  67. package/dist/components/BulletList/BulletList.d.ts +6 -0
  68. package/dist/components/BulletList/BulletList.d.ts.map +1 -0
  69. package/dist/components/BulletList/BulletList.js +10 -23
  70. package/dist/components/BulletList/context.d.ts +5 -0
  71. package/dist/components/BulletList/context.d.ts.map +1 -0
  72. package/dist/components/BulletList/context.js +1 -3
  73. package/dist/components/BulletList/index.d.ts +3 -0
  74. package/dist/components/BulletList/index.d.ts.map +1 -0
  75. package/dist/components/BulletList/index.js +2 -4
  76. package/dist/components/BulletText/BulletText.css.d.ts +6 -0
  77. package/dist/components/BulletText/BulletText.css.d.ts.map +1 -0
  78. package/dist/components/BulletText/BulletText.css.js +13 -21
  79. package/dist/components/BulletText/BulletText.d.ts +8 -0
  80. package/dist/components/BulletText/BulletText.d.ts.map +1 -0
  81. package/dist/components/BulletText/BulletText.js +15 -56
  82. package/dist/components/BulletText/index.d.ts +2 -0
  83. package/dist/components/BulletText/index.d.ts.map +1 -0
  84. package/dist/components/BulletText/index.js +1 -3
  85. package/dist/components/Button/Button.css.d.ts +30 -0
  86. package/dist/components/Button/Button.css.d.ts.map +1 -0
  87. package/dist/components/Button/Button.css.js +143 -151
  88. package/dist/components/Button/Button.d.ts +20 -0
  89. package/dist/components/Button/Button.d.ts.map +1 -0
  90. package/dist/components/Button/Button.js +72 -112
  91. package/dist/components/Button/index.d.ts +2 -0
  92. package/dist/components/Button/index.d.ts.map +1 -0
  93. package/dist/components/Button/index.js +1 -3
  94. package/dist/components/CheckBox/CheckBox.css.d.ts +3 -0
  95. package/dist/components/CheckBox/CheckBox.css.d.ts.map +1 -0
  96. package/dist/components/CheckBox/CheckBox.css.js +20 -28
  97. package/dist/components/CheckBox/CheckBox.d.ts +14 -0
  98. package/dist/components/CheckBox/CheckBox.d.ts.map +1 -0
  99. package/dist/components/CheckBox/CheckBox.js +16 -54
  100. package/dist/components/CheckBox/index.d.ts +2 -0
  101. package/dist/components/CheckBox/index.d.ts.map +1 -0
  102. package/dist/components/CheckBox/index.js +1 -3
  103. package/dist/components/Columns/Column.css.d.ts +3 -0
  104. package/dist/components/Columns/Column.css.d.ts.map +1 -0
  105. package/dist/components/Columns/Column.css.js +26 -36
  106. package/dist/components/Columns/Column.d.ts +15 -0
  107. package/dist/components/Columns/Column.d.ts.map +1 -0
  108. package/dist/components/Columns/Column.js +16 -51
  109. package/dist/components/Columns/Columns.css.d.ts +7 -0
  110. package/dist/components/Columns/Columns.css.d.ts.map +1 -0
  111. package/dist/components/Columns/Columns.css.js +31 -39
  112. package/dist/components/Columns/Columns.d.ts +25 -0
  113. package/dist/components/Columns/Columns.d.ts.map +1 -0
  114. package/dist/components/Columns/Columns.js +21 -54
  115. package/dist/components/Columns/index.d.ts +3 -0
  116. package/dist/components/Columns/index.d.ts.map +1 -0
  117. package/dist/components/Columns/index.js +2 -4
  118. package/dist/components/DateInput/DateInput.js +7 -33
  119. package/dist/components/DateInput/index.js +1 -3
  120. package/dist/components/Flyout/Flyout.d.ts +4 -0
  121. package/dist/components/Flyout/Flyout.d.ts.map +1 -0
  122. package/dist/components/Flyout/Flyout.js +4 -40
  123. package/dist/components/Flyout/index.d.ts +2 -0
  124. package/dist/components/Flyout/index.d.ts.map +1 -0
  125. package/dist/components/Flyout/index.js +1 -3
  126. package/dist/components/Heading/Heading.d.ts +11 -0
  127. package/dist/components/Heading/Heading.d.ts.map +1 -0
  128. package/dist/components/Heading/Heading.js +19 -38
  129. package/dist/components/Heading/index.d.ts +2 -0
  130. package/dist/components/Heading/index.d.ts.map +1 -0
  131. package/dist/components/Heading/index.js +1 -3
  132. package/dist/components/Icon/Icon.css.d.ts +2 -0
  133. package/dist/components/Icon/Icon.css.d.ts.map +1 -0
  134. package/dist/components/Icon/Icon.css.js +5 -13
  135. package/dist/components/Icon/Icon.d.ts +13 -0
  136. package/dist/components/Icon/Icon.d.ts.map +1 -0
  137. package/dist/components/Icon/Icon.js +8 -25
  138. package/dist/components/Icon/index.d.ts +2 -0
  139. package/dist/components/Icon/index.d.ts.map +1 -0
  140. package/dist/components/Icon/index.js +1 -3
  141. package/dist/components/Inline/Inline.d.ts +13 -0
  142. package/dist/components/Inline/Inline.d.ts.map +1 -0
  143. package/dist/components/Inline/Inline.js +30 -71
  144. package/dist/components/Inline/index.d.ts +2 -0
  145. package/dist/components/Inline/index.d.ts.map +1 -0
  146. package/dist/components/Inline/index.js +1 -3
  147. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.d.ts +4 -0
  148. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.d.ts.map +1 -0
  149. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +48 -56
  150. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts +6 -0
  151. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts.map +1 -0
  152. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js +7 -31
  153. package/dist/components/LinearProgressIndicator/index.d.ts +2 -0
  154. package/dist/components/LinearProgressIndicator/index.d.ts.map +1 -0
  155. package/dist/components/LinearProgressIndicator/index.js +1 -3
  156. package/dist/components/LoadingBox/LoadingBox.css.d.ts +3 -0
  157. package/dist/components/LoadingBox/LoadingBox.css.d.ts.map +1 -0
  158. package/dist/components/LoadingBox/LoadingBox.css.js +18 -26
  159. package/dist/components/LoadingBox/LoadingBox.d.ts +9 -0
  160. package/dist/components/LoadingBox/LoadingBox.d.ts.map +1 -0
  161. package/dist/components/LoadingBox/LoadingBox.js +6 -38
  162. package/dist/components/LoadingBox/index.d.ts +2 -0
  163. package/dist/components/LoadingBox/index.d.ts.map +1 -0
  164. package/dist/components/LoadingBox/index.js +1 -3
  165. package/dist/components/Meta/Meta.css.d.ts +2 -0
  166. package/dist/components/Meta/Meta.css.d.ts.map +1 -0
  167. package/dist/components/Meta/Meta.css.js +8 -16
  168. package/dist/components/Meta/Meta.js +7 -27
  169. package/dist/components/Meta/index.js +1 -3
  170. package/dist/components/MinimalModal/MinimalModal.css.d.ts +3 -0
  171. package/dist/components/MinimalModal/MinimalModal.css.d.ts.map +1 -0
  172. package/dist/components/MinimalModal/MinimalModal.css.js +7 -15
  173. package/dist/components/MinimalModal/MinimalModal.d.ts +7 -0
  174. package/dist/components/MinimalModal/MinimalModal.d.ts.map +1 -0
  175. package/dist/components/MinimalModal/MinimalModal.js +27 -62
  176. package/dist/components/MinimalModal/index.d.ts +2 -0
  177. package/dist/components/MinimalModal/index.d.ts.map +1 -0
  178. package/dist/components/MinimalModal/index.js +1 -3
  179. package/dist/components/Modal/Modal.css.d.ts +5 -0
  180. package/dist/components/Modal/Modal.css.d.ts.map +1 -0
  181. package/dist/components/Modal/Modal.css.js +30 -38
  182. package/dist/components/Modal/Modal.d.ts +9 -0
  183. package/dist/components/Modal/Modal.d.ts.map +1 -0
  184. package/dist/components/Modal/Modal.js +72 -128
  185. package/dist/components/Modal/index.d.ts +2 -0
  186. package/dist/components/Modal/index.d.ts.map +1 -0
  187. package/dist/components/Modal/index.js +1 -3
  188. package/dist/components/NumberInput/NumberInput.js +29 -60
  189. package/dist/components/NumberInput/index.js +1 -3
  190. package/dist/components/OrderedList/OrderedList.css.d.ts +2 -0
  191. package/dist/components/OrderedList/OrderedList.css.d.ts.map +1 -0
  192. package/dist/components/OrderedList/OrderedList.css.js +8 -16
  193. package/dist/components/OrderedList/OrderedList.d.ts +14 -0
  194. package/dist/components/OrderedList/OrderedList.d.ts.map +1 -0
  195. package/dist/components/OrderedList/OrderedList.js +26 -60
  196. package/dist/components/OrderedList/index.d.ts +2 -0
  197. package/dist/components/OrderedList/index.d.ts.map +1 -0
  198. package/dist/components/OrderedList/index.js +1 -3
  199. package/dist/components/OutsideClick/OutsideClick.d.ts +8 -0
  200. package/dist/components/OutsideClick/OutsideClick.d.ts.map +1 -0
  201. package/dist/components/OutsideClick/OutsideClick.js +35 -40
  202. package/dist/components/OutsideClick/index.d.ts +2 -0
  203. package/dist/components/OutsideClick/index.d.ts.map +1 -0
  204. package/dist/components/OutsideClick/index.js +1 -3
  205. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +7 -0
  206. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -0
  207. package/dist/components/OverdriveProvider/OverdriveProvider.js +18 -34
  208. package/dist/components/OverdriveProvider/index.d.ts +2 -0
  209. package/dist/components/OverdriveProvider/index.d.ts.map +1 -0
  210. package/dist/components/OverdriveProvider/index.js +1 -3
  211. package/dist/components/Pagination/Bubble.d.ts +10 -0
  212. package/dist/components/Pagination/Bubble.d.ts.map +1 -0
  213. package/dist/components/Pagination/Bubble.js +19 -41
  214. package/dist/components/Pagination/Pagination.css.d.ts +4 -0
  215. package/dist/components/Pagination/Pagination.css.d.ts.map +1 -0
  216. package/dist/components/Pagination/Pagination.css.js +20 -28
  217. package/dist/components/Pagination/Pagination.d.ts +16 -0
  218. package/dist/components/Pagination/Pagination.d.ts.map +1 -0
  219. package/dist/components/Pagination/Pagination.js +69 -164
  220. package/dist/components/Pagination/index.d.ts +2 -0
  221. package/dist/components/Pagination/index.d.ts.map +1 -0
  222. package/dist/components/Pagination/index.js +1 -3
  223. package/dist/components/Portal/Portal.d.ts +10 -0
  224. package/dist/components/Portal/Portal.d.ts.map +1 -0
  225. package/dist/components/Portal/Portal.js +22 -36
  226. package/dist/components/Portal/index.d.ts +2 -0
  227. package/dist/components/Portal/index.d.ts.map +1 -0
  228. package/dist/components/Portal/index.js +1 -3
  229. package/dist/components/Positioner/Positioner.css.d.ts +2 -0
  230. package/dist/components/Positioner/Positioner.css.d.ts.map +1 -0
  231. package/dist/components/Positioner/Positioner.css.js +6 -14
  232. package/dist/components/Positioner/Positioner.d.ts +12 -0
  233. package/dist/components/Positioner/Positioner.d.ts.map +1 -0
  234. package/dist/components/Positioner/Positioner.js +84 -107
  235. package/dist/components/Positioner/alignment.d.ts +11 -0
  236. package/dist/components/Positioner/alignment.d.ts.map +1 -0
  237. package/dist/components/Positioner/alignment.js +10 -13
  238. package/dist/components/Positioner/index.d.ts +3 -0
  239. package/dist/components/Positioner/index.d.ts.map +1 -0
  240. package/dist/components/Positioner/index.js +2 -4
  241. package/dist/components/ProgressBar/ProgressBar.css.d.ts +3 -0
  242. package/dist/components/ProgressBar/ProgressBar.css.d.ts.map +1 -0
  243. package/dist/components/ProgressBar/ProgressBar.css.js +6 -14
  244. package/dist/components/ProgressBar/ProgressBar.d.ts +9 -0
  245. package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
  246. package/dist/components/ProgressBar/ProgressBar.js +11 -29
  247. package/dist/components/ProgressBar/index.d.ts +2 -0
  248. package/dist/components/ProgressBar/index.d.ts.map +1 -0
  249. package/dist/components/ProgressBar/index.js +1 -3
  250. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts +2 -0
  251. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts.map +1 -0
  252. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +4 -12
  253. package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts +10 -0
  254. package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts.map +1 -0
  255. package/dist/components/ProgressBarGroup/ProgressBarGroup.js +14 -42
  256. package/dist/components/ProgressBarGroup/index.d.ts +2 -0
  257. package/dist/components/ProgressBarGroup/index.d.ts.map +1 -0
  258. package/dist/components/ProgressBarGroup/index.js +1 -3
  259. package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts +9 -0
  260. package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts.map +1 -0
  261. package/dist/components/ProgressSpinner/ProgressSpinner.css.js +73 -81
  262. package/dist/components/ProgressSpinner/ProgressSpinner.d.ts +9 -0
  263. package/dist/components/ProgressSpinner/ProgressSpinner.d.ts.map +1 -0
  264. package/dist/components/ProgressSpinner/ProgressSpinner.js +13 -31
  265. package/dist/components/ProgressSpinner/index.d.ts +2 -0
  266. package/dist/components/ProgressSpinner/index.d.ts.map +1 -0
  267. package/dist/components/ProgressSpinner/index.js +1 -3
  268. package/dist/components/Radio/Radio.css.d.ts +2 -0
  269. package/dist/components/Radio/Radio.css.d.ts.map +1 -0
  270. package/dist/components/Radio/Radio.css.js +23 -31
  271. package/dist/components/Radio/Radio.d.ts +10 -0
  272. package/dist/components/Radio/Radio.d.ts.map +1 -0
  273. package/dist/components/Radio/Radio.js +19 -58
  274. package/dist/components/Radio/RadioGroup.d.ts +19 -0
  275. package/dist/components/Radio/RadioGroup.d.ts.map +1 -0
  276. package/dist/components/Radio/RadioGroup.js +7 -32
  277. package/dist/components/Radio/index.d.ts +3 -0
  278. package/dist/components/Radio/index.d.ts.map +1 -0
  279. package/dist/components/Radio/index.js +2 -4
  280. package/dist/components/Section/Section.css.d.ts +3 -0
  281. package/dist/components/Section/Section.css.d.ts.map +1 -0
  282. package/dist/components/Section/Section.css.js +5 -13
  283. package/dist/components/Section/Section.d.ts +8 -0
  284. package/dist/components/Section/Section.d.ts.map +1 -0
  285. package/dist/components/Section/Section.js +3 -18
  286. package/dist/components/Section/index.d.ts +2 -0
  287. package/dist/components/Section/index.d.ts.map +1 -0
  288. package/dist/components/Section/index.js +1 -3
  289. package/dist/components/SelectInput/SelectInput.css.d.ts +4 -0
  290. package/dist/components/SelectInput/SelectInput.css.d.ts.map +1 -0
  291. package/dist/components/SelectInput/SelectInput.css.js +11 -19
  292. package/dist/components/SelectInput/SelectInput.js +11 -59
  293. package/dist/components/SelectInput/index.js +1 -3
  294. package/dist/components/SimplePagination/SimplePagination.d.ts +14 -0
  295. package/dist/components/SimplePagination/SimplePagination.d.ts.map +1 -0
  296. package/dist/components/SimplePagination/SimplePagination.js +17 -55
  297. package/dist/components/SimplePagination/index.d.ts +2 -0
  298. package/dist/components/SimplePagination/index.d.ts.map +1 -0
  299. package/dist/components/SimplePagination/index.js +1 -3
  300. package/dist/components/Stack/Divider.css.d.ts +2 -0
  301. package/dist/components/Stack/Divider.css.d.ts.map +1 -0
  302. package/dist/components/Stack/Divider.css.js +4 -12
  303. package/dist/components/Stack/Divider.d.ts +3 -0
  304. package/dist/components/Stack/Divider.d.ts.map +1 -0
  305. package/dist/components/Stack/Divider.js +4 -13
  306. package/dist/components/Stack/Stack.css.d.ts +5 -0
  307. package/dist/components/Stack/Stack.css.d.ts.map +1 -0
  308. package/dist/components/Stack/Stack.css.js +10 -18
  309. package/dist/components/Stack/Stack.d.ts +11 -0
  310. package/dist/components/Stack/Stack.d.ts.map +1 -0
  311. package/dist/components/Stack/Stack.js +23 -43
  312. package/dist/components/Stack/index.d.ts +2 -0
  313. package/dist/components/Stack/index.d.ts.map +1 -0
  314. package/dist/components/Stack/index.js +1 -3
  315. package/dist/components/StandardModal/StandardModal.css.d.ts +8 -0
  316. package/dist/components/StandardModal/StandardModal.css.d.ts.map +1 -0
  317. package/dist/components/StandardModal/StandardModal.css.js +57 -69
  318. package/dist/components/StandardModal/StandardModal.d.ts +16 -0
  319. package/dist/components/StandardModal/StandardModal.d.ts.map +1 -0
  320. package/dist/components/StandardModal/StandardModal.js +50 -123
  321. package/dist/components/StandardModal/index.d.ts +2 -0
  322. package/dist/components/StandardModal/index.d.ts.map +1 -0
  323. package/dist/components/StandardModal/index.js +1 -3
  324. package/dist/components/StarRating/StarRating.css.d.ts +2 -0
  325. package/dist/components/StarRating/StarRating.css.d.ts.map +1 -0
  326. package/dist/components/StarRating/StarRating.css.js +8 -16
  327. package/dist/components/StarRating/StarRating.d.ts +13 -0
  328. package/dist/components/StarRating/StarRating.d.ts.map +1 -0
  329. package/dist/components/StarRating/StarRating.js +46 -89
  330. package/dist/components/StarRating/index.d.ts +2 -0
  331. package/dist/components/StarRating/index.d.ts.map +1 -0
  332. package/dist/components/StarRating/index.js +1 -3
  333. package/dist/components/Stepper/Stepper.css.d.ts +5 -0
  334. package/dist/components/Stepper/Stepper.css.d.ts.map +1 -0
  335. package/dist/components/Stepper/Stepper.css.js +29 -39
  336. package/dist/components/Stepper/Stepper.d.ts +13 -0
  337. package/dist/components/Stepper/Stepper.d.ts.map +1 -0
  338. package/dist/components/Stepper/Stepper.js +95 -176
  339. package/dist/components/Stepper/index.d.ts +2 -0
  340. package/dist/components/Stepper/index.d.ts.map +1 -0
  341. package/dist/components/Stepper/index.js +1 -3
  342. package/dist/components/Switch/Switch.css.d.ts +5 -0
  343. package/dist/components/Switch/Switch.css.d.ts.map +1 -0
  344. package/dist/components/Switch/Switch.css.js +41 -49
  345. package/dist/components/Switch/Switch.d.ts +9 -0
  346. package/dist/components/Switch/Switch.d.ts.map +1 -0
  347. package/dist/components/Switch/Switch.js +27 -62
  348. package/dist/components/Switch/index.d.ts +2 -0
  349. package/dist/components/Switch/index.d.ts.map +1 -0
  350. package/dist/components/Switch/index.js +1 -3
  351. package/dist/components/Table/Table.css.d.ts +2 -0
  352. package/dist/components/Table/Table.css.d.ts.map +1 -0
  353. package/dist/components/Table/Table.css.js +6 -14
  354. package/dist/components/Table/Table.d.ts +9 -0
  355. package/dist/components/Table/Table.d.ts.map +1 -0
  356. package/dist/components/Table/Table.js +5 -28
  357. package/dist/components/Table/TableCell.css.d.ts +2 -0
  358. package/dist/components/Table/TableCell.css.d.ts.map +1 -0
  359. package/dist/components/Table/TableCell.css.js +20 -28
  360. package/dist/components/Table/TableCell.d.ts +12 -0
  361. package/dist/components/Table/TableCell.d.ts.map +1 -0
  362. package/dist/components/Table/TableCell.js +11 -41
  363. package/dist/components/Table/TableHeadCell.css.d.ts +10 -0
  364. package/dist/components/Table/TableHeadCell.css.d.ts.map +1 -0
  365. package/dist/components/Table/TableHeadCell.css.js +50 -61
  366. package/dist/components/Table/TableHeadCell.d.ts +14 -0
  367. package/dist/components/Table/TableHeadCell.d.ts.map +1 -0
  368. package/dist/components/Table/TableHeadCell.js +40 -86
  369. package/dist/components/Table/TableRow.d.ts +8 -0
  370. package/dist/components/Table/TableRow.d.ts.map +1 -0
  371. package/dist/components/Table/TableRow.js +2 -17
  372. package/dist/components/Table/TableRowGroup.d.ts +7 -0
  373. package/dist/components/Table/TableRowGroup.d.ts.map +1 -0
  374. package/dist/components/Table/TableRowGroup.js +2 -15
  375. package/dist/components/Table/context.d.ts +9 -0
  376. package/dist/components/Table/context.d.ts.map +1 -0
  377. package/dist/components/Table/context.js +10 -21
  378. package/dist/components/Table/index.d.ts +6 -0
  379. package/dist/components/Table/index.d.ts.map +1 -0
  380. package/dist/components/Table/index.js +5 -7
  381. package/dist/components/Tabs/Tab.css.d.ts +7 -0
  382. package/dist/components/Tabs/Tab.css.d.ts.map +1 -0
  383. package/dist/components/Tabs/Tab.css.js +35 -43
  384. package/dist/components/Tabs/Tab.d.ts +10 -0
  385. package/dist/components/Tabs/Tab.d.ts.map +1 -0
  386. package/dist/components/Tabs/Tab.js +50 -80
  387. package/dist/components/Tabs/TabList.css.d.ts +3 -0
  388. package/dist/components/Tabs/TabList.css.d.ts.map +1 -0
  389. package/dist/components/Tabs/TabList.css.js +22 -30
  390. package/dist/components/Tabs/TabList.d.ts +9 -0
  391. package/dist/components/Tabs/TabList.d.ts.map +1 -0
  392. package/dist/components/Tabs/TabList.js +68 -119
  393. package/dist/components/Tabs/TabPane.css.d.ts +2 -0
  394. package/dist/components/Tabs/TabPane.css.d.ts.map +1 -0
  395. package/dist/components/Tabs/TabPane.css.js +3 -11
  396. package/dist/components/Tabs/TabPane.d.ts +5 -0
  397. package/dist/components/Tabs/TabPane.d.ts.map +1 -0
  398. package/dist/components/Tabs/TabPane.js +15 -32
  399. package/dist/components/Tabs/TabPanes.css.d.ts +2 -0
  400. package/dist/components/Tabs/TabPanes.css.d.ts.map +1 -0
  401. package/dist/components/Tabs/TabPanes.css.js +8 -16
  402. package/dist/components/Tabs/TabPanes.d.ts +13 -0
  403. package/dist/components/Tabs/TabPanes.d.ts.map +1 -0
  404. package/dist/components/Tabs/TabPanes.js +5 -22
  405. package/dist/components/Tabs/Tabs.d.ts +16 -0
  406. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  407. package/dist/components/Tabs/Tabs.js +10 -22
  408. package/dist/components/Tabs/index.d.ts +6 -0
  409. package/dist/components/Tabs/index.d.ts.map +1 -0
  410. package/dist/components/Tabs/index.js +5 -7
  411. package/dist/components/Text/Text.d.ts +11 -0
  412. package/dist/components/Text/Text.d.ts.map +1 -0
  413. package/dist/components/Text/Text.js +13 -34
  414. package/dist/components/Text/index.d.ts +4 -0
  415. package/dist/components/Text/index.d.ts.map +1 -0
  416. package/dist/components/Text/index.js +2 -4
  417. package/dist/components/Text/useTextStyles.css.d.ts +7 -0
  418. package/dist/components/Text/useTextStyles.css.d.ts.map +1 -0
  419. package/dist/components/Text/useTextStyles.css.js +19 -39
  420. package/dist/components/Text/useTextStyles.d.ts +15 -0
  421. package/dist/components/Text/useTextStyles.d.ts.map +1 -0
  422. package/dist/components/Text/useTextStyles.js +5 -19
  423. package/dist/components/TextAreaInput/TextAreaInput.js +7 -34
  424. package/dist/components/TextAreaInput/index.js +1 -3
  425. package/dist/components/TextContainer/TextContainer.d.ts +9 -0
  426. package/dist/components/TextContainer/TextContainer.d.ts.map +1 -0
  427. package/dist/components/TextContainer/TextContainer.js +8 -42
  428. package/dist/components/TextContainer/index.d.ts +2 -0
  429. package/dist/components/TextContainer/index.d.ts.map +1 -0
  430. package/dist/components/TextContainer/index.js +1 -3
  431. package/dist/components/TextInput/TextInput.js +5 -35
  432. package/dist/components/TextInput/index.js +1 -3
  433. package/dist/components/TextLink/TextLink.css.d.ts +3 -0
  434. package/dist/components/TextLink/TextLink.css.d.ts.map +1 -0
  435. package/dist/components/TextLink/TextLink.css.js +15 -23
  436. package/dist/components/TextLink/TextLink.d.ts +14 -0
  437. package/dist/components/TextLink/TextLink.d.ts.map +1 -0
  438. package/dist/components/TextLink/TextLink.js +25 -63
  439. package/dist/components/TextLink/index.d.ts +2 -0
  440. package/dist/components/TextLink/index.d.ts.map +1 -0
  441. package/dist/components/TextLink/index.js +1 -3
  442. package/dist/components/ThemeProvider/ThemeProvider.d.ts +19 -0
  443. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
  444. package/dist/components/ThemeProvider/ThemeProvider.js +12 -30
  445. package/dist/components/ThemeProvider/index.d.ts +2 -0
  446. package/dist/components/ThemeProvider/index.d.ts.map +1 -0
  447. package/dist/components/ThemeProvider/index.js +1 -3
  448. package/dist/components/Toaster/Toast.css.d.ts +3 -0
  449. package/dist/components/Toaster/Toast.css.d.ts.map +1 -0
  450. package/dist/components/Toaster/Toast.css.js +9 -17
  451. package/dist/components/Toaster/Toast.d.ts +13 -0
  452. package/dist/components/Toaster/Toast.d.ts.map +1 -0
  453. package/dist/components/Toaster/Toast.js +105 -217
  454. package/dist/components/Toaster/index.d.ts +2 -0
  455. package/dist/components/Toaster/index.d.ts.map +1 -0
  456. package/dist/components/Toaster/index.js +1 -3
  457. package/dist/components/Tooltip/Tooltip.css.d.ts +2 -0
  458. package/dist/components/Tooltip/Tooltip.css.d.ts.map +1 -0
  459. package/dist/components/Tooltip/Tooltip.css.js +9 -21
  460. package/dist/components/Tooltip/Tooltip.d.ts +9 -0
  461. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  462. package/dist/components/Tooltip/Tooltip.js +32 -61
  463. package/dist/components/Tooltip/index.d.ts +2 -0
  464. package/dist/components/Tooltip/index.d.ts.map +1 -0
  465. package/dist/components/Tooltip/index.js +1 -3
  466. package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts +2 -0
  467. package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts.map +1 -0
  468. package/dist/components/VisuallyHidden/VisuallyHidden.css.js +5 -13
  469. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +7 -0
  470. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
  471. package/dist/components/VisuallyHidden/VisuallyHidden.js +3 -19
  472. package/dist/components/VisuallyHidden/index.d.ts +2 -0
  473. package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
  474. package/dist/components/VisuallyHidden/index.js +1 -3
  475. package/dist/components/index.js +51 -53
  476. package/dist/components/private/CheckableBase/CheckableBase.css.d.ts +7 -0
  477. package/dist/components/private/CheckableBase/CheckableBase.css.d.ts.map +1 -0
  478. package/dist/components/private/CheckableBase/CheckableBase.css.js +38 -46
  479. package/dist/components/private/CheckableBase/CheckableBase.d.ts +16 -0
  480. package/dist/components/private/CheckableBase/CheckableBase.d.ts.map +1 -0
  481. package/dist/components/private/CheckableBase/CheckableBase.js +27 -89
  482. package/dist/components/private/CheckableBase/index.d.ts +2 -0
  483. package/dist/components/private/CheckableBase/index.d.ts.map +1 -0
  484. package/dist/components/private/CheckableBase/index.js +1 -3
  485. package/dist/components/private/CheckableBase/useCheckableStyles.d.ts +4 -0
  486. package/dist/components/private/CheckableBase/useCheckableStyles.d.ts.map +1 -0
  487. package/dist/components/private/CheckableBase/useCheckableStyles.js +3 -5
  488. package/dist/components/private/InputBase/HintText.css.d.ts +2 -0
  489. package/dist/components/private/InputBase/HintText.css.d.ts.map +1 -0
  490. package/dist/components/private/InputBase/HintText.css.js +3 -11
  491. package/dist/components/private/InputBase/HintText.d.ts +9 -0
  492. package/dist/components/private/InputBase/HintText.d.ts.map +1 -0
  493. package/dist/components/private/InputBase/HintText.js +14 -28
  494. package/dist/components/private/InputBase/InputState.css.d.ts +58 -0
  495. package/dist/components/private/InputBase/InputState.css.d.ts.map +1 -0
  496. package/dist/components/private/InputBase/InputState.css.js +80 -96
  497. package/dist/components/private/InputBase/NotchedBase.css.d.ts +14 -0
  498. package/dist/components/private/InputBase/NotchedBase.css.d.ts.map +1 -0
  499. package/dist/components/private/InputBase/NotchedBase.css.js +83 -78
  500. package/dist/components/private/InputBase/NotchedBase.d.ts +14 -0
  501. package/dist/components/private/InputBase/NotchedBase.d.ts.map +1 -0
  502. package/dist/components/private/InputBase/NotchedBase.js +34 -79
  503. package/dist/components/private/InputBase/index.js +1 -3
  504. package/dist/components/private/InputBase/withEnhancedInput.css.d.ts +1 -1
  505. package/dist/components/private/InputBase/withEnhancedInput.js +89 -176
  506. package/dist/hooks/useAttachedBoxes/index.js +1 -3
  507. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.d.ts +9 -0
  508. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.d.ts.map +1 -0
  509. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +18 -26
  510. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js +46 -71
  511. package/dist/hooks/useMedia/index.js +1 -3
  512. package/dist/hooks/useMedia/useMedia.js +31 -37
  513. package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts +3 -0
  514. package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts.map +1 -0
  515. package/dist/hooks/useNegativeMargin/useNegativeMargin.js +2 -4
  516. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts +2 -0
  517. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts.map +1 -0
  518. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +5 -13
  519. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts +4 -0
  520. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map +1 -0
  521. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js +3 -5
  522. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts +2 -0
  523. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts.map +1 -0
  524. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +4 -12
  525. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts +4 -0
  526. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map +1 -0
  527. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js +3 -5
  528. package/dist/hooks/useResponsiveValue/index.js +1 -3
  529. package/dist/hooks/useResponsiveValue/useResponsiveValue.js +14 -14
  530. package/dist/index.js +5 -7
  531. package/dist/reset/globalFonts.css.d.ts +2 -0
  532. package/dist/reset/globalFonts.css.d.ts.map +1 -0
  533. package/dist/reset/globalFonts.css.js +12 -20
  534. package/dist/reset/globalReset.css.d.ts +2 -0
  535. package/dist/reset/globalReset.css.d.ts.map +1 -0
  536. package/dist/reset/globalReset.css.js +13 -21
  537. package/dist/reset/reset.css.d.ts +49 -0
  538. package/dist/reset/reset.css.d.ts.map +1 -0
  539. package/dist/reset/reset.css.js +109 -105
  540. package/dist/themes/base/index.d.ts +8 -0
  541. package/dist/themes/base/index.d.ts.map +1 -0
  542. package/dist/themes/base/index.js +7 -9
  543. package/dist/themes/base/tokens.d.ts +3 -0
  544. package/dist/themes/base/tokens.d.ts.map +1 -0
  545. package/dist/themes/base/tokens.js +249 -256
  546. package/dist/themes/base/vars.css.d.ts +3 -0
  547. package/dist/themes/base/vars.css.d.ts.map +1 -0
  548. package/dist/themes/base/vars.css.js +2 -10
  549. package/dist/themes/flat_red/index.d.ts +8 -0
  550. package/dist/themes/flat_red/index.d.ts.map +1 -0
  551. package/dist/themes/flat_red/index.js +8 -10
  552. package/dist/themes/flat_red/tokens.d.ts +3 -0
  553. package/dist/themes/flat_red/tokens.d.ts.map +1 -0
  554. package/dist/themes/flat_red/tokens.js +167 -171
  555. package/dist/themes/flat_red/vars.css.d.ts +2 -0
  556. package/dist/themes/flat_red/vars.css.d.ts.map +1 -0
  557. package/dist/themes/flat_red/vars.css.js +2 -10
  558. package/dist/themes/helpers.d.ts +2 -0
  559. package/dist/themes/helpers.d.ts.map +1 -0
  560. package/dist/themes/helpers.js +10 -9
  561. package/dist/themes/index.d.ts +3 -0
  562. package/dist/themes/index.d.ts.map +1 -0
  563. package/dist/themes/index.js +2 -4
  564. package/dist/themes/makeTheme.d.ts +12 -0
  565. package/dist/themes/makeTheme.d.ts.map +1 -0
  566. package/dist/themes/makeTheme.js +18 -29
  567. package/dist/themes/tokens.d.ts +95 -0
  568. package/dist/themes/tokens.d.ts.map +1 -0
  569. package/dist/themes/tokens.js +1 -3
  570. package/dist/utils/index.d.ts +19 -0
  571. package/dist/utils/index.d.ts.map +1 -0
  572. package/dist/utils/index.js +77 -93
  573. package/dist/utils/mapTokenToProperty.d.ts +6 -0
  574. package/dist/utils/mapTokenToProperty.d.ts.map +1 -0
  575. package/dist/utils/mapTokenToProperty.js +10 -22
  576. package/dist/utils/resolveResponsiveProps.d.ts +7 -0
  577. package/dist/utils/resolveResponsiveProps.d.ts.map +1 -0
  578. package/dist/utils/resolveResponsiveProps.js +31 -29
  579. package/dist/utils/responsiveProps.css.d.ts +5 -0
  580. package/dist/utils/responsiveProps.css.d.ts.map +1 -0
  581. package/dist/utils/responsiveProps.css.js +17 -29
  582. package/dist/utils/responsiveStyle.d.ts +4 -0
  583. package/dist/utils/responsiveStyle.d.ts.map +1 -0
  584. package/dist/utils/responsiveStyle.js +16 -26
  585. package/package.json +1 -1
@@ -1,188 +1,107 @@
1
- "use strict";
2
-
3
1
  import { MinusIcon, PlusIcon } from '@autoguru/icons';
4
2
  import { clamp } from '@autoguru/utilities';
5
3
  import clsx from 'clsx';
6
4
  import * as React from 'react';
7
- import { useCallback, useReducer, useRef } from 'react';
8
- import { Box, useBoxStyles } from "../Box/index.js";
9
- import { Column, Columns } from "../Columns/index.js";
10
- import { Icon } from "../Icon/index.js";
11
- import { Text, useTextStyles } from "../Text/index.js";
12
- import * as styles from "./Stepper.css.js";
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import { jsxs as _jsxs } from "react/jsx-runtime";
5
+ import { useCallback, useReducer, useRef, } from 'react';
6
+ import { Box, useBoxStyles } from '../Box';
7
+ import { Column, Columns } from '../Columns';
8
+ import { Icon } from '../Icon';
9
+ import { Text, useTextStyles } from '../Text';
10
+ import * as styles from './Stepper.css';
15
11
  var EActionType;
16
-
17
12
  (function (EActionType) {
18
- EActionType[EActionType["INCREMENT"] = 0] = "INCREMENT";
19
- EActionType[EActionType["DECREMENT"] = 1] = "DECREMENT";
20
- EActionType[EActionType["VALUE"] = 2] = "VALUE";
13
+ EActionType[EActionType["INCREMENT"] = 0] = "INCREMENT";
14
+ EActionType[EActionType["DECREMENT"] = 1] = "DECREMENT";
15
+ EActionType[EActionType["VALUE"] = 2] = "VALUE";
21
16
  })(EActionType || (EActionType = {}));
22
-
23
- const getValueOrSafeInteger = value => value < 0 ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
24
-
17
+ const getValueOrSafeInteger = (value) => value < 0 ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
25
18
  const reducer = (state, action) => {
26
- if (action.type === EActionType.VALUE) {
19
+ if (action.type === EActionType.VALUE) {
20
+ return {
21
+ value: Number.isFinite(action.value)
22
+ ? action.value
23
+ : getValueOrSafeInteger(action.value),
24
+ };
25
+ }
26
+ const direction = EActionType.DECREMENT === action.type ? -1 : 1;
27
27
  return {
28
- value: Number.isFinite(action.value) ? action.value : getValueOrSafeInteger(action.value)
28
+ value: clamp(state.value + direction * action.step, action.min, action.max),
29
29
  };
30
- }
31
-
32
- const direction = EActionType.DECREMENT === action.type ? -1 : 1;
33
- return {
34
- value: clamp(state.value + direction * action.step, action.min, action.max)
35
- };
36
- };
37
-
38
- const Handle = _ref => {
39
- let {
40
- disabled,
41
- icon,
42
- label,
43
- onClick
44
- } = _ref;
45
- return _jsx(Box, {
46
- is: "button",
47
- className: [styles.handle.default, disabled && styles.handle.disabled, useTextStyles({
48
- colour: 'white'
49
- })],
50
- "aria-label": label,
51
- padding: "none",
52
- borderRadius: "full",
53
- display: "flex",
54
- alignItems: "center",
55
- justifyContent: "center",
56
- disabled: disabled,
57
- tabIndex: -1,
58
- onClick: onClick,
59
- children: _jsx(Icon, {
60
- icon: icon,
61
- size: "small"
62
- })
63
- });
64
30
  };
65
-
66
- export const Stepper = _ref2 => {
67
- let {
68
- className = '',
69
- disabled: incomingDisabled = false,
70
- step = 1,
71
- min = Number.NEGATIVE_INFINITY,
72
- max = Number.POSITIVE_INFINITY,
73
- value,
74
- format = value => value.toString(),
75
- onChange
76
- } = _ref2;
77
- const disabled = incomingDisabled || value === undefined || value === null;
78
- const [state, dispatch] = useReducer(reducer, {
79
- value: value !== null && value !== void 0 ? value : 0
80
- });
81
- const prevValue = useRef(value);
82
-
83
- if (state.value !== value && typeof onChange === 'function') {
84
- onChange(state.value);
85
- }
86
-
87
- const onDecrement = useCallback(() => dispatch({
88
- type: EActionType.DECREMENT,
89
- step,
90
- min,
91
- max
92
- }), [step, min, max]);
93
- const onIncrement = useCallback(() => dispatch({
94
- type: EActionType.INCREMENT,
95
- step,
96
- min,
97
- max
98
- }), [step, min, max]);
99
- const keyDownHandler = useCallback(event => {
100
- switch (event.key) {
101
- case 'ArrowLeft':
102
- return onDecrement();
103
-
104
- case 'ArrowRight':
105
- return onIncrement();
106
-
107
- case 'Home':
108
- case 'End':
109
- event.preventDefault();
110
- return dispatch({
111
- type: EActionType.VALUE,
112
- max,
113
- min,
114
- step,
115
- value: event.key === 'Home' ? min : max
116
- });
117
-
118
- case 'Escape':
119
- event.currentTarget.blur();
120
- break;
31
+ const Handle = ({ disabled, icon, label, onClick, }) => (React.createElement(Box, { is: "button", className: [
32
+ styles.handle.default,
33
+ disabled && styles.handle.disabled,
34
+ useTextStyles({ colour: 'white' }),
35
+ ], "aria-label": label, padding: "none", borderRadius: "full", display: "flex", alignItems: "center", justifyContent: "center", disabled: disabled, tabIndex: -1, onClick: onClick },
36
+ React.createElement(Icon, { icon: icon, size: "small" })));
37
+ export const Stepper = ({ className = '', disabled: incomingDisabled = false, step = 1, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, value, format = (value) => value.toString(), onChange, }) => {
38
+ const disabled = incomingDisabled || value === undefined || value === null;
39
+ const [state, dispatch] = useReducer(reducer, { value: value ?? 0 });
40
+ const prevValue = useRef(value);
41
+ if (state.value !== value && typeof onChange === 'function') {
42
+ onChange(state.value);
121
43
  }
122
- }, [onDecrement, onIncrement]);
123
-
124
- if (prevValue.current !== value && value !== undefined) {
125
- if (value !== state.value) dispatch({
126
- type: EActionType.VALUE,
127
- value,
128
- step,
129
- min,
130
- max
131
- });
132
- prevValue.current = value;
133
- }
134
-
135
- return _jsx(Box, {
136
- className: [styles.root, useBoxStyles({
137
- is: 'button'
138
- }), disabled && styles.disabled, className],
139
- userSelect: "none",
140
- "aria-disabled": disabled,
141
- tabIndex: 0,
142
- borderWidth: "1",
143
- borderColour: "gray",
144
- padding: "3",
145
- borderRadius: "1",
146
- boxShadow: "2",
147
- onKeyDown: keyDownHandler,
148
- children: _jsxs(Columns, {
149
- noWrap: true,
150
- children: [_jsx(Column, {
151
- noShrink: true,
152
- alignSelf: "centre",
153
- children: _jsx(Handle, {
154
- icon: MinusIcon,
155
- label: "step down",
156
- disabled: disabled,
157
- onClick: onDecrement
158
- })
159
- }), _jsx(Column, {
160
- noShrink: true,
161
- width: "auto",
162
- alignSelf: "centre",
163
- children: _jsx(Text, {
164
- is: "span",
165
- align: "center",
166
- colour: "dark",
167
- display: "block",
168
- className: clsx(useBoxStyles({
169
- paddingX: '2',
170
- width: 'full',
171
- is: 'span'
172
- }), styles.label),
173
- size: "4",
174
- children: Number.isFinite(state.value) ? format(state.value) : ''
175
- })
176
- }), _jsx(Column, {
177
- noShrink: true,
178
- alignSelf: "centre",
179
- children: _jsx(Handle, {
180
- icon: PlusIcon,
181
- label: "step up",
182
- disabled: disabled,
183
- onClick: onIncrement
184
- })
185
- })]
186
- })
187
- });
188
- };
44
+ const onDecrement = useCallback(() => dispatch({
45
+ type: EActionType.DECREMENT,
46
+ step,
47
+ min,
48
+ max,
49
+ }), [step, min, max]);
50
+ const onIncrement = useCallback(() => dispatch({
51
+ type: EActionType.INCREMENT,
52
+ step,
53
+ min,
54
+ max,
55
+ }), [step, min, max]);
56
+ const keyDownHandler = useCallback((event) => {
57
+ switch (event.key) {
58
+ case 'ArrowLeft':
59
+ return onDecrement();
60
+ case 'ArrowRight':
61
+ return onIncrement();
62
+ case 'Home':
63
+ case 'End':
64
+ event.preventDefault();
65
+ return dispatch({
66
+ type: EActionType.VALUE,
67
+ max,
68
+ min,
69
+ step,
70
+ value: event.key === 'Home' ? min : max,
71
+ });
72
+ case 'Escape':
73
+ event.currentTarget.blur();
74
+ break;
75
+ }
76
+ }, [onDecrement, onIncrement]);
77
+ if (prevValue.current !== value && value !== undefined) {
78
+ if (value !== state.value)
79
+ dispatch({
80
+ type: EActionType.VALUE,
81
+ value,
82
+ step,
83
+ min,
84
+ max,
85
+ });
86
+ prevValue.current = value;
87
+ }
88
+ return (React.createElement(Box, { className: [
89
+ styles.root,
90
+ useBoxStyles({ is: 'button' }),
91
+ disabled && styles.disabled,
92
+ className,
93
+ ], userSelect: "none", "aria-disabled": disabled, tabIndex: 0, borderWidth: "1", borderColour: "gray", padding: "3", borderRadius: "1", boxShadow: "2", onKeyDown: keyDownHandler },
94
+ React.createElement(Columns, { noWrap: true },
95
+ React.createElement(Column, { noShrink: true, alignSelf: "centre" },
96
+ React.createElement(Handle, { icon: MinusIcon, label: "step down", disabled: disabled, onClick: onDecrement })),
97
+ React.createElement(Column, { noShrink: true, width: "auto", alignSelf: "centre" },
98
+ React.createElement(Text, { is: "span", align: "center", colour: "dark", display: "block", className: clsx(useBoxStyles({
99
+ paddingX: '2',
100
+ width: 'full',
101
+ is: 'span',
102
+ }), styles.label), size: "4" }, Number.isFinite(state.value)
103
+ ? format(state.value)
104
+ : '')),
105
+ React.createElement(Column, { noShrink: true, alignSelf: "centre" },
106
+ React.createElement(Handle, { icon: PlusIcon, label: "step up", disabled: disabled, onClick: onIncrement })))));
107
+ };
@@ -0,0 +1,2 @@
1
+ export { Stepper } from './Stepper';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -1,3 +1 @@
1
- "use strict";
2
-
3
- export { Stepper } from "./Stepper.js";
1
+ export { Stepper } from './Stepper';
@@ -0,0 +1,5 @@
1
+ export declare const root: string;
2
+ export declare const handle: Record<"transition" | "default", string>;
3
+ export declare const toggled: string;
4
+ export declare const disabled: Record<"default" | "toggled", string>;
5
+ //# sourceMappingURL=Switch.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,IAAI,QAKf,CAAC;AAEH,eAAO,MAAM,MAAM,0CAcjB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,QAAQ,uCAkBnB,CAAC"}
@@ -1,57 +1,49 @@
1
- "use strict";
2
-
3
- import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
- __vanilla_filescope__.setFileScope("lib/components/Switch/Switch.css.ts", "@autoguru/overdrive");
6
-
7
1
  import { style, styleVariants } from '@vanilla-extract/css';
8
- import { vars } from "../../themes/base/vars.css.js";
2
+ import { vars } from '../../themes/base/vars.css';
9
3
  const handleSize = '24px';
10
4
  const handleOffset = '2px';
11
5
  const borderSize = '1px';
12
6
  export const root = style({
13
- width: "calc((2 * ".concat(handleSize, ") + ").concat(handleOffset, " - 2 * ").concat(borderSize, ")"),
14
- height: "calc(".concat(handleSize, " + (").concat(handleOffset, " * 2))"),
15
- transition: 'background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
16
- border: "".concat(borderSize, " solid ").concat(vars.border.colours.light)
17
- }, "root");
7
+ width: `calc((2 * ${handleSize}) + ${handleOffset} - 2 * ${borderSize})`,
8
+ height: `calc(${handleSize} + (${handleOffset} * 2))`,
9
+ transition: 'background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
10
+ border: `${borderSize} solid ${vars.border.colours.light}`,
11
+ });
18
12
  export const handle = styleVariants({
19
- default: {
20
- borderColor: vars.border.colours.gray,
21
- top: "calc(".concat(handleOffset, " - ").concat(borderSize, ")"),
22
- left: "calc(".concat(handleOffset, " - ").concat(borderSize, ")"),
23
- width: "".concat(handleSize),
24
- height: "".concat(handleSize),
25
- transition: 'transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
26
- willChange: 'transform'
27
- },
28
- transition: {
29
- transform: "translateX(calc(".concat(handleSize, " - (2 * ").concat(handleOffset, ")))"),
30
- borderColor: vars.colours.intent.primary.background.strong
31
- }
32
- }, "handle");
13
+ default: {
14
+ borderColor: vars.border.colours.gray,
15
+ top: `calc(${handleOffset} - ${borderSize})`,
16
+ left: `calc(${handleOffset} - ${borderSize})`,
17
+ width: `${handleSize}`,
18
+ height: `${handleSize}`,
19
+ transition: 'transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
20
+ willChange: 'transform',
21
+ },
22
+ transition: {
23
+ transform: `translateX(calc(${handleSize} - (2 * ${handleOffset})))`,
24
+ borderColor: vars.colours.intent.primary.background.strong,
25
+ },
26
+ });
33
27
  export const toggled = style({
34
- borderColor: vars.colours.intent.primary.background.strong,
35
- backgroundColor: vars.colours.intent.primary.background.standard
36
- }, "toggled");
28
+ borderColor: vars.colours.intent.primary.background.strong,
29
+ backgroundColor: vars.colours.intent.primary.background.standard,
30
+ });
37
31
  export const disabled = styleVariants({
38
- default: {
39
- selectors: {
40
- '&[aria-disabled=true]': {
41
- cursor: 'not-allowed',
42
- borderColor: vars.border.colours.light,
43
- backgroundColor: vars.border.colours.light
44
- }
45
- }
46
- },
47
- toggled: {
48
- selectors: {
49
- '&[aria-disabled=true]': {
50
- borderColor: vars.border.colours.light,
51
- backgroundColor: vars.colours.intent.primary.background.mild
52
- }
53
- }
54
- }
55
- }, "disabled");
56
-
57
- __vanilla_filescope__.endFileScope();
32
+ default: {
33
+ selectors: {
34
+ '&[aria-disabled=true]': {
35
+ cursor: 'not-allowed',
36
+ borderColor: vars.border.colours.light,
37
+ backgroundColor: vars.border.colours.light,
38
+ },
39
+ },
40
+ },
41
+ toggled: {
42
+ selectors: {
43
+ '&[aria-disabled=true]': {
44
+ borderColor: vars.border.colours.light,
45
+ backgroundColor: vars.colours.intent.primary.background.mild,
46
+ },
47
+ },
48
+ },
49
+ });
@@ -0,0 +1,9 @@
1
+ import { FunctionComponent } from 'react';
2
+ export interface Props {
3
+ className?: string;
4
+ disabled?: boolean;
5
+ toggled?: boolean;
6
+ onChange?(value: boolean): void;
7
+ }
8
+ export declare const Switch: FunctionComponent<Props>;
9
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CA+D3C,CAAC"}
@@ -1,66 +1,31 @@
1
- "use strict";
2
-
3
1
  import clsx from 'clsx';
4
2
  import * as React from 'react';
5
3
  import { useCallback, useState } from 'react';
6
- import { Box, useBoxStyles } from "../Box/index.js";
7
- import { useTextStyles } from "../Text/index.js";
8
- import * as styles from "./Switch.css.js";
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- export const Switch = _ref => {
11
- let {
12
- className = '',
13
- disabled = false,
14
- toggled: incomingToggled = false,
15
- onChange
16
- } = _ref;
17
- const [toggled, setToggled] = useState(incomingToggled);
18
- const [prevValue, setPrevValue] = useState(incomingToggled);
19
- const onToggle = useCallback(() => {
20
- if (disabled) {
21
- return;
4
+ import { Box, useBoxStyles } from '../Box';
5
+ import { useTextStyles } from '../Text';
6
+ import * as styles from './Switch.css';
7
+ export const Switch = ({ className = '', disabled = false, toggled: incomingToggled = false, onChange, }) => {
8
+ const [toggled, setToggled] = useState(incomingToggled);
9
+ const [prevValue, setPrevValue] = useState(incomingToggled);
10
+ const onToggle = useCallback(() => {
11
+ if (disabled) {
12
+ return;
13
+ }
14
+ if (typeof onChange === 'function') {
15
+ onChange(!toggled);
16
+ }
17
+ setToggled(!toggled);
18
+ }, [incomingToggled, disabled, toggled]);
19
+ if (prevValue !== incomingToggled) {
20
+ setToggled(incomingToggled);
21
+ setPrevValue(incomingToggled);
22
22
  }
23
-
24
- if (typeof onChange === 'function') {
25
- onChange(!toggled);
26
- }
27
-
28
- setToggled(!toggled);
29
- }, [incomingToggled, disabled, toggled]);
30
-
31
- if (prevValue !== incomingToggled) {
32
- setToggled(incomingToggled);
33
- setPrevValue(incomingToggled);
34
- }
35
-
36
- return _jsx(Box, {
37
- is: "button",
38
- className: clsx(styles.root, useTextStyles({
39
- size: '5'
40
- }), {
41
- [styles.toggled]: toggled,
42
- [styles.disabled.default]: disabled,
43
- [styles.disabled.toggled]: toggled && disabled
44
- }, className),
45
- borderRadius: "pill",
46
- position: "relative",
47
- "aria-disabled": disabled,
48
- "aria-label": "toggle ".concat(toggled ? 'on' : 'off'),
49
- onClick: onToggle,
50
- children: _jsx(Box, {
51
- borderWidth: "1",
52
- position: "absolute",
53
- borderRadius: "pill",
54
- backgroundColour: "white",
55
- padding: "none",
56
- boxShadow: "2",
57
- className: clsx(styles.handle.default, useBoxStyles({
58
- is: 'button'
59
- }), useTextStyles({
60
- colour: 'white'
61
- }), {
62
- [styles.handle.transition]: toggled
63
- })
64
- })
65
- });
66
- };
23
+ return (React.createElement(Box, { is: "button", className: clsx(styles.root, useTextStyles({ size: '5' }), {
24
+ [styles.toggled]: toggled,
25
+ [styles.disabled.default]: disabled,
26
+ [styles.disabled.toggled]: toggled && disabled,
27
+ }, className), borderRadius: "pill", position: "relative", "aria-disabled": disabled, "aria-label": `toggle ${toggled ? 'on' : 'off'}`, onClick: onToggle },
28
+ React.createElement(Box, { borderWidth: "1", position: "absolute", borderRadius: "pill", backgroundColour: "white", padding: "none", boxShadow: "2", className: clsx(styles.handle.default, useBoxStyles({ is: 'button' }), useTextStyles({ colour: 'white' }), {
29
+ [styles.handle.transition]: toggled,
30
+ }) })));
31
+ };
@@ -0,0 +1,2 @@
1
+ export { Switch } from './Switch';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
@@ -1,3 +1 @@
1
- "use strict";
2
-
3
- export { Switch } from "./Switch.js";
1
+ export { Switch } from './Switch';
@@ -0,0 +1,2 @@
1
+ export declare const root: string;
2
+ //# sourceMappingURL=Table.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAUf,CAAC"}
@@ -1,16 +1,8 @@
1
- "use strict";
2
-
3
- import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
- __vanilla_filescope__.setFileScope("lib/components/Table/Table.css.ts", "@autoguru/overdrive");
6
-
7
1
  import { style } from '@vanilla-extract/css';
8
2
  export const root = style({
9
- display: 'grid',
10
- gridGap: '0',
11
- alignItems: 'stretch',
12
- clipPath: 'inset(0)',
13
- clip: 'rect(0px, auto, auto, 0px)'
14
- }, "root");
15
-
16
- __vanilla_filescope__.endFileScope();
3
+ display: 'grid',
4
+ gridGap: '0',
5
+ alignItems: 'stretch',
6
+ clipPath: 'inset(0)',
7
+ clip: 'rect(0px, auto, auto, 0px)',
8
+ });
@@ -0,0 +1,9 @@
1
+ import type { ReactChild } from 'react';
2
+ import * as React from 'react';
3
+ import type { TableContext } from './context';
4
+ export interface Props extends Partial<TableContext> {
5
+ columnTemplate: string;
6
+ children: ReactChild | ReactChild[];
7
+ }
8
+ export declare const Table: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
9
+ //# sourceMappingURL=Table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,YAAY,CAAC;IACnD,cAAc,EAAE,MAAM,CAAC;IAEvB,QAAQ,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACpC;AAQD,eAAO,MAAM,KAAK,8EAajB,CAAC"}
@@ -1,30 +1,7 @@
1
- "use strict";
2
-
3
1
  import * as React from 'react';
4
2
  import { forwardRef } from 'react';
5
- import { Box } from "../Box/index.js";
6
- import * as styles from "./Table.css.js";
7
- import { TableContextProvider } from "./context.js";
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- export const Table = forwardRef((_ref, ref) => {
10
- let {
11
- children,
12
- padding = '4',
13
- stickyHead = false,
14
- columnTemplate
15
- } = _ref;
16
- return _jsx(TableContextProvider, {
17
- padding: padding,
18
- stickyHead: stickyHead,
19
- children: _jsx(Box, {
20
- ref: ref,
21
- role: "grid",
22
- width: "full",
23
- style: {
24
- gridTemplateColumns: columnTemplate
25
- },
26
- className: styles.root,
27
- children: children
28
- })
29
- });
30
- });
3
+ import { Box } from '../Box';
4
+ import * as styles from './Table.css';
5
+ import { TableContextProvider } from './context';
6
+ export const Table = forwardRef(({ children, padding = '4', stickyHead = false, columnTemplate }, ref) => (React.createElement(TableContextProvider, { padding: padding, stickyHead: stickyHead },
7
+ React.createElement(Box, { ref: ref, role: "grid", width: "full", style: { gridTemplateColumns: columnTemplate }, className: styles.root }, children))));
@@ -0,0 +1,2 @@
1
+ export declare const root: string;
2
+ //# sourceMappingURL=TableCell.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableCell.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QA2Bf,CAAC"}