@autoguru/overdrive 4.41.0-next.6 → 4.42.0-next.0

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 (177) hide show
  1. package/dist/components/AutoSuggest/AutoSuggest.css.js +1 -1
  2. package/dist/components/Badge/Badge.css.js +1 -1
  3. package/dist/components/Box/argTypes.d.ts.map +1 -1
  4. package/dist/components/Box/argTypes.js +3 -2
  5. package/dist/components/Box/useBoxStyles.css.d.ts +6 -6
  6. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -1
  7. package/dist/components/Box/useBoxStyles.css.js +1 -1
  8. package/dist/components/Box/useBoxStyles.d.ts +1 -1
  9. package/dist/components/Box/useBoxStyles.d.ts.map +1 -1
  10. package/dist/components/BulletList/Bullet.css.js +1 -1
  11. package/dist/components/BulletList/BulletList.css.js +1 -1
  12. package/dist/components/BulletText/BulletText.css.js +1 -1
  13. package/dist/components/Button/Button.css.js +1 -1
  14. package/dist/components/CheckBox/CheckBox.css.js +1 -1
  15. package/dist/components/ColourInput/ColourInput.css.js +1 -1
  16. package/dist/components/Columns/Columns.css.js +1 -1
  17. package/dist/components/Columns/Columns.d.ts +1 -1
  18. package/dist/components/Columns/Columns.d.ts.map +1 -1
  19. package/dist/components/Columns/Columns.stories.d.ts +31 -31
  20. package/dist/components/Columns/Columns.stories.d.ts.map +1 -1
  21. package/dist/components/DatePicker/DatePicker.css.js +1 -1
  22. package/dist/components/DateTimePicker/DateTimePicker.css.js +21 -21
  23. package/dist/components/DividerLine/DividerLine.stories.d.ts +2 -2
  24. package/dist/components/DropDown/DropDownOption.css.js +1 -1
  25. package/dist/components/EditableText/EditableText.css.js +1 -1
  26. package/dist/components/Heading/Heading.d.ts +1 -1
  27. package/dist/components/Heading/Heading.d.ts.map +1 -1
  28. package/dist/components/Heading/Heading.stories.d.ts +3 -3
  29. package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.css.js +1 -1
  30. package/dist/components/Icon/Icon.css.js +1 -1
  31. package/dist/components/Inline/Inline.d.ts +2 -2
  32. package/dist/components/Inline/Inline.d.ts.map +1 -1
  33. package/dist/components/IntentStripe/IntentStripe.css.js +1 -1
  34. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js +1 -1
  35. package/dist/components/LoadingBox/LoadingBox.css.js +1 -1
  36. package/dist/components/LoadingBox/LoadingBox.stories.d.ts +26 -26
  37. package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map +1 -1
  38. package/dist/components/Meta/Meta.css.js +1 -1
  39. package/dist/components/MinimalModal/MinimalModal.css.js +1 -1
  40. package/dist/components/Modal/Modal.css.js +1 -1
  41. package/dist/components/OptionGrid/OptionGrid.css.js +1 -1
  42. package/dist/components/OptionList/OptionList.css.js +1 -1
  43. package/dist/components/OrderedList/OrderedList.css.js +1 -1
  44. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +3 -3
  45. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -1
  46. package/dist/components/OverdriveProvider/useColorOverrides.js +2 -2
  47. package/dist/components/Pagination/Pagination.css.js +1 -1
  48. package/dist/components/ProgressBar/ProgressBar.css.js +1 -1
  49. package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js +1 -1
  50. package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts +1 -1
  51. package/dist/components/ProgressSpinner/ProgressSpinner.css.js +1 -1
  52. package/dist/components/Radio/Radio.css.js +1 -1
  53. package/dist/components/ScrollPane/ScrollPane.css.js +1 -1
  54. package/dist/components/ScrollPane/ScrollPane.d.ts +1 -1
  55. package/dist/components/ScrollPane/ScrollPane.d.ts.map +1 -1
  56. package/dist/components/Section/Section.css.js +1 -1
  57. package/dist/components/SelectInput/SelectInput.css.js +1 -1
  58. package/dist/components/SliderProgress/SliderProgress.css.js +1 -1
  59. package/dist/components/Stack/Divider.css.js +1 -1
  60. package/dist/components/Stack/Stack.css.js +1 -1
  61. package/dist/components/StandardModal/StandardModal.css.js +1 -1
  62. package/dist/components/StarRating/StarRating.css.js +1 -1
  63. package/dist/components/Stepper/Stepper.css.js +1 -1
  64. package/dist/components/StickyBox/StickyBox.css.js +1 -1
  65. package/dist/components/Switch/Switch.css.js +1 -1
  66. package/dist/components/Table/TableCell.css.js +1 -1
  67. package/dist/components/Table/TableCell.d.ts +1 -1
  68. package/dist/components/Table/TableCell.d.ts.map +1 -1
  69. package/dist/components/Table/TableHeadCell.css.js +1 -1
  70. package/dist/components/Table/context.d.ts +1 -1
  71. package/dist/components/Table/context.d.ts.map +1 -1
  72. package/dist/components/Tabs/Tab.css.js +1 -1
  73. package/dist/components/Tabs/TabList.css.js +1 -1
  74. package/dist/components/Text/useTextStyles.css.d.ts +3 -3
  75. package/dist/components/Text/useTextStyles.css.d.ts.map +1 -1
  76. package/dist/components/Text/useTextStyles.css.js +1 -1
  77. package/dist/components/TextLink/TextLink.css.js +1 -1
  78. package/dist/components/TextLink/TextLink.stories.d.ts +3 -3
  79. package/dist/components/Toaster/Toast.css.js +1 -1
  80. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  81. package/dist/components/private/CheckableBase/CheckableBase.css.js +1 -1
  82. package/dist/components/private/InputBase/HintText.css.js +1 -1
  83. package/dist/components/private/InputBase/InputState.css.js +1 -1
  84. package/dist/components/private/InputBase/NotchedBase.css.js +1 -1
  85. package/dist/components/private/InputBase/withEnhancedInput.css.js +1 -1
  86. package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js +1 -1
  87. package/dist/hooks/useMedia/useMedia.d.ts +1 -1
  88. package/dist/hooks/useMedia/useMedia.d.ts.map +1 -1
  89. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js +1 -1
  90. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts +1 -1
  91. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map +1 -1
  92. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js +1 -1
  93. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts +1 -1
  94. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map +1 -1
  95. package/dist/hooks/useWindowHeightFill/useWindowHeightFill.d.ts +1 -1
  96. package/dist/hooks/useWindowHeightFill/useWindowHeightFill.d.ts.map +1 -1
  97. package/dist/hooks/useWindowHeightFill/useWindowHeightFill.js +2 -2
  98. package/dist/reset/globalReset.css.js +5 -5
  99. package/dist/reset/reset.css.d.ts.map +1 -1
  100. package/dist/reset/reset.css.js +5 -5
  101. package/dist/stories/borders.stories.d.ts.map +1 -1
  102. package/dist/stories/helpers/index.d.ts +5 -2
  103. package/dist/stories/helpers/index.d.ts.map +1 -1
  104. package/dist/stories/helpers/sprinkles.css.d.ts +19 -70
  105. package/dist/stories/helpers/sprinkles.css.d.ts.map +1 -1
  106. package/dist/stories/helpers/styles.css.d.ts +2 -0
  107. package/dist/stories/helpers/styles.css.d.ts.map +1 -1
  108. package/dist/stories/icons.stories.d.ts.map +1 -1
  109. package/dist/stories/intentional-colours.stories.d.ts +6 -0
  110. package/dist/stories/intentional-colours.stories.d.ts.map +1 -0
  111. package/dist/stories/palette.stories.d.ts.map +1 -1
  112. package/dist/stories/space.stories.d.ts.map +1 -1
  113. package/dist/stories/theme.stories.d.ts.map +1 -1
  114. package/dist/styles/focusOutline.css.js +1 -1
  115. package/dist/styles/intentional.css.d.ts +2 -2
  116. package/dist/styles/intentional.css.js +1 -1
  117. package/dist/styles/layers.css.d.ts +4 -0
  118. package/dist/styles/layers.css.d.ts.map +1 -0
  119. package/dist/styles/layers.css.js +11 -0
  120. package/dist/styles/sprinkles.css.js +1 -1
  121. package/dist/styles/stack.css.js +1 -1
  122. package/dist/styles/typography.css.d.ts +2 -2
  123. package/dist/styles/typography.css.js +1 -1
  124. package/dist/themes/base/colours.d.ts +139 -0
  125. package/dist/themes/base/colours.d.ts.map +1 -0
  126. package/dist/themes/base/colours.js +77 -0
  127. package/dist/themes/base/index.d.ts +510 -10
  128. package/dist/themes/base/index.d.ts.map +1 -1
  129. package/dist/themes/base/index.js +4 -4
  130. package/dist/themes/base/theme.css.d.ts +3 -0
  131. package/dist/themes/base/theme.css.d.ts.map +1 -0
  132. package/dist/themes/base/theme.css.js +11 -0
  133. package/dist/themes/base/tokens.d.ts +393 -4
  134. package/dist/themes/base/tokens.d.ts.map +1 -1
  135. package/dist/themes/base/tokens.js +113 -142
  136. package/dist/themes/flat_red/index.d.ts +617 -10
  137. package/dist/themes/flat_red/index.d.ts.map +1 -1
  138. package/dist/themes/flat_red/index.js +4 -4
  139. package/dist/themes/flat_red/theme.css.d.ts +2 -0
  140. package/dist/themes/flat_red/theme.css.d.ts.map +1 -0
  141. package/dist/themes/flat_red/theme.css.js +10 -0
  142. package/dist/themes/flat_red/tokens.d.ts +500 -1
  143. package/dist/themes/flat_red/tokens.d.ts.map +1 -1
  144. package/dist/themes/helpers.d.ts +4 -0
  145. package/dist/themes/helpers.d.ts.map +1 -1
  146. package/dist/themes/index.d.ts +792 -0
  147. package/dist/themes/index.d.ts.map +1 -1
  148. package/dist/themes/index.js +6 -1
  149. package/dist/themes/makeTheme.d.ts +396 -2
  150. package/dist/themes/makeTheme.d.ts.map +1 -1
  151. package/dist/themes/makeTheme.js +4 -0
  152. package/dist/themes/neutral/index.d.ts +750 -10
  153. package/dist/themes/neutral/index.d.ts.map +1 -1
  154. package/dist/themes/neutral/index.js +3 -3
  155. package/dist/themes/neutral/{vars.css.d.ts → theme.css.d.ts} +1 -1
  156. package/dist/themes/neutral/theme.css.d.ts.map +1 -0
  157. package/dist/themes/neutral/theme.css.js +10 -0
  158. package/dist/themes/neutral/tokens.d.ts +633 -2
  159. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  160. package/dist/themes/neutral/tokens.js +5 -4
  161. package/dist/themes/theme.css.d.ts +180 -285
  162. package/dist/themes/theme.css.d.ts.map +1 -1
  163. package/dist/themes/theme.css.js +237 -194
  164. package/dist/themes/types.d.ts +19 -0
  165. package/dist/themes/types.d.ts.map +1 -0
  166. package/package.json +20 -20
  167. package/dist/themes/base/vars.css.d.ts +0 -3
  168. package/dist/themes/base/vars.css.d.ts.map +0 -1
  169. package/dist/themes/base/vars.css.js +0 -10
  170. package/dist/themes/flat_red/vars.css.d.ts +0 -2
  171. package/dist/themes/flat_red/vars.css.d.ts.map +0 -1
  172. package/dist/themes/flat_red/vars.css.js +0 -9
  173. package/dist/themes/neutral/vars.css.d.ts.map +0 -1
  174. package/dist/themes/neutral/vars.css.js +0 -9
  175. package/dist/themes/tokens.d.ts +0 -106
  176. package/dist/themes/tokens.d.ts.map +0 -1
  177. /package/dist/themes/{tokens.js → types.js} +0 -0
@@ -1,5 +1,394 @@
1
- import { ColourMap, Tokens } from '../tokens';
2
- export declare const baseThemeColours: ColourMap;
3
- export declare const defaultGamut: Record<import("../tokens").ColourGamut, string>;
4
- export declare const tokens: Tokens;
1
+ export declare const tokens: {
2
+ mode: string;
3
+ body: {
4
+ backgroundColour: string;
5
+ colour: string;
6
+ };
7
+ contentWidth: {
8
+ small: string;
9
+ large: string;
10
+ medium: string;
11
+ };
12
+ space: {
13
+ '1': string;
14
+ '2': string;
15
+ '3': string;
16
+ '4': string;
17
+ '5': string;
18
+ '6': string;
19
+ '7': string;
20
+ '8': string;
21
+ '9': string;
22
+ none: string;
23
+ };
24
+ color: {
25
+ gamut: {
26
+ white: string;
27
+ black: {
28
+ '900': string;
29
+ '800': string;
30
+ '700': string;
31
+ '600': string;
32
+ '500': string;
33
+ '400': string;
34
+ '300': string;
35
+ '200': string;
36
+ '100': string;
37
+ };
38
+ gray: {
39
+ '900': string;
40
+ '800': string;
41
+ '700': string;
42
+ '600': string;
43
+ '500': string;
44
+ '400': string;
45
+ '300': string;
46
+ '200': string;
47
+ '100': string;
48
+ };
49
+ green: {
50
+ '900': string;
51
+ '800': string;
52
+ '700': string;
53
+ '600': string;
54
+ '500': string;
55
+ '400': string;
56
+ '300': string;
57
+ '200': string;
58
+ '100': string;
59
+ };
60
+ blue: {
61
+ '900': string;
62
+ '800': string;
63
+ '700': string;
64
+ '600': string;
65
+ '500': string;
66
+ '400': string;
67
+ '300': string;
68
+ '200': string;
69
+ '100': string;
70
+ };
71
+ yellow: {
72
+ '900': string;
73
+ '800': string;
74
+ '700': string;
75
+ '600': string;
76
+ '500': string;
77
+ '400': string;
78
+ '300': string;
79
+ '200': string;
80
+ '100': string;
81
+ };
82
+ red: {
83
+ '900': string;
84
+ '800': string;
85
+ '700': string;
86
+ '600': string;
87
+ '500': string;
88
+ '400': string;
89
+ '300': string;
90
+ '200': string;
91
+ '100': string;
92
+ };
93
+ };
94
+ surface: {
95
+ body: string;
96
+ accent: string;
97
+ hard: string;
98
+ soft: string;
99
+ success: string;
100
+ info: string;
101
+ danger: string;
102
+ warning: string;
103
+ };
104
+ content: {
105
+ onBody: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ onSurface: string;
107
+ accent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ hard: string;
109
+ soft: string;
110
+ info: string;
111
+ danger: string;
112
+ success: string;
113
+ warning: string;
114
+ };
115
+ interactive: {
116
+ border: string;
117
+ borderMuted: string;
118
+ borderDisabled: string;
119
+ surfaceDisabled: string;
120
+ contentDisabled: string;
121
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ linkVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ overlayBg: string;
124
+ overlayContainer: string;
125
+ placeholder: string;
126
+ focusOutline: string;
127
+ };
128
+ };
129
+ colours: {
130
+ gamut: {
131
+ white: string;
132
+ black900: string;
133
+ black800: string;
134
+ black700: string;
135
+ black600: string;
136
+ black500: string;
137
+ black400: string;
138
+ black300: string;
139
+ black200: string;
140
+ black100: string;
141
+ gray900: string;
142
+ gray800: string;
143
+ gray700: string;
144
+ gray600: string;
145
+ gray500: string;
146
+ gray400: string;
147
+ gray300: string;
148
+ gray200: string;
149
+ gray100: string;
150
+ green900: string;
151
+ green800: string;
152
+ green700: string;
153
+ green600: string;
154
+ green500: string;
155
+ green400: string;
156
+ green300: string;
157
+ green200: string;
158
+ green100: string;
159
+ blue900: string;
160
+ blue800: string;
161
+ blue700: string;
162
+ blue600: string;
163
+ blue500: string;
164
+ blue400: string;
165
+ blue300: string;
166
+ blue200: string;
167
+ blue100: string;
168
+ yellow900: string;
169
+ yellow800: string;
170
+ yellow700: string;
171
+ yellow600: string;
172
+ yellow500: string;
173
+ yellow400: string;
174
+ yellow300: string;
175
+ yellow200: string;
176
+ yellow100: string;
177
+ red900: string;
178
+ red800: string;
179
+ red700: string;
180
+ red600: string;
181
+ red500: string;
182
+ red400: string;
183
+ red300: string;
184
+ red200: string;
185
+ red100: string;
186
+ };
187
+ foreground: {
188
+ body: string;
189
+ link: string;
190
+ };
191
+ background: {
192
+ body: string;
193
+ light: string;
194
+ neutral: string;
195
+ neutralDark: string;
196
+ };
197
+ intent: {
198
+ primary: {
199
+ background: {
200
+ standard: string;
201
+ mild: string;
202
+ strong: string;
203
+ };
204
+ foreground: string;
205
+ border: string;
206
+ };
207
+ brand: {
208
+ background: {
209
+ standard: string;
210
+ mild: string;
211
+ strong: string;
212
+ };
213
+ foreground: string;
214
+ border: string;
215
+ };
216
+ secondary: {
217
+ background: {
218
+ standard: string;
219
+ mild: string;
220
+ strong: string;
221
+ };
222
+ foreground: string;
223
+ border: string;
224
+ };
225
+ shine: {
226
+ background: {
227
+ standard: string;
228
+ mild: string;
229
+ strong: string;
230
+ };
231
+ foreground: string;
232
+ border: string;
233
+ };
234
+ danger: {
235
+ background: {
236
+ standard: string;
237
+ mild: string;
238
+ strong: string;
239
+ };
240
+ foreground: string;
241
+ border: string;
242
+ };
243
+ warning: {
244
+ background: {
245
+ standard: string;
246
+ mild: string;
247
+ strong: string;
248
+ };
249
+ foreground: string;
250
+ border: string;
251
+ };
252
+ neutral: {
253
+ background: {
254
+ standard: string;
255
+ mild: string;
256
+ strong: string;
257
+ };
258
+ foreground: string;
259
+ border: string;
260
+ };
261
+ success: {
262
+ background: {
263
+ standard: string;
264
+ mild: string;
265
+ strong: string;
266
+ };
267
+ foreground: string;
268
+ border: string;
269
+ };
270
+ information: {
271
+ background: {
272
+ standard: string;
273
+ mild: string;
274
+ strong: string;
275
+ };
276
+ foreground: string;
277
+ border: string;
278
+ };
279
+ };
280
+ };
281
+ elevation: {
282
+ none: string;
283
+ '1': string;
284
+ '2': string;
285
+ '3': string;
286
+ '4': string;
287
+ '5': string;
288
+ };
289
+ border: {
290
+ width: {
291
+ none: string;
292
+ '1': string;
293
+ '2': string;
294
+ '3': string;
295
+ };
296
+ colours: {
297
+ light: string;
298
+ gray: string;
299
+ dark: string;
300
+ };
301
+ radius: {
302
+ none: string;
303
+ min: string;
304
+ sm: string;
305
+ md: string;
306
+ lg: string;
307
+ xl: string;
308
+ '2xl': string;
309
+ '1': string;
310
+ pill: string;
311
+ full: string;
312
+ };
313
+ };
314
+ typography: {
315
+ size: {
316
+ '1': {
317
+ fontSize: string;
318
+ lineHeight: string;
319
+ };
320
+ '2': {
321
+ fontSize: string;
322
+ lineHeight: string;
323
+ };
324
+ '3': {
325
+ fontSize: string;
326
+ lineHeight: string;
327
+ };
328
+ '4': {
329
+ fontSize: string;
330
+ lineHeight: string;
331
+ };
332
+ '5': {
333
+ fontSize: string;
334
+ lineHeight: string;
335
+ };
336
+ '6': {
337
+ fontSize: string;
338
+ lineHeight: string;
339
+ };
340
+ '7': {
341
+ fontSize: string;
342
+ lineHeight: string;
343
+ };
344
+ '8': {
345
+ fontSize: string;
346
+ lineHeight: string;
347
+ };
348
+ '9': {
349
+ fontSize: string;
350
+ lineHeight: string;
351
+ };
352
+ };
353
+ colour: {
354
+ primary: string;
355
+ secondary: string;
356
+ brand: string;
357
+ shine: string;
358
+ link: string;
359
+ dark: string;
360
+ white: string;
361
+ muted: string;
362
+ neutral: string;
363
+ light: string;
364
+ danger: string;
365
+ warning: string;
366
+ success: string;
367
+ information: string;
368
+ };
369
+ fontFamily: string;
370
+ fontWeight: {
371
+ normal: string;
372
+ semiBold: string;
373
+ bold: string;
374
+ };
375
+ };
376
+ animation: {
377
+ easing: {
378
+ standard: string;
379
+ decelerate: string;
380
+ accelerate: string;
381
+ };
382
+ };
383
+ icon: {
384
+ size: {
385
+ small: string;
386
+ medium: string;
387
+ large: string;
388
+ };
389
+ };
390
+ opacity: {
391
+ overlayBg: string;
392
+ };
393
+ };
5
394
  //# sourceMappingURL=tokens.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,gBAAgB,EAAE,SAwE9B,CAAC;AAEF,eAAO,MAAM,YAAY,iDAAqC,CAAC;AAI/D,eAAO,MAAM,MAAM,EAAE,MAuOpB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/tokens.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+QI,CAAC"}