@autoguru/overdrive 4.11.3 → 4.11.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 (25) hide show
  1. package/dist/components/AutoSuggest/stories.js +1 -3
  2. package/dist/components/BulletList/Bullet.css.d.ts +1 -1
  3. package/dist/components/ColourInput/stories.js +1 -3
  4. package/dist/components/Columns/Column.d.ts +1 -1
  5. package/dist/components/Columns/Columns.d.ts +1 -1
  6. package/dist/components/DateInput/stories.js +1 -3
  7. package/dist/components/Flyout/stories.js +1 -3
  8. package/dist/components/NumberInput/stories.js +1 -3
  9. package/dist/components/Positioner/stories.js +1 -3
  10. package/dist/components/SelectInput/stories.js +1 -3
  11. package/dist/components/TextAreaInput/stories.js +1 -3
  12. package/dist/components/TextInput/stories.js +1 -3
  13. package/dist/components/ThemeProvider/ThemeProvider.d.ts +5 -4
  14. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  15. package/dist/themes/base/index.d.ts +177 -177
  16. package/dist/themes/flat_red/index.d.ts +177 -177
  17. package/dist/themes/neutral/index.d.ts +177 -177
  18. package/dist/themes/theme.css.d.ts +177 -177
  19. package/dist/themes/theme.css.d.ts.map +1 -1
  20. package/dist/themes/tokens.d.ts +3 -1
  21. package/dist/themes/tokens.d.ts.map +1 -1
  22. package/dist/utils/responsiveStyle.d.ts +2 -2
  23. package/dist/utils/responsiveStyle.d.ts.map +1 -1
  24. package/package.json +1 -1
  25. package/readme.md +1 -2
package/dist/themes/theme.css.d.ts CHANGED
@@ -1,262 +1,262 @@
1
- export declare const themeContractVars: import("@vanilla-extract/private").MapLeafNodes<{
2
- mode: string;
1
+ export declare const themeContractVars: {
2
+ mode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
3
  body: {
4
- backgroundColour: string;
5
- colour: string;
4
+ backgroundColour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ colour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
6
  };
7
7
  contentWidth: {
8
- small: string;
9
- large: string;
10
- medium: string;
8
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
11
  };
12
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;
13
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ 7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ 9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
23
  };
24
24
  colours: {
25
25
  gamut: {
26
- white: string;
27
- red900: string;
28
- red800: string;
29
- red700: string;
30
- red600: string;
31
- red500: string;
32
- red400: string;
33
- red300: string;
34
- red200: string;
35
- red100: string;
36
- gray900: string;
37
- gray800: string;
38
- gray700: string;
39
- gray600: string;
40
- gray500: string;
41
- gray400: string;
42
- gray300: string;
43
- gray200: string;
44
- gray100: string;
45
- green900: string;
46
- green800: string;
47
- green700: string;
48
- green600: string;
49
- green500: string;
50
- green400: string;
51
- green300: string;
52
- green200: string;
53
- green100: string;
54
- blue900: string;
55
- blue800: string;
56
- blue700: string;
57
- blue600: string;
58
- blue500: string;
59
- blue400: string;
60
- blue300: string;
61
- blue200: string;
62
- blue100: string;
63
- yellow900: string;
64
- yellow800: string;
65
- yellow700: string;
66
- yellow600: string;
67
- yellow500: string;
68
- yellow400: string;
69
- yellow300: string;
70
- yellow200: string;
71
- yellow100: string;
26
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ gray900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ gray800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ gray700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ gray600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ gray500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ gray400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ gray300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ gray200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ gray100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ green900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ green800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ green700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ green600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ green500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ green400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ green300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ green200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ green100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ blue900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ blue800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ blue700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ blue600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ blue500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ blue400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ blue300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ blue200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ blue100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ yellow900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ yellow800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ yellow700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ yellow600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ yellow500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ yellow400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ yellow300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ yellow200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ yellow100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
72
  };
73
73
  foreground: {
74
- body: string;
75
- link: string;
74
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
76
  };
77
77
  background: {
78
- body: string;
79
- light: string;
80
- neutral: string;
81
- neutralDark: string;
78
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ neutralDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
82
  };
83
83
  intent: {
84
84
  primary: {
85
85
  background: {
86
- standard: string;
87
- mild: string;
88
- strong: string;
86
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
89
  };
90
- foreground: string;
91
- border: string;
90
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
92
  };
93
93
  secondary: {
94
94
  background: {
95
- standard: string;
96
- mild: string;
97
- strong: string;
95
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
98
  };
99
- foreground: string;
100
- border: string;
99
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
101
  };
102
102
  shine: {
103
103
  background: {
104
- standard: string;
105
- mild: string;
106
- strong: string;
104
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
107
  };
108
- foreground: string;
109
- border: string;
108
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
110
  };
111
111
  danger: {
112
112
  background: {
113
- standard: string;
114
- mild: string;
115
- strong: string;
113
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
116
  };
117
- foreground: string;
118
- border: string;
117
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
119
  };
120
120
  warning: {
121
121
  background: {
122
- standard: string;
123
- mild: string;
124
- strong: string;
122
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
125
  };
126
- foreground: string;
127
- border: string;
126
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
128
  };
129
129
  neutral: {
130
130
  background: {
131
- standard: string;
132
- mild: string;
133
- strong: string;
131
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
134
  };
135
- foreground: string;
136
- border: string;
135
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
137
  };
138
138
  success: {
139
139
  background: {
140
- standard: string;
141
- mild: string;
142
- strong: string;
140
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
143
  };
144
- foreground: string;
145
- border: string;
144
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
146
  };
147
147
  information: {
148
148
  background: {
149
- standard: string;
150
- mild: string;
151
- strong: string;
149
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
152
  };
153
- foreground: string;
154
- border: string;
153
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
155
  };
156
156
  };
157
157
  };
158
158
  elevation: {
159
- none: string;
160
- '1': string;
161
- '2': string;
162
- '3': string;
163
- '4': string;
164
- '5': string;
159
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
165
  };
166
166
  border: {
167
167
  width: {
168
- none: string;
169
- '1': string;
170
- '2': string;
171
- '3': string;
168
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
172
  };
173
173
  colours: {
174
- light: string;
175
- gray: string;
176
- dark: string;
174
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ gray: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
177
  };
178
178
  radius: {
179
- none: string;
180
- pill: string;
181
- full: string;
182
- '1': string;
183
- min: string;
179
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ min: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
184
  };
185
185
  };
186
186
  typography: {
187
187
  size: {
188
- '1': {
189
- fontSize: string;
190
- lineHeight: string;
188
+ 1: {
189
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
191
  };
192
- '2': {
193
- fontSize: string;
194
- lineHeight: string;
192
+ 2: {
193
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
195
  };
196
- '3': {
197
- fontSize: string;
198
- lineHeight: string;
196
+ 3: {
197
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
199
  };
200
- '4': {
201
- fontSize: string;
202
- lineHeight: string;
200
+ 4: {
201
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
203
  };
204
- '5': {
205
- fontSize: string;
206
- lineHeight: string;
204
+ 5: {
205
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
207
  };
208
- '6': {
209
- fontSize: string;
210
- lineHeight: string;
208
+ 6: {
209
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
211
  };
212
- '7': {
213
- fontSize: string;
214
- lineHeight: string;
212
+ 7: {
213
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
215
  };
216
- '8': {
217
- fontSize: string;
218
- lineHeight: string;
216
+ 8: {
217
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
219
  };
220
- '9': {
221
- fontSize: string;
222
- lineHeight: string;
220
+ 9: {
221
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
223
  };
224
224
  };
225
225
  colour: {
226
- primary: string;
227
- secondary: string;
228
- shine: string;
229
- link: string;
230
- dark: string;
231
- white: string;
232
- muted: string;
233
- neutral: string;
234
- light: string;
235
- danger: string;
236
- warning: string;
237
- success: string;
238
- information: string;
226
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ muted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ information: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
239
  };
240
240
  fontWeight: {
241
- normal: string;
242
- semiBold: string;
243
- bold: string;
241
+ normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
244
  };
245
245
  };
246
246
  animation: {
247
247
  easing: {
248
- standard: string;
249
- decelerate: string;
250
- accelerate: string;
248
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ decelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ accelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
251
  };
252
252
  };
253
253
  icon: {
254
254
  size: {
255
- small: string;
256
- medium: string;
257
- large: string;
255
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
+ large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
258
  };
259
259
  };
260
- }, import("@vanilla-extract/private").CSSVarFunction>;
260
+ };
261
261
  export declare const container: string;
262
262
  //# sourceMappingURL=theme.css.d.ts.map
package/dist/themes/theme.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAuN5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
1
+ {"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuN5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
package/dist/themes/tokens.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- import { Tokens as VanillaTokens } from '@vanilla-extract/css/dist/declarations/src/types';
1
+ declare type VanillaTokens = {
2
+ [key: string]: string | VanillaTokens;
3
+ };
2
4
  declare type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
3
5
  declare type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
4
6
  declare type BorderWidthScale = '1' | '2' | '3' | 'none';
package/dist/themes/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
package/dist/utils/responsiveStyle.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { CSSProperties, StyleWithSelectors } from '@vanilla-extract/css/dist/declarations/src/types';
1
+ import type { CSSProperties, StyleRule } from '@vanilla-extract/css/dist/vanilla-extract-css.cjs';
2
2
  import { breakpoints } from '../themes/makeTheme';
3
- export declare const responsiveStyle: (breakpointsEntries: Partial<Record<keyof typeof breakpoints, StyleWithSelectors>>) => CSSProperties;
3
+ export declare const responsiveStyle: (breakpointsEntries: Partial<Record<keyof typeof breakpoints, StyleRule>>) => CSSProperties;
4
4
  //# sourceMappingURL=responsiveStyle.d.ts.map
package/dist/utils/responsiveStyle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,kBAAkB,EAClB,MAAM,kDAAkD,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,uBACP,QACnB,OAAO,MAAM,kBAAkB,EAAE,kBAAkB,CAAC,CACpD,KACC,aAmBF,CAAC"}
1
+ {"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,uBACP,QACnB,OAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,CAC3C,KACC,aAmBF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.11.3",
3
+ "version": "4.11.4",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",
package/readme.md CHANGED
@@ -14,8 +14,7 @@
14
14
  Overdrive is a product component library, and design system for AutoGuru. Built
15
15
  with [React](https://github.com/facebook/react),
16
16
  [TypeScript](https://github.com/Microsoft/typescript),
17
- [Vanilla Extract](https://seek-oss.github.io/vanilla-extract/),
18
- [Playroom](https://github.com/seek-oss/playroom/) and
17
+ [Vanilla Extract](https://seek-oss.github.io/vanilla-extract/), and
19
18
  [Storybook](https://github.com/storybooks/storybook).
20
19
 
21
20
  ## Usage