@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/base/index.d.ts CHANGED
@@ -1,266 +1,266 @@
1
1
  declare const _default: {
2
2
  name: string;
3
3
  themeRef: string;
4
- vars: import("@vanilla-extract/private").MapLeafNodes<{
5
- mode: string;
4
+ vars: {
5
+ mode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
6
  body: {
7
- backgroundColour: string;
8
- colour: string;
7
+ backgroundColour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ colour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
9
  };
10
10
  contentWidth: {
11
- small: string;
12
- large: string;
13
- medium: string;
11
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
14
  };
15
15
  space: {
16
- '1': string;
17
- '2': string;
18
- '3': string;
19
- '4': string;
20
- '5': string;
21
- '6': string;
22
- '7': string;
23
- '8': string;
24
- '9': string;
25
- none: string;
16
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ 7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ 9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
26
  };
27
27
  colours: {
28
28
  gamut: {
29
- white: string;
30
- red900: string;
31
- red800: string;
32
- red700: string;
33
- red600: string;
34
- red500: string;
35
- red400: string;
36
- red300: string;
37
- red200: string;
38
- red100: string;
39
- gray900: string;
40
- gray800: string;
41
- gray700: string;
42
- gray600: string;
43
- gray500: string;
44
- gray400: string;
45
- gray300: string;
46
- gray200: string;
47
- gray100: string;
48
- green900: string;
49
- green800: string;
50
- green700: string;
51
- green600: string;
52
- green500: string;
53
- green400: string;
54
- green300: string;
55
- green200: string;
56
- green100: string;
57
- blue900: string;
58
- blue800: string;
59
- blue700: string;
60
- blue600: string;
61
- blue500: string;
62
- blue400: string;
63
- blue300: string;
64
- blue200: string;
65
- blue100: string;
66
- yellow900: string;
67
- yellow800: string;
68
- yellow700: string;
69
- yellow600: string;
70
- yellow500: string;
71
- yellow400: string;
72
- yellow300: string;
73
- yellow200: string;
74
- yellow100: string;
29
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ gray900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ gray800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ gray700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ gray600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ gray500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ gray400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ gray300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ gray200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ gray100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ green900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ green800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ green700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ green600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ green500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ green400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ green300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ green200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ green100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ blue900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ blue800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ blue700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ blue600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ blue500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ blue400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ blue300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ blue200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ blue100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ yellow900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ yellow800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ yellow700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ yellow600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ yellow500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ yellow400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ yellow300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ yellow200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ yellow100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
75
  };
76
76
  foreground: {
77
- body: string;
78
- link: string;
77
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
79
  };
80
80
  background: {
81
- body: string;
82
- light: string;
83
- neutral: string;
84
- neutralDark: string;
81
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ neutralDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
85
  };
86
86
  intent: {
87
87
  primary: {
88
88
  background: {
89
- standard: string;
90
- mild: string;
91
- strong: string;
89
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
92
  };
93
- foreground: string;
94
- border: string;
93
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
95
  };
96
96
  secondary: {
97
97
  background: {
98
- standard: string;
99
- mild: string;
100
- strong: string;
98
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
101
  };
102
- foreground: string;
103
- border: string;
102
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
104
  };
105
105
  shine: {
106
106
  background: {
107
- standard: string;
108
- mild: string;
109
- strong: string;
107
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
110
  };
111
- foreground: string;
112
- border: string;
111
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
113
  };
114
114
  danger: {
115
115
  background: {
116
- standard: string;
117
- mild: string;
118
- strong: string;
116
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
119
  };
120
- foreground: string;
121
- border: string;
120
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
122
  };
123
123
  warning: {
124
124
  background: {
125
- standard: string;
126
- mild: string;
127
- strong: string;
125
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
128
  };
129
- foreground: string;
130
- border: string;
129
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
131
  };
132
132
  neutral: {
133
133
  background: {
134
- standard: string;
135
- mild: string;
136
- strong: string;
134
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
137
  };
138
- foreground: string;
139
- border: string;
138
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
140
  };
141
141
  success: {
142
142
  background: {
143
- standard: string;
144
- mild: string;
145
- strong: string;
143
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
146
  };
147
- foreground: string;
148
- border: string;
147
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
149
  };
150
150
  information: {
151
151
  background: {
152
- standard: string;
153
- mild: string;
154
- strong: string;
152
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
155
  };
156
- foreground: string;
157
- border: string;
156
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
158
  };
159
159
  };
160
160
  };
161
161
  elevation: {
162
- none: string;
163
- '1': string;
164
- '2': string;
165
- '3': string;
166
- '4': string;
167
- '5': string;
162
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
168
  };
169
169
  border: {
170
170
  width: {
171
- none: string;
172
- '1': string;
173
- '2': string;
174
- '3': string;
171
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
175
  };
176
176
  colours: {
177
- light: string;
178
- gray: string;
179
- dark: string;
177
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ gray: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
180
  };
181
181
  radius: {
182
- none: string;
183
- pill: string;
184
- full: string;
185
- '1': string;
186
- min: string;
182
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ min: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
187
  };
188
188
  };
189
189
  typography: {
190
190
  size: {
191
- '1': {
192
- fontSize: string;
193
- lineHeight: string;
191
+ 1: {
192
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
194
  };
195
- '2': {
196
- fontSize: string;
197
- lineHeight: string;
195
+ 2: {
196
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
198
  };
199
- '3': {
200
- fontSize: string;
201
- lineHeight: string;
199
+ 3: {
200
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
202
  };
203
- '4': {
204
- fontSize: string;
205
- lineHeight: string;
203
+ 4: {
204
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
206
  };
207
- '5': {
208
- fontSize: string;
209
- lineHeight: string;
207
+ 5: {
208
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
210
  };
211
- '6': {
212
- fontSize: string;
213
- lineHeight: string;
211
+ 6: {
212
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
214
  };
215
- '7': {
216
- fontSize: string;
217
- lineHeight: string;
215
+ 7: {
216
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
218
  };
219
- '8': {
220
- fontSize: string;
221
- lineHeight: string;
219
+ 8: {
220
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
222
  };
223
- '9': {
224
- fontSize: string;
225
- lineHeight: string;
223
+ 9: {
224
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
226
  };
227
227
  };
228
228
  colour: {
229
- primary: string;
230
- secondary: string;
231
- shine: string;
232
- link: string;
233
- dark: string;
234
- white: string;
235
- muted: string;
236
- neutral: string;
237
- light: string;
238
- danger: string;
239
- warning: string;
240
- success: string;
241
- information: string;
229
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ muted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ information: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
242
  };
243
243
  fontWeight: {
244
- normal: string;
245
- semiBold: string;
246
- bold: string;
244
+ normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
247
  };
248
248
  };
249
249
  animation: {
250
250
  easing: {
251
- standard: string;
252
- decelerate: string;
253
- accelerate: string;
251
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ decelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
+ accelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
254
  };
255
255
  };
256
256
  icon: {
257
257
  size: {
258
- small: string;
259
- medium: string;
260
- large: string;
258
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
261
  };
262
262
  };
263
- }, import("@vanilla-extract/private").CSSVarFunction>;
263
+ };
264
264
  tokens: import("../tokens").Tokens;
265
265
  };
266
266
  export default _default;