@autoguru/overdrive 4.0.3 → 4.1.2

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 (610) hide show
  1. package/CHANGELOG.md +24 -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.d.ts +1 -0
  30. package/dist/components/AutoSuggest/AutoSuggest.d.ts.map +1 -1
  31. package/dist/components/AutoSuggest/AutoSuggest.js +302 -617
  32. package/dist/components/AutoSuggest/index.js +1 -3
  33. package/dist/components/AutoSuggest/stories.js +1 -0
  34. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts +3 -0
  35. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map +1 -0
  36. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.js +31 -29
  37. package/dist/components/Badge/Badge.css.d.ts +13 -0
  38. package/dist/components/Badge/Badge.css.d.ts.map +1 -0
  39. package/dist/components/Badge/Badge.css.js +71 -79
  40. package/dist/components/Badge/Badge.d.ts +11 -0
  41. package/dist/components/Badge/Badge.d.ts.map +1 -0
  42. package/dist/components/Badge/Badge.js +28 -43
  43. package/dist/components/Badge/index.d.ts +2 -0
  44. package/dist/components/Badge/index.d.ts.map +1 -0
  45. package/dist/components/Badge/index.js +1 -3
  46. package/dist/components/Box/Box.d.ts +7 -0
  47. package/dist/components/Box/Box.d.ts.map +1 -0
  48. package/dist/components/Box/Box.js +53 -122
  49. package/dist/components/Box/argTypes.d.ts +7 -0
  50. package/dist/components/Box/argTypes.d.ts.map +1 -0
  51. package/dist/components/Box/argTypes.js +94 -64
  52. package/dist/components/Box/index.d.ts +4 -0
  53. package/dist/components/Box/index.d.ts.map +1 -0
  54. package/dist/components/Box/index.js +2 -4
  55. package/dist/components/Box/useBoxStyles.css.d.ts +46 -0
  56. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -0
  57. package/dist/components/Box/useBoxStyles.css.js +85 -105
  58. package/dist/components/Box/useBoxStyles.d.ts +66 -0
  59. package/dist/components/Box/useBoxStyles.d.ts.map +1 -0
  60. package/dist/components/Box/useBoxStyles.js +47 -75
  61. package/dist/components/BulletList/Bullet.css.d.ts +3 -0
  62. package/dist/components/BulletList/Bullet.css.d.ts.map +1 -0
  63. package/dist/components/BulletList/Bullet.css.js +41 -49
  64. package/dist/components/BulletList/Bullet.d.ts +7 -0
  65. package/dist/components/BulletList/Bullet.d.ts.map +1 -0
  66. package/dist/components/BulletList/Bullet.js +24 -38
  67. package/dist/components/BulletList/BulletList.css.d.ts +3 -0
  68. package/dist/components/BulletList/BulletList.css.d.ts.map +1 -0
  69. package/dist/components/BulletList/BulletList.css.js +5 -13
  70. package/dist/components/BulletList/BulletList.d.ts +6 -0
  71. package/dist/components/BulletList/BulletList.d.ts.map +1 -0
  72. package/dist/components/BulletList/BulletList.js +10 -23
  73. package/dist/components/BulletList/context.d.ts +5 -0
  74. package/dist/components/BulletList/context.d.ts.map +1 -0
  75. package/dist/components/BulletList/context.js +1 -3
  76. package/dist/components/BulletList/index.d.ts +3 -0
  77. package/dist/components/BulletList/index.d.ts.map +1 -0
  78. package/dist/components/BulletList/index.js +2 -4
  79. package/dist/components/BulletText/BulletText.css.d.ts +6 -0
  80. package/dist/components/BulletText/BulletText.css.d.ts.map +1 -0
  81. package/dist/components/BulletText/BulletText.css.js +13 -21
  82. package/dist/components/BulletText/BulletText.d.ts +8 -0
  83. package/dist/components/BulletText/BulletText.d.ts.map +1 -0
  84. package/dist/components/BulletText/BulletText.js +15 -56
  85. package/dist/components/BulletText/index.d.ts +2 -0
  86. package/dist/components/BulletText/index.d.ts.map +1 -0
  87. package/dist/components/BulletText/index.js +1 -3
  88. package/dist/components/Button/Button.css.d.ts +30 -0
  89. package/dist/components/Button/Button.css.d.ts.map +1 -0
  90. package/dist/components/Button/Button.css.js +143 -151
  91. package/dist/components/Button/Button.d.ts +20 -0
  92. package/dist/components/Button/Button.d.ts.map +1 -0
  93. package/dist/components/Button/Button.js +72 -112
  94. package/dist/components/Button/index.d.ts +2 -0
  95. package/dist/components/Button/index.d.ts.map +1 -0
  96. package/dist/components/Button/index.js +1 -3
  97. package/dist/components/CheckBox/CheckBox.css.d.ts +3 -0
  98. package/dist/components/CheckBox/CheckBox.css.d.ts.map +1 -0
  99. package/dist/components/CheckBox/CheckBox.css.js +20 -28
  100. package/dist/components/CheckBox/CheckBox.d.ts +14 -0
  101. package/dist/components/CheckBox/CheckBox.d.ts.map +1 -0
  102. package/dist/components/CheckBox/CheckBox.js +16 -54
  103. package/dist/components/CheckBox/index.d.ts +2 -0
  104. package/dist/components/CheckBox/index.d.ts.map +1 -0
  105. package/dist/components/CheckBox/index.js +1 -3
  106. package/dist/components/Columns/Column.css.d.ts +3 -0
  107. package/dist/components/Columns/Column.css.d.ts.map +1 -0
  108. package/dist/components/Columns/Column.css.js +26 -36
  109. package/dist/components/Columns/Column.d.ts +15 -0
  110. package/dist/components/Columns/Column.d.ts.map +1 -0
  111. package/dist/components/Columns/Column.js +16 -51
  112. package/dist/components/Columns/Columns.css.d.ts +7 -0
  113. package/dist/components/Columns/Columns.css.d.ts.map +1 -0
  114. package/dist/components/Columns/Columns.css.js +31 -39
  115. package/dist/components/Columns/Columns.d.ts +25 -0
  116. package/dist/components/Columns/Columns.d.ts.map +1 -0
  117. package/dist/components/Columns/Columns.js +21 -54
  118. package/dist/components/Columns/index.d.ts +3 -0
  119. package/dist/components/Columns/index.d.ts.map +1 -0
  120. package/dist/components/Columns/index.js +2 -4
  121. package/dist/components/DateInput/DateInput.js +7 -33
  122. package/dist/components/DateInput/index.js +1 -3
  123. package/dist/components/Flyout/Flyout.d.ts +4 -0
  124. package/dist/components/Flyout/Flyout.d.ts.map +1 -0
  125. package/dist/components/Flyout/Flyout.js +4 -40
  126. package/dist/components/Flyout/index.d.ts +2 -0
  127. package/dist/components/Flyout/index.d.ts.map +1 -0
  128. package/dist/components/Flyout/index.js +1 -3
  129. package/dist/components/Heading/Heading.d.ts +11 -0
  130. package/dist/components/Heading/Heading.d.ts.map +1 -0
  131. package/dist/components/Heading/Heading.js +19 -38
  132. package/dist/components/Heading/index.d.ts +2 -0
  133. package/dist/components/Heading/index.d.ts.map +1 -0
  134. package/dist/components/Heading/index.js +1 -3
  135. package/dist/components/Icon/Icon.css.d.ts +2 -0
  136. package/dist/components/Icon/Icon.css.d.ts.map +1 -0
  137. package/dist/components/Icon/Icon.css.js +5 -13
  138. package/dist/components/Icon/Icon.d.ts +13 -0
  139. package/dist/components/Icon/Icon.d.ts.map +1 -0
  140. package/dist/components/Icon/Icon.js +8 -25
  141. package/dist/components/Icon/index.d.ts +2 -0
  142. package/dist/components/Icon/index.d.ts.map +1 -0
  143. package/dist/components/Icon/index.js +1 -3
  144. package/dist/components/Image/Image.d.ts +8 -0
  145. package/dist/components/Image/Image.d.ts.map +1 -0
  146. package/dist/components/Image/Image.js +5 -0
  147. package/dist/components/Image/ImageServerProvider.d.ts +18 -0
  148. package/dist/components/Image/ImageServerProvider.d.ts.map +1 -0
  149. package/dist/components/Image/ImageServerProvider.js +45 -0
  150. package/dist/components/Image/ResponsiveImage.d.ts +11 -0
  151. package/dist/components/Image/ResponsiveImage.d.ts.map +1 -0
  152. package/dist/components/Image/ResponsiveImage.js +22 -0
  153. package/dist/components/Image/SimpleImage.d.ts +12 -0
  154. package/dist/components/Image/SimpleImage.d.ts.map +1 -0
  155. package/dist/components/Image/SimpleImage.js +2 -0
  156. package/dist/components/Image/index.d.ts +2 -0
  157. package/dist/components/Image/index.d.ts.map +1 -0
  158. package/dist/components/Image/index.js +1 -0
  159. package/dist/components/Image/stories.js +194 -0
  160. package/dist/components/Image/types.d.ts +2 -0
  161. package/dist/components/Image/types.d.ts.map +1 -0
  162. package/dist/components/Image/types.js +1 -0
  163. package/dist/components/Inline/Inline.d.ts +13 -0
  164. package/dist/components/Inline/Inline.d.ts.map +1 -0
  165. package/dist/components/Inline/Inline.js +30 -71
  166. package/dist/components/Inline/index.d.ts +2 -0
  167. package/dist/components/Inline/index.d.ts.map +1 -0
  168. package/dist/components/Inline/index.js +1 -3
  169. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.d.ts +4 -0
  170. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.d.ts.map +1 -0
  171. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +48 -56
  172. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts +6 -0
  173. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts.map +1 -0
  174. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js +7 -31
  175. package/dist/components/LinearProgressIndicator/index.d.ts +2 -0
  176. package/dist/components/LinearProgressIndicator/index.d.ts.map +1 -0
  177. package/dist/components/LinearProgressIndicator/index.js +1 -3
  178. package/dist/components/LoadingBox/LoadingBox.css.d.ts +3 -0
  179. package/dist/components/LoadingBox/LoadingBox.css.d.ts.map +1 -0
  180. package/dist/components/LoadingBox/LoadingBox.css.js +18 -26
  181. package/dist/components/LoadingBox/LoadingBox.d.ts +9 -0
  182. package/dist/components/LoadingBox/LoadingBox.d.ts.map +1 -0
  183. package/dist/components/LoadingBox/LoadingBox.js +6 -38
  184. package/dist/components/LoadingBox/index.d.ts +2 -0
  185. package/dist/components/LoadingBox/index.d.ts.map +1 -0
  186. package/dist/components/LoadingBox/index.js +1 -3
  187. package/dist/components/Meta/Meta.css.d.ts +2 -0
  188. package/dist/components/Meta/Meta.css.d.ts.map +1 -0
  189. package/dist/components/Meta/Meta.css.js +8 -16
  190. package/dist/components/Meta/Meta.js +7 -27
  191. package/dist/components/Meta/index.js +1 -3
  192. package/dist/components/MinimalModal/MinimalModal.css.d.ts +3 -0
  193. package/dist/components/MinimalModal/MinimalModal.css.d.ts.map +1 -0
  194. package/dist/components/MinimalModal/MinimalModal.css.js +7 -15
  195. package/dist/components/MinimalModal/MinimalModal.d.ts +7 -0
  196. package/dist/components/MinimalModal/MinimalModal.d.ts.map +1 -0
  197. package/dist/components/MinimalModal/MinimalModal.js +27 -62
  198. package/dist/components/MinimalModal/index.d.ts +2 -0
  199. package/dist/components/MinimalModal/index.d.ts.map +1 -0
  200. package/dist/components/MinimalModal/index.js +1 -3
  201. package/dist/components/Modal/Modal.css.d.ts +5 -0
  202. package/dist/components/Modal/Modal.css.d.ts.map +1 -0
  203. package/dist/components/Modal/Modal.css.js +30 -38
  204. package/dist/components/Modal/Modal.d.ts +9 -0
  205. package/dist/components/Modal/Modal.d.ts.map +1 -0
  206. package/dist/components/Modal/Modal.js +72 -128
  207. package/dist/components/Modal/index.d.ts +2 -0
  208. package/dist/components/Modal/index.d.ts.map +1 -0
  209. package/dist/components/Modal/index.js +1 -3
  210. package/dist/components/NumberInput/NumberInput.js +29 -60
  211. package/dist/components/NumberInput/index.js +1 -3
  212. package/dist/components/OrderedList/OrderedList.css.d.ts +2 -0
  213. package/dist/components/OrderedList/OrderedList.css.d.ts.map +1 -0
  214. package/dist/components/OrderedList/OrderedList.css.js +8 -16
  215. package/dist/components/OrderedList/OrderedList.d.ts +14 -0
  216. package/dist/components/OrderedList/OrderedList.d.ts.map +1 -0
  217. package/dist/components/OrderedList/OrderedList.js +26 -60
  218. package/dist/components/OrderedList/index.d.ts +2 -0
  219. package/dist/components/OrderedList/index.d.ts.map +1 -0
  220. package/dist/components/OrderedList/index.js +1 -3
  221. package/dist/components/OutsideClick/OutsideClick.d.ts +8 -0
  222. package/dist/components/OutsideClick/OutsideClick.d.ts.map +1 -0
  223. package/dist/components/OutsideClick/OutsideClick.js +35 -40
  224. package/dist/components/OutsideClick/index.d.ts +2 -0
  225. package/dist/components/OutsideClick/index.d.ts.map +1 -0
  226. package/dist/components/OutsideClick/index.js +1 -3
  227. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +7 -0
  228. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -0
  229. package/dist/components/OverdriveProvider/OverdriveProvider.js +18 -34
  230. package/dist/components/OverdriveProvider/index.d.ts +2 -0
  231. package/dist/components/OverdriveProvider/index.d.ts.map +1 -0
  232. package/dist/components/OverdriveProvider/index.js +1 -3
  233. package/dist/components/Pagination/Bubble.d.ts +10 -0
  234. package/dist/components/Pagination/Bubble.d.ts.map +1 -0
  235. package/dist/components/Pagination/Bubble.js +19 -41
  236. package/dist/components/Pagination/Pagination.css.d.ts +4 -0
  237. package/dist/components/Pagination/Pagination.css.d.ts.map +1 -0
  238. package/dist/components/Pagination/Pagination.css.js +20 -28
  239. package/dist/components/Pagination/Pagination.d.ts +16 -0
  240. package/dist/components/Pagination/Pagination.d.ts.map +1 -0
  241. package/dist/components/Pagination/Pagination.js +69 -164
  242. package/dist/components/Pagination/index.d.ts +2 -0
  243. package/dist/components/Pagination/index.d.ts.map +1 -0
  244. package/dist/components/Pagination/index.js +1 -3
  245. package/dist/components/Portal/Portal.d.ts +10 -0
  246. package/dist/components/Portal/Portal.d.ts.map +1 -0
  247. package/dist/components/Portal/Portal.js +22 -36
  248. package/dist/components/Portal/index.d.ts +2 -0
  249. package/dist/components/Portal/index.d.ts.map +1 -0
  250. package/dist/components/Portal/index.js +1 -3
  251. package/dist/components/Positioner/Positioner.css.d.ts +2 -0
  252. package/dist/components/Positioner/Positioner.css.d.ts.map +1 -0
  253. package/dist/components/Positioner/Positioner.css.js +6 -14
  254. package/dist/components/Positioner/Positioner.d.ts +12 -0
  255. package/dist/components/Positioner/Positioner.d.ts.map +1 -0
  256. package/dist/components/Positioner/Positioner.js +84 -107
  257. package/dist/components/Positioner/alignment.d.ts +11 -0
  258. package/dist/components/Positioner/alignment.d.ts.map +1 -0
  259. package/dist/components/Positioner/alignment.js +10 -13
  260. package/dist/components/Positioner/index.d.ts +3 -0
  261. package/dist/components/Positioner/index.d.ts.map +1 -0
  262. package/dist/components/Positioner/index.js +2 -4
  263. package/dist/components/ProgressBar/ProgressBar.css.d.ts +3 -0
  264. package/dist/components/ProgressBar/ProgressBar.css.d.ts.map +1 -0
  265. package/dist/components/ProgressBar/ProgressBar.css.js +6 -14
  266. package/dist/components/ProgressBar/ProgressBar.d.ts +9 -0
  267. package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
  268. package/dist/components/ProgressBar/ProgressBar.js +11 -29
  269. package/dist/components/ProgressBar/index.d.ts +2 -0
  270. package/dist/components/ProgressBar/index.d.ts.map +1 -0
  271. package/dist/components/ProgressBar/index.js +1 -3
  272. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts +2 -0
  273. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.d.ts.map +1 -0
  274. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +4 -12
  275. package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts +10 -0
  276. package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts.map +1 -0
  277. package/dist/components/ProgressBarGroup/ProgressBarGroup.js +14 -42
  278. package/dist/components/ProgressBarGroup/index.d.ts +2 -0
  279. package/dist/components/ProgressBarGroup/index.d.ts.map +1 -0
  280. package/dist/components/ProgressBarGroup/index.js +1 -3
  281. package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts +9 -0
  282. package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts.map +1 -0
  283. package/dist/components/ProgressSpinner/ProgressSpinner.css.js +73 -81
  284. package/dist/components/ProgressSpinner/ProgressSpinner.d.ts +9 -0
  285. package/dist/components/ProgressSpinner/ProgressSpinner.d.ts.map +1 -0
  286. package/dist/components/ProgressSpinner/ProgressSpinner.js +13 -31
  287. package/dist/components/ProgressSpinner/index.d.ts +2 -0
  288. package/dist/components/ProgressSpinner/index.d.ts.map +1 -0
  289. package/dist/components/ProgressSpinner/index.js +1 -3
  290. package/dist/components/Radio/Radio.css.d.ts +2 -0
  291. package/dist/components/Radio/Radio.css.d.ts.map +1 -0
  292. package/dist/components/Radio/Radio.css.js +23 -31
  293. package/dist/components/Radio/Radio.d.ts +10 -0
  294. package/dist/components/Radio/Radio.d.ts.map +1 -0
  295. package/dist/components/Radio/Radio.js +19 -58
  296. package/dist/components/Radio/RadioGroup.d.ts +19 -0
  297. package/dist/components/Radio/RadioGroup.d.ts.map +1 -0
  298. package/dist/components/Radio/RadioGroup.js +7 -32
  299. package/dist/components/Radio/index.d.ts +3 -0
  300. package/dist/components/Radio/index.d.ts.map +1 -0
  301. package/dist/components/Radio/index.js +2 -4
  302. package/dist/components/Section/Section.css.d.ts +3 -0
  303. package/dist/components/Section/Section.css.d.ts.map +1 -0
  304. package/dist/components/Section/Section.css.js +5 -13
  305. package/dist/components/Section/Section.d.ts +8 -0
  306. package/dist/components/Section/Section.d.ts.map +1 -0
  307. package/dist/components/Section/Section.js +3 -18
  308. package/dist/components/Section/index.d.ts +2 -0
  309. package/dist/components/Section/index.d.ts.map +1 -0
  310. package/dist/components/Section/index.js +1 -3
  311. package/dist/components/SelectInput/SelectInput.css.d.ts +4 -0
  312. package/dist/components/SelectInput/SelectInput.css.d.ts.map +1 -0
  313. package/dist/components/SelectInput/SelectInput.css.js +11 -19
  314. package/dist/components/SelectInput/SelectInput.js +11 -59
  315. package/dist/components/SelectInput/index.js +1 -3
  316. package/dist/components/SimplePagination/SimplePagination.d.ts +14 -0
  317. package/dist/components/SimplePagination/SimplePagination.d.ts.map +1 -0
  318. package/dist/components/SimplePagination/SimplePagination.js +17 -55
  319. package/dist/components/SimplePagination/index.d.ts +2 -0
  320. package/dist/components/SimplePagination/index.d.ts.map +1 -0
  321. package/dist/components/SimplePagination/index.js +1 -3
  322. package/dist/components/Stack/Divider.css.d.ts +2 -0
  323. package/dist/components/Stack/Divider.css.d.ts.map +1 -0
  324. package/dist/components/Stack/Divider.css.js +4 -12
  325. package/dist/components/Stack/Divider.d.ts +3 -0
  326. package/dist/components/Stack/Divider.d.ts.map +1 -0
  327. package/dist/components/Stack/Divider.js +4 -13
  328. package/dist/components/Stack/Stack.css.d.ts +5 -0
  329. package/dist/components/Stack/Stack.css.d.ts.map +1 -0
  330. package/dist/components/Stack/Stack.css.js +10 -18
  331. package/dist/components/Stack/Stack.d.ts +11 -0
  332. package/dist/components/Stack/Stack.d.ts.map +1 -0
  333. package/dist/components/Stack/Stack.js +23 -43
  334. package/dist/components/Stack/index.d.ts +2 -0
  335. package/dist/components/Stack/index.d.ts.map +1 -0
  336. package/dist/components/Stack/index.js +1 -3
  337. package/dist/components/StandardModal/StandardModal.css.d.ts +8 -0
  338. package/dist/components/StandardModal/StandardModal.css.d.ts.map +1 -0
  339. package/dist/components/StandardModal/StandardModal.css.js +57 -69
  340. package/dist/components/StandardModal/StandardModal.d.ts +16 -0
  341. package/dist/components/StandardModal/StandardModal.d.ts.map +1 -0
  342. package/dist/components/StandardModal/StandardModal.js +50 -123
  343. package/dist/components/StandardModal/index.d.ts +2 -0
  344. package/dist/components/StandardModal/index.d.ts.map +1 -0
  345. package/dist/components/StandardModal/index.js +1 -3
  346. package/dist/components/StarRating/StarRating.css.d.ts +2 -0
  347. package/dist/components/StarRating/StarRating.css.d.ts.map +1 -0
  348. package/dist/components/StarRating/StarRating.css.js +8 -16
  349. package/dist/components/StarRating/StarRating.d.ts +13 -0
  350. package/dist/components/StarRating/StarRating.d.ts.map +1 -0
  351. package/dist/components/StarRating/StarRating.js +46 -89
  352. package/dist/components/StarRating/index.d.ts +2 -0
  353. package/dist/components/StarRating/index.d.ts.map +1 -0
  354. package/dist/components/StarRating/index.js +1 -3
  355. package/dist/components/Stepper/Stepper.css.d.ts +5 -0
  356. package/dist/components/Stepper/Stepper.css.d.ts.map +1 -0
  357. package/dist/components/Stepper/Stepper.css.js +29 -39
  358. package/dist/components/Stepper/Stepper.d.ts +13 -0
  359. package/dist/components/Stepper/Stepper.d.ts.map +1 -0
  360. package/dist/components/Stepper/Stepper.js +95 -176
  361. package/dist/components/Stepper/index.d.ts +2 -0
  362. package/dist/components/Stepper/index.d.ts.map +1 -0
  363. package/dist/components/Stepper/index.js +1 -3
  364. package/dist/components/Switch/Switch.css.d.ts +5 -0
  365. package/dist/components/Switch/Switch.css.d.ts.map +1 -0
  366. package/dist/components/Switch/Switch.css.js +41 -49
  367. package/dist/components/Switch/Switch.d.ts +9 -0
  368. package/dist/components/Switch/Switch.d.ts.map +1 -0
  369. package/dist/components/Switch/Switch.js +27 -62
  370. package/dist/components/Switch/index.d.ts +2 -0
  371. package/dist/components/Switch/index.d.ts.map +1 -0
  372. package/dist/components/Switch/index.js +1 -3
  373. package/dist/components/Table/Table.css.d.ts +2 -0
  374. package/dist/components/Table/Table.css.d.ts.map +1 -0
  375. package/dist/components/Table/Table.css.js +6 -14
  376. package/dist/components/Table/Table.d.ts +9 -0
  377. package/dist/components/Table/Table.d.ts.map +1 -0
  378. package/dist/components/Table/Table.js +5 -28
  379. package/dist/components/Table/TableCell.css.d.ts +2 -0
  380. package/dist/components/Table/TableCell.css.d.ts.map +1 -0
  381. package/dist/components/Table/TableCell.css.js +20 -28
  382. package/dist/components/Table/TableCell.d.ts +12 -0
  383. package/dist/components/Table/TableCell.d.ts.map +1 -0
  384. package/dist/components/Table/TableCell.js +11 -41
  385. package/dist/components/Table/TableHeadCell.css.d.ts +10 -0
  386. package/dist/components/Table/TableHeadCell.css.d.ts.map +1 -0
  387. package/dist/components/Table/TableHeadCell.css.js +50 -61
  388. package/dist/components/Table/TableHeadCell.d.ts +14 -0
  389. package/dist/components/Table/TableHeadCell.d.ts.map +1 -0
  390. package/dist/components/Table/TableHeadCell.js +40 -86
  391. package/dist/components/Table/TableRow.d.ts +8 -0
  392. package/dist/components/Table/TableRow.d.ts.map +1 -0
  393. package/dist/components/Table/TableRow.js +2 -17
  394. package/dist/components/Table/TableRowGroup.d.ts +7 -0
  395. package/dist/components/Table/TableRowGroup.d.ts.map +1 -0
  396. package/dist/components/Table/TableRowGroup.js +2 -15
  397. package/dist/components/Table/context.d.ts +9 -0
  398. package/dist/components/Table/context.d.ts.map +1 -0
  399. package/dist/components/Table/context.js +10 -21
  400. package/dist/components/Table/index.d.ts +6 -0
  401. package/dist/components/Table/index.d.ts.map +1 -0
  402. package/dist/components/Table/index.js +5 -7
  403. package/dist/components/Tabs/Tab.css.d.ts +7 -0
  404. package/dist/components/Tabs/Tab.css.d.ts.map +1 -0
  405. package/dist/components/Tabs/Tab.css.js +35 -43
  406. package/dist/components/Tabs/Tab.d.ts +10 -0
  407. package/dist/components/Tabs/Tab.d.ts.map +1 -0
  408. package/dist/components/Tabs/Tab.js +50 -80
  409. package/dist/components/Tabs/TabList.css.d.ts +3 -0
  410. package/dist/components/Tabs/TabList.css.d.ts.map +1 -0
  411. package/dist/components/Tabs/TabList.css.js +22 -30
  412. package/dist/components/Tabs/TabList.d.ts +9 -0
  413. package/dist/components/Tabs/TabList.d.ts.map +1 -0
  414. package/dist/components/Tabs/TabList.js +68 -119
  415. package/dist/components/Tabs/TabPane.css.d.ts +2 -0
  416. package/dist/components/Tabs/TabPane.css.d.ts.map +1 -0
  417. package/dist/components/Tabs/TabPane.css.js +3 -11
  418. package/dist/components/Tabs/TabPane.d.ts +5 -0
  419. package/dist/components/Tabs/TabPane.d.ts.map +1 -0
  420. package/dist/components/Tabs/TabPane.js +15 -32
  421. package/dist/components/Tabs/TabPanes.css.d.ts +2 -0
  422. package/dist/components/Tabs/TabPanes.css.d.ts.map +1 -0
  423. package/dist/components/Tabs/TabPanes.css.js +8 -16
  424. package/dist/components/Tabs/TabPanes.d.ts +13 -0
  425. package/dist/components/Tabs/TabPanes.d.ts.map +1 -0
  426. package/dist/components/Tabs/TabPanes.js +5 -22
  427. package/dist/components/Tabs/Tabs.d.ts +16 -0
  428. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  429. package/dist/components/Tabs/Tabs.js +10 -22
  430. package/dist/components/Tabs/index.d.ts +6 -0
  431. package/dist/components/Tabs/index.d.ts.map +1 -0
  432. package/dist/components/Tabs/index.js +5 -7
  433. package/dist/components/Text/Text.d.ts +11 -0
  434. package/dist/components/Text/Text.d.ts.map +1 -0
  435. package/dist/components/Text/Text.js +13 -34
  436. package/dist/components/Text/index.d.ts +4 -0
  437. package/dist/components/Text/index.d.ts.map +1 -0
  438. package/dist/components/Text/index.js +2 -4
  439. package/dist/components/Text/useTextStyles.css.d.ts +7 -0
  440. package/dist/components/Text/useTextStyles.css.d.ts.map +1 -0
  441. package/dist/components/Text/useTextStyles.css.js +19 -39
  442. package/dist/components/Text/useTextStyles.d.ts +15 -0
  443. package/dist/components/Text/useTextStyles.d.ts.map +1 -0
  444. package/dist/components/Text/useTextStyles.js +5 -19
  445. package/dist/components/TextAreaInput/TextAreaInput.js +7 -34
  446. package/dist/components/TextAreaInput/index.js +1 -3
  447. package/dist/components/TextContainer/TextContainer.d.ts +9 -0
  448. package/dist/components/TextContainer/TextContainer.d.ts.map +1 -0
  449. package/dist/components/TextContainer/TextContainer.js +8 -42
  450. package/dist/components/TextContainer/index.d.ts +2 -0
  451. package/dist/components/TextContainer/index.d.ts.map +1 -0
  452. package/dist/components/TextContainer/index.js +1 -3
  453. package/dist/components/TextInput/TextInput.js +5 -35
  454. package/dist/components/TextInput/index.js +1 -3
  455. package/dist/components/TextLink/TextLink.css.d.ts +3 -0
  456. package/dist/components/TextLink/TextLink.css.d.ts.map +1 -0
  457. package/dist/components/TextLink/TextLink.css.js +15 -23
  458. package/dist/components/TextLink/TextLink.d.ts +14 -0
  459. package/dist/components/TextLink/TextLink.d.ts.map +1 -0
  460. package/dist/components/TextLink/TextLink.js +25 -63
  461. package/dist/components/TextLink/index.d.ts +2 -0
  462. package/dist/components/TextLink/index.d.ts.map +1 -0
  463. package/dist/components/TextLink/index.js +1 -3
  464. package/dist/components/ThemeProvider/ThemeProvider.d.ts +19 -0
  465. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
  466. package/dist/components/ThemeProvider/ThemeProvider.js +12 -30
  467. package/dist/components/ThemeProvider/index.d.ts +2 -0
  468. package/dist/components/ThemeProvider/index.d.ts.map +1 -0
  469. package/dist/components/ThemeProvider/index.js +1 -3
  470. package/dist/components/Toaster/Toast.css.d.ts +3 -0
  471. package/dist/components/Toaster/Toast.css.d.ts.map +1 -0
  472. package/dist/components/Toaster/Toast.css.js +9 -17
  473. package/dist/components/Toaster/Toast.d.ts +13 -0
  474. package/dist/components/Toaster/Toast.d.ts.map +1 -0
  475. package/dist/components/Toaster/Toast.js +105 -217
  476. package/dist/components/Toaster/index.d.ts +2 -0
  477. package/dist/components/Toaster/index.d.ts.map +1 -0
  478. package/dist/components/Toaster/index.js +1 -3
  479. package/dist/components/Tooltip/Tooltip.css.d.ts +2 -0
  480. package/dist/components/Tooltip/Tooltip.css.d.ts.map +1 -0
  481. package/dist/components/Tooltip/Tooltip.css.js +9 -21
  482. package/dist/components/Tooltip/Tooltip.d.ts +9 -0
  483. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  484. package/dist/components/Tooltip/Tooltip.js +32 -61
  485. package/dist/components/Tooltip/index.d.ts +2 -0
  486. package/dist/components/Tooltip/index.d.ts.map +1 -0
  487. package/dist/components/Tooltip/index.js +1 -3
  488. package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts +2 -0
  489. package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts.map +1 -0
  490. package/dist/components/VisuallyHidden/VisuallyHidden.css.js +5 -13
  491. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +7 -0
  492. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
  493. package/dist/components/VisuallyHidden/VisuallyHidden.js +3 -19
  494. package/dist/components/VisuallyHidden/index.d.ts +2 -0
  495. package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
  496. package/dist/components/VisuallyHidden/index.js +1 -3
  497. package/dist/components/index.js +51 -53
  498. package/dist/components/private/CheckableBase/CheckableBase.css.d.ts +7 -0
  499. package/dist/components/private/CheckableBase/CheckableBase.css.d.ts.map +1 -0
  500. package/dist/components/private/CheckableBase/CheckableBase.css.js +38 -46
  501. package/dist/components/private/CheckableBase/CheckableBase.d.ts +16 -0
  502. package/dist/components/private/CheckableBase/CheckableBase.d.ts.map +1 -0
  503. package/dist/components/private/CheckableBase/CheckableBase.js +27 -89
  504. package/dist/components/private/CheckableBase/index.d.ts +2 -0
  505. package/dist/components/private/CheckableBase/index.d.ts.map +1 -0
  506. package/dist/components/private/CheckableBase/index.js +1 -3
  507. package/dist/components/private/CheckableBase/useCheckableStyles.d.ts +4 -0
  508. package/dist/components/private/CheckableBase/useCheckableStyles.d.ts.map +1 -0
  509. package/dist/components/private/CheckableBase/useCheckableStyles.js +3 -5
  510. package/dist/components/private/InputBase/HintText.css.d.ts +2 -0
  511. package/dist/components/private/InputBase/HintText.css.d.ts.map +1 -0
  512. package/dist/components/private/InputBase/HintText.css.js +3 -11
  513. package/dist/components/private/InputBase/HintText.d.ts +9 -0
  514. package/dist/components/private/InputBase/HintText.d.ts.map +1 -0
  515. package/dist/components/private/InputBase/HintText.js +14 -28
  516. package/dist/components/private/InputBase/InputState.css.d.ts +58 -0
  517. package/dist/components/private/InputBase/InputState.css.d.ts.map +1 -0
  518. package/dist/components/private/InputBase/InputState.css.js +80 -96
  519. package/dist/components/private/InputBase/NotchedBase.css.d.ts +14 -0
  520. package/dist/components/private/InputBase/NotchedBase.css.d.ts.map +1 -0
  521. package/dist/components/private/InputBase/NotchedBase.css.js +83 -78
  522. package/dist/components/private/InputBase/NotchedBase.d.ts +14 -0
  523. package/dist/components/private/InputBase/NotchedBase.d.ts.map +1 -0
  524. package/dist/components/private/InputBase/NotchedBase.js +34 -79
  525. package/dist/components/private/InputBase/index.js +1 -3
  526. package/dist/components/private/InputBase/withEnhancedInput.css.d.ts +1 -1
  527. package/dist/components/private/InputBase/withEnhancedInput.css.d.ts.map +1 -1
  528. package/dist/components/private/InputBase/withEnhancedInput.js +89 -176
  529. package/dist/hooks/useAttachedBoxes/index.js +1 -3
  530. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.d.ts +9 -0
  531. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.d.ts.map +1 -0
  532. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +18 -26
  533. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js +46 -71
  534. package/dist/hooks/useMedia/index.js +1 -3
  535. package/dist/hooks/useMedia/useMedia.js +31 -37
  536. package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts +3 -0
  537. package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts.map +1 -0
  538. package/dist/hooks/useNegativeMargin/useNegativeMargin.js +2 -4
  539. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts +2 -0
  540. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts.map +1 -0
  541. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +5 -13
  542. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts +4 -0
  543. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map +1 -0
  544. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js +3 -5
  545. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts +2 -0
  546. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts.map +1 -0
  547. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +4 -12
  548. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts +4 -0
  549. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map +1 -0
  550. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js +3 -5
  551. package/dist/hooks/useResponsiveValue/index.js +1 -3
  552. package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts +1 -1
  553. package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts.map +1 -1
  554. package/dist/hooks/useResponsiveValue/useResponsiveValue.js +15 -14
  555. package/dist/index.js +5 -7
  556. package/dist/reset/globalFonts.css.d.ts +2 -0
  557. package/dist/reset/globalFonts.css.d.ts.map +1 -0
  558. package/dist/reset/globalFonts.css.js +12 -20
  559. package/dist/reset/globalReset.css.d.ts +2 -0
  560. package/dist/reset/globalReset.css.d.ts.map +1 -0
  561. package/dist/reset/globalReset.css.js +13 -21
  562. package/dist/reset/reset.css.d.ts +49 -0
  563. package/dist/reset/reset.css.d.ts.map +1 -0
  564. package/dist/reset/reset.css.js +109 -105
  565. package/dist/themes/base/index.d.ts +8 -0
  566. package/dist/themes/base/index.d.ts.map +1 -0
  567. package/dist/themes/base/index.js +7 -9
  568. package/dist/themes/base/tokens.d.ts +3 -0
  569. package/dist/themes/base/tokens.d.ts.map +1 -0
  570. package/dist/themes/base/tokens.js +249 -256
  571. package/dist/themes/base/vars.css.d.ts +3 -0
  572. package/dist/themes/base/vars.css.d.ts.map +1 -0
  573. package/dist/themes/base/vars.css.js +2 -10
  574. package/dist/themes/flat_red/index.d.ts +8 -0
  575. package/dist/themes/flat_red/index.d.ts.map +1 -0
  576. package/dist/themes/flat_red/index.js +8 -10
  577. package/dist/themes/flat_red/tokens.d.ts +3 -0
  578. package/dist/themes/flat_red/tokens.d.ts.map +1 -0
  579. package/dist/themes/flat_red/tokens.js +167 -171
  580. package/dist/themes/flat_red/vars.css.d.ts +2 -0
  581. package/dist/themes/flat_red/vars.css.d.ts.map +1 -0
  582. package/dist/themes/flat_red/vars.css.js +2 -10
  583. package/dist/themes/helpers.d.ts +2 -0
  584. package/dist/themes/helpers.d.ts.map +1 -0
  585. package/dist/themes/helpers.js +10 -9
  586. package/dist/themes/index.d.ts +3 -0
  587. package/dist/themes/index.d.ts.map +1 -0
  588. package/dist/themes/index.js +2 -4
  589. package/dist/themes/makeTheme.d.ts +12 -0
  590. package/dist/themes/makeTheme.d.ts.map +1 -0
  591. package/dist/themes/makeTheme.js +18 -29
  592. package/dist/themes/tokens.d.ts +95 -0
  593. package/dist/themes/tokens.d.ts.map +1 -0
  594. package/dist/themes/tokens.js +1 -3
  595. package/dist/utils/index.d.ts +19 -0
  596. package/dist/utils/index.d.ts.map +1 -0
  597. package/dist/utils/index.js +77 -93
  598. package/dist/utils/mapTokenToProperty.d.ts +6 -0
  599. package/dist/utils/mapTokenToProperty.d.ts.map +1 -0
  600. package/dist/utils/mapTokenToProperty.js +10 -22
  601. package/dist/utils/resolveResponsiveProps.d.ts +7 -0
  602. package/dist/utils/resolveResponsiveProps.d.ts.map +1 -0
  603. package/dist/utils/resolveResponsiveProps.js +31 -29
  604. package/dist/utils/responsiveProps.css.d.ts +5 -0
  605. package/dist/utils/responsiveProps.css.d.ts.map +1 -0
  606. package/dist/utils/responsiveProps.css.js +17 -29
  607. package/dist/utils/responsiveStyle.d.ts +4 -0
  608. package/dist/utils/responsiveStyle.d.ts.map +1 -0
  609. package/dist/utils/responsiveStyle.js +16 -26
  610. package/package.json +1 -1
@@ -1,3 +1 @@
1
- "use strict";
2
-
3
- export { AutoSuggest } from "./AutoSuggest.js";
1
+ export { AutoSuggest } from './AutoSuggest';
@@ -96,6 +96,7 @@ const standardProps = {
96
96
  prefixIcon: void 0,
97
97
  onReset: () => action('onReset')(),
98
98
  onChange: thing => action('onChange')(thing),
99
+ onEnter: thing => action('onEnter')(thing),
99
100
  onFocus: thing => action('onFocus')(thing),
100
101
  onBlur: thing => action('onBlur')(thing)
101
102
  };
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+ export declare const useLayoutSuggestionVisible: (highlightIndex: number, highlightRef: RefObject<HTMLElement>, suggestionListRef: RefObject<HTMLElement>) => void;
3
+ //# sourceMappingURL=useLayoutSuggestionVisible.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,UAAU,WAAW,CAAC,qBACjB,UAAU,WAAW,CAAC,SAyCzC,CAAC"}
@@ -1,31 +1,33 @@
1
- "use strict";
2
-
3
1
  import { useLayoutEffect } from 'react';
4
- import { isBrowser } from "../../utils/index.js";
2
+ import { isBrowser } from '../../utils';
5
3
  export const useLayoutSuggestionVisible = (highlightIndex, highlightRef, suggestionListRef) => {
6
- if (isBrowser) {
7
- useLayoutEffect(() => {
8
- if (highlightRef.current && suggestionListRef.current && highlightIndex > -1) {
9
- const highlightItem = highlightRef.current;
10
- const suggestionListItem = suggestionListRef.current;
11
- const itemOffsetRelativeToContainer = highlightItem.offsetParent === suggestionListItem ? highlightItem.offsetTop : highlightItem.offsetTop - suggestionListItem.offsetTop;
12
- let {
13
- scrollTop
14
- } = suggestionListItem;
15
- const {
16
- offsetHeight
17
- } = suggestionListItem;
18
-
19
- if (itemOffsetRelativeToContainer < scrollTop) {
20
- scrollTop = itemOffsetRelativeToContainer;
21
- } else if (itemOffsetRelativeToContainer + highlightItem.offsetHeight > scrollTop + offsetHeight) {
22
- scrollTop = itemOffsetRelativeToContainer + highlightItem.offsetHeight - offsetHeight;
23
- }
24
-
25
- if (scrollTop !== scrollTop) {
26
- suggestionListItem.scrollTop = scrollTop;
27
- }
28
- }
29
- }, [highlightIndex, highlightRef, suggestionListRef]);
30
- }
31
- };
4
+ if (isBrowser) {
5
+ useLayoutEffect(() => {
6
+ if (highlightRef.current &&
7
+ suggestionListRef.current &&
8
+ highlightIndex > -1) {
9
+ const highlightItem = highlightRef.current;
10
+ const suggestionListItem = suggestionListRef.current;
11
+ const itemOffsetRelativeToContainer = highlightItem.offsetParent === suggestionListItem
12
+ ? highlightItem.offsetTop
13
+ : highlightItem.offsetTop -
14
+ suggestionListItem.offsetTop;
15
+ let { scrollTop } = suggestionListItem;
16
+ const { offsetHeight } = suggestionListItem;
17
+ if (itemOffsetRelativeToContainer < scrollTop) {
18
+ scrollTop = itemOffsetRelativeToContainer;
19
+ }
20
+ else if (itemOffsetRelativeToContainer + highlightItem.offsetHeight >
21
+ scrollTop + offsetHeight) {
22
+ scrollTop =
23
+ itemOffsetRelativeToContainer +
24
+ highlightItem.offsetHeight -
25
+ offsetHeight;
26
+ }
27
+ if (scrollTop !== scrollTop) {
28
+ suggestionListItem.scrollTop = scrollTop;
29
+ }
30
+ }
31
+ }, [highlightIndex, highlightRef, suggestionListRef]);
32
+ }
33
+ };
@@ -0,0 +1,13 @@
1
+ export declare const label: string;
2
+ export declare const labelSize: Record<"large" | "standard", string>;
3
+ export declare const colours: {
4
+ default: Record<"neutral" | "blue" | "green" | "red" | "yellow", string>;
5
+ inverted: {
6
+ neutral: Record<"background" | "text", string>;
7
+ green: Record<"background" | "text", string>;
8
+ blue: Record<"background" | "text", string>;
9
+ yellow: Record<"background" | "text", string>;
10
+ red: Record<"background" | "text", string>;
11
+ };
12
+ };
13
+ //# sourceMappingURL=Badge.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,sCASpB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}
@@ -1,86 +1,78 @@
1
- "use strict";
2
-
3
- import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
-
5
- __vanilla_filescope__.setFileScope("lib/components/Badge/Badge.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
  export const label = style({
10
- textOverflow: 'ellipsis',
11
- letterSpacing: '0.5px',
12
- textTransform: 'uppercase'
13
- }, "label");
4
+ textOverflow: 'ellipsis',
5
+ letterSpacing: '0.5px',
6
+ textTransform: 'uppercase',
7
+ });
14
8
  export const labelSize = styleVariants({
15
- standard: {
16
- fontSize: vars.typography.size['2'].fontSize,
17
- lineHeight: vars.typography.size['2'].fontSize
18
- },
19
- large: {
20
- fontSize: vars.typography.size['4'].fontSize,
21
- lineHeight: vars.typography.size['4'].fontSize
22
- }
23
- }, "labelSize");
24
- export const colours = {
25
- default: styleVariants({
26
- neutral: {
27
- backgroundColor: vars.colours.intent.neutral.background.standard
28
- },
29
- green: {
30
- backgroundColor: vars.colours.intent.success.background.standard
9
+ standard: {
10
+ fontSize: vars.typography.size['2'].fontSize,
11
+ lineHeight: vars.typography.size['2'].fontSize,
31
12
  },
32
- blue: {
33
- backgroundColor: vars.colours.intent.information.background.standard
13
+ large: {
14
+ fontSize: vars.typography.size['4'].fontSize,
15
+ lineHeight: vars.typography.size['4'].fontSize,
34
16
  },
35
- yellow: {
36
- backgroundColor: vars.colours.intent.warning.background.standard
17
+ });
18
+ export const colours = {
19
+ default: styleVariants({
20
+ neutral: {
21
+ backgroundColor: vars.colours.intent.neutral.background.standard,
22
+ },
23
+ green: {
24
+ backgroundColor: vars.colours.intent.success.background.standard,
25
+ },
26
+ blue: {
27
+ backgroundColor: vars.colours.intent.information.background.standard,
28
+ },
29
+ yellow: {
30
+ backgroundColor: vars.colours.intent.warning.background.standard,
31
+ },
32
+ red: {
33
+ backgroundColor: vars.colours.intent.danger.background.standard,
34
+ },
35
+ }),
36
+ inverted: {
37
+ neutral: styleVariants({
38
+ background: {
39
+ backgroundColor: vars.colours.intent.neutral.background.mild,
40
+ },
41
+ text: {
42
+ color: vars.colours.intent.neutral.background.standard,
43
+ },
44
+ }),
45
+ green: styleVariants({
46
+ background: {
47
+ backgroundColor: vars.colours.intent.success.background.mild,
48
+ },
49
+ text: {
50
+ color: vars.colours.intent.success.background.standard,
51
+ },
52
+ }),
53
+ blue: styleVariants({
54
+ background: {
55
+ backgroundColor: vars.colours.intent.information.background.mild,
56
+ },
57
+ text: {
58
+ color: vars.colours.intent.information.background.standard,
59
+ },
60
+ }),
61
+ yellow: styleVariants({
62
+ background: {
63
+ backgroundColor: vars.colours.intent.warning.background.mild,
64
+ },
65
+ text: {
66
+ color: vars.colours.intent.warning.background.standard,
67
+ },
68
+ }),
69
+ red: styleVariants({
70
+ background: {
71
+ backgroundColor: vars.colours.intent.danger.background.mild,
72
+ },
73
+ text: {
74
+ color: vars.colours.intent.danger.background.standard,
75
+ },
76
+ }),
37
77
  },
38
- red: {
39
- backgroundColor: vars.colours.intent.danger.background.standard
40
- }
41
- }, "colours_default"),
42
- inverted: {
43
- neutral: styleVariants({
44
- background: {
45
- backgroundColor: vars.colours.intent.neutral.background.mild
46
- },
47
- text: {
48
- color: vars.colours.intent.neutral.background.standard
49
- }
50
- }, "colours_inverted_neutral"),
51
- green: styleVariants({
52
- background: {
53
- backgroundColor: vars.colours.intent.success.background.mild
54
- },
55
- text: {
56
- color: vars.colours.intent.success.background.standard
57
- }
58
- }, "colours_inverted_green"),
59
- blue: styleVariants({
60
- background: {
61
- backgroundColor: vars.colours.intent.information.background.mild
62
- },
63
- text: {
64
- color: vars.colours.intent.information.background.standard
65
- }
66
- }, "colours_inverted_blue"),
67
- yellow: styleVariants({
68
- background: {
69
- backgroundColor: vars.colours.intent.warning.background.mild
70
- },
71
- text: {
72
- color: vars.colours.intent.warning.background.standard
73
- }
74
- }, "colours_inverted_yellow"),
75
- red: styleVariants({
76
- background: {
77
- backgroundColor: vars.colours.intent.danger.background.mild
78
- },
79
- text: {
80
- color: vars.colours.intent.danger.background.standard
81
- }
82
- }, "colours_inverted_red")
83
- }
84
78
  };
85
-
86
- __vanilla_filescope__.endFileScope();
@@ -0,0 +1,11 @@
1
+ import { FunctionComponent } from 'react';
2
+ import * as styles from './Badge.css';
3
+ export interface Props {
4
+ label: string;
5
+ colour?: keyof typeof styles.colours.default;
6
+ className?: string;
7
+ look?: 'standard' | 'inverted';
8
+ size?: keyof typeof styles.labelSize;
9
+ }
10
+ export declare const Badge: FunctionComponent<Props>;
11
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmD1C,CAAC"}
@@ -1,45 +1,30 @@
1
- "use strict";
2
-
3
1
  import { invariant } from '@autoguru/utilities';
4
2
  import * as React from 'react';
5
- import { Box } from "../Box/index.js";
6
- import { useTextStyles } from "../Text/index.js";
7
- import * as styles from "./Badge.css.js";
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- export const Badge = _ref => {
10
- let {
11
- label,
12
- colour = 'neutral',
13
- look = 'standard',
14
- size = 'standard',
15
- className = ''
16
- } = _ref;
17
- const isStandardSize = size === 'standard';
18
- const textStyles = useTextStyles({
19
- noWrap: true,
20
- fontWeight: 'semiBold',
21
- colour: 'unset'
22
- });
23
- const inverted = look === 'inverted';
24
- !['string', 'number'].includes(typeof label) ? process.env.NODE_ENV !== "production" ? invariant(false, "Badge `label` can only contain string's or number's") : invariant(false) : void 0;
25
- return _jsx(Box, {
26
- display: "flex",
27
- children: _jsx(Box, {
28
- className: [className, styles.labelSize[size], inverted ? styles.colours.inverted[colour].background : styles.colours.default[colour]],
29
- overflow: "hidden",
30
- display: "block",
31
- paddingX: isStandardSize ? '1' : '4',
32
- paddingY: isStandardSize ? '1' : '2',
33
- borderRadius: "1",
34
- children: _jsx(Box, {
35
- is: "span",
36
- display: "block",
37
- overflow: "hidden",
38
- className: [textStyles, styles.label, inverted ? styles.colours.inverted[colour].text : useTextStyles({
39
- colour: 'white'
40
- })],
41
- children: label
42
- })
43
- })
44
- });
45
- };
3
+ import { Box } from '../Box';
4
+ import { useTextStyles } from '../Text';
5
+ import * as styles from './Badge.css';
6
+ export const Badge = ({ label, colour = 'neutral', look = 'standard', size = 'standard', className = '', }) => {
7
+ const isStandardSize = size === 'standard';
8
+ const textStyles = useTextStyles({
9
+ noWrap: true,
10
+ fontWeight: 'semiBold',
11
+ colour: 'unset',
12
+ });
13
+ const inverted = look === 'inverted';
14
+ invariant(['string', 'number'].includes(typeof label), "Badge `label` can only contain string's or number's");
15
+ return (React.createElement(Box, { display: "flex" },
16
+ React.createElement(Box, { className: [
17
+ className,
18
+ styles.labelSize[size],
19
+ inverted
20
+ ? styles.colours.inverted[colour].background
21
+ : styles.colours.default[colour],
22
+ ], overflow: "hidden", display: "block", paddingX: isStandardSize ? '1' : '4', paddingY: isStandardSize ? '1' : '2', borderRadius: "1" },
23
+ React.createElement(Box, { is: "span", display: "block", overflow: "hidden", className: [
24
+ textStyles,
25
+ styles.label,
26
+ inverted
27
+ ? styles.colours.inverted[colour].text
28
+ : useTextStyles({ colour: 'white' }),
29
+ ] }, label))));
30
+ };
@@ -0,0 +1,2 @@
1
+ export { Badge } from './Badge';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
@@ -1,3 +1 @@
1
- "use strict";
2
-
3
- export { Badge } from "./Badge.js";
1
+ export { Badge } from './Badge';
@@ -0,0 +1,7 @@
1
+ import type { AllHTMLAttributes } from 'react';
2
+ import * as React from 'react';
3
+ import type { BoxStyleProps } from './useBoxStyles';
4
+ export interface Props extends BoxStyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'width' | 'height' | 'className' | 'is'> {
5
+ }
6
+ export declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
7
+ //# sourceMappingURL=Box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CACvC;CAAG;AAKN,eAAO,MAAM,GAAG,2EA4Hf,CAAC"}
@@ -1,126 +1,57 @@
1
- "use strict";
2
-
3
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- const _excluded = ["is", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "display", "width", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "boxShadow", "borderRadius", "backgroundColour", "opacity", "className", "alignItems", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "children"];
6
-
7
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
8
-
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
10
-
11
1
  import clsx from 'clsx';
12
2
  import * as React from 'react';
13
3
  import { forwardRef } from 'react';
14
- import { useBoxStyles } from "./useBoxStyles.js";
15
- import { jsx as _jsx } from "react/jsx-runtime";
16
- export const Box = forwardRef((_ref, ref) => {
17
- let {
18
- is: Component = 'div',
19
- padding,
20
- paddingX,
21
- paddingY,
22
- paddingTop,
23
- paddingBottom,
24
- paddingLeft,
25
- paddingRight,
26
- margin,
27
- marginX,
28
- marginY,
29
- marginTop,
30
- marginBottom,
31
- marginLeft,
32
- marginRight,
33
- display,
34
- width,
35
- height,
36
- position,
37
- overflow,
38
- userSelect,
39
- textAlign,
40
- pointerEvents,
41
- borderColour,
42
- borderColourX,
43
- borderColourY,
44
- borderColourTop,
45
- borderColourRight,
46
- borderColourBottom,
47
- borderColourLeft,
48
- borderWidth,
49
- borderWidthX,
50
- borderWidthY,
51
- borderWidthTop,
52
- borderWidthRight,
53
- borderWidthBottom,
54
- borderWidthLeft,
55
- boxShadow,
56
- borderRadius,
57
- backgroundColour,
58
- opacity,
59
- className = '',
60
- alignItems,
61
- flexDirection,
62
- flexGrow,
63
- flexShrink,
64
- flexWrap,
65
- justifyContent,
66
- children
67
- } = _ref,
68
- allOtherProps = _objectWithoutProperties(_ref, _excluded);
69
-
70
- const cls = useBoxStyles({
71
- is: Component,
72
- alignItems,
73
- backgroundColour,
74
- borderColour,
75
- borderColourBottom,
76
- borderColourLeft,
77
- borderColourRight,
78
- borderColourTop,
79
- borderColourX,
80
- borderColourY,
81
- borderRadius,
82
- borderWidth,
83
- borderWidthBottom,
84
- borderWidthLeft,
85
- borderWidthRight,
86
- borderWidthTop,
87
- borderWidthX,
88
- borderWidthY,
89
- boxShadow,
90
- display,
91
- flexDirection,
92
- flexGrow,
93
- flexShrink,
94
- flexWrap,
95
- height,
96
- justifyContent,
97
- margin,
98
- marginBottom,
99
- marginLeft,
100
- marginRight,
101
- marginTop,
102
- marginX,
103
- marginY,
104
- opacity,
105
- overflow,
106
- padding,
107
- paddingBottom,
108
- paddingLeft,
109
- paddingRight,
110
- paddingTop,
111
- paddingX,
112
- paddingY,
113
- pointerEvents,
114
- position,
115
- textAlign,
116
- userSelect,
117
- width
118
- });
119
- return _jsx(Component, _objectSpread(_objectSpread({
120
- ref: ref,
121
- className: clsx(cls, className)
122
- }, allOtherProps), {}, {
123
- children: children
124
- }));
4
+ import { useBoxStyles } from './useBoxStyles';
5
+ export const Box = forwardRef(({ is: Component = 'div', padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, display, width, height, position, overflow, userSelect, textAlign, pointerEvents, borderColour, borderColourX, borderColourY, borderColourTop, borderColourRight, borderColourBottom, borderColourLeft, borderWidth, borderWidthX, borderWidthY, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, boxShadow, borderRadius, backgroundColour, opacity, className = '', alignItems, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, children, ...allOtherProps }, ref) => {
6
+ const cls = useBoxStyles({
7
+ is: Component,
8
+ alignItems,
9
+ backgroundColour,
10
+ borderColour,
11
+ borderColourBottom,
12
+ borderColourLeft,
13
+ borderColourRight,
14
+ borderColourTop,
15
+ borderColourX,
16
+ borderColourY,
17
+ borderRadius,
18
+ borderWidth,
19
+ borderWidthBottom,
20
+ borderWidthLeft,
21
+ borderWidthRight,
22
+ borderWidthTop,
23
+ borderWidthX,
24
+ borderWidthY,
25
+ boxShadow,
26
+ display,
27
+ flexDirection,
28
+ flexGrow,
29
+ flexShrink,
30
+ flexWrap,
31
+ height,
32
+ justifyContent,
33
+ margin,
34
+ marginBottom,
35
+ marginLeft,
36
+ marginRight,
37
+ marginTop,
38
+ marginX,
39
+ marginY,
40
+ opacity,
41
+ overflow,
42
+ padding,
43
+ paddingBottom,
44
+ paddingLeft,
45
+ paddingRight,
46
+ paddingTop,
47
+ paddingX,
48
+ paddingY,
49
+ pointerEvents,
50
+ position,
51
+ textAlign,
52
+ userSelect,
53
+ width,
54
+ });
55
+ return (React.createElement(Component, { ref: ref, className: clsx(cls, className), ...allOtherProps }, children));
125
56
  });
126
- Box.displayName = 'Box';
57
+ Box.displayName = 'Box';
@@ -0,0 +1,7 @@
1
+ import { ArgTypes } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { Tokens } from '../../themes/tokens';
4
+ import { Box } from './Box';
5
+ export declare const scaleOptions: Array<keyof Tokens['space']>;
6
+ export declare const boxArgTypes: Partial<ArgTypes<ComponentProps<typeof Box>>>;
7
+ //# sourceMappingURL=argTypes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"argTypes.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAWrD,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAoDrE,CAAC"}