@channel.io/bezier-tokens 0.2.0 → 0.2.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 (17) hide show
  1. package/dist/alpha/cjs/darkTheme.js +225 -222
  2. package/dist/alpha/cjs/global.js +316 -312
  3. package/dist/alpha/cjs/lightTheme.js +225 -225
  4. package/dist/alpha/css/styles.css +764 -759
  5. package/dist/alpha/esm/darkTheme.mjs +225 -222
  6. package/dist/alpha/esm/global.mjs +316 -312
  7. package/dist/alpha/esm/lightTheme.mjs +225 -225
  8. package/dist/types/alpha/cjs/darkTheme.d.ts +470 -458
  9. package/dist/types/alpha/cjs/global.d.ts +412 -402
  10. package/dist/types/alpha/cjs/index.d.ts +1336 -1314
  11. package/dist/types/alpha/cjs/lightTheme.d.ts +454 -454
  12. package/dist/types/alpha/esm/darkTheme.d.mts +470 -458
  13. package/dist/types/alpha/esm/global.d.mts +412 -402
  14. package/dist/types/alpha/esm/index.d.mts +1336 -1314
  15. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  16. package/dist/types/alpha/esm/lightTheme.d.mts +454 -454
  17. package/package.json +1 -1
package/dist/types/alpha/esm/index.d.mts CHANGED
@@ -1,1775 +1,1787 @@
1
1
  export const tokens: Readonly<{
2
2
  darkTheme: Readonly<{
3
3
  gradient: Readonly<{
4
- "alpha-gradient-fg-green": Readonly<{
5
- value: "linear-gradient(90deg, #7ad890 0%, #7ad890 100%)";
6
- ref: "linear-gradient(90deg, alpha-fg-green-normal 0%, #7ad890 100%)";
7
- }>;
8
4
  "alpha-gradient-fg-black": Readonly<{
9
5
  value: "linear-gradient(90deg, #ffffff1f 0%, #ffffff33 100%)";
10
- ref: "linear-gradient(90deg, alpha-bg-black-light 0%, alpha-bg-black-dark 100%)";
6
+ ref: "linear-gradient(90deg, alpha-color-bg-black-light 0%, alpha-color-bg-black-dark 100%)";
11
7
  }>;
12
8
  }>;
13
9
  shadow: Readonly<{
14
10
  "alpha-shadow-1": Readonly<{
15
11
  value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 1px 2px 0 #00000026";
16
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 1px 2px 0 alpha-shadow-small";
12
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 1px 2px 0 alpha-color-shadow-small";
17
13
  }>;
18
14
  "alpha-shadow-2": Readonly<{
19
15
  value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 2px 6px 0 #00000026";
20
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 2px 6px 0 alpha-shadow-small";
16
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 2px 6px 0 alpha-color-shadow-small";
21
17
  }>;
22
18
  "alpha-shadow-3": Readonly<{
23
19
  value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 4px 16px 0 #00000033";
24
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 4px 16px 0 alpha-shadow-medium";
20
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 16px 0 alpha-color-shadow-medium";
25
21
  }>;
26
22
  "alpha-shadow-4": Readonly<{
27
23
  value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 4px 24px 0 #00000066";
28
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 4px 24px 0 alpha-shadow-large";
24
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 24px 0 alpha-color-shadow-large";
29
25
  }>;
30
26
  "alpha-shadow-5": Readonly<{
31
27
  value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 6px 40px 0 #00000099";
32
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 6px 40px 0 alpha-shadow-xlarge";
28
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 6px 40px 0 alpha-color-shadow-xlarge";
33
29
  }>;
34
30
  "alpha-shadow-6": Readonly<{
35
31
  value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 12px 60px 4px #00000099";
36
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 12px 60px 4px alpha-shadow-xlarge";
32
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 12px 60px 4px alpha-color-shadow-xlarge";
37
33
  }>;
38
34
  "alpha-shadow-error": Readonly<{
39
35
  value: "0 0 0 1px #ffa15e";
40
- ref: "0 0 0 1px alpha-warning-bg-normal";
36
+ ref: "0 0 0 1px alpha-color-warning-bg-normal";
41
37
  }>;
42
38
  "alpha-shadow-active": Readonly<{
43
39
  value: "0 0 0 1px #84a5ff";
44
- ref: "0 0 0 1px alpha-primary-bg-normal";
40
+ ref: "0 0 0 1px alpha-color-primary-bg-normal";
45
41
  }>;
46
42
  "alpha-shadow-input-default": Readonly<{
47
43
  value: "inset 0 0 0 1px #ffffff14, 0 0 2px 0 #00000014";
48
- ref: "inset 0 0 0 1px alpha-shadow-base-inner, 0 0 2px 0 alpha-shadow-base";
44
+ ref: "inset 0 0 0 1px alpha-color-shadow-base-inner, 0 0 2px 0 alpha-color-shadow-base";
49
45
  }>;
50
46
  "alpha-shadow-input-hover": Readonly<{
51
47
  value: "inset 0 0 0 1px #84a5ff, 0 0 6px 0 #00000014";
52
- ref: "inset 0 0 0 1px alpha-primary-bg-normal, 0 0 6px 0 alpha-shadow-base";
48
+ ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
53
49
  }>;
54
50
  "alpha-shadow-input-active": Readonly<{
55
51
  value: "inset 0 0 0 1px #84a5ff, 0 0 0 3px #84a5ff73, 0 0 6px 0 #00000014";
56
- ref: "inset 0 0 0 1px alpha-primary-bg-normal, 0 0 0 3px alpha-primary-bg-light, 0 0 6px 0 alpha-shadow-base";
52
+ ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 0 3px alpha-color-primary-bg-light, 0 0 6px 0 alpha-color-shadow-base";
57
53
  }>;
58
54
  "alpha-shadow-input-error": Readonly<{
59
55
  value: "inset 0 0 0 1px #ffa15e, 0 0 0 3px #ffa15e73, 0 0 6px 0 #00000014";
60
- ref: "inset 0 0 0 1px alpha-warning-bg-normal, 0 0 0 3px alpha-warning-bg-light, 0 0 6px 0 alpha-shadow-base";
56
+ ref: "inset 0 0 0 1px alpha-color-warning-bg-normal, 0 0 0 3px alpha-color-warning-bg-light, 0 0 6px 0 alpha-color-shadow-base";
61
57
  }>;
62
58
  }>;
63
59
  color: Readonly<{
64
- "alpha-shadow-xlarge": Readonly<{
65
- value: "#00000099";
66
- ref: "alpha-black-60";
67
- }>;
68
- "alpha-shadow-large": Readonly<{
69
- value: "#00000066";
70
- ref: "alpha-black-40";
71
- }>;
72
- "alpha-shadow-medium": Readonly<{
73
- value: "#00000033";
74
- ref: "alpha-black-20";
75
- }>;
76
- "alpha-shadow-small": Readonly<{
77
- value: "#00000026";
78
- ref: "alpha-black-15";
79
- }>;
80
- "alpha-shadow-base": Readonly<{
81
- value: "#00000014";
82
- ref: "alpha-black-8";
60
+ "alpha-color-fg-black-pure": Readonly<{
61
+ value: "#ffffff";
62
+ ref: "alpha-color-white-100";
83
63
  }>;
84
- "alpha-shadow-base-inner": Readonly<{
85
- value: "#ffffff14";
86
- ref: "alpha-white-8";
64
+ "alpha-color-fg-black-darkest": Readonly<{
65
+ value: "#ffffffcc";
66
+ ref: "alpha-color-white-80";
87
67
  }>;
88
- "alpha-fg-black-darker": Readonly<{
68
+ "alpha-color-fg-black-darker": Readonly<{
89
69
  value: "#ffffff99";
90
- ref: "alpha-white-60";
70
+ ref: "alpha-color-white-60";
91
71
  }>;
92
- "alpha-fg-black-dark": Readonly<{
72
+ "alpha-color-fg-black-dark": Readonly<{
93
73
  value: "#ffffff66";
94
- ref: "alpha-white-40";
74
+ ref: "alpha-color-white-40";
95
75
  }>;
96
- "alpha-fg-black-pure": Readonly<{
97
- value: "#ffffff";
98
- ref: "alpha-white-100";
99
- }>;
100
- "alpha-fg-black-light": Readonly<{
76
+ "alpha-color-fg-black-light": Readonly<{
101
77
  value: "#ffffff33";
102
- ref: "alpha-white-20";
78
+ ref: "alpha-color-white-20";
103
79
  }>;
104
- "alpha-fg-black-lightest": Readonly<{
80
+ "alpha-color-fg-black-lightest": Readonly<{
105
81
  value: "#ffffff1f";
106
- ref: "alpha-white-12";
82
+ ref: "alpha-color-white-12";
107
83
  }>;
108
- "alpha-fg-white-normal": Readonly<{
84
+ "alpha-color-fg-white-normal": Readonly<{
109
85
  value: "#242428";
110
- ref: "alpha-grey-900";
86
+ ref: "alpha-color-grey-900";
111
87
  }>;
112
- "alpha-fg-blue-normal": Readonly<{
88
+ "alpha-color-fg-blue-normal": Readonly<{
113
89
  value: "#84a5ff";
114
- ref: "alpha-blue-300";
90
+ ref: "alpha-color-blue-300";
115
91
  }>;
116
- "alpha-fg-blue-light": Readonly<{
92
+ "alpha-color-fg-blue-light": Readonly<{
117
93
  value: "#84a5ff73";
118
- ref: "alpha-blue-300-45";
94
+ ref: "alpha-color-blue-300-45";
119
95
  }>;
120
- "alpha-fg-blue-dark": Readonly<{
96
+ "alpha-color-fg-blue-dark": Readonly<{
121
97
  value: "#84a5ff";
122
- ref: "alpha-blue-300";
98
+ ref: "alpha-color-blue-300";
123
99
  }>;
124
- "alpha-fg-cobalt-normal": Readonly<{
125
- value: "#7dc2fa";
126
- ref: "alpha-cobalt-300";
100
+ "alpha-color-fg-cobalt-normal": Readonly<{
101
+ value: "#77c0fb";
102
+ ref: "alpha-color-cobalt-300";
127
103
  }>;
128
- "alpha-fg-cobalt-light": Readonly<{
104
+ "alpha-color-fg-cobalt-light": Readonly<{
129
105
  value: "#77c0fb73";
130
- ref: "alpha-cobalt-300-45";
106
+ ref: "alpha-color-cobalt-300-45";
131
107
  }>;
132
- "alpha-fg-cobalt-dark": Readonly<{
133
- value: "#9ad1ff";
134
- ref: "alpha-cobalt-200";
108
+ "alpha-color-fg-cobalt-dark": Readonly<{
109
+ value: "#77c0fb";
110
+ ref: "alpha-color-cobalt-300";
135
111
  }>;
136
- "alpha-fg-red-normal": Readonly<{
112
+ "alpha-color-fg-red-normal": Readonly<{
137
113
  value: "#ff8c8c";
138
- ref: "alpha-red-300";
114
+ ref: "alpha-color-red-300";
139
115
  }>;
140
- "alpha-fg-red-light": Readonly<{
116
+ "alpha-color-fg-red-light": Readonly<{
141
117
  value: "#ff8c8c73";
142
- ref: "alpha-red-300-45";
118
+ ref: "alpha-color-red-300-45";
143
119
  }>;
144
- "alpha-fg-red-dark": Readonly<{
145
- value: "#ffa6a6";
146
- ref: "alpha-red-200";
120
+ "alpha-color-fg-red-dark": Readonly<{
121
+ value: "#ff8c8c";
122
+ ref: "alpha-color-red-300";
147
123
  }>;
148
- "alpha-fg-orange-normal": Readonly<{
124
+ "alpha-color-fg-orange-normal": Readonly<{
149
125
  value: "#ffa15e";
150
- ref: "alpha-orange-300";
126
+ ref: "alpha-color-orange-300";
151
127
  }>;
152
- "alpha-fg-orange-light": Readonly<{
128
+ "alpha-color-fg-orange-light": Readonly<{
153
129
  value: "#ffa15e73";
154
- ref: "alpha-orange-300-45";
130
+ ref: "alpha-color-orange-300-45";
155
131
  }>;
156
- "alpha-fg-orange-dark": Readonly<{
157
- value: "#ffb77d";
158
- ref: "alpha-orange-200";
132
+ "alpha-color-fg-orange-dark": Readonly<{
133
+ value: "#ffa15e";
134
+ ref: "alpha-color-orange-300";
159
135
  }>;
160
- "alpha-fg-green-normal": Readonly<{
136
+ "alpha-color-fg-green-normal": Readonly<{
161
137
  value: "#7ad890";
162
- ref: "alpha-green-300";
138
+ ref: "alpha-color-green-300";
163
139
  }>;
164
- "alpha-fg-green-light": Readonly<{
140
+ "alpha-color-fg-green-light": Readonly<{
165
141
  value: "#7ad89073";
166
- ref: "alpha-green-300-45";
142
+ ref: "alpha-color-green-300-45";
167
143
  }>;
168
- "alpha-fg-green-dark": Readonly<{
169
- value: "#91e5a4";
170
- ref: "alpha-green-200";
144
+ "alpha-color-fg-green-dark": Readonly<{
145
+ value: "#7ad890";
146
+ ref: "alpha-color-green-300";
171
147
  }>;
172
- "alpha-fg-teal-normal": Readonly<{
148
+ "alpha-color-fg-teal-normal": Readonly<{
173
149
  value: "#40d3c5";
174
- ref: "alpha-teal-300";
150
+ ref: "alpha-color-teal-300";
175
151
  }>;
176
- "alpha-fg-teal-light": Readonly<{
152
+ "alpha-color-fg-teal-light": Readonly<{
177
153
  value: "#40d3c573";
178
- ref: "alpha-teal-300-45";
154
+ ref: "alpha-color-teal-300-45";
179
155
  }>;
180
- "alpha-fg-olive-normal": Readonly<{
156
+ "alpha-color-fg-olive-normal": Readonly<{
181
157
  value: "#c8d630";
182
- ref: "alpha-olive-300";
158
+ ref: "alpha-color-olive-300";
183
159
  }>;
184
- "alpha-fg-olive-light": Readonly<{
160
+ "alpha-color-fg-olive-light": Readonly<{
185
161
  value: "#c8d63073";
186
- ref: "alpha-olive-300-45";
162
+ ref: "alpha-color-olive-300-45";
187
163
  }>;
188
- "alpha-fg-yellow-normal": Readonly<{
164
+ "alpha-color-fg-yellow-normal": Readonly<{
189
165
  value: "#f9c835";
190
- ref: "alpha-yellow-300";
166
+ ref: "alpha-color-yellow-300";
191
167
  }>;
192
- "alpha-fg-yellow-light": Readonly<{
168
+ "alpha-color-fg-yellow-light": Readonly<{
193
169
  value: "#f9c83573";
194
- ref: "alpha-yellow-300-45";
170
+ ref: "alpha-color-yellow-300-45";
195
171
  }>;
196
- "alpha-fg-pink-normal": Readonly<{
172
+ "alpha-color-fg-pink-normal": Readonly<{
197
173
  value: "#ec6fd3";
198
- ref: "alpha-pink-300";
174
+ ref: "alpha-color-pink-300";
199
175
  }>;
200
- "alpha-fg-pink-light": Readonly<{
176
+ "alpha-color-fg-pink-light": Readonly<{
201
177
  value: "#ec6fd373";
202
- ref: "alpha-pink-300-45";
178
+ ref: "alpha-color-pink-300-45";
203
179
  }>;
204
- "alpha-fg-purple-normal": Readonly<{
180
+ "alpha-color-fg-purple-normal": Readonly<{
205
181
  value: "#b184ff";
206
- ref: "alpha-purple-300";
182
+ ref: "alpha-color-purple-300";
207
183
  }>;
208
- "alpha-fg-purple-light": Readonly<{
184
+ "alpha-color-fg-purple-light": Readonly<{
209
185
  value: "#b184ff73";
210
- ref: "alpha-purple-300-45";
186
+ ref: "alpha-color-purple-300-45";
211
187
  }>;
212
- "alpha-fg-navy-normal": Readonly<{
188
+ "alpha-color-fg-navy-normal": Readonly<{
213
189
  value: "#7683d3";
214
- ref: "alpha-navy-300";
190
+ ref: "alpha-color-navy-300";
215
191
  }>;
216
- "alpha-fg-navy-light": Readonly<{
192
+ "alpha-color-fg-navy-light": Readonly<{
217
193
  value: "#7683d373";
218
- ref: "alpha-navy-300-45";
194
+ ref: "alpha-color-navy-300-45";
219
195
  }>;
220
- "alpha-fg-absolute-black-dark": Readonly<{
196
+ "alpha-color-fg-absolute-black-dark": Readonly<{
221
197
  value: "#000000";
222
- ref: "alpha-black-100";
198
+ ref: "alpha-color-black-100";
223
199
  }>;
224
- "alpha-fg-absolute-black-normal": Readonly<{
200
+ "alpha-color-fg-absolute-black-normal": Readonly<{
225
201
  value: "#000000d9";
226
- ref: "alpha-black-85";
202
+ ref: "alpha-color-black-85";
227
203
  }>;
228
- "alpha-fg-absolute-black-light": Readonly<{
204
+ "alpha-color-fg-absolute-black-light": Readonly<{
229
205
  value: "#00000099";
230
- ref: "alpha-black-60";
206
+ ref: "alpha-color-black-60";
231
207
  }>;
232
- "alpha-fg-absolute-black-lighter": Readonly<{
208
+ "alpha-color-fg-absolute-black-lighter": Readonly<{
233
209
  value: "#00000066";
234
- ref: "alpha-black-40";
210
+ ref: "alpha-color-black-40";
235
211
  }>;
236
- "alpha-fg-absolute-black-lightest": Readonly<{
212
+ "alpha-color-fg-absolute-black-lightest": Readonly<{
237
213
  value: "#00000033";
238
- ref: "alpha-black-20";
214
+ ref: "alpha-color-black-20";
239
215
  }>;
240
- "alpha-fg-absolute-white-dark": Readonly<{
216
+ "alpha-color-fg-absolute-white-dark": Readonly<{
241
217
  value: "#ffffff";
242
- ref: "alpha-white-100";
218
+ ref: "alpha-color-white-100";
243
219
  }>;
244
- "alpha-fg-absolute-white-normal": Readonly<{
220
+ "alpha-color-fg-absolute-white-normal": Readonly<{
245
221
  value: "#ffffffe6";
246
- ref: "alpha-white-90";
222
+ ref: "alpha-color-white-90";
247
223
  }>;
248
- "alpha-fg-absolute-white-light": Readonly<{
224
+ "alpha-color-fg-absolute-white-light": Readonly<{
249
225
  value: "#ffffff99";
250
- ref: "alpha-white-60";
226
+ ref: "alpha-color-white-60";
251
227
  }>;
252
- "alpha-fg-absolute-white-lighter": Readonly<{
228
+ "alpha-color-fg-absolute-white-lighter": Readonly<{
253
229
  value: "#ffffff66";
254
- ref: "alpha-white-40";
230
+ ref: "alpha-color-white-40";
255
231
  }>;
256
- "alpha-fg-absolute-white-lightest": Readonly<{
232
+ "alpha-color-fg-absolute-white-lightest": Readonly<{
257
233
  value: "#ffffff33";
258
- ref: "alpha-white-20";
234
+ ref: "alpha-color-white-20";
259
235
  }>;
260
- "alpha-fg-grey-dark": Readonly<{
236
+ "alpha-color-fg-grey-dark": Readonly<{
261
237
  value: "#a7a7aa";
262
- ref: "alpha-grey-500";
238
+ ref: "alpha-color-grey-500";
263
239
  }>;
264
- "alpha-fg-grey-normal": Readonly<{
240
+ "alpha-color-fg-grey-normal": Readonly<{
265
241
  value: "#7b7b7b";
266
- ref: "alpha-grey-600";
242
+ ref: "alpha-color-grey-600";
267
243
  }>;
268
- "alpha-fg-grey-light": Readonly<{
244
+ "alpha-color-fg-grey-light": Readonly<{
269
245
  value: "#464748";
270
- ref: "alpha-grey-700";
246
+ ref: "alpha-color-grey-700";
271
247
  }>;
272
- "alpha-fg-grey-lighter": Readonly<{
248
+ "alpha-color-fg-grey-lighter": Readonly<{
273
249
  value: "#313234";
274
- ref: "alpha-grey-800";
250
+ ref: "alpha-color-grey-800";
275
251
  }>;
276
- "alpha-fg-grey-lightest": Readonly<{
252
+ "alpha-color-fg-grey-lightest": Readonly<{
277
253
  value: "#2a2b2d";
278
- ref: "alpha-grey-850";
254
+ ref: "alpha-color-grey-850";
279
255
  }>;
280
- "alpha-fg-grey-grey-alpha-darker": Readonly<{
256
+ "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
281
257
  value: "#313234e6";
282
- ref: "alpha-grey-alpha-800-90";
258
+ ref: "alpha-color-grey-alpha-800-90";
283
259
  }>;
284
- "alpha-fg-grey-grey-alpha-dark": Readonly<{
260
+ "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
285
261
  value: "#313234cc";
286
- ref: "alpha-grey-alpha-800-80";
262
+ ref: "alpha-color-grey-alpha-800-80";
287
263
  }>;
288
- "alpha-fg-grey-grey-alpha-light": Readonly<{
264
+ "alpha-color-fg-grey-grey-alpha-light": Readonly<{
289
265
  value: "#2a2b2dcc";
290
- ref: "alpha-grey-alpha-850-80";
266
+ ref: "alpha-color-grey-alpha-850-80";
291
267
  }>;
292
- "alpha-bg-black-darker": Readonly<{
268
+ "alpha-color-bg-black-darkest": Readonly<{
269
+ value: "#00000099";
270
+ ref: "alpha-color-black-60";
271
+ }>;
272
+ "alpha-color-bg-black-darker": Readonly<{
293
273
  value: "#ffffff66";
294
- ref: "alpha-white-40";
274
+ ref: "alpha-color-white-40";
295
275
  }>;
296
- "alpha-bg-black-dark": Readonly<{
276
+ "alpha-color-bg-black-dark": Readonly<{
297
277
  value: "#ffffff33";
298
- ref: "alpha-white-20";
278
+ ref: "alpha-color-white-20";
299
279
  }>;
300
- "alpha-bg-black-light": Readonly<{
280
+ "alpha-color-bg-black-light": Readonly<{
301
281
  value: "#ffffff1f";
302
- ref: "alpha-white-12";
282
+ ref: "alpha-color-white-12";
303
283
  }>;
304
- "alpha-bg-black-lighter": Readonly<{
284
+ "alpha-color-bg-black-lighter": Readonly<{
305
285
  value: "#ffffff14";
306
- ref: "alpha-white-8";
286
+ ref: "alpha-color-white-8";
307
287
  }>;
308
- "alpha-bg-black-lightest": Readonly<{
288
+ "alpha-color-bg-black-lightest": Readonly<{
309
289
  value: "#ffffff0d";
310
- ref: "alpha-white-5";
290
+ ref: "alpha-color-white-5";
291
+ }>;
292
+ "alpha-color-bg-grey-darkest": Readonly<{
293
+ value: "#ffffff";
294
+ ref: "alpha-color-white-100";
311
295
  }>;
312
- "alpha-bg-grey-dark": Readonly<{
296
+ "alpha-color-bg-grey-dark": Readonly<{
313
297
  value: "#a7a7aa";
314
- ref: "alpha-grey-500";
298
+ ref: "alpha-color-grey-500";
315
299
  }>;
316
- "alpha-bg-grey-light": Readonly<{
300
+ "alpha-color-bg-grey-light": Readonly<{
317
301
  value: "#464748";
318
- ref: "alpha-grey-700";
302
+ ref: "alpha-color-grey-700";
319
303
  }>;
320
- "alpha-bg-grey-lighter": Readonly<{
304
+ "alpha-color-bg-grey-lighter": Readonly<{
321
305
  value: "#313234";
322
- ref: "alpha-grey-800";
306
+ ref: "alpha-color-grey-800";
323
307
  }>;
324
- "alpha-bg-grey-lightest": Readonly<{
308
+ "alpha-color-bg-grey-lightest": Readonly<{
325
309
  value: "#2a2b2d";
326
- ref: "alpha-grey-850";
310
+ ref: "alpha-color-grey-850";
327
311
  }>;
328
- "alpha-bg-grey-grey-alpha-dark": Readonly<{
329
- value: "#313234cc";
330
- ref: "alpha-grey-alpha-800-80";
312
+ "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
313
+ value: "#464748cc";
314
+ ref: "alpha-color-grey-alpha-700-80";
331
315
  }>;
332
- "alpha-bg-grey-grey-alpha-darker": Readonly<{
316
+ "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
333
317
  value: "#313234e6";
334
- ref: "alpha-grey-alpha-800-90";
318
+ ref: "alpha-color-grey-alpha-800-90";
319
+ }>;
320
+ "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
321
+ value: "#313234cc";
322
+ ref: "alpha-color-grey-alpha-800-80";
335
323
  }>;
336
- "alpha-bg-grey-grey-alpha-light": Readonly<{
324
+ "alpha-color-bg-grey-grey-alpha-light": Readonly<{
337
325
  value: "#2a2b2dcc";
338
- ref: "alpha-grey-alpha-850-80";
326
+ ref: "alpha-color-grey-alpha-850-80";
339
327
  }>;
340
- "alpha-bg-grey-normal": Readonly<{
328
+ "alpha-color-bg-grey-normal": Readonly<{
341
329
  value: "#7b7b7b";
342
- ref: "alpha-grey-600";
330
+ ref: "alpha-color-grey-600";
343
331
  }>;
344
- "alpha-bg-white-highest": Readonly<{
332
+ "alpha-color-bg-white-highest": Readonly<{
345
333
  value: "#464748";
346
- ref: "alpha-grey-700";
334
+ ref: "alpha-color-grey-700";
347
335
  }>;
348
- "alpha-bg-white-higher": Readonly<{
336
+ "alpha-color-bg-white-higher": Readonly<{
349
337
  value: "#313234";
350
- ref: "alpha-grey-800";
338
+ ref: "alpha-color-grey-800";
351
339
  }>;
352
- "alpha-bg-white-normal": Readonly<{
340
+ "alpha-color-bg-white-normal": Readonly<{
353
341
  value: "#242428";
354
- ref: "alpha-grey-900";
342
+ ref: "alpha-color-grey-900";
355
343
  }>;
356
- "alpha-bg-white-white-alpha-lightest": Readonly<{
344
+ "alpha-color-bg-white-white-alpha-lightest": Readonly<{
357
345
  value: "#313234cc";
358
- ref: "alpha-grey-alpha-800-80";
346
+ ref: "alpha-color-grey-alpha-800-80";
359
347
  }>;
360
- "alpha-bg-white-white-alpha-lighter": Readonly<{
348
+ "alpha-color-bg-white-white-alpha-lighter": Readonly<{
361
349
  value: "#00000099";
362
- ref: "alpha-black-60";
350
+ ref: "alpha-color-black-60";
363
351
  }>;
364
- "alpha-bg-white-white-alpha-light": Readonly<{
352
+ "alpha-color-bg-white-white-alpha-light": Readonly<{
365
353
  value: "#00000033";
366
- ref: "alpha-black-20";
354
+ ref: "alpha-color-black-20";
367
355
  }>;
368
- "alpha-bg-blue-normal": Readonly<{
356
+ "alpha-color-bg-blue-normal": Readonly<{
369
357
  value: "#84a5ff";
370
- ref: "alpha-blue-300";
358
+ ref: "alpha-color-blue-300";
371
359
  }>;
372
- "alpha-bg-blue-light": Readonly<{
360
+ "alpha-color-bg-blue-light": Readonly<{
373
361
  value: "#84a5ff73";
374
- ref: "alpha-blue-300-45";
362
+ ref: "alpha-color-blue-300-45";
375
363
  }>;
376
- "alpha-bg-blue-lighter": Readonly<{
364
+ "alpha-color-bg-blue-lighter": Readonly<{
377
365
  value: "#84a5ff4d";
378
- ref: "alpha-blue-300-30";
366
+ ref: "alpha-color-blue-300-30";
379
367
  }>;
380
- "alpha-bg-blue-lightest": Readonly<{
368
+ "alpha-color-bg-blue-lightest": Readonly<{
381
369
  value: "#84a5ff26";
382
- ref: "alpha-blue-300-15";
370
+ ref: "alpha-color-blue-300-15";
383
371
  }>;
384
- "alpha-bg-blue-dark": Readonly<{
372
+ "alpha-color-bg-blue-dark": Readonly<{
385
373
  value: "#6d6afc";
386
- ref: "alpha-blue-400";
374
+ ref: "alpha-color-blue-400";
387
375
  }>;
388
- "alpha-bg-blue-shade-light": Readonly<{
376
+ "alpha-color-bg-blue-shade-light": Readonly<{
389
377
  value: "#4c528966";
390
- ref: "alpha-shade-blue-600-40";
378
+ ref: "alpha-color-shade-blue-600-40";
391
379
  }>;
392
- "alpha-bg-blue-shade-normal": Readonly<{
380
+ "alpha-color-bg-blue-shade-normal": Readonly<{
393
381
  value: "#4c5289";
394
- ref: "alpha-shade-blue-600";
382
+ ref: "alpha-color-shade-blue-600";
395
383
  }>;
396
- "alpha-bg-cobalt-normal": Readonly<{
397
- value: "#7dc2fa";
398
- ref: "alpha-cobalt-300";
384
+ "alpha-color-bg-cobalt-normal": Readonly<{
385
+ value: "#77c0fb";
386
+ ref: "alpha-color-cobalt-300";
399
387
  }>;
400
- "alpha-bg-cobalt-light": Readonly<{
388
+ "alpha-color-bg-cobalt-light": Readonly<{
401
389
  value: "#77c0fb73";
402
- ref: "alpha-cobalt-300-45";
390
+ ref: "alpha-color-cobalt-300-45";
403
391
  }>;
404
- "alpha-bg-cobalt-lighter": Readonly<{
392
+ "alpha-color-bg-cobalt-lighter": Readonly<{
405
393
  value: "#77c0fb4d";
406
- ref: "alpha-cobalt-300-30";
394
+ ref: "alpha-color-cobalt-300-30";
407
395
  }>;
408
- "alpha-bg-cobalt-lightest": Readonly<{
396
+ "alpha-color-bg-cobalt-lightest": Readonly<{
409
397
  value: "#77c0fb26";
410
- ref: "alpha-cobalt-300-15";
398
+ ref: "alpha-color-cobalt-300-15";
411
399
  }>;
412
- "alpha-bg-cobalt-dark": Readonly<{
400
+ "alpha-color-bg-cobalt-dark": Readonly<{
413
401
  value: "#5093e5";
414
- ref: "alpha-cobalt-400";
402
+ ref: "alpha-color-cobalt-400";
415
403
  }>;
416
- "alpha-bg-cobalt-shade-light": Readonly<{
404
+ "alpha-color-bg-cobalt-shade-light": Readonly<{
417
405
  value: "#4a618566";
418
- ref: "alpha-shade-cobalt-600-40";
406
+ ref: "alpha-color-shade-cobalt-600-40";
419
407
  }>;
420
- "alpha-bg-cobalt-shade-normal": Readonly<{
408
+ "alpha-color-bg-cobalt-shade-normal": Readonly<{
421
409
  value: "#4a6185";
422
- ref: "alpha-shade-cobalt-600";
410
+ ref: "alpha-color-shade-cobalt-600";
423
411
  }>;
424
- "alpha-bg-red-normal": Readonly<{
412
+ "alpha-color-bg-red-normal": Readonly<{
425
413
  value: "#ff8c8c";
426
- ref: "alpha-red-300";
414
+ ref: "alpha-color-red-300";
427
415
  }>;
428
- "alpha-bg-red-light": Readonly<{
416
+ "alpha-color-bg-red-light": Readonly<{
429
417
  value: "#ff8c8c73";
430
- ref: "alpha-red-300-45";
418
+ ref: "alpha-color-red-300-45";
431
419
  }>;
432
- "alpha-bg-red-lighter": Readonly<{
420
+ "alpha-color-bg-red-lighter": Readonly<{
433
421
  value: "#ff8c8c4d";
434
- ref: "alpha-red-300-30";
422
+ ref: "alpha-color-red-300-30";
435
423
  }>;
436
- "alpha-bg-red-lightest": Readonly<{
424
+ "alpha-color-bg-red-lightest": Readonly<{
437
425
  value: "#ff8c8c26";
438
- ref: "alpha-red-300-15";
426
+ ref: "alpha-color-red-300-15";
439
427
  }>;
440
- "alpha-bg-red-dark": Readonly<{
428
+ "alpha-color-bg-red-dark": Readonly<{
441
429
  value: "#e55c5c";
442
- ref: "alpha-red-400";
430
+ ref: "alpha-color-red-400";
443
431
  }>;
444
- "alpha-bg-red-shade-light": Readonly<{
432
+ "alpha-color-bg-red-shade-light": Readonly<{
445
433
  value: "#90424866";
446
- ref: "alpha-shade-red-600-40";
434
+ ref: "alpha-color-shade-red-600-40";
447
435
  }>;
448
- "alpha-bg-red-shade-normal": Readonly<{
436
+ "alpha-color-bg-red-shade-normal": Readonly<{
449
437
  value: "#904248";
450
- ref: "alpha-shade-red-600";
438
+ ref: "alpha-color-shade-red-600";
451
439
  }>;
452
- "alpha-bg-orange-normal": Readonly<{
440
+ "alpha-color-bg-orange-normal": Readonly<{
453
441
  value: "#ffa15e";
454
- ref: "alpha-orange-300";
442
+ ref: "alpha-color-orange-300";
455
443
  }>;
456
- "alpha-bg-orange-light": Readonly<{
444
+ "alpha-color-bg-orange-light": Readonly<{
457
445
  value: "#ffa15e73";
458
- ref: "alpha-orange-300-45";
446
+ ref: "alpha-color-orange-300-45";
459
447
  }>;
460
- "alpha-bg-orange-lighter": Readonly<{
448
+ "alpha-color-bg-orange-lighter": Readonly<{
461
449
  value: "#ffa15e4d";
462
- ref: "alpha-orange-300-30";
450
+ ref: "alpha-color-orange-300-30";
463
451
  }>;
464
- "alpha-bg-orange-lightest": Readonly<{
452
+ "alpha-color-bg-orange-lightest": Readonly<{
465
453
  value: "#ffa15e26";
466
- ref: "alpha-orange-300-15";
454
+ ref: "alpha-color-orange-300-15";
467
455
  }>;
468
- "alpha-bg-orange-dark": Readonly<{
456
+ "alpha-color-bg-orange-dark": Readonly<{
469
457
  value: "#e67f2b";
470
- ref: "alpha-orange-400";
458
+ ref: "alpha-color-orange-400";
471
459
  }>;
472
- "alpha-bg-orange-shade-light": Readonly<{
460
+ "alpha-color-bg-orange-shade-light": Readonly<{
473
461
  value: "#895a3466";
474
- ref: "alpha-shade-orange-600-40";
462
+ ref: "alpha-color-shade-orange-600-40";
475
463
  }>;
476
- "alpha-bg-orange-shade-normal": Readonly<{
464
+ "alpha-color-bg-orange-shade-normal": Readonly<{
477
465
  value: "#895a34";
478
- ref: "alpha-shade-orange-600";
466
+ ref: "alpha-color-shade-orange-600";
479
467
  }>;
480
- "alpha-bg-green-normal": Readonly<{
468
+ "alpha-color-bg-green-normal": Readonly<{
481
469
  value: "#7ad890";
482
- ref: "alpha-green-300";
470
+ ref: "alpha-color-green-300";
483
471
  }>;
484
- "alpha-bg-green-light": Readonly<{
472
+ "alpha-color-bg-green-light": Readonly<{
485
473
  value: "#7ad89073";
486
- ref: "alpha-green-300-45";
474
+ ref: "alpha-color-green-300-45";
487
475
  }>;
488
- "alpha-bg-green-lighter": Readonly<{
476
+ "alpha-color-bg-green-lighter": Readonly<{
489
477
  value: "#7ad8904d";
490
- ref: "alpha-green-300-30";
478
+ ref: "alpha-color-green-300-30";
491
479
  }>;
492
- "alpha-bg-green-lightest": Readonly<{
480
+ "alpha-color-bg-green-lightest": Readonly<{
493
481
  value: "#7ad89026";
494
- ref: "alpha-green-300-15";
482
+ ref: "alpha-color-green-300-15";
495
483
  }>;
496
- "alpha-bg-green-dark": Readonly<{
484
+ "alpha-color-bg-green-dark": Readonly<{
497
485
  value: "#40ad67";
498
- ref: "alpha-green-400";
486
+ ref: "alpha-color-green-400";
499
487
  }>;
500
- "alpha-bg-green-shade-light": Readonly<{
488
+ "alpha-color-bg-green-shade-light": Readonly<{
501
489
  value: "#4c7a5e66";
502
- ref: "alpha-shade-green-600-40";
490
+ ref: "alpha-color-shade-green-600-40";
503
491
  }>;
504
- "alpha-bg-green-shade-normal": Readonly<{
492
+ "alpha-color-bg-green-shade-normal": Readonly<{
505
493
  value: "#4c7a5e";
506
- ref: "alpha-shade-green-600";
494
+ ref: "alpha-color-shade-green-600";
507
495
  }>;
508
- "alpha-bg-teal-normal": Readonly<{
496
+ "alpha-color-bg-teal-normal": Readonly<{
509
497
  value: "#40d3c5";
510
- ref: "alpha-teal-300";
498
+ ref: "alpha-color-teal-300";
511
499
  }>;
512
- "alpha-bg-teal-light": Readonly<{
500
+ "alpha-color-bg-teal-light": Readonly<{
513
501
  value: "#40d3c573";
514
- ref: "alpha-teal-300-45";
502
+ ref: "alpha-color-teal-300-45";
515
503
  }>;
516
- "alpha-bg-teal-lighter": Readonly<{
504
+ "alpha-color-bg-teal-lighter": Readonly<{
517
505
  value: "#40d3c54d";
518
- ref: "alpha-teal-300-30";
506
+ ref: "alpha-color-teal-300-30";
519
507
  }>;
520
- "alpha-bg-teal-lightest": Readonly<{
508
+ "alpha-color-bg-teal-lightest": Readonly<{
521
509
  value: "#40d3c526";
522
- ref: "alpha-teal-300-15";
510
+ ref: "alpha-color-teal-300-15";
523
511
  }>;
524
- "alpha-bg-teal-dark": Readonly<{
512
+ "alpha-color-bg-teal-dark": Readonly<{
525
513
  value: "#09b2ac";
526
- ref: "alpha-teal-400";
514
+ ref: "alpha-color-teal-400";
527
515
  }>;
528
- "alpha-bg-teal-shade-light": Readonly<{
516
+ "alpha-color-bg-teal-shade-light": Readonly<{
529
517
  value: "#47737d66";
530
- ref: "alpha-shade-teal-600-40";
518
+ ref: "alpha-color-shade-teal-600-40";
531
519
  }>;
532
- "alpha-bg-teal-shade-normal": Readonly<{
520
+ "alpha-color-bg-teal-shade-normal": Readonly<{
533
521
  value: "#47737d";
534
- ref: "alpha-shade-teal-600";
522
+ ref: "alpha-color-shade-teal-600";
535
523
  }>;
536
- "alpha-bg-olive-normal": Readonly<{
524
+ "alpha-color-bg-olive-normal": Readonly<{
537
525
  value: "#c8d630";
538
- ref: "alpha-olive-300";
526
+ ref: "alpha-color-olive-300";
539
527
  }>;
540
- "alpha-bg-olive-light": Readonly<{
528
+ "alpha-color-bg-olive-light": Readonly<{
541
529
  value: "#c8d63073";
542
- ref: "alpha-olive-300-45";
530
+ ref: "alpha-color-olive-300-45";
543
531
  }>;
544
- "alpha-bg-olive-lighter": Readonly<{
532
+ "alpha-color-bg-olive-lighter": Readonly<{
545
533
  value: "#c8d6304d";
546
- ref: "alpha-olive-300-30";
534
+ ref: "alpha-color-olive-300-30";
547
535
  }>;
548
- "alpha-bg-olive-lightest": Readonly<{
536
+ "alpha-color-bg-olive-lightest": Readonly<{
549
537
  value: "#c8d63026";
550
- ref: "alpha-olive-300-15";
538
+ ref: "alpha-color-olive-300-15";
551
539
  }>;
552
- "alpha-bg-olive-dark": Readonly<{
540
+ "alpha-color-bg-olive-dark": Readonly<{
553
541
  value: "#a9b110";
554
- ref: "alpha-olive-400";
542
+ ref: "alpha-color-olive-400";
555
543
  }>;
556
- "alpha-bg-olive-shade-light": Readonly<{
544
+ "alpha-color-bg-olive-shade-light": Readonly<{
557
545
  value: "#73763866";
558
- ref: "alpha-shade-olive-600-40";
546
+ ref: "alpha-color-shade-olive-600-40";
559
547
  }>;
560
- "alpha-bg-olive-shade-normal": Readonly<{
548
+ "alpha-color-bg-olive-shade-normal": Readonly<{
561
549
  value: "#737638";
562
- ref: "alpha-shade-olive-600";
550
+ ref: "alpha-color-shade-olive-600";
563
551
  }>;
564
- "alpha-bg-yellow-normal": Readonly<{
552
+ "alpha-color-bg-yellow-normal": Readonly<{
565
553
  value: "#f9c835";
566
- ref: "alpha-yellow-300";
554
+ ref: "alpha-color-yellow-300";
567
555
  }>;
568
- "alpha-bg-yellow-light": Readonly<{
556
+ "alpha-color-bg-yellow-light": Readonly<{
569
557
  value: "#f9c83573";
570
- ref: "alpha-yellow-300-45";
558
+ ref: "alpha-color-yellow-300-45";
571
559
  }>;
572
- "alpha-bg-yellow-lighter": Readonly<{
560
+ "alpha-color-bg-yellow-lighter": Readonly<{
573
561
  value: "#f9c8354d";
574
- ref: "alpha-yellow-300-30";
562
+ ref: "alpha-color-yellow-300-30";
575
563
  }>;
576
- "alpha-bg-yellow-lightest": Readonly<{
564
+ "alpha-color-bg-yellow-lightest": Readonly<{
577
565
  value: "#f9c83526";
578
- ref: "alpha-yellow-300-15";
566
+ ref: "alpha-color-yellow-300-15";
579
567
  }>;
580
- "alpha-bg-yellow-dark": Readonly<{
568
+ "alpha-color-bg-yellow-dark": Readonly<{
581
569
  value: "#edae0d";
582
- ref: "alpha-yellow-400";
570
+ ref: "alpha-color-yellow-400";
583
571
  }>;
584
- "alpha-bg-yellow-shade-light": Readonly<{
572
+ "alpha-color-bg-yellow-shade-light": Readonly<{
585
573
  value: "#7d6a2666";
586
- ref: "alpha-shade-yellow-600-40";
574
+ ref: "alpha-color-shade-yellow-600-40";
587
575
  }>;
588
- "alpha-bg-yellow-shade-normal": Readonly<{
576
+ "alpha-color-bg-yellow-shade-normal": Readonly<{
589
577
  value: "#7d6a26";
590
- ref: "alpha-shade-yellow-600";
578
+ ref: "alpha-color-shade-yellow-600";
591
579
  }>;
592
- "alpha-bg-pink-normal": Readonly<{
580
+ "alpha-color-bg-pink-normal": Readonly<{
593
581
  value: "#ec6fd3";
594
- ref: "alpha-pink-300";
582
+ ref: "alpha-color-pink-300";
595
583
  }>;
596
- "alpha-bg-pink-light": Readonly<{
584
+ "alpha-color-bg-pink-light": Readonly<{
597
585
  value: "#ec6fd373";
598
- ref: "alpha-pink-300-45";
586
+ ref: "alpha-color-pink-300-45";
599
587
  }>;
600
- "alpha-bg-pink-lighter": Readonly<{
588
+ "alpha-color-bg-pink-lighter": Readonly<{
601
589
  value: "#ec6fd34d";
602
- ref: "alpha-pink-300-30";
590
+ ref: "alpha-color-pink-300-30";
603
591
  }>;
604
- "alpha-bg-pink-lightest": Readonly<{
592
+ "alpha-color-bg-pink-lightest": Readonly<{
605
593
  value: "#ec6fd326";
606
- ref: "alpha-pink-300-15";
594
+ ref: "alpha-color-pink-300-15";
607
595
  }>;
608
- "alpha-bg-pink-dark": Readonly<{
596
+ "alpha-color-bg-pink-dark": Readonly<{
609
597
  value: "#d64bb5";
610
- ref: "alpha-pink-400";
598
+ ref: "alpha-color-pink-400";
611
599
  }>;
612
- "alpha-bg-pink-shade-light": Readonly<{
600
+ "alpha-color-bg-pink-shade-light": Readonly<{
613
601
  value: "#85407566";
614
- ref: "alpha-shade-pink-600-40";
602
+ ref: "alpha-color-shade-pink-600-40";
615
603
  }>;
616
- "alpha-bg-pink-shade-normal": Readonly<{
604
+ "alpha-color-bg-pink-shade-normal": Readonly<{
617
605
  value: "#854075";
618
- ref: "alpha-shade-pink-600";
606
+ ref: "alpha-color-shade-pink-600";
619
607
  }>;
620
- "alpha-bg-purple-normal": Readonly<{
608
+ "alpha-color-bg-purple-normal": Readonly<{
621
609
  value: "#b184ff";
622
- ref: "alpha-purple-300";
610
+ ref: "alpha-color-purple-300";
623
611
  }>;
624
- "alpha-bg-purple-light": Readonly<{
612
+ "alpha-color-bg-purple-light": Readonly<{
625
613
  value: "#b184ff73";
626
- ref: "alpha-purple-300-45";
614
+ ref: "alpha-color-purple-300-45";
627
615
  }>;
628
- "alpha-bg-purple-lighter": Readonly<{
616
+ "alpha-color-bg-purple-lighter": Readonly<{
629
617
  value: "#b184ff4d";
630
- ref: "alpha-purple-300-30";
618
+ ref: "alpha-color-purple-300-30";
631
619
  }>;
632
- "alpha-bg-purple-lightest": Readonly<{
620
+ "alpha-color-bg-purple-lightest": Readonly<{
633
621
  value: "#b184ff26";
634
- ref: "alpha-purple-300-15";
622
+ ref: "alpha-color-purple-300-15";
635
623
  }>;
636
- "alpha-bg-purple-dark": Readonly<{
624
+ "alpha-color-bg-purple-dark": Readonly<{
637
625
  value: "#8e57e7";
638
- ref: "alpha-purple-400";
626
+ ref: "alpha-color-purple-400";
639
627
  }>;
640
- "alpha-bg-purple-shade-light": Readonly<{
628
+ "alpha-color-bg-purple-shade-light": Readonly<{
641
629
  value: "#5b467d66";
642
- ref: "alpha-shade-purple-600-40";
630
+ ref: "alpha-color-shade-purple-600-40";
643
631
  }>;
644
- "alpha-bg-purple-shade-normal": Readonly<{
632
+ "alpha-color-bg-purple-shade-normal": Readonly<{
645
633
  value: "#5b467d";
646
- ref: "alpha-shade-purple-600";
634
+ ref: "alpha-color-shade-purple-600";
647
635
  }>;
648
- "alpha-bg-navy-normal": Readonly<{
636
+ "alpha-color-bg-navy-normal": Readonly<{
649
637
  value: "#7683d3";
650
- ref: "alpha-navy-300";
638
+ ref: "alpha-color-navy-300";
651
639
  }>;
652
- "alpha-bg-navy-light": Readonly<{
640
+ "alpha-color-bg-navy-light": Readonly<{
653
641
  value: "#7683d373";
654
- ref: "alpha-navy-300-45";
642
+ ref: "alpha-color-navy-300-45";
655
643
  }>;
656
- "alpha-bg-navy-lighter": Readonly<{
644
+ "alpha-color-bg-navy-lighter": Readonly<{
657
645
  value: "#7683d34d";
658
- ref: "alpha-navy-300-30";
646
+ ref: "alpha-color-navy-300-30";
659
647
  }>;
660
- "alpha-bg-navy-lightest": Readonly<{
648
+ "alpha-color-bg-navy-lightest": Readonly<{
661
649
  value: "#7683d326";
662
- ref: "alpha-navy-300-15";
650
+ ref: "alpha-color-navy-300-15";
663
651
  }>;
664
- "alpha-bg-navy-dark": Readonly<{
652
+ "alpha-color-bg-navy-dark": Readonly<{
665
653
  value: "#424fab";
666
- ref: "alpha-navy-400";
654
+ ref: "alpha-color-navy-400";
667
655
  }>;
668
- "alpha-bg-navy-shade-light": Readonly<{
656
+ "alpha-color-bg-navy-shade-light": Readonly<{
669
657
  value: "#373b5666";
670
- ref: "alpha-shade-navy-600-40";
658
+ ref: "alpha-color-shade-navy-600-40";
671
659
  }>;
672
- "alpha-bg-navy-shade-normal": Readonly<{
660
+ "alpha-color-bg-navy-shade-normal": Readonly<{
673
661
  value: "#373b56";
674
- ref: "alpha-shade-navy-600";
662
+ ref: "alpha-color-shade-navy-600";
675
663
  }>;
676
- "alpha-bg-absolute-black-dark": Readonly<{
664
+ "alpha-color-bg-absolute-black-dark": Readonly<{
677
665
  value: "#000000";
678
- ref: "alpha-black-100";
666
+ ref: "alpha-color-black-100";
679
667
  }>;
680
- "alpha-bg-absolute-black-normal": Readonly<{
668
+ "alpha-color-bg-absolute-black-normal": Readonly<{
681
669
  value: "#000000d9";
682
- ref: "alpha-black-85";
670
+ ref: "alpha-color-black-85";
683
671
  }>;
684
- "alpha-bg-absolute-black-light": Readonly<{
672
+ "alpha-color-bg-absolute-black-light": Readonly<{
685
673
  value: "#00000099";
686
- ref: "alpha-black-60";
674
+ ref: "alpha-color-black-60";
687
675
  }>;
688
- "alpha-bg-absolute-black-lighter": Readonly<{
676
+ "alpha-color-bg-absolute-black-lighter": Readonly<{
689
677
  value: "#00000066";
690
- ref: "alpha-black-40";
678
+ ref: "alpha-color-black-40";
691
679
  }>;
692
- "alpha-bg-absolute-black-lightest": Readonly<{
680
+ "alpha-color-bg-absolute-black-lightest": Readonly<{
693
681
  value: "#00000033";
694
- ref: "alpha-black-20";
682
+ ref: "alpha-color-black-20";
695
683
  }>;
696
- "alpha-bg-absolute-white-dark": Readonly<{
684
+ "alpha-color-bg-absolute-white-dark": Readonly<{
697
685
  value: "#ffffff";
698
- ref: "alpha-white-100";
686
+ ref: "alpha-color-white-100";
699
687
  }>;
700
- "alpha-bg-absolute-white-normal": Readonly<{
688
+ "alpha-color-bg-absolute-white-normal": Readonly<{
701
689
  value: "#ffffffe6";
702
- ref: "alpha-white-90";
690
+ ref: "alpha-color-white-90";
703
691
  }>;
704
- "alpha-bg-absolute-white-light": Readonly<{
692
+ "alpha-color-bg-absolute-white-light": Readonly<{
705
693
  value: "#ffffff99";
706
- ref: "alpha-white-60";
694
+ ref: "alpha-color-white-60";
707
695
  }>;
708
- "alpha-bg-absolute-white-lighter": Readonly<{
696
+ "alpha-color-bg-absolute-white-lighter": Readonly<{
709
697
  value: "#ffffff66";
710
- ref: "alpha-white-40";
698
+ ref: "alpha-color-white-40";
711
699
  }>;
712
- "alpha-bg-absolute-white-lightest": Readonly<{
700
+ "alpha-color-bg-absolute-white-lightest": Readonly<{
713
701
  value: "#ffffff33";
714
- ref: "alpha-white-20";
702
+ ref: "alpha-color-white-20";
715
703
  }>;
716
- "alpha-surface-lowest": Readonly<{
704
+ "alpha-color-surface-lowest": Readonly<{
717
705
  value: "#313234";
718
- ref: "alpha-grey-800";
706
+ ref: "alpha-color-grey-800";
719
707
  }>;
720
- "alpha-surface-lower": Readonly<{
708
+ "alpha-color-surface-lower": Readonly<{
721
709
  value: "#2a2b2d";
722
- ref: "alpha-grey-850";
710
+ ref: "alpha-color-grey-850";
723
711
  }>;
724
- "alpha-surface-normal": Readonly<{
712
+ "alpha-color-surface-normal": Readonly<{
725
713
  value: "#242428";
726
- ref: "alpha-grey-900";
714
+ ref: "alpha-color-grey-900";
715
+ }>;
716
+ "alpha-color-shadow-xlarge": Readonly<{
717
+ value: "#00000099";
718
+ ref: "alpha-color-black-60";
719
+ }>;
720
+ "alpha-color-shadow-large": Readonly<{
721
+ value: "#00000066";
722
+ ref: "alpha-color-black-40";
727
723
  }>;
728
- "alpha-dim-black-light": Readonly<{
724
+ "alpha-color-shadow-medium": Readonly<{
729
725
  value: "#00000033";
730
- ref: "alpha-bg-absolute-black-lightest";
726
+ ref: "alpha-color-black-20";
731
727
  }>;
732
- "alpha-dim-black-normal": Readonly<{
728
+ "alpha-color-shadow-small": Readonly<{
729
+ value: "#00000026";
730
+ ref: "alpha-color-black-15";
731
+ }>;
732
+ "alpha-color-shadow-base": Readonly<{
733
+ value: "#00000014";
734
+ ref: "alpha-color-black-8";
735
+ }>;
736
+ "alpha-color-shadow-base-inner": Readonly<{
737
+ value: "#ffffff14";
738
+ ref: "alpha-color-white-8";
739
+ }>;
740
+ "alpha-color-dim-black-light": Readonly<{
741
+ value: "#00000033";
742
+ ref: "alpha-color-bg-absolute-black-lightest";
743
+ }>;
744
+ "alpha-color-dim-black-normal": Readonly<{
733
745
  value: "#00000066";
734
- ref: "alpha-bg-absolute-black-lighter";
746
+ ref: "alpha-color-bg-absolute-black-lighter";
735
747
  }>;
736
- "alpha-primary-bg-normal": Readonly<{
748
+ "alpha-color-primary-bg-normal": Readonly<{
737
749
  value: "#84a5ff";
738
- ref: "alpha-bg-blue-normal";
750
+ ref: "alpha-color-bg-blue-normal";
739
751
  }>;
740
- "alpha-primary-bg-light": Readonly<{
752
+ "alpha-color-primary-bg-light": Readonly<{
741
753
  value: "#84a5ff73";
742
- ref: "alpha-bg-blue-light";
754
+ ref: "alpha-color-bg-blue-light";
743
755
  }>;
744
- "alpha-primary-bg-lighter": Readonly<{
756
+ "alpha-color-primary-bg-lighter": Readonly<{
745
757
  value: "#84a5ff4d";
746
- ref: "alpha-bg-blue-lighter";
758
+ ref: "alpha-color-bg-blue-lighter";
747
759
  }>;
748
- "alpha-primary-bg-lightest": Readonly<{
760
+ "alpha-color-primary-bg-lightest": Readonly<{
749
761
  value: "#84a5ff26";
750
- ref: "alpha-bg-blue-lightest";
762
+ ref: "alpha-color-bg-blue-lightest";
751
763
  }>;
752
- "alpha-primary-bg-dark": Readonly<{
764
+ "alpha-color-primary-bg-dark": Readonly<{
753
765
  value: "#6d6afc";
754
- ref: "alpha-bg-blue-dark";
766
+ ref: "alpha-color-bg-blue-dark";
755
767
  }>;
756
- "alpha-primary-fg-normal": Readonly<{
768
+ "alpha-color-primary-fg-normal": Readonly<{
757
769
  value: "#84a5ff";
758
- ref: "alpha-fg-blue-normal";
770
+ ref: "alpha-color-fg-blue-normal";
759
771
  }>;
760
- "alpha-primary-fg-light": Readonly<{
772
+ "alpha-color-primary-fg-light": Readonly<{
761
773
  value: "#84a5ff73";
762
- ref: "alpha-fg-blue-light";
774
+ ref: "alpha-color-fg-blue-light";
763
775
  }>;
764
- "alpha-primary-fg-dark": Readonly<{
776
+ "alpha-color-primary-fg-dark": Readonly<{
765
777
  value: "#84a5ff";
766
- ref: "alpha-fg-blue-dark";
778
+ ref: "alpha-color-fg-blue-dark";
767
779
  }>;
768
- "alpha-critical-bg-dark": Readonly<{
780
+ "alpha-color-critical-bg-dark": Readonly<{
769
781
  value: "#e55c5c";
770
- ref: "alpha-bg-red-dark";
782
+ ref: "alpha-color-bg-red-dark";
771
783
  }>;
772
- "alpha-critical-bg-normal": Readonly<{
784
+ "alpha-color-critical-bg-normal": Readonly<{
773
785
  value: "#ff8c8c";
774
- ref: "alpha-fg-red-normal";
786
+ ref: "alpha-color-fg-red-normal";
775
787
  }>;
776
- "alpha-critical-bg-light": Readonly<{
788
+ "alpha-color-critical-bg-light": Readonly<{
777
789
  value: "#ff8c8c73";
778
- ref: "alpha-bg-red-light";
790
+ ref: "alpha-color-bg-red-light";
779
791
  }>;
780
- "alpha-critical-bg-lighter": Readonly<{
792
+ "alpha-color-critical-bg-lighter": Readonly<{
781
793
  value: "#ff8c8c4d";
782
- ref: "alpha-bg-red-lighter";
794
+ ref: "alpha-color-bg-red-lighter";
783
795
  }>;
784
- "alpha-critical-bg-lightest": Readonly<{
796
+ "alpha-color-critical-bg-lightest": Readonly<{
785
797
  value: "#ff8c8c26";
786
- ref: "alpha-bg-red-lightest";
798
+ ref: "alpha-color-bg-red-lightest";
787
799
  }>;
788
- "alpha-critical-fg-normal": Readonly<{
800
+ "alpha-color-critical-fg-normal": Readonly<{
789
801
  value: "#ff8c8c";
790
- ref: "alpha-fg-red-normal";
802
+ ref: "alpha-color-fg-red-normal";
791
803
  }>;
792
- "alpha-critical-fg-light": Readonly<{
804
+ "alpha-color-critical-fg-light": Readonly<{
793
805
  value: "#ff8c8c73";
794
- ref: "alpha-fg-red-light";
806
+ ref: "alpha-color-fg-red-light";
795
807
  }>;
796
- "alpha-critical-fg-dark": Readonly<{
797
- value: "#ffa6a6";
798
- ref: "alpha-fg-red-dark";
808
+ "alpha-color-critical-fg-dark": Readonly<{
809
+ value: "#ff8c8c";
810
+ ref: "alpha-color-fg-red-dark";
799
811
  }>;
800
- "alpha-warning-bg-dark": Readonly<{
812
+ "alpha-color-warning-bg-dark": Readonly<{
801
813
  value: "#e67f2b";
802
- ref: "alpha-bg-orange-dark";
814
+ ref: "alpha-color-bg-orange-dark";
803
815
  }>;
804
- "alpha-warning-bg-normal": Readonly<{
816
+ "alpha-color-warning-bg-normal": Readonly<{
805
817
  value: "#ffa15e";
806
- ref: "alpha-bg-orange-normal";
818
+ ref: "alpha-color-bg-orange-normal";
807
819
  }>;
808
- "alpha-warning-bg-light": Readonly<{
820
+ "alpha-color-warning-bg-light": Readonly<{
809
821
  value: "#ffa15e73";
810
- ref: "alpha-bg-orange-light";
822
+ ref: "alpha-color-bg-orange-light";
811
823
  }>;
812
- "alpha-warning-bg-lighter": Readonly<{
824
+ "alpha-color-warning-bg-lighter": Readonly<{
813
825
  value: "#ffa15e4d";
814
- ref: "alpha-bg-orange-lighter";
826
+ ref: "alpha-color-bg-orange-lighter";
815
827
  }>;
816
- "alpha-warning-bg-lightest": Readonly<{
828
+ "alpha-color-warning-bg-lightest": Readonly<{
817
829
  value: "#ffa15e26";
818
- ref: "alpha-bg-orange-lightest";
830
+ ref: "alpha-color-bg-orange-lightest";
819
831
  }>;
820
- "alpha-warning-fg-normal": Readonly<{
832
+ "alpha-color-warning-fg-normal": Readonly<{
821
833
  value: "#ffa15e";
822
- ref: "alpha-fg-orange-normal";
834
+ ref: "alpha-color-fg-orange-normal";
823
835
  }>;
824
- "alpha-warning-fg-light": Readonly<{
836
+ "alpha-color-warning-fg-light": Readonly<{
825
837
  value: "#ffa15e73";
826
- ref: "alpha-fg-orange-light";
838
+ ref: "alpha-color-fg-orange-light";
827
839
  }>;
828
- "alpha-warning-fg-dark": Readonly<{
829
- value: "#ffb77d";
830
- ref: "alpha-fg-orange-dark";
840
+ "alpha-color-warning-fg-dark": Readonly<{
841
+ value: "#ffa15e";
842
+ ref: "alpha-color-fg-orange-dark";
831
843
  }>;
832
- "alpha-accent-bg-dark": Readonly<{
844
+ "alpha-color-accent-bg-dark": Readonly<{
833
845
  value: "#5093e5";
834
- ref: "alpha-bg-cobalt-dark";
846
+ ref: "alpha-color-bg-cobalt-dark";
835
847
  }>;
836
- "alpha-accent-bg-normal": Readonly<{
837
- value: "#7dc2fa";
838
- ref: "alpha-bg-cobalt-normal";
848
+ "alpha-color-accent-bg-normal": Readonly<{
849
+ value: "#77c0fb";
850
+ ref: "alpha-color-bg-cobalt-normal";
839
851
  }>;
840
- "alpha-accent-bg-light": Readonly<{
852
+ "alpha-color-accent-bg-light": Readonly<{
841
853
  value: "#77c0fb73";
842
- ref: "alpha-bg-cobalt-light";
854
+ ref: "alpha-color-bg-cobalt-light";
843
855
  }>;
844
- "alpha-accent-bg-lighter": Readonly<{
856
+ "alpha-color-accent-bg-lighter": Readonly<{
845
857
  value: "#77c0fb4d";
846
- ref: "alpha-bg-cobalt-lighter";
858
+ ref: "alpha-color-bg-cobalt-lighter";
847
859
  }>;
848
- "alpha-accent-bg-lightest": Readonly<{
860
+ "alpha-color-accent-bg-lightest": Readonly<{
849
861
  value: "#77c0fb26";
850
- ref: "alpha-bg-cobalt-lightest";
862
+ ref: "alpha-color-bg-cobalt-lightest";
851
863
  }>;
852
- "alpha-accent-fg-normal": Readonly<{
853
- value: "#7dc2fa";
854
- ref: "alpha-fg-cobalt-normal";
864
+ "alpha-color-accent-fg-normal": Readonly<{
865
+ value: "#77c0fb";
866
+ ref: "alpha-color-fg-cobalt-normal";
855
867
  }>;
856
- "alpha-accent-fg-light": Readonly<{
868
+ "alpha-color-accent-fg-light": Readonly<{
857
869
  value: "#77c0fb73";
858
- ref: "alpha-fg-cobalt-light";
870
+ ref: "alpha-color-fg-cobalt-light";
859
871
  }>;
860
- "alpha-accent-fg-dark": Readonly<{
861
- value: "#9ad1ff";
862
- ref: "alpha-fg-cobalt-dark";
872
+ "alpha-color-accent-fg-dark": Readonly<{
873
+ value: "#77c0fb";
874
+ ref: "alpha-color-fg-cobalt-dark";
863
875
  }>;
864
- "alpha-success-bg-dark": Readonly<{
876
+ "alpha-color-success-bg-dark": Readonly<{
865
877
  value: "#40ad67";
866
- ref: "alpha-bg-green-dark";
878
+ ref: "alpha-color-bg-green-dark";
867
879
  }>;
868
- "alpha-success-bg-normal": Readonly<{
880
+ "alpha-color-success-bg-normal": Readonly<{
869
881
  value: "#7ad890";
870
- ref: "alpha-bg-green-normal";
882
+ ref: "alpha-color-bg-green-normal";
871
883
  }>;
872
- "alpha-success-bg-light": Readonly<{
884
+ "alpha-color-success-bg-light": Readonly<{
873
885
  value: "#7ad89073";
874
- ref: "alpha-bg-green-light";
886
+ ref: "alpha-color-bg-green-light";
875
887
  }>;
876
- "alpha-success-bg-lighter": Readonly<{
888
+ "alpha-color-success-bg-lighter": Readonly<{
877
889
  value: "#7ad8904d";
878
- ref: "alpha-bg-green-lighter";
890
+ ref: "alpha-color-bg-green-lighter";
879
891
  }>;
880
- "alpha-success-bg-lightest": Readonly<{
892
+ "alpha-color-success-bg-lightest": Readonly<{
881
893
  value: "#7ad89026";
882
- ref: "alpha-bg-green-lightest";
894
+ ref: "alpha-color-bg-green-lightest";
883
895
  }>;
884
- "alpha-success-fg-normal": Readonly<{
896
+ "alpha-color-success-fg-normal": Readonly<{
885
897
  value: "#7ad890";
886
- ref: "alpha-fg-green-normal";
898
+ ref: "alpha-color-fg-green-normal";
887
899
  }>;
888
- "alpha-success-fg-light": Readonly<{
900
+ "alpha-color-success-fg-light": Readonly<{
889
901
  value: "#7ad89073";
890
- ref: "alpha-fg-green-light";
902
+ ref: "alpha-color-fg-green-light";
891
903
  }>;
892
- "alpha-success-fg-dark": Readonly<{
893
- value: "#91e5a4";
894
- ref: "alpha-fg-green-dark";
904
+ "alpha-color-success-fg-dark": Readonly<{
905
+ value: "#7ad890";
906
+ ref: "alpha-color-fg-green-dark";
895
907
  }>;
896
908
  }>;
897
909
  }>;
898
910
  global: Readonly<{
899
911
  color: Readonly<{
900
- "alpha-blue-100": Readonly<{
912
+ "alpha-color-blue-100": Readonly<{
901
913
  value: "#a9c6ff";
902
914
  ref: null;
903
915
  }>;
904
- "alpha-blue-200": Readonly<{
916
+ "alpha-color-blue-200": Readonly<{
905
917
  value: "#96b7ff";
906
918
  ref: null;
907
919
  }>;
908
- "alpha-blue-300": Readonly<{
920
+ "alpha-color-blue-300": Readonly<{
909
921
  value: "#84a5ff";
910
922
  ref: null;
911
923
  }>;
912
- "alpha-blue-400": Readonly<{
924
+ "alpha-color-blue-400": Readonly<{
913
925
  value: "#6d6afc";
914
926
  ref: null;
915
927
  }>;
916
- "alpha-blue-500": Readonly<{
928
+ "alpha-color-blue-500": Readonly<{
917
929
  value: "#5950dc";
918
930
  ref: null;
919
931
  }>;
920
- "alpha-blue-600": Readonly<{
932
+ "alpha-color-blue-600": Readonly<{
921
933
  value: "#4941bc";
922
934
  ref: null;
923
935
  }>;
924
- "alpha-blue-400-30": Readonly<{
936
+ "alpha-color-blue-400-30": Readonly<{
925
937
  value: "#6d6afc4d";
926
938
  ref: null;
927
939
  }>;
928
- "alpha-blue-400-20": Readonly<{
940
+ "alpha-color-blue-400-20": Readonly<{
929
941
  value: "#6d6afc33";
930
942
  ref: null;
931
943
  }>;
932
- "alpha-blue-400-10": Readonly<{
944
+ "alpha-color-blue-400-10": Readonly<{
933
945
  value: "#6d6afc1a";
934
946
  ref: null;
935
947
  }>;
936
- "alpha-blue-300-45": Readonly<{
948
+ "alpha-color-blue-300-45": Readonly<{
937
949
  value: "#84a5ff73";
938
950
  ref: null;
939
951
  }>;
940
- "alpha-blue-300-30": Readonly<{
952
+ "alpha-color-blue-300-30": Readonly<{
941
953
  value: "#84a5ff4d";
942
954
  ref: null;
943
955
  }>;
944
- "alpha-blue-300-15": Readonly<{
956
+ "alpha-color-blue-300-15": Readonly<{
945
957
  value: "#84a5ff26";
946
958
  ref: null;
947
959
  }>;
948
- "alpha-cobalt-100": Readonly<{
960
+ "alpha-color-cobalt-100": Readonly<{
949
961
  value: "#afdaff";
950
962
  ref: null;
951
963
  }>;
952
- "alpha-cobalt-200": Readonly<{
964
+ "alpha-color-cobalt-200": Readonly<{
953
965
  value: "#9ad1ff";
954
966
  ref: null;
955
967
  }>;
956
- "alpha-cobalt-300": Readonly<{
957
- value: "#7dc2fa";
968
+ "alpha-color-cobalt-300": Readonly<{
969
+ value: "#77c0fb";
958
970
  ref: null;
959
971
  }>;
960
- "alpha-cobalt-400": Readonly<{
972
+ "alpha-color-cobalt-400": Readonly<{
961
973
  value: "#5093e5";
962
974
  ref: null;
963
975
  }>;
964
- "alpha-cobalt-500": Readonly<{
976
+ "alpha-color-cobalt-500": Readonly<{
965
977
  value: "#3870d1";
966
978
  ref: null;
967
979
  }>;
968
- "alpha-cobalt-600": Readonly<{
980
+ "alpha-color-cobalt-600": Readonly<{
969
981
  value: "#2b59b5";
970
982
  ref: null;
971
983
  }>;
972
- "alpha-cobalt-400-30": Readonly<{
984
+ "alpha-color-cobalt-400-30": Readonly<{
973
985
  value: "#5093e54d";
974
986
  ref: null;
975
987
  }>;
976
- "alpha-cobalt-400-20": Readonly<{
988
+ "alpha-color-cobalt-400-20": Readonly<{
977
989
  value: "#5093e533";
978
990
  ref: null;
979
991
  }>;
980
- "alpha-cobalt-400-10": Readonly<{
992
+ "alpha-color-cobalt-400-10": Readonly<{
981
993
  value: "#5093e51a";
982
994
  ref: null;
983
995
  }>;
984
- "alpha-cobalt-300-45": Readonly<{
996
+ "alpha-color-cobalt-300-45": Readonly<{
985
997
  value: "#77c0fb73";
986
998
  ref: null;
987
999
  }>;
988
- "alpha-cobalt-300-30": Readonly<{
1000
+ "alpha-color-cobalt-300-30": Readonly<{
989
1001
  value: "#77c0fb4d";
990
1002
  ref: null;
991
1003
  }>;
992
- "alpha-cobalt-300-15": Readonly<{
1004
+ "alpha-color-cobalt-300-15": Readonly<{
993
1005
  value: "#77c0fb26";
994
1006
  ref: null;
995
1007
  }>;
996
- "alpha-green-100": Readonly<{
1008
+ "alpha-color-green-100": Readonly<{
997
1009
  value: "#a4ecb3";
998
1010
  ref: null;
999
1011
  }>;
1000
- "alpha-green-200": Readonly<{
1012
+ "alpha-color-green-200": Readonly<{
1001
1013
  value: "#91e5a4";
1002
1014
  ref: null;
1003
1015
  }>;
1004
- "alpha-green-300": Readonly<{
1016
+ "alpha-color-green-300": Readonly<{
1005
1017
  value: "#7ad890";
1006
1018
  ref: null;
1007
1019
  }>;
1008
- "alpha-green-400": Readonly<{
1020
+ "alpha-color-green-400": Readonly<{
1009
1021
  value: "#40ad67";
1010
1022
  ref: null;
1011
1023
  }>;
1012
- "alpha-green-500": Readonly<{
1024
+ "alpha-color-green-500": Readonly<{
1013
1025
  value: "#358761";
1014
1026
  ref: null;
1015
1027
  }>;
1016
- "alpha-green-600": Readonly<{
1028
+ "alpha-color-green-600": Readonly<{
1017
1029
  value: "#327055";
1018
1030
  ref: null;
1019
1031
  }>;
1020
- "alpha-green-400-30": Readonly<{
1032
+ "alpha-color-green-400-30": Readonly<{
1021
1033
  value: "#40ad674d";
1022
1034
  ref: null;
1023
1035
  }>;
1024
- "alpha-green-400-20": Readonly<{
1036
+ "alpha-color-green-400-20": Readonly<{
1025
1037
  value: "#40ad6733";
1026
1038
  ref: null;
1027
1039
  }>;
1028
- "alpha-green-400-10": Readonly<{
1040
+ "alpha-color-green-400-10": Readonly<{
1029
1041
  value: "#40ad671a";
1030
1042
  ref: null;
1031
1043
  }>;
1032
- "alpha-green-300-45": Readonly<{
1044
+ "alpha-color-green-300-45": Readonly<{
1033
1045
  value: "#7ad89073";
1034
1046
  ref: null;
1035
1047
  }>;
1036
- "alpha-green-300-30": Readonly<{
1048
+ "alpha-color-green-300-30": Readonly<{
1037
1049
  value: "#7ad8904d";
1038
1050
  ref: null;
1039
1051
  }>;
1040
- "alpha-green-300-15": Readonly<{
1052
+ "alpha-color-green-300-15": Readonly<{
1041
1053
  value: "#7ad89026";
1042
1054
  ref: null;
1043
1055
  }>;
1044
- "alpha-red-100": Readonly<{
1056
+ "alpha-color-red-100": Readonly<{
1045
1057
  value: "#ffb8b8";
1046
1058
  ref: null;
1047
1059
  }>;
1048
- "alpha-red-200": Readonly<{
1060
+ "alpha-color-red-200": Readonly<{
1049
1061
  value: "#ffa6a6";
1050
1062
  ref: null;
1051
1063
  }>;
1052
- "alpha-red-300": Readonly<{
1064
+ "alpha-color-red-300": Readonly<{
1053
1065
  value: "#ff8c8c";
1054
1066
  ref: null;
1055
1067
  }>;
1056
- "alpha-red-400": Readonly<{
1068
+ "alpha-color-red-400": Readonly<{
1057
1069
  value: "#e55c5c";
1058
1070
  ref: null;
1059
1071
  }>;
1060
- "alpha-red-500": Readonly<{
1072
+ "alpha-color-red-500": Readonly<{
1061
1073
  value: "#bc3a42";
1062
1074
  ref: null;
1063
1075
  }>;
1064
- "alpha-red-600": Readonly<{
1076
+ "alpha-color-red-600": Readonly<{
1065
1077
  value: "#992c34";
1066
1078
  ref: null;
1067
1079
  }>;
1068
- "alpha-red-400-30": Readonly<{
1080
+ "alpha-color-red-400-30": Readonly<{
1069
1081
  value: "#e55c5c4d";
1070
1082
  ref: null;
1071
1083
  }>;
1072
- "alpha-red-400-20": Readonly<{
1084
+ "alpha-color-red-400-20": Readonly<{
1073
1085
  value: "#e55c5c33";
1074
1086
  ref: null;
1075
1087
  }>;
1076
- "alpha-red-400-10": Readonly<{
1088
+ "alpha-color-red-400-10": Readonly<{
1077
1089
  value: "#e55c5c1a";
1078
1090
  ref: null;
1079
1091
  }>;
1080
- "alpha-red-300-45": Readonly<{
1092
+ "alpha-color-red-300-45": Readonly<{
1081
1093
  value: "#ff8c8c73";
1082
1094
  ref: null;
1083
1095
  }>;
1084
- "alpha-red-300-30": Readonly<{
1096
+ "alpha-color-red-300-30": Readonly<{
1085
1097
  value: "#ff8c8c4d";
1086
1098
  ref: null;
1087
1099
  }>;
1088
- "alpha-red-300-15": Readonly<{
1100
+ "alpha-color-red-300-15": Readonly<{
1089
1101
  value: "#ff8c8c26";
1090
1102
  ref: null;
1091
1103
  }>;
1092
- "alpha-black-3": Readonly<{
1104
+ "alpha-color-black-3": Readonly<{
1093
1105
  value: "#00000008";
1094
1106
  ref: null;
1095
1107
  }>;
1096
- "alpha-black-5": Readonly<{
1108
+ "alpha-color-black-5": Readonly<{
1097
1109
  value: "#0000000d";
1098
1110
  ref: null;
1099
1111
  }>;
1100
- "alpha-black-8": Readonly<{
1112
+ "alpha-color-black-8": Readonly<{
1101
1113
  value: "#00000014";
1102
1114
  ref: null;
1103
1115
  }>;
1104
- "alpha-black-15": Readonly<{
1116
+ "alpha-color-black-15": Readonly<{
1105
1117
  value: "#00000026";
1106
1118
  ref: null;
1107
1119
  }>;
1108
- "alpha-black-20": Readonly<{
1120
+ "alpha-color-black-20": Readonly<{
1109
1121
  value: "#00000033";
1110
1122
  ref: null;
1111
1123
  }>;
1112
- "alpha-black-22": Readonly<{
1124
+ "alpha-color-black-22": Readonly<{
1113
1125
  value: "#00000038";
1114
1126
  ref: null;
1115
1127
  }>;
1116
- "alpha-black-30": Readonly<{
1128
+ "alpha-color-black-30": Readonly<{
1117
1129
  value: "#0000004d";
1118
1130
  ref: null;
1119
1131
  }>;
1120
- "alpha-black-40": Readonly<{
1132
+ "alpha-color-black-40": Readonly<{
1121
1133
  value: "#00000066";
1122
1134
  ref: null;
1123
1135
  }>;
1124
- "alpha-black-50": Readonly<{
1136
+ "alpha-color-black-50": Readonly<{
1125
1137
  value: "#00000080";
1126
1138
  ref: null;
1127
1139
  }>;
1128
- "alpha-black-60": Readonly<{
1140
+ "alpha-color-black-60": Readonly<{
1129
1141
  value: "#00000099";
1130
1142
  ref: null;
1131
1143
  }>;
1132
- "alpha-black-70": Readonly<{
1144
+ "alpha-color-black-70": Readonly<{
1133
1145
  value: "#000000b3";
1134
1146
  ref: null;
1135
1147
  }>;
1136
- "alpha-black-85": Readonly<{
1148
+ "alpha-color-black-85": Readonly<{
1137
1149
  value: "#000000d9";
1138
1150
  ref: null;
1139
1151
  }>;
1140
- "alpha-black-100": Readonly<{
1152
+ "alpha-color-black-100": Readonly<{
1141
1153
  value: "#000000";
1142
1154
  ref: null;
1143
1155
  }>;
1144
- "alpha-white-0": Readonly<{
1156
+ "alpha-color-white-0": Readonly<{
1145
1157
  value: "#ffffff00";
1146
1158
  ref: null;
1147
1159
  }>;
1148
- "alpha-white-5": Readonly<{
1160
+ "alpha-color-white-5": Readonly<{
1149
1161
  value: "#ffffff0d";
1150
1162
  ref: null;
1151
1163
  }>;
1152
- "alpha-white-8": Readonly<{
1164
+ "alpha-color-white-8": Readonly<{
1153
1165
  value: "#ffffff14";
1154
1166
  ref: null;
1155
1167
  }>;
1156
- "alpha-white-12": Readonly<{
1168
+ "alpha-color-white-12": Readonly<{
1157
1169
  value: "#ffffff1f";
1158
1170
  ref: null;
1159
1171
  }>;
1160
- "alpha-white-20": Readonly<{
1172
+ "alpha-color-white-20": Readonly<{
1161
1173
  value: "#ffffff33";
1162
1174
  ref: null;
1163
1175
  }>;
1164
- "alpha-white-40": Readonly<{
1176
+ "alpha-color-white-40": Readonly<{
1165
1177
  value: "#ffffff66";
1166
1178
  ref: null;
1167
1179
  }>;
1168
- "alpha-white-60": Readonly<{
1180
+ "alpha-color-white-60": Readonly<{
1169
1181
  value: "#ffffff99";
1170
1182
  ref: null;
1171
1183
  }>;
1172
- "alpha-white-80": Readonly<{
1184
+ "alpha-color-white-80": Readonly<{
1173
1185
  value: "#ffffffcc";
1174
1186
  ref: null;
1175
1187
  }>;
1176
- "alpha-white-90": Readonly<{
1188
+ "alpha-color-white-90": Readonly<{
1177
1189
  value: "#ffffffe6";
1178
1190
  ref: null;
1179
1191
  }>;
1180
- "alpha-white-100": Readonly<{
1192
+ "alpha-color-white-100": Readonly<{
1181
1193
  value: "#ffffff";
1182
1194
  ref: null;
1183
1195
  }>;
1184
- "alpha-orange-100": Readonly<{
1196
+ "alpha-color-orange-100": Readonly<{
1185
1197
  value: "#ffc38f";
1186
1198
  ref: null;
1187
1199
  }>;
1188
- "alpha-orange-200": Readonly<{
1200
+ "alpha-color-orange-200": Readonly<{
1189
1201
  value: "#ffb77d";
1190
1202
  ref: null;
1191
1203
  }>;
1192
- "alpha-orange-300": Readonly<{
1204
+ "alpha-color-orange-300": Readonly<{
1193
1205
  value: "#ffa15e";
1194
1206
  ref: null;
1195
1207
  }>;
1196
- "alpha-orange-400": Readonly<{
1208
+ "alpha-color-orange-400": Readonly<{
1197
1209
  value: "#e67f2b";
1198
1210
  ref: null;
1199
1211
  }>;
1200
- "alpha-orange-500": Readonly<{
1212
+ "alpha-color-orange-500": Readonly<{
1201
1213
  value: "#c1630d";
1202
1214
  ref: null;
1203
1215
  }>;
1204
- "alpha-orange-600": Readonly<{
1216
+ "alpha-color-orange-600": Readonly<{
1205
1217
  value: "#a1540c";
1206
1218
  ref: null;
1207
1219
  }>;
1208
- "alpha-orange-400-30": Readonly<{
1220
+ "alpha-color-orange-400-30": Readonly<{
1209
1221
  value: "#e67f2b4d";
1210
1222
  ref: null;
1211
1223
  }>;
1212
- "alpha-orange-400-20": Readonly<{
1224
+ "alpha-color-orange-400-20": Readonly<{
1213
1225
  value: "#e67f2b33";
1214
1226
  ref: null;
1215
1227
  }>;
1216
- "alpha-orange-400-10": Readonly<{
1228
+ "alpha-color-orange-400-10": Readonly<{
1217
1229
  value: "#e67f2b1a";
1218
1230
  ref: null;
1219
1231
  }>;
1220
- "alpha-orange-300-45": Readonly<{
1232
+ "alpha-color-orange-300-45": Readonly<{
1221
1233
  value: "#ffa15e73";
1222
1234
  ref: null;
1223
1235
  }>;
1224
- "alpha-orange-300-30": Readonly<{
1236
+ "alpha-color-orange-300-30": Readonly<{
1225
1237
  value: "#ffa15e4d";
1226
1238
  ref: null;
1227
1239
  }>;
1228
- "alpha-orange-300-15": Readonly<{
1240
+ "alpha-color-orange-300-15": Readonly<{
1229
1241
  value: "#ffa15e26";
1230
1242
  ref: null;
1231
1243
  }>;
1232
- "alpha-yellow-100": Readonly<{
1244
+ "alpha-color-yellow-100": Readonly<{
1233
1245
  value: "#ffe38f";
1234
1246
  ref: null;
1235
1247
  }>;
1236
- "alpha-yellow-200": Readonly<{
1248
+ "alpha-color-yellow-200": Readonly<{
1237
1249
  value: "#fed968";
1238
1250
  ref: null;
1239
1251
  }>;
1240
- "alpha-yellow-300": Readonly<{
1252
+ "alpha-color-yellow-300": Readonly<{
1241
1253
  value: "#f9c835";
1242
1254
  ref: null;
1243
1255
  }>;
1244
- "alpha-yellow-400": Readonly<{
1256
+ "alpha-color-yellow-400": Readonly<{
1245
1257
  value: "#edae0d";
1246
1258
  ref: null;
1247
1259
  }>;
1248
- "alpha-yellow-500": Readonly<{
1260
+ "alpha-color-yellow-500": Readonly<{
1249
1261
  value: "#c38f00";
1250
1262
  ref: null;
1251
1263
  }>;
1252
- "alpha-yellow-600": Readonly<{
1264
+ "alpha-color-yellow-600": Readonly<{
1253
1265
  value: "#9e7504";
1254
1266
  ref: null;
1255
1267
  }>;
1256
- "alpha-yellow-400-30": Readonly<{
1268
+ "alpha-color-yellow-400-30": Readonly<{
1257
1269
  value: "#edae0d4d";
1258
1270
  ref: null;
1259
1271
  }>;
1260
- "alpha-yellow-400-20": Readonly<{
1272
+ "alpha-color-yellow-400-20": Readonly<{
1261
1273
  value: "#edae0d33";
1262
1274
  ref: null;
1263
1275
  }>;
1264
- "alpha-yellow-400-10": Readonly<{
1276
+ "alpha-color-yellow-400-10": Readonly<{
1265
1277
  value: "#edae0d1a";
1266
1278
  ref: null;
1267
1279
  }>;
1268
- "alpha-yellow-300-45": Readonly<{
1280
+ "alpha-color-yellow-300-45": Readonly<{
1269
1281
  value: "#f9c83573";
1270
1282
  ref: null;
1271
1283
  }>;
1272
- "alpha-yellow-300-30": Readonly<{
1284
+ "alpha-color-yellow-300-30": Readonly<{
1273
1285
  value: "#f9c8354d";
1274
1286
  ref: null;
1275
1287
  }>;
1276
- "alpha-yellow-300-15": Readonly<{
1288
+ "alpha-color-yellow-300-15": Readonly<{
1277
1289
  value: "#f9c83526";
1278
1290
  ref: null;
1279
1291
  }>;
1280
- "alpha-pink-100": Readonly<{
1292
+ "alpha-color-pink-100": Readonly<{
1281
1293
  value: "#ffafef";
1282
1294
  ref: null;
1283
1295
  }>;
1284
- "alpha-pink-200": Readonly<{
1296
+ "alpha-color-pink-200": Readonly<{
1285
1297
  value: "#f896e5";
1286
1298
  ref: null;
1287
1299
  }>;
1288
- "alpha-pink-300": Readonly<{
1300
+ "alpha-color-pink-300": Readonly<{
1289
1301
  value: "#ec6fd3";
1290
1302
  ref: null;
1291
1303
  }>;
1292
- "alpha-pink-400": Readonly<{
1304
+ "alpha-color-pink-400": Readonly<{
1293
1305
  value: "#d64bb5";
1294
1306
  ref: null;
1295
1307
  }>;
1296
- "alpha-pink-500": Readonly<{
1308
+ "alpha-color-pink-500": Readonly<{
1297
1309
  value: "#b0369e";
1298
1310
  ref: null;
1299
1311
  }>;
1300
- "alpha-pink-600": Readonly<{
1312
+ "alpha-color-pink-600": Readonly<{
1301
1313
  value: "#962c86";
1302
1314
  ref: null;
1303
1315
  }>;
1304
- "alpha-pink-400-30": Readonly<{
1316
+ "alpha-color-pink-400-30": Readonly<{
1305
1317
  value: "#d64bb54d";
1306
1318
  ref: null;
1307
1319
  }>;
1308
- "alpha-pink-400-20": Readonly<{
1320
+ "alpha-color-pink-400-20": Readonly<{
1309
1321
  value: "#d64bb533";
1310
1322
  ref: null;
1311
1323
  }>;
1312
- "alpha-pink-400-10": Readonly<{
1324
+ "alpha-color-pink-400-10": Readonly<{
1313
1325
  value: "#d64bb51a";
1314
1326
  ref: null;
1315
1327
  }>;
1316
- "alpha-pink-300-45": Readonly<{
1328
+ "alpha-color-pink-300-45": Readonly<{
1317
1329
  value: "#ec6fd373";
1318
1330
  ref: null;
1319
1331
  }>;
1320
- "alpha-pink-300-30": Readonly<{
1332
+ "alpha-color-pink-300-30": Readonly<{
1321
1333
  value: "#ec6fd34d";
1322
1334
  ref: null;
1323
1335
  }>;
1324
- "alpha-pink-300-15": Readonly<{
1336
+ "alpha-color-pink-300-15": Readonly<{
1325
1337
  value: "#ec6fd326";
1326
1338
  ref: null;
1327
1339
  }>;
1328
- "alpha-purple-100": Readonly<{
1340
+ "alpha-color-purple-100": Readonly<{
1329
1341
  value: "#d1b5ff";
1330
1342
  ref: null;
1331
1343
  }>;
1332
- "alpha-purple-200": Readonly<{
1344
+ "alpha-color-purple-200": Readonly<{
1333
1345
  value: "#c19aff";
1334
1346
  ref: null;
1335
1347
  }>;
1336
- "alpha-purple-300": Readonly<{
1348
+ "alpha-color-purple-300": Readonly<{
1337
1349
  value: "#b184ff";
1338
1350
  ref: null;
1339
1351
  }>;
1340
- "alpha-purple-400": Readonly<{
1352
+ "alpha-color-purple-400": Readonly<{
1341
1353
  value: "#8e57e7";
1342
1354
  ref: null;
1343
1355
  }>;
1344
- "alpha-purple-500": Readonly<{
1356
+ "alpha-color-purple-500": Readonly<{
1345
1357
  value: "#6735b6";
1346
1358
  ref: null;
1347
1359
  }>;
1348
- "alpha-purple-600": Readonly<{
1360
+ "alpha-color-purple-600": Readonly<{
1349
1361
  value: "#54278f";
1350
1362
  ref: null;
1351
1363
  }>;
1352
- "alpha-purple-400-30": Readonly<{
1364
+ "alpha-color-purple-400-30": Readonly<{
1353
1365
  value: "#8e57e74d";
1354
1366
  ref: null;
1355
1367
  }>;
1356
- "alpha-purple-400-20": Readonly<{
1368
+ "alpha-color-purple-400-20": Readonly<{
1357
1369
  value: "#8e57e733";
1358
1370
  ref: null;
1359
1371
  }>;
1360
- "alpha-purple-400-10": Readonly<{
1372
+ "alpha-color-purple-400-10": Readonly<{
1361
1373
  value: "#8e57e71a";
1362
1374
  ref: null;
1363
1375
  }>;
1364
- "alpha-purple-300-45": Readonly<{
1376
+ "alpha-color-purple-300-45": Readonly<{
1365
1377
  value: "#b184ff73";
1366
1378
  ref: null;
1367
1379
  }>;
1368
- "alpha-purple-300-30": Readonly<{
1380
+ "alpha-color-purple-300-30": Readonly<{
1369
1381
  value: "#b184ff4d";
1370
1382
  ref: null;
1371
1383
  }>;
1372
- "alpha-purple-300-15": Readonly<{
1384
+ "alpha-color-purple-300-15": Readonly<{
1373
1385
  value: "#b184ff26";
1374
1386
  ref: null;
1375
1387
  }>;
1376
- "alpha-navy-100": Readonly<{
1388
+ "alpha-color-navy-100": Readonly<{
1377
1389
  value: "#a5b2ee";
1378
1390
  ref: null;
1379
1391
  }>;
1380
- "alpha-navy-200": Readonly<{
1392
+ "alpha-color-navy-200": Readonly<{
1381
1393
  value: "#8b99d9";
1382
1394
  ref: null;
1383
1395
  }>;
1384
- "alpha-navy-300": Readonly<{
1396
+ "alpha-color-navy-300": Readonly<{
1385
1397
  value: "#7683d3";
1386
1398
  ref: null;
1387
1399
  }>;
1388
- "alpha-navy-400": Readonly<{
1400
+ "alpha-color-navy-400": Readonly<{
1389
1401
  value: "#424fab";
1390
1402
  ref: null;
1391
1403
  }>;
1392
- "alpha-navy-500": Readonly<{
1404
+ "alpha-color-navy-500": Readonly<{
1393
1405
  value: "#353888";
1394
1406
  ref: null;
1395
1407
  }>;
1396
- "alpha-navy-600": Readonly<{
1408
+ "alpha-color-navy-600": Readonly<{
1397
1409
  value: "#22245b";
1398
1410
  ref: null;
1399
1411
  }>;
1400
- "alpha-navy-400-30": Readonly<{
1412
+ "alpha-color-navy-400-30": Readonly<{
1401
1413
  value: "#424fab4d";
1402
1414
  ref: null;
1403
1415
  }>;
1404
- "alpha-navy-400-20": Readonly<{
1416
+ "alpha-color-navy-400-20": Readonly<{
1405
1417
  value: "#424fab33";
1406
1418
  ref: null;
1407
1419
  }>;
1408
- "alpha-navy-400-10": Readonly<{
1420
+ "alpha-color-navy-400-10": Readonly<{
1409
1421
  value: "#424fab1a";
1410
1422
  ref: null;
1411
1423
  }>;
1412
- "alpha-navy-300-45": Readonly<{
1424
+ "alpha-color-navy-300-45": Readonly<{
1413
1425
  value: "#7683d373";
1414
1426
  ref: null;
1415
1427
  }>;
1416
- "alpha-navy-300-30": Readonly<{
1428
+ "alpha-color-navy-300-30": Readonly<{
1417
1429
  value: "#7683d34d";
1418
1430
  ref: null;
1419
1431
  }>;
1420
- "alpha-navy-300-15": Readonly<{
1432
+ "alpha-color-navy-300-15": Readonly<{
1421
1433
  value: "#7683d326";
1422
1434
  ref: null;
1423
1435
  }>;
1424
- "alpha-teal-100": Readonly<{
1436
+ "alpha-color-teal-100": Readonly<{
1425
1437
  value: "#9beee6";
1426
1438
  ref: null;
1427
1439
  }>;
1428
- "alpha-teal-200": Readonly<{
1440
+ "alpha-color-teal-200": Readonly<{
1429
1441
  value: "#72e0d5";
1430
1442
  ref: null;
1431
1443
  }>;
1432
- "alpha-teal-300": Readonly<{
1444
+ "alpha-color-teal-300": Readonly<{
1433
1445
  value: "#40d3c5";
1434
1446
  ref: null;
1435
1447
  }>;
1436
- "alpha-teal-400": Readonly<{
1448
+ "alpha-color-teal-400": Readonly<{
1437
1449
  value: "#09b2ac";
1438
1450
  ref: null;
1439
1451
  }>;
1440
- "alpha-teal-500": Readonly<{
1452
+ "alpha-color-teal-500": Readonly<{
1441
1453
  value: "#068e95";
1442
1454
  ref: null;
1443
1455
  }>;
1444
- "alpha-teal-600": Readonly<{
1456
+ "alpha-color-teal-600": Readonly<{
1445
1457
  value: "#06687d";
1446
1458
  ref: null;
1447
1459
  }>;
1448
- "alpha-teal-400-30": Readonly<{
1460
+ "alpha-color-teal-400-30": Readonly<{
1449
1461
  value: "#09b2ac4d";
1450
1462
  ref: null;
1451
1463
  }>;
1452
- "alpha-teal-400-20": Readonly<{
1464
+ "alpha-color-teal-400-20": Readonly<{
1453
1465
  value: "#09b2ac33";
1454
1466
  ref: null;
1455
1467
  }>;
1456
- "alpha-teal-400-10": Readonly<{
1468
+ "alpha-color-teal-400-10": Readonly<{
1457
1469
  value: "#09b2ac1a";
1458
1470
  ref: null;
1459
1471
  }>;
1460
- "alpha-teal-300-45": Readonly<{
1472
+ "alpha-color-teal-300-45": Readonly<{
1461
1473
  value: "#40d3c573";
1462
1474
  ref: null;
1463
1475
  }>;
1464
- "alpha-teal-300-30": Readonly<{
1476
+ "alpha-color-teal-300-30": Readonly<{
1465
1477
  value: "#40d3c54d";
1466
1478
  ref: null;
1467
1479
  }>;
1468
- "alpha-teal-300-15": Readonly<{
1480
+ "alpha-color-teal-300-15": Readonly<{
1469
1481
  value: "#40d3c526";
1470
1482
  ref: null;
1471
1483
  }>;
1472
- "alpha-olive-100": Readonly<{
1484
+ "alpha-color-olive-100": Readonly<{
1473
1485
  value: "#e7f17c";
1474
1486
  ref: null;
1475
1487
  }>;
1476
- "alpha-olive-200": Readonly<{
1488
+ "alpha-color-olive-200": Readonly<{
1477
1489
  value: "#dbe56e";
1478
1490
  ref: null;
1479
1491
  }>;
1480
- "alpha-olive-300": Readonly<{
1492
+ "alpha-color-olive-300": Readonly<{
1481
1493
  value: "#c8d630";
1482
1494
  ref: null;
1483
1495
  }>;
1484
- "alpha-olive-400": Readonly<{
1496
+ "alpha-color-olive-400": Readonly<{
1485
1497
  value: "#a9b110";
1486
1498
  ref: null;
1487
1499
  }>;
1488
- "alpha-olive-500": Readonly<{
1500
+ "alpha-color-olive-500": Readonly<{
1489
1501
  value: "#7b801c";
1490
1502
  ref: null;
1491
1503
  }>;
1492
- "alpha-olive-600": Readonly<{
1504
+ "alpha-color-olive-600": Readonly<{
1493
1505
  value: "#65691c";
1494
1506
  ref: null;
1495
1507
  }>;
1496
- "alpha-olive-400-30": Readonly<{
1508
+ "alpha-color-olive-400-30": Readonly<{
1497
1509
  value: "#a9b1104d";
1498
1510
  ref: null;
1499
1511
  }>;
1500
- "alpha-olive-400-20": Readonly<{
1512
+ "alpha-color-olive-400-20": Readonly<{
1501
1513
  value: "#a9b11033";
1502
1514
  ref: null;
1503
1515
  }>;
1504
- "alpha-olive-400-10": Readonly<{
1516
+ "alpha-color-olive-400-10": Readonly<{
1505
1517
  value: "#a9b1101a";
1506
1518
  ref: null;
1507
1519
  }>;
1508
- "alpha-olive-300-45": Readonly<{
1520
+ "alpha-color-olive-300-45": Readonly<{
1509
1521
  value: "#c8d63073";
1510
1522
  ref: null;
1511
1523
  }>;
1512
- "alpha-olive-300-30": Readonly<{
1524
+ "alpha-color-olive-300-30": Readonly<{
1513
1525
  value: "#c8d6304d";
1514
1526
  ref: null;
1515
1527
  }>;
1516
- "alpha-olive-300-15": Readonly<{
1528
+ "alpha-color-olive-300-15": Readonly<{
1517
1529
  value: "#c8d63026";
1518
1530
  ref: null;
1519
1531
  }>;
1520
- "alpha-grey-50": Readonly<{
1532
+ "alpha-color-grey-50": Readonly<{
1521
1533
  value: "#fcfcfc";
1522
1534
  ref: null;
1523
1535
  }>;
1524
- "alpha-grey-100": Readonly<{
1536
+ "alpha-color-grey-100": Readonly<{
1525
1537
  value: "#f7f7f8";
1526
1538
  ref: null;
1527
1539
  }>;
1528
- "alpha-grey-200": Readonly<{
1540
+ "alpha-color-grey-200": Readonly<{
1529
1541
  value: "#efeff0";
1530
1542
  ref: null;
1531
1543
  }>;
1532
- "alpha-grey-300": Readonly<{
1544
+ "alpha-color-grey-300": Readonly<{
1533
1545
  value: "#e2e2e4";
1534
1546
  ref: null;
1535
1547
  }>;
1536
- "alpha-grey-400": Readonly<{
1548
+ "alpha-color-grey-400": Readonly<{
1537
1549
  value: "#cfcfd1";
1538
1550
  ref: null;
1539
1551
  }>;
1540
- "alpha-grey-500": Readonly<{
1552
+ "alpha-color-grey-500": Readonly<{
1541
1553
  value: "#a7a7aa";
1542
1554
  ref: null;
1543
1555
  }>;
1544
- "alpha-grey-600": Readonly<{
1556
+ "alpha-color-grey-600": Readonly<{
1545
1557
  value: "#7b7b7b";
1546
1558
  ref: null;
1547
1559
  }>;
1548
- "alpha-grey-700": Readonly<{
1560
+ "alpha-color-grey-700": Readonly<{
1549
1561
  value: "#464748";
1550
1562
  ref: null;
1551
1563
  }>;
1552
- "alpha-grey-800": Readonly<{
1564
+ "alpha-color-grey-800": Readonly<{
1553
1565
  value: "#313234";
1554
1566
  ref: null;
1555
1567
  }>;
1556
- "alpha-grey-850": Readonly<{
1568
+ "alpha-color-grey-850": Readonly<{
1557
1569
  value: "#2a2b2d";
1558
1570
  ref: null;
1559
1571
  }>;
1560
- "alpha-grey-900": Readonly<{
1572
+ "alpha-color-grey-900": Readonly<{
1561
1573
  value: "#242428";
1562
1574
  ref: null;
1563
1575
  }>;
1564
- "alpha-grey-alpha-900-90": Readonly<{
1576
+ "alpha-color-grey-alpha-900-90": Readonly<{
1565
1577
  value: "#242428e6";
1566
1578
  ref: null;
1567
1579
  }>;
1568
- "alpha-grey-alpha-850-80": Readonly<{
1580
+ "alpha-color-grey-alpha-850-80": Readonly<{
1569
1581
  value: "#2a2b2dcc";
1570
1582
  ref: null;
1571
1583
  }>;
1572
- "alpha-grey-alpha-800-80": Readonly<{
1584
+ "alpha-color-grey-alpha-800-80": Readonly<{
1573
1585
  value: "#313234cc";
1574
1586
  ref: null;
1575
1587
  }>;
1576
- "alpha-grey-alpha-700-80": Readonly<{
1588
+ "alpha-color-grey-alpha-700-80": Readonly<{
1577
1589
  value: "#464748cc";
1578
1590
  ref: null;
1579
1591
  }>;
1580
- "alpha-grey-alpha-200-80": Readonly<{
1592
+ "alpha-color-grey-alpha-200-80": Readonly<{
1581
1593
  value: "#efeff0cc";
1582
1594
  ref: null;
1583
1595
  }>;
1584
- "alpha-grey-alpha-100-80": Readonly<{
1596
+ "alpha-color-grey-alpha-100-80": Readonly<{
1585
1597
  value: "#f7f7f8cc";
1586
1598
  ref: null;
1587
1599
  }>;
1588
- "alpha-grey-alpha-50-80": Readonly<{
1600
+ "alpha-color-grey-alpha-50-80": Readonly<{
1589
1601
  value: "#fcfcfccc";
1590
1602
  ref: null;
1591
1603
  }>;
1592
- "alpha-grey-alpha-100-90": Readonly<{
1604
+ "alpha-color-grey-alpha-100-90": Readonly<{
1593
1605
  value: "#f7f7f8e6";
1594
1606
  ref: null;
1595
1607
  }>;
1596
- "alpha-grey-alpha-800-90": Readonly<{
1608
+ "alpha-color-grey-alpha-800-90": Readonly<{
1597
1609
  value: "#313234e6";
1598
1610
  ref: null;
1599
1611
  }>;
1600
- "alpha-shade-blue-400": Readonly<{
1612
+ "alpha-color-shade-blue-400": Readonly<{
1601
1613
  value: "#7175e0";
1602
1614
  ref: null;
1603
1615
  }>;
1604
- "alpha-shade-blue-600": Readonly<{
1616
+ "alpha-color-shade-blue-600": Readonly<{
1605
1617
  value: "#4c5289";
1606
1618
  ref: null;
1607
1619
  }>;
1608
- "alpha-shade-blue-400-20": Readonly<{
1620
+ "alpha-color-shade-blue-400-20": Readonly<{
1609
1621
  value: "#7175e033";
1610
1622
  ref: null;
1611
1623
  }>;
1612
- "alpha-shade-blue-600-40": Readonly<{
1624
+ "alpha-color-shade-blue-600-40": Readonly<{
1613
1625
  value: "#4c528966";
1614
1626
  ref: null;
1615
1627
  }>;
1616
- "alpha-shade-cobalt-400": Readonly<{
1628
+ "alpha-color-shade-cobalt-400": Readonly<{
1617
1629
  value: "#57ace8";
1618
1630
  ref: null;
1619
1631
  }>;
1620
- "alpha-shade-cobalt-600": Readonly<{
1632
+ "alpha-color-shade-cobalt-600": Readonly<{
1621
1633
  value: "#4a6185";
1622
1634
  ref: null;
1623
1635
  }>;
1624
- "alpha-shade-cobalt-400-20": Readonly<{
1636
+ "alpha-color-shade-cobalt-400-20": Readonly<{
1625
1637
  value: "#57ace833";
1626
1638
  ref: null;
1627
1639
  }>;
1628
- "alpha-shade-cobalt-600-40": Readonly<{
1640
+ "alpha-color-shade-cobalt-600-40": Readonly<{
1629
1641
  value: "#4a618566";
1630
1642
  ref: null;
1631
1643
  }>;
1632
- "alpha-shade-teal-400": Readonly<{
1644
+ "alpha-color-shade-teal-400": Readonly<{
1633
1645
  value: "#55aaa7";
1634
1646
  ref: null;
1635
1647
  }>;
1636
- "alpha-shade-teal-600": Readonly<{
1648
+ "alpha-color-shade-teal-600": Readonly<{
1637
1649
  value: "#47737d";
1638
1650
  ref: null;
1639
1651
  }>;
1640
- "alpha-shade-teal-400-20": Readonly<{
1652
+ "alpha-color-shade-teal-400-20": Readonly<{
1641
1653
  value: "#55aaa733";
1642
1654
  ref: null;
1643
1655
  }>;
1644
- "alpha-shade-teal-600-40": Readonly<{
1656
+ "alpha-color-shade-teal-600-40": Readonly<{
1645
1657
  value: "#47737d66";
1646
1658
  ref: null;
1647
1659
  }>;
1648
- "alpha-shade-red-400": Readonly<{
1660
+ "alpha-color-shade-red-400": Readonly<{
1649
1661
  value: "#de6870";
1650
1662
  ref: null;
1651
1663
  }>;
1652
- "alpha-shade-red-600": Readonly<{
1664
+ "alpha-color-shade-red-600": Readonly<{
1653
1665
  value: "#904248";
1654
1666
  ref: null;
1655
1667
  }>;
1656
- "alpha-shade-red-400-20": Readonly<{
1668
+ "alpha-color-shade-red-400-20": Readonly<{
1657
1669
  value: "#de687033";
1658
1670
  ref: null;
1659
1671
  }>;
1660
- "alpha-shade-red-600-40": Readonly<{
1672
+ "alpha-color-shade-red-600-40": Readonly<{
1661
1673
  value: "#90424866";
1662
1674
  ref: null;
1663
1675
  }>;
1664
- "alpha-shade-green-400": Readonly<{
1676
+ "alpha-color-shade-green-400": Readonly<{
1665
1677
  value: "#62af7c";
1666
1678
  ref: null;
1667
1679
  }>;
1668
- "alpha-shade-green-600": Readonly<{
1680
+ "alpha-color-shade-green-600": Readonly<{
1669
1681
  value: "#4c7a5e";
1670
1682
  ref: null;
1671
1683
  }>;
1672
- "alpha-shade-green-400-20": Readonly<{
1684
+ "alpha-color-shade-green-400-20": Readonly<{
1673
1685
  value: "#62af7c33";
1674
1686
  ref: null;
1675
1687
  }>;
1676
- "alpha-shade-green-600-40": Readonly<{
1688
+ "alpha-color-shade-green-600-40": Readonly<{
1677
1689
  value: "#4c7a5e66";
1678
1690
  ref: null;
1679
1691
  }>;
1680
- "alpha-shade-olive-400": Readonly<{
1692
+ "alpha-color-shade-olive-400": Readonly<{
1681
1693
  value: "#a5a953";
1682
1694
  ref: null;
1683
1695
  }>;
1684
- "alpha-shade-olive-600": Readonly<{
1696
+ "alpha-color-shade-olive-600": Readonly<{
1685
1697
  value: "#737638";
1686
1698
  ref: null;
1687
1699
  }>;
1688
- "alpha-shade-olive-400-20": Readonly<{
1700
+ "alpha-color-shade-olive-400-20": Readonly<{
1689
1701
  value: "#a5a95333";
1690
1702
  ref: null;
1691
1703
  }>;
1692
- "alpha-shade-olive-600-40": Readonly<{
1704
+ "alpha-color-shade-olive-600-40": Readonly<{
1693
1705
  value: "#73763866";
1694
1706
  ref: null;
1695
1707
  }>;
1696
- "alpha-shade-yellow-400": Readonly<{
1708
+ "alpha-color-shade-yellow-400": Readonly<{
1697
1709
  value: "#e8ae3c";
1698
1710
  ref: null;
1699
1711
  }>;
1700
- "alpha-shade-yellow-600": Readonly<{
1712
+ "alpha-color-shade-yellow-600": Readonly<{
1701
1713
  value: "#7d6a26";
1702
1714
  ref: null;
1703
1715
  }>;
1704
- "alpha-shade-yellow-400-20": Readonly<{
1716
+ "alpha-color-shade-yellow-400-20": Readonly<{
1705
1717
  value: "#e8ae3c33";
1706
1718
  ref: null;
1707
1719
  }>;
1708
- "alpha-shade-yellow-600-40": Readonly<{
1720
+ "alpha-color-shade-yellow-600-40": Readonly<{
1709
1721
  value: "#7d6a2666";
1710
1722
  ref: null;
1711
1723
  }>;
1712
- "alpha-shade-orange-400": Readonly<{
1724
+ "alpha-color-shade-orange-400": Readonly<{
1713
1725
  value: "#e08c48";
1714
1726
  ref: null;
1715
1727
  }>;
1716
- "alpha-shade-orange-600": Readonly<{
1728
+ "alpha-color-shade-orange-600": Readonly<{
1717
1729
  value: "#895a34";
1718
1730
  ref: null;
1719
1731
  }>;
1720
- "alpha-shade-orange-400-20": Readonly<{
1732
+ "alpha-color-shade-orange-400-20": Readonly<{
1721
1733
  value: "#e08c4833";
1722
1734
  ref: null;
1723
1735
  }>;
1724
- "alpha-shade-orange-600-40": Readonly<{
1736
+ "alpha-color-shade-orange-600-40": Readonly<{
1725
1737
  value: "#895a3466";
1726
1738
  ref: null;
1727
1739
  }>;
1728
- "alpha-shade-pink-400": Readonly<{
1740
+ "alpha-color-shade-pink-400": Readonly<{
1729
1741
  value: "#d369ba";
1730
1742
  ref: null;
1731
1743
  }>;
1732
- "alpha-shade-pink-600": Readonly<{
1744
+ "alpha-color-shade-pink-600": Readonly<{
1733
1745
  value: "#854075";
1734
1746
  ref: null;
1735
1747
  }>;
1736
- "alpha-shade-pink-400-20": Readonly<{
1748
+ "alpha-color-shade-pink-400-20": Readonly<{
1737
1749
  value: "#d369ba33";
1738
1750
  ref: null;
1739
1751
  }>;
1740
- "alpha-shade-pink-600-40": Readonly<{
1752
+ "alpha-color-shade-pink-600-40": Readonly<{
1741
1753
  value: "#85407566";
1742
1754
  ref: null;
1743
1755
  }>;
1744
- "alpha-shade-purple-400": Readonly<{
1756
+ "alpha-color-shade-purple-400": Readonly<{
1745
1757
  value: "#9d6fe5";
1746
1758
  ref: null;
1747
1759
  }>;
1748
- "alpha-shade-purple-600": Readonly<{
1760
+ "alpha-color-shade-purple-600": Readonly<{
1749
1761
  value: "#5b467d";
1750
1762
  ref: null;
1751
1763
  }>;
1752
- "alpha-shade-purple-400-20": Readonly<{
1764
+ "alpha-color-shade-purple-400-20": Readonly<{
1753
1765
  value: "#9d6fe533";
1754
1766
  ref: null;
1755
1767
  }>;
1756
- "alpha-shade-purple-600-40": Readonly<{
1768
+ "alpha-color-shade-purple-600-40": Readonly<{
1757
1769
  value: "#5b467d66";
1758
1770
  ref: null;
1759
1771
  }>;
1760
- "alpha-shade-navy-400": Readonly<{
1772
+ "alpha-color-shade-navy-400": Readonly<{
1761
1773
  value: "#5f69b0";
1762
1774
  ref: null;
1763
1775
  }>;
1764
- "alpha-shade-navy-600": Readonly<{
1776
+ "alpha-color-shade-navy-600": Readonly<{
1765
1777
  value: "#373b56";
1766
1778
  ref: null;
1767
1779
  }>;
1768
- "alpha-shade-navy-400-20": Readonly<{
1780
+ "alpha-color-shade-navy-400-20": Readonly<{
1769
1781
  value: "#5f69b033";
1770
1782
  ref: null;
1771
1783
  }>;
1772
- "alpha-shade-navy-600-40": Readonly<{
1784
+ "alpha-color-shade-navy-600-40": Readonly<{
1773
1785
  value: "#373b5666";
1774
1786
  ref: null;
1775
1787
  }>;
@@ -2061,75 +2073,85 @@ export const tokens: Readonly<{
2061
2073
  value: 700;
2062
2074
  ref: null;
2063
2075
  }>;
2064
- "alpha-line-height-16": Readonly<{
2065
- value: "16px";
2076
+ "alpha-font-line-height-16": Readonly<{
2077
+ value: "1.6rem";
2066
2078
  ref: null;
2067
2079
  }>;
2068
- "alpha-line-height-18": Readonly<{
2069
- value: "18px";
2080
+ "alpha-font-line-height-18": Readonly<{
2081
+ value: "1.8rem";
2070
2082
  ref: null;
2071
2083
  }>;
2072
- "alpha-line-height-22": Readonly<{
2073
- value: "22px";
2084
+ "alpha-font-line-height-22": Readonly<{
2085
+ value: "2.2rem";
2074
2086
  ref: null;
2075
2087
  }>;
2076
- "alpha-line-height-23": Readonly<{
2077
- value: "23px";
2088
+ "alpha-font-line-height-23": Readonly<{
2089
+ value: "2.3rem";
2078
2090
  ref: null;
2079
2091
  }>;
2080
- "alpha-line-height-24": Readonly<{
2081
- value: "24px";
2092
+ "alpha-font-line-height-24": Readonly<{
2093
+ value: "2.4rem";
2082
2094
  ref: null;
2083
2095
  }>;
2084
- "alpha-line-height-28": Readonly<{
2085
- value: "28px";
2096
+ "alpha-font-line-height-28": Readonly<{
2097
+ value: "2.8rem";
2086
2098
  ref: null;
2087
2099
  }>;
2088
- "alpha-line-height-32": Readonly<{
2089
- value: "32px";
2100
+ "alpha-font-line-height-32": Readonly<{
2101
+ value: "3.2rem";
2090
2102
  ref: null;
2091
2103
  }>;
2092
- "alpha-line-height-36": Readonly<{
2093
- value: "36px";
2104
+ "alpha-font-line-height-36": Readonly<{
2105
+ value: "3.6rem";
2094
2106
  ref: null;
2095
2107
  }>;
2096
- "alpha-line-height-44": Readonly<{
2097
- value: "44px";
2108
+ "alpha-font-line-height-44": Readonly<{
2109
+ value: "4.4rem";
2098
2110
  ref: null;
2099
2111
  }>;
2100
- "alpha-letter-spacing-0": Readonly<{
2101
- value: "0px";
2112
+ "alpha-font-letter-spacing-0": Readonly<{
2113
+ value: "0rem";
2102
2114
  ref: null;
2103
2115
  }>;
2104
- "alpha-letter-spacing-1": Readonly<{
2105
- value: "0.1px";
2116
+ "alpha-font-letter-spacing-1": Readonly<{
2117
+ value: "0.01rem";
2106
2118
  ref: null;
2107
2119
  }>;
2108
- "alpha-letter-spacing-2": Readonly<{
2109
- value: "0.2px";
2120
+ "alpha-font-letter-spacing-2": Readonly<{
2121
+ value: "0.02rem";
2110
2122
  ref: null;
2111
2123
  }>;
2112
- "alpha-letter-spacing-3": Readonly<{
2113
- value: "0.3px";
2124
+ "alpha-font-letter-spacing-3": Readonly<{
2125
+ value: "0.03rem";
2114
2126
  ref: null;
2115
2127
  }>;
2116
2128
  }>;
2117
2129
  gradient: Readonly<{
2118
2130
  "alpha-gradient-bg-purple": Readonly<{
2119
2131
  value: "linear-gradient(90deg, #b184ff 50%, #f896e5 100%)";
2120
- ref: "linear-gradient(90deg, alpha-purple-300 50%, alpha-pink-200 100%)";
2132
+ ref: "linear-gradient(90deg, alpha-color-purple-300 50%, alpha-color-pink-200 100%)";
2121
2133
  }>;
2122
2134
  "alpha-gradient-bg-orange": Readonly<{
2123
2135
  value: "linear-gradient(90deg, #ffa15e 50%, #fed968 100%)";
2124
- ref: "linear-gradient(90deg, alpha-orange-300 50%, alpha-yellow-200 100%)";
2136
+ ref: "linear-gradient(90deg, alpha-color-orange-300 50%, alpha-color-yellow-200 100%)";
2125
2137
  }>;
2126
2138
  "alpha-gradient-bg-green": Readonly<{
2127
2139
  value: "linear-gradient(90deg, #7ad890 50%, #72e0d5 100%)";
2128
- ref: "linear-gradient(90deg, alpha-green-300 50%, alpha-teal-200 100%)";
2140
+ ref: "linear-gradient(90deg, alpha-color-green-300 50%, alpha-color-teal-200 100%)";
2129
2141
  }>;
2130
2142
  "alpha-gradient-bg-blue": Readonly<{
2131
2143
  value: "linear-gradient(90deg, #84a5ff 50%, #91e5a4 100%)";
2132
- ref: "linear-gradient(90deg, alpha-blue-300 50%, alpha-green-200 100%)";
2144
+ ref: "linear-gradient(90deg, alpha-color-blue-300 50%, alpha-color-green-200 100%)";
2145
+ }>;
2146
+ "alpha-gradient-fg-green": Readonly<{
2147
+ value: "linear-gradient(90deg, #40ad67 0%, #7ad890 100%)";
2148
+ ref: "linear-gradient(90deg, alpha-color-green-400 0%, alpha-color-green-300 100%)";
2149
+ }>;
2150
+ }>;
2151
+ opacity: Readonly<{
2152
+ "alpha-opacity-disabled": Readonly<{
2153
+ value: 0.4;
2154
+ ref: null;
2133
2155
  }>;
2134
2156
  }>;
2135
2157
  typography: Readonly<{
@@ -2142,12 +2164,12 @@ export const tokens: Readonly<{
2142
2164
  ref: "alpha-font-size-15-5";
2143
2165
  }>;
2144
2166
  "alpha-typography-message-line-height": Readonly<{
2145
- value: "23px";
2146
- ref: "alpha-line-height-23";
2167
+ value: "2.3rem";
2168
+ ref: "alpha-font-line-height-23";
2147
2169
  }>;
2148
2170
  "alpha-typography-message-letter-spacing": Readonly<{
2149
- value: "0.2px";
2150
- ref: "alpha-letter-spacing-2";
2171
+ value: "0.02rem";
2172
+ ref: "alpha-font-letter-spacing-2";
2151
2173
  }>;
2152
2174
  "alpha-typography-h1-bold-font-weight": Readonly<{
2153
2175
  value: 700;
@@ -2158,12 +2180,12 @@ export const tokens: Readonly<{
2158
2180
  ref: "alpha-font-size-36";
2159
2181
  }>;
2160
2182
  "alpha-typography-h1-bold-line-height": Readonly<{
2161
- value: "44px";
2162
- ref: "alpha-line-height-44";
2183
+ value: "4.4rem";
2184
+ ref: "alpha-font-line-height-44";
2163
2185
  }>;
2164
2186
  "alpha-typography-h1-bold-letter-spacing": Readonly<{
2165
- value: "0px";
2166
- ref: "alpha-letter-spacing-0";
2187
+ value: "0rem";
2188
+ ref: "alpha-font-letter-spacing-0";
2167
2189
  }>;
2168
2190
  "alpha-typography-h2-bold-font-weight": Readonly<{
2169
2191
  value: 700;
@@ -2174,12 +2196,12 @@ export const tokens: Readonly<{
2174
2196
  ref: "alpha-font-size-30";
2175
2197
  }>;
2176
2198
  "alpha-typography-h2-bold-line-height": Readonly<{
2177
- value: "36px";
2178
- ref: "alpha-line-height-36";
2199
+ value: "3.6rem";
2200
+ ref: "alpha-font-line-height-36";
2179
2201
  }>;
2180
2202
  "alpha-typography-h2-bold-letter-spacing": Readonly<{
2181
- value: "0px";
2182
- ref: "alpha-letter-spacing-0";
2203
+ value: "0rem";
2204
+ ref: "alpha-font-letter-spacing-0";
2183
2205
  }>;
2184
2206
  "alpha-typography-h2-regular-font-weight": Readonly<{
2185
2207
  value: 400;
@@ -2190,12 +2212,12 @@ export const tokens: Readonly<{
2190
2212
  ref: "alpha-font-size-30";
2191
2213
  }>;
2192
2214
  "alpha-typography-h2-regular-line-height": Readonly<{
2193
- value: "36px";
2194
- ref: "alpha-line-height-36";
2215
+ value: "3.6rem";
2216
+ ref: "alpha-font-line-height-36";
2195
2217
  }>;
2196
2218
  "alpha-typography-h2-regular-letter-spacing": Readonly<{
2197
- value: "0px";
2198
- ref: "alpha-letter-spacing-0";
2219
+ value: "0rem";
2220
+ ref: "alpha-font-letter-spacing-0";
2199
2221
  }>;
2200
2222
  "alpha-typography-h3-bold-font-weight": Readonly<{
2201
2223
  value: 700;
@@ -2206,12 +2228,12 @@ export const tokens: Readonly<{
2206
2228
  ref: "alpha-font-size-24";
2207
2229
  }>;
2208
2230
  "alpha-typography-h3-bold-line-height": Readonly<{
2209
- value: "32px";
2210
- ref: "alpha-line-height-32";
2231
+ value: "3.2rem";
2232
+ ref: "alpha-font-line-height-32";
2211
2233
  }>;
2212
2234
  "alpha-typography-h3-bold-letter-spacing": Readonly<{
2213
- value: "0px";
2214
- ref: "alpha-letter-spacing-0";
2235
+ value: "0rem";
2236
+ ref: "alpha-font-letter-spacing-0";
2215
2237
  }>;
2216
2238
  "alpha-typography-h3-regular-font-weight": Readonly<{
2217
2239
  value: 400;
@@ -2222,1176 +2244,1176 @@ export const tokens: Readonly<{
2222
2244
  ref: "alpha-font-size-24";
2223
2245
  }>;
2224
2246
  "alpha-typography-h3-regular-line-height": Readonly<{
2225
- value: "32px";
2226
- ref: "alpha-line-height-32";
2247
+ value: "3.2rem";
2248
+ ref: "alpha-font-line-height-32";
2227
2249
  }>;
2228
2250
  "alpha-typography-h3-regular-letter-spacing": Readonly<{
2229
- value: "0px";
2230
- ref: "alpha-letter-spacing-0";
2251
+ value: "0rem";
2252
+ ref: "alpha-font-letter-spacing-0";
2231
2253
  }>;
2232
- "alpha-title-1-bold-font-weight": Readonly<{
2254
+ "alpha-typography-title-1-bold-font-weight": Readonly<{
2233
2255
  value: 700;
2234
2256
  ref: "alpha-font-weight-bold";
2235
2257
  }>;
2236
- "alpha-title-1-bold-font-size": Readonly<{
2258
+ "alpha-typography-title-1-bold-font-size": Readonly<{
2237
2259
  value: "2.2rem";
2238
2260
  ref: "alpha-font-size-22";
2239
2261
  }>;
2240
- "alpha-title-1-bold-line-height": Readonly<{
2241
- value: "28px";
2242
- ref: "alpha-line-height-28";
2262
+ "alpha-typography-title-1-bold-line-height": Readonly<{
2263
+ value: "2.8rem";
2264
+ ref: "alpha-font-line-height-28";
2243
2265
  }>;
2244
- "alpha-title-1-bold-letter-spacing": Readonly<{
2245
- value: "0.2px";
2246
- ref: "alpha-letter-spacing-2";
2266
+ "alpha-typography-title-1-bold-letter-spacing": Readonly<{
2267
+ value: "0.02rem";
2268
+ ref: "alpha-font-letter-spacing-2";
2247
2269
  }>;
2248
- "alpha-title-2-bold-font-weight": Readonly<{
2270
+ "alpha-typography-title-2-bold-font-weight": Readonly<{
2249
2271
  value: 700;
2250
2272
  ref: "alpha-font-weight-bold";
2251
2273
  }>;
2252
- "alpha-title-2-bold-font-size": Readonly<{
2274
+ "alpha-typography-title-2-bold-font-size": Readonly<{
2253
2275
  value: "1.8rem";
2254
2276
  ref: "alpha-font-size-18";
2255
2277
  }>;
2256
- "alpha-title-2-bold-line-height": Readonly<{
2257
- value: "24px";
2258
- ref: "alpha-line-height-24";
2278
+ "alpha-typography-title-2-bold-line-height": Readonly<{
2279
+ value: "2.4rem";
2280
+ ref: "alpha-font-line-height-24";
2259
2281
  }>;
2260
- "alpha-title-2-bold-letter-spacing": Readonly<{
2261
- value: "0.2px";
2262
- ref: "alpha-letter-spacing-2";
2282
+ "alpha-typography-title-2-bold-letter-spacing": Readonly<{
2283
+ value: "0.02rem";
2284
+ ref: "alpha-font-letter-spacing-2";
2263
2285
  }>;
2264
- "alpha-title-2-semibold-font-weight": Readonly<{
2286
+ "alpha-typography-title-2-semibold-font-weight": Readonly<{
2265
2287
  value: 600;
2266
2288
  ref: "alpha-font-weight-semibold";
2267
2289
  }>;
2268
- "alpha-title-2-semibold-font-size": Readonly<{
2290
+ "alpha-typography-title-2-semibold-font-size": Readonly<{
2269
2291
  value: "1.8rem";
2270
2292
  ref: "alpha-font-size-18";
2271
2293
  }>;
2272
- "alpha-title-2-semibold-line-height": Readonly<{
2273
- value: "24px";
2274
- ref: "alpha-line-height-24";
2294
+ "alpha-typography-title-2-semibold-line-height": Readonly<{
2295
+ value: "2.4rem";
2296
+ ref: "alpha-font-line-height-24";
2275
2297
  }>;
2276
- "alpha-title-2-semibold-letter-spacing": Readonly<{
2277
- value: "0.2px";
2278
- ref: "alpha-letter-spacing-2";
2298
+ "alpha-typography-title-2-semibold-letter-spacing": Readonly<{
2299
+ value: "0.02rem";
2300
+ ref: "alpha-font-letter-spacing-2";
2279
2301
  }>;
2280
- "alpha-title-3-semibold-font-weight": Readonly<{
2302
+ "alpha-typography-title-3-semibold-font-weight": Readonly<{
2281
2303
  value: 600;
2282
2304
  ref: "alpha-font-weight-semibold";
2283
2305
  }>;
2284
- "alpha-title-3-semibold-font-size": Readonly<{
2306
+ "alpha-typography-title-3-semibold-font-size": Readonly<{
2285
2307
  value: "1.6rem";
2286
2308
  ref: "alpha-font-size-16";
2287
2309
  }>;
2288
- "alpha-title-3-semibold-line-height": Readonly<{
2289
- value: "24px";
2290
- ref: "alpha-line-height-24";
2310
+ "alpha-typography-title-3-semibold-line-height": Readonly<{
2311
+ value: "2.4rem";
2312
+ ref: "alpha-font-line-height-24";
2291
2313
  }>;
2292
- "alpha-title-3-semibold-letter-spacing": Readonly<{
2293
- value: "0.3px";
2294
- ref: "alpha-letter-spacing-3";
2314
+ "alpha-typography-title-3-semibold-letter-spacing": Readonly<{
2315
+ value: "0.03rem";
2316
+ ref: "alpha-font-letter-spacing-3";
2295
2317
  }>;
2296
- "alpha-body-1-semibold-font-weight": Readonly<{
2318
+ "alpha-typography-body-1-semibold-font-weight": Readonly<{
2297
2319
  value: 600;
2298
2320
  ref: "alpha-font-weight-semibold";
2299
2321
  }>;
2300
- "alpha-body-1-semibold-font-size": Readonly<{
2322
+ "alpha-typography-body-1-semibold-font-size": Readonly<{
2301
2323
  value: "1.6rem";
2302
2324
  ref: "alpha-font-size-16";
2303
2325
  }>;
2304
- "alpha-body-1-semibold-line-height": Readonly<{
2305
- value: "24px";
2306
- ref: "alpha-line-height-24";
2326
+ "alpha-typography-body-1-semibold-line-height": Readonly<{
2327
+ value: "2.4rem";
2328
+ ref: "alpha-font-line-height-24";
2307
2329
  }>;
2308
- "alpha-body-1-semibold-letter-spacing": Readonly<{
2309
- value: "0.2px";
2310
- ref: "alpha-letter-spacing-2";
2330
+ "alpha-typography-body-1-semibold-letter-spacing": Readonly<{
2331
+ value: "0.02rem";
2332
+ ref: "alpha-font-letter-spacing-2";
2311
2333
  }>;
2312
- "alpha-body-1-regular-font-weight": Readonly<{
2334
+ "alpha-typography-body-1-regular-font-weight": Readonly<{
2313
2335
  value: 400;
2314
2336
  ref: "alpha-font-weight-regular";
2315
2337
  }>;
2316
- "alpha-body-1-regular-font-size": Readonly<{
2338
+ "alpha-typography-body-1-regular-font-size": Readonly<{
2317
2339
  value: "1.6rem";
2318
2340
  ref: "alpha-font-size-16";
2319
2341
  }>;
2320
- "alpha-body-1-regular-line-height": Readonly<{
2321
- value: "24px";
2322
- ref: "alpha-line-height-24";
2342
+ "alpha-typography-body-1-regular-line-height": Readonly<{
2343
+ value: "2.4rem";
2344
+ ref: "alpha-font-line-height-24";
2323
2345
  }>;
2324
- "alpha-body-1-regular-letter-spacing": Readonly<{
2325
- value: "0.1px";
2326
- ref: "alpha-letter-spacing-1";
2346
+ "alpha-typography-body-1-regular-letter-spacing": Readonly<{
2347
+ value: "0.01rem";
2348
+ ref: "alpha-font-letter-spacing-1";
2327
2349
  }>;
2328
- "alpha-body-2-semibold-font-weight": Readonly<{
2350
+ "alpha-typography-body-2-semibold-font-weight": Readonly<{
2329
2351
  value: 600;
2330
2352
  ref: "alpha-font-weight-semibold";
2331
2353
  }>;
2332
- "alpha-body-2-semibold-font-size": Readonly<{
2354
+ "alpha-typography-body-2-semibold-font-size": Readonly<{
2333
2355
  value: "1.5rem";
2334
2356
  ref: "alpha-font-size-15";
2335
2357
  }>;
2336
- "alpha-body-2-semibold-line-height": Readonly<{
2337
- value: "22px";
2338
- ref: "alpha-line-height-22";
2358
+ "alpha-typography-body-2-semibold-line-height": Readonly<{
2359
+ value: "2.2rem";
2360
+ ref: "alpha-font-line-height-22";
2339
2361
  }>;
2340
- "alpha-body-2-semibold-letter-spacing": Readonly<{
2341
- value: "0.2px";
2342
- ref: "alpha-letter-spacing-2";
2362
+ "alpha-typography-body-2-semibold-letter-spacing": Readonly<{
2363
+ value: "0.02rem";
2364
+ ref: "alpha-font-letter-spacing-2";
2343
2365
  }>;
2344
- "alpha-body-2-regular-font-weight": Readonly<{
2366
+ "alpha-typography-body-2-regular-font-weight": Readonly<{
2345
2367
  value: 400;
2346
2368
  ref: "alpha-font-weight-regular";
2347
2369
  }>;
2348
- "alpha-body-2-regular-font-size": Readonly<{
2370
+ "alpha-typography-body-2-regular-font-size": Readonly<{
2349
2371
  value: "1.5rem";
2350
2372
  ref: "alpha-font-size-15";
2351
2373
  }>;
2352
- "alpha-body-2-regular-line-height": Readonly<{
2353
- value: "22px";
2354
- ref: "alpha-line-height-22";
2374
+ "alpha-typography-body-2-regular-line-height": Readonly<{
2375
+ value: "2.2rem";
2376
+ ref: "alpha-font-line-height-22";
2355
2377
  }>;
2356
- "alpha-body-2-regular-letter-spacing": Readonly<{
2357
- value: "0.1px";
2358
- ref: "alpha-letter-spacing-1";
2378
+ "alpha-typography-body-2-regular-letter-spacing": Readonly<{
2379
+ value: "0.01rem";
2380
+ ref: "alpha-font-letter-spacing-1";
2359
2381
  }>;
2360
- "alpha-caption-1-semibold-font-weight": Readonly<{
2382
+ "alpha-typography-caption-1-semibold-font-weight": Readonly<{
2361
2383
  value: 600;
2362
2384
  ref: "alpha-font-weight-semibold";
2363
2385
  }>;
2364
- "alpha-caption-1-semibold-font-size": Readonly<{
2386
+ "alpha-typography-caption-1-semibold-font-size": Readonly<{
2365
2387
  value: "1.4rem";
2366
2388
  ref: "alpha-font-size-14";
2367
2389
  }>;
2368
- "alpha-caption-1-semibold-line-height": Readonly<{
2369
- value: "18px";
2370
- ref: "alpha-line-height-18";
2390
+ "alpha-typography-caption-1-semibold-line-height": Readonly<{
2391
+ value: "1.8rem";
2392
+ ref: "alpha-font-line-height-18";
2371
2393
  }>;
2372
- "alpha-caption-1-semibold-letter-spacing": Readonly<{
2373
- value: "0.2px";
2374
- ref: "alpha-letter-spacing-2";
2394
+ "alpha-typography-caption-1-semibold-letter-spacing": Readonly<{
2395
+ value: "0.02rem";
2396
+ ref: "alpha-font-letter-spacing-2";
2375
2397
  }>;
2376
- "alpha-caption-1-regular-font-weight": Readonly<{
2398
+ "alpha-typography-caption-1-regular-font-weight": Readonly<{
2377
2399
  value: 400;
2378
2400
  ref: "alpha-font-weight-regular";
2379
2401
  }>;
2380
- "alpha-caption-1-regular-font-size": Readonly<{
2402
+ "alpha-typography-caption-1-regular-font-size": Readonly<{
2381
2403
  value: "1.4rem";
2382
2404
  ref: "alpha-font-size-14";
2383
2405
  }>;
2384
- "alpha-caption-1-regular-line-height": Readonly<{
2385
- value: "18px";
2386
- ref: "alpha-line-height-18";
2406
+ "alpha-typography-caption-1-regular-line-height": Readonly<{
2407
+ value: "1.8rem";
2408
+ ref: "alpha-font-line-height-18";
2387
2409
  }>;
2388
- "alpha-caption-1-regular-letter-spacing": Readonly<{
2389
- value: "0.2px";
2390
- ref: "alpha-letter-spacing-2";
2410
+ "alpha-typography-caption-1-regular-letter-spacing": Readonly<{
2411
+ value: "0.02rem";
2412
+ ref: "alpha-font-letter-spacing-2";
2391
2413
  }>;
2392
- "alpha-caption-2-semibold-font-weight": Readonly<{
2414
+ "alpha-typography-caption-2-semibold-font-weight": Readonly<{
2393
2415
  value: 600;
2394
2416
  ref: "alpha-font-weight-semibold";
2395
2417
  }>;
2396
- "alpha-caption-2-semibold-font-size": Readonly<{
2418
+ "alpha-typography-caption-2-semibold-font-size": Readonly<{
2397
2419
  value: "1.3rem";
2398
2420
  ref: "alpha-font-size-13";
2399
2421
  }>;
2400
- "alpha-caption-2-semibold-line-height": Readonly<{
2401
- value: "18px";
2402
- ref: "alpha-line-height-18";
2422
+ "alpha-typography-caption-2-semibold-line-height": Readonly<{
2423
+ value: "1.8rem";
2424
+ ref: "alpha-font-line-height-18";
2403
2425
  }>;
2404
- "alpha-caption-2-semibold-letter-spacing": Readonly<{
2405
- value: "0.2px";
2406
- ref: "alpha-letter-spacing-2";
2426
+ "alpha-typography-caption-2-semibold-letter-spacing": Readonly<{
2427
+ value: "0.02rem";
2428
+ ref: "alpha-font-letter-spacing-2";
2407
2429
  }>;
2408
- "alpha-caption-2-regular-font-weight": Readonly<{
2430
+ "alpha-typography-caption-2-regular-font-weight": Readonly<{
2409
2431
  value: 400;
2410
2432
  ref: "alpha-font-weight-regular";
2411
2433
  }>;
2412
- "alpha-caption-2-regular-font-size": Readonly<{
2434
+ "alpha-typography-caption-2-regular-font-size": Readonly<{
2413
2435
  value: "1.3rem";
2414
2436
  ref: "alpha-font-size-13";
2415
2437
  }>;
2416
- "alpha-caption-2-regular-line-height": Readonly<{
2417
- value: "18px";
2418
- ref: "alpha-line-height-18";
2438
+ "alpha-typography-caption-2-regular-line-height": Readonly<{
2439
+ value: "1.8rem";
2440
+ ref: "alpha-font-line-height-18";
2419
2441
  }>;
2420
- "alpha-caption-2-regular-letter-spacing": Readonly<{
2421
- value: "0.2px";
2422
- ref: "alpha-letter-spacing-2";
2442
+ "alpha-typography-caption-2-regular-letter-spacing": Readonly<{
2443
+ value: "0.02rem";
2444
+ ref: "alpha-font-letter-spacing-2";
2423
2445
  }>;
2424
- "alpha-caption-3-semibold-font-weight": Readonly<{
2446
+ "alpha-typography-caption-3-semibold-font-weight": Readonly<{
2425
2447
  value: 600;
2426
2448
  ref: "alpha-font-weight-semibold";
2427
2449
  }>;
2428
- "alpha-caption-3-semibold-font-size": Readonly<{
2450
+ "alpha-typography-caption-3-semibold-font-size": Readonly<{
2429
2451
  value: "1.2rem";
2430
2452
  ref: "alpha-font-size-12";
2431
2453
  }>;
2432
- "alpha-caption-3-semibold-line-height": Readonly<{
2433
- value: "16px";
2434
- ref: "alpha-line-height-16";
2454
+ "alpha-typography-caption-3-semibold-line-height": Readonly<{
2455
+ value: "1.6rem";
2456
+ ref: "alpha-font-line-height-16";
2435
2457
  }>;
2436
- "alpha-caption-3-semibold-letter-spacing": Readonly<{
2437
- value: "0.2px";
2438
- ref: "alpha-letter-spacing-2";
2458
+ "alpha-typography-caption-3-semibold-letter-spacing": Readonly<{
2459
+ value: "0.02rem";
2460
+ ref: "alpha-font-letter-spacing-2";
2439
2461
  }>;
2440
- "alpha-caption-3-regular-font-weight": Readonly<{
2462
+ "alpha-typography-caption-3-regular-font-weight": Readonly<{
2441
2463
  value: 400;
2442
2464
  ref: "alpha-font-weight-regular";
2443
2465
  }>;
2444
- "alpha-caption-3-regular-font-size": Readonly<{
2466
+ "alpha-typography-caption-3-regular-font-size": Readonly<{
2445
2467
  value: "1.2rem";
2446
2468
  ref: "alpha-font-size-12";
2447
2469
  }>;
2448
- "alpha-caption-3-regular-line-height": Readonly<{
2449
- value: "16px";
2450
- ref: "alpha-line-height-16";
2470
+ "alpha-typography-caption-3-regular-line-height": Readonly<{
2471
+ value: "1.6rem";
2472
+ ref: "alpha-font-line-height-16";
2451
2473
  }>;
2452
- "alpha-caption-3-regular-letter-spacing": Readonly<{
2453
- value: "0.2px";
2454
- ref: "alpha-letter-spacing-2";
2474
+ "alpha-typography-caption-3-regular-letter-spacing": Readonly<{
2475
+ value: "0.02rem";
2476
+ ref: "alpha-font-letter-spacing-2";
2455
2477
  }>;
2456
- "alpha-caption-4-semibold-font-weight": Readonly<{
2478
+ "alpha-typography-caption-4-semibold-font-weight": Readonly<{
2457
2479
  value: 600;
2458
2480
  ref: "alpha-font-weight-semibold";
2459
2481
  }>;
2460
- "alpha-caption-4-semibold-font-size": Readonly<{
2482
+ "alpha-typography-caption-4-semibold-font-size": Readonly<{
2461
2483
  value: "1.1rem";
2462
2484
  ref: "alpha-font-size-11";
2463
2485
  }>;
2464
- "alpha-caption-4-semibold-line-height": Readonly<{
2465
- value: "16px";
2466
- ref: "alpha-line-height-16";
2486
+ "alpha-typography-caption-4-semibold-line-height": Readonly<{
2487
+ value: "1.6rem";
2488
+ ref: "alpha-font-line-height-16";
2467
2489
  }>;
2468
- "alpha-caption-4-semibold-letter-spacing": Readonly<{
2469
- value: "0.1px";
2470
- ref: "alpha-letter-spacing-1";
2490
+ "alpha-typography-caption-4-semibold-letter-spacing": Readonly<{
2491
+ value: "0.01rem";
2492
+ ref: "alpha-font-letter-spacing-1";
2471
2493
  }>;
2472
- "alpha-caption-4-regular-font-weight": Readonly<{
2494
+ "alpha-typography-caption-4-regular-font-weight": Readonly<{
2473
2495
  value: 400;
2474
2496
  ref: "alpha-font-weight-regular";
2475
2497
  }>;
2476
- "alpha-caption-4-regular-font-size": Readonly<{
2498
+ "alpha-typography-caption-4-regular-font-size": Readonly<{
2477
2499
  value: "1.1rem";
2478
2500
  ref: "alpha-font-size-11";
2479
2501
  }>;
2480
- "alpha-caption-4-regular-line-height": Readonly<{
2481
- value: "16px";
2482
- ref: "alpha-line-height-16";
2502
+ "alpha-typography-caption-4-regular-line-height": Readonly<{
2503
+ value: "1.6rem";
2504
+ ref: "alpha-font-line-height-16";
2483
2505
  }>;
2484
- "alpha-caption-4-regular-letter-spacing": Readonly<{
2485
- value: "0.1px";
2486
- ref: "alpha-letter-spacing-1";
2506
+ "alpha-typography-caption-4-regular-letter-spacing": Readonly<{
2507
+ value: "0.01rem";
2508
+ ref: "alpha-font-letter-spacing-1";
2487
2509
  }>;
2488
2510
  }>;
2489
2511
  }>;
2490
2512
  lightTheme: Readonly<{
2491
2513
  gradient: Readonly<{
2492
- "alpha-gradient-fg-green": Readonly<{
2493
- value: "linear-gradient(90deg, #40ad67 0%, #7ad890 100%)";
2494
- ref: "linear-gradient(90deg, alpha-fg-green-normal 0%, #7ad890 100%)";
2495
- }>;
2496
2514
  "alpha-gradient-fg-black": Readonly<{
2497
2515
  value: "linear-gradient(90deg, #00000014 0%, #00000026 100%)";
2498
- ref: "linear-gradient(90deg, alpha-bg-black-light 0%, alpha-bg-black-dark 100%)";
2516
+ ref: "linear-gradient(90deg, alpha-color-bg-black-light 0%, alpha-color-bg-black-dark 100%)";
2499
2517
  }>;
2500
2518
  }>;
2501
2519
  shadow: Readonly<{
2502
2520
  "alpha-shadow-1": Readonly<{
2503
2521
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 1px 2px 0 #00000014";
2504
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 1px 2px 0 alpha-shadow-small";
2522
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 1px 2px 0 alpha-color-shadow-small";
2505
2523
  }>;
2506
2524
  "alpha-shadow-2": Readonly<{
2507
2525
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 2px 6px 0 #00000014";
2508
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 2px 6px 0 alpha-shadow-small";
2526
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 2px 6px 0 alpha-color-shadow-small";
2509
2527
  }>;
2510
2528
  "alpha-shadow-3": Readonly<{
2511
2529
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 4px 16px 0 #00000026";
2512
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 4px 16px 0 alpha-shadow-medium";
2530
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 16px 0 alpha-color-shadow-medium";
2513
2531
  }>;
2514
2532
  "alpha-shadow-4": Readonly<{
2515
2533
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 4px 24px 0 #00000038";
2516
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 4px 24px 0 alpha-shadow-large";
2534
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 24px 0 alpha-color-shadow-large";
2517
2535
  }>;
2518
2536
  "alpha-shadow-5": Readonly<{
2519
2537
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 6px 40px 0 #0000004d";
2520
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 6px 40px 0 alpha-shadow-xlarge";
2538
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 6px 40px 0 alpha-color-shadow-xlarge";
2521
2539
  }>;
2522
2540
  "alpha-shadow-6": Readonly<{
2523
2541
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 12px 60px 4px #0000004d";
2524
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 12px 60px 4px alpha-shadow-xlarge";
2542
+ ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 12px 60px 4px alpha-color-shadow-xlarge";
2525
2543
  }>;
2526
2544
  "alpha-shadow-error": Readonly<{
2527
2545
  value: "0 0 0 1px #e67f2b";
2528
- ref: "0 0 0 1px alpha-warning-bg-normal";
2546
+ ref: "0 0 0 1px alpha-color-warning-bg-normal";
2529
2547
  }>;
2530
2548
  "alpha-shadow-active": Readonly<{
2531
2549
  value: "0 0 0 1px #6d6afc";
2532
- ref: "0 0 0 1px alpha-primary-bg-normal";
2550
+ ref: "0 0 0 1px alpha-color-primary-bg-normal";
2533
2551
  }>;
2534
2552
  "alpha-shadow-input-default": Readonly<{
2535
2553
  value: "inset 0 0 0 1px #ffffff1f, 0 0 2px 0 #0000000d";
2536
- ref: "inset 0 0 0 1px alpha-shadow-base-inner, 0 0 2px 0 alpha-shadow-base";
2554
+ ref: "inset 0 0 0 1px alpha-color-shadow-base-inner, 0 0 2px 0 alpha-color-shadow-base";
2537
2555
  }>;
2538
2556
  "alpha-shadow-input-hover": Readonly<{
2539
2557
  value: "inset 0 0 0 1px #6d6afc, 0 0 6px 0 #0000000d";
2540
- ref: "inset 0 0 0 1px alpha-primary-bg-normal, 0 0 6px 0 alpha-shadow-base";
2558
+ ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
2541
2559
  }>;
2542
2560
  "alpha-shadow-input-active": Readonly<{
2543
2561
  value: "inset 0 0 0 1px #6d6afc, 0 0 0 3px #6d6afc4d, 0 0 6px 0 #0000000d";
2544
- ref: "inset 0 0 0 1px alpha-primary-bg-normal, 0 0 0 3px alpha-primary-bg-light, 0 0 6px 0 alpha-shadow-base";
2562
+ ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 0 3px alpha-color-primary-bg-light, 0 0 6px 0 alpha-color-shadow-base";
2545
2563
  }>;
2546
2564
  "alpha-shadow-input-error": Readonly<{
2547
2565
  value: "inset 0 0 0 1px #e67f2b, 0 0 0 3px #e67f2b4d, 0 0 6px 0 #0000000d";
2548
- ref: "inset 0 0 0 1px alpha-warning-bg-normal, 0 0 0 3px alpha-warning-bg-light, 0 0 6px 0 alpha-shadow-base";
2566
+ ref: "inset 0 0 0 1px alpha-color-warning-bg-normal, 0 0 0 3px alpha-color-warning-bg-light, 0 0 6px 0 alpha-color-shadow-base";
2549
2567
  }>;
2550
2568
  }>;
2551
2569
  color: Readonly<{
2552
- "alpha-shadow-xlarge": Readonly<{
2553
- value: "#0000004d";
2554
- ref: "alpha-black-30";
2555
- }>;
2556
- "alpha-shadow-large": Readonly<{
2557
- value: "#00000038";
2558
- ref: "alpha-black-22";
2559
- }>;
2560
- "alpha-shadow-medium": Readonly<{
2561
- value: "#00000026";
2562
- ref: "alpha-black-15";
2563
- }>;
2564
- "alpha-shadow-small": Readonly<{
2565
- value: "#00000014";
2566
- ref: "alpha-black-8";
2567
- }>;
2568
- "alpha-shadow-base": Readonly<{
2569
- value: "#0000000d";
2570
- ref: "alpha-black-5";
2570
+ "alpha-color-fg-black-pure": Readonly<{
2571
+ value: "#000000";
2572
+ ref: "alpha-color-black-100";
2571
2573
  }>;
2572
- "alpha-shadow-base-inner": Readonly<{
2573
- value: "#ffffff1f";
2574
- ref: "alpha-white-12";
2574
+ "alpha-color-fg-black-darkest": Readonly<{
2575
+ value: "#000000d9";
2576
+ ref: "alpha-color-black-85";
2575
2577
  }>;
2576
- "alpha-fg-black-darker": Readonly<{
2578
+ "alpha-color-fg-black-darker": Readonly<{
2577
2579
  value: "#00000099";
2578
- ref: "alpha-black-60";
2580
+ ref: "alpha-color-black-60";
2579
2581
  }>;
2580
- "alpha-fg-black-dark": Readonly<{
2582
+ "alpha-color-fg-black-dark": Readonly<{
2581
2583
  value: "#00000066";
2582
- ref: "alpha-black-40";
2583
- }>;
2584
- "alpha-fg-black-pure": Readonly<{
2585
- value: "#000000";
2586
- ref: "alpha-black-100";
2584
+ ref: "alpha-color-black-40";
2587
2585
  }>;
2588
- "alpha-fg-black-light": Readonly<{
2586
+ "alpha-color-fg-black-light": Readonly<{
2589
2587
  value: "#00000026";
2590
- ref: "alpha-black-15";
2588
+ ref: "alpha-color-black-15";
2591
2589
  }>;
2592
- "alpha-fg-black-lightest": Readonly<{
2590
+ "alpha-color-fg-black-lightest": Readonly<{
2593
2591
  value: "#00000014";
2594
- ref: "alpha-black-8";
2592
+ ref: "alpha-color-black-8";
2595
2593
  }>;
2596
- "alpha-fg-white-normal": Readonly<{
2594
+ "alpha-color-fg-white-normal": Readonly<{
2597
2595
  value: "#ffffff";
2598
- ref: "alpha-white-100";
2596
+ ref: "alpha-color-white-100";
2599
2597
  }>;
2600
- "alpha-fg-blue-normal": Readonly<{
2598
+ "alpha-color-fg-blue-normal": Readonly<{
2601
2599
  value: "#6d6afc";
2602
- ref: "alpha-blue-400";
2600
+ ref: "alpha-color-blue-400";
2603
2601
  }>;
2604
- "alpha-fg-blue-light": Readonly<{
2602
+ "alpha-color-fg-blue-light": Readonly<{
2605
2603
  value: "#6d6afc4d";
2606
- ref: "alpha-blue-400-30";
2604
+ ref: "alpha-color-blue-400-30";
2607
2605
  }>;
2608
- "alpha-fg-blue-dark": Readonly<{
2606
+ "alpha-color-fg-blue-dark": Readonly<{
2609
2607
  value: "#5950dc";
2610
- ref: "alpha-blue-500";
2608
+ ref: "alpha-color-blue-500";
2611
2609
  }>;
2612
- "alpha-fg-cobalt-normal": Readonly<{
2610
+ "alpha-color-fg-cobalt-normal": Readonly<{
2613
2611
  value: "#5093e5";
2614
- ref: "alpha-cobalt-400";
2612
+ ref: "alpha-color-cobalt-400";
2615
2613
  }>;
2616
- "alpha-fg-cobalt-light": Readonly<{
2614
+ "alpha-color-fg-cobalt-light": Readonly<{
2617
2615
  value: "#5093e54d";
2618
- ref: "alpha-cobalt-400-30";
2616
+ ref: "alpha-color-cobalt-400-30";
2619
2617
  }>;
2620
- "alpha-fg-cobalt-dark": Readonly<{
2618
+ "alpha-color-fg-cobalt-dark": Readonly<{
2621
2619
  value: "#3870d1";
2622
- ref: "alpha-cobalt-500";
2620
+ ref: "alpha-color-cobalt-500";
2623
2621
  }>;
2624
- "alpha-fg-red-normal": Readonly<{
2622
+ "alpha-color-fg-red-normal": Readonly<{
2625
2623
  value: "#e55c5c";
2626
- ref: "alpha-red-400";
2624
+ ref: "alpha-color-red-400";
2627
2625
  }>;
2628
- "alpha-fg-red-light": Readonly<{
2626
+ "alpha-color-fg-red-light": Readonly<{
2629
2627
  value: "#e55c5c4d";
2630
- ref: "alpha-red-400-30";
2628
+ ref: "alpha-color-red-400-30";
2631
2629
  }>;
2632
- "alpha-fg-red-dark": Readonly<{
2630
+ "alpha-color-fg-red-dark": Readonly<{
2633
2631
  value: "#bc3a42";
2634
- ref: "alpha-red-500";
2632
+ ref: "alpha-color-red-500";
2635
2633
  }>;
2636
- "alpha-fg-orange-normal": Readonly<{
2634
+ "alpha-color-fg-orange-normal": Readonly<{
2637
2635
  value: "#e67f2b";
2638
- ref: "alpha-orange-400";
2636
+ ref: "alpha-color-orange-400";
2639
2637
  }>;
2640
- "alpha-fg-orange-light": Readonly<{
2638
+ "alpha-color-fg-orange-light": Readonly<{
2641
2639
  value: "#e67f2b4d";
2642
- ref: "alpha-orange-400-30";
2640
+ ref: "alpha-color-orange-400-30";
2643
2641
  }>;
2644
- "alpha-fg-orange-dark": Readonly<{
2642
+ "alpha-color-fg-orange-dark": Readonly<{
2645
2643
  value: "#c1630d";
2646
- ref: "alpha-orange-500";
2644
+ ref: "alpha-color-orange-500";
2647
2645
  }>;
2648
- "alpha-fg-green-normal": Readonly<{
2646
+ "alpha-color-fg-green-normal": Readonly<{
2649
2647
  value: "#40ad67";
2650
- ref: "alpha-green-400";
2648
+ ref: "alpha-color-green-400";
2651
2649
  }>;
2652
- "alpha-fg-green-light": Readonly<{
2650
+ "alpha-color-fg-green-light": Readonly<{
2653
2651
  value: "#40ad674d";
2654
- ref: "alpha-green-400-30";
2652
+ ref: "alpha-color-green-400-30";
2655
2653
  }>;
2656
- "alpha-fg-green-dark": Readonly<{
2654
+ "alpha-color-fg-green-dark": Readonly<{
2657
2655
  value: "#358761";
2658
- ref: "alpha-green-500";
2656
+ ref: "alpha-color-green-500";
2659
2657
  }>;
2660
- "alpha-fg-teal-normal": Readonly<{
2658
+ "alpha-color-fg-teal-normal": Readonly<{
2661
2659
  value: "#09b2ac";
2662
- ref: "alpha-teal-400";
2660
+ ref: "alpha-color-teal-400";
2663
2661
  }>;
2664
- "alpha-fg-teal-light": Readonly<{
2662
+ "alpha-color-fg-teal-light": Readonly<{
2665
2663
  value: "#09b2ac4d";
2666
- ref: "alpha-teal-400-30";
2664
+ ref: "alpha-color-teal-400-30";
2667
2665
  }>;
2668
- "alpha-fg-olive-normal": Readonly<{
2666
+ "alpha-color-fg-olive-normal": Readonly<{
2669
2667
  value: "#a9b110";
2670
- ref: "alpha-olive-400";
2668
+ ref: "alpha-color-olive-400";
2671
2669
  }>;
2672
- "alpha-fg-olive-light": Readonly<{
2670
+ "alpha-color-fg-olive-light": Readonly<{
2673
2671
  value: "#a9b1104d";
2674
- ref: "alpha-olive-400-30";
2672
+ ref: "alpha-color-olive-400-30";
2675
2673
  }>;
2676
- "alpha-fg-yellow-normal": Readonly<{
2674
+ "alpha-color-fg-yellow-normal": Readonly<{
2677
2675
  value: "#edae0d";
2678
- ref: "alpha-yellow-400";
2676
+ ref: "alpha-color-yellow-400";
2679
2677
  }>;
2680
- "alpha-fg-yellow-light": Readonly<{
2678
+ "alpha-color-fg-yellow-light": Readonly<{
2681
2679
  value: "#edae0d4d";
2682
- ref: "alpha-yellow-400-30";
2680
+ ref: "alpha-color-yellow-400-30";
2683
2681
  }>;
2684
- "alpha-fg-pink-normal": Readonly<{
2682
+ "alpha-color-fg-pink-normal": Readonly<{
2685
2683
  value: "#d64bb5";
2686
- ref: "alpha-pink-400";
2684
+ ref: "alpha-color-pink-400";
2687
2685
  }>;
2688
- "alpha-fg-pink-light": Readonly<{
2686
+ "alpha-color-fg-pink-light": Readonly<{
2689
2687
  value: "#d64bb54d";
2690
- ref: "alpha-pink-400-30";
2688
+ ref: "alpha-color-pink-400-30";
2691
2689
  }>;
2692
- "alpha-fg-purple-normal": Readonly<{
2690
+ "alpha-color-fg-purple-normal": Readonly<{
2693
2691
  value: "#8e57e7";
2694
- ref: "alpha-purple-400";
2692
+ ref: "alpha-color-purple-400";
2695
2693
  }>;
2696
- "alpha-fg-purple-light": Readonly<{
2694
+ "alpha-color-fg-purple-light": Readonly<{
2697
2695
  value: "#8e57e74d";
2698
- ref: "alpha-purple-400-30";
2696
+ ref: "alpha-color-purple-400-30";
2699
2697
  }>;
2700
- "alpha-fg-navy-normal": Readonly<{
2698
+ "alpha-color-fg-navy-normal": Readonly<{
2701
2699
  value: "#424fab";
2702
- ref: "alpha-navy-400";
2700
+ ref: "alpha-color-navy-400";
2703
2701
  }>;
2704
- "alpha-fg-navy-light": Readonly<{
2702
+ "alpha-color-fg-navy-light": Readonly<{
2705
2703
  value: "#424fab4d";
2706
- ref: "alpha-navy-400-30";
2704
+ ref: "alpha-color-navy-400-30";
2707
2705
  }>;
2708
- "alpha-fg-absolute-black-dark": Readonly<{
2706
+ "alpha-color-fg-absolute-black-dark": Readonly<{
2709
2707
  value: "#000000";
2710
- ref: "alpha-black-100";
2708
+ ref: "alpha-color-black-100";
2711
2709
  }>;
2712
- "alpha-fg-absolute-black-normal": Readonly<{
2710
+ "alpha-color-fg-absolute-black-normal": Readonly<{
2713
2711
  value: "#000000d9";
2714
- ref: "alpha-black-85";
2712
+ ref: "alpha-color-black-85";
2715
2713
  }>;
2716
- "alpha-fg-absolute-black-light": Readonly<{
2714
+ "alpha-color-fg-absolute-black-light": Readonly<{
2717
2715
  value: "#00000099";
2718
- ref: "alpha-black-60";
2716
+ ref: "alpha-color-black-60";
2719
2717
  }>;
2720
- "alpha-fg-absolute-black-lighter": Readonly<{
2718
+ "alpha-color-fg-absolute-black-lighter": Readonly<{
2721
2719
  value: "#00000066";
2722
- ref: "alpha-black-40";
2720
+ ref: "alpha-color-black-40";
2723
2721
  }>;
2724
- "alpha-fg-absolute-black-lightest": Readonly<{
2722
+ "alpha-color-fg-absolute-black-lightest": Readonly<{
2725
2723
  value: "#00000033";
2726
- ref: "alpha-black-20";
2724
+ ref: "alpha-color-black-20";
2727
2725
  }>;
2728
- "alpha-fg-absolute-white-dark": Readonly<{
2726
+ "alpha-color-fg-absolute-white-dark": Readonly<{
2729
2727
  value: "#ffffff";
2730
- ref: "alpha-white-100";
2728
+ ref: "alpha-color-white-100";
2731
2729
  }>;
2732
- "alpha-fg-absolute-white-normal": Readonly<{
2730
+ "alpha-color-fg-absolute-white-normal": Readonly<{
2733
2731
  value: "#ffffffe6";
2734
- ref: "alpha-white-90";
2732
+ ref: "alpha-color-white-90";
2735
2733
  }>;
2736
- "alpha-fg-absolute-white-light": Readonly<{
2734
+ "alpha-color-fg-absolute-white-light": Readonly<{
2737
2735
  value: "#ffffff99";
2738
- ref: "alpha-white-60";
2736
+ ref: "alpha-color-white-60";
2739
2737
  }>;
2740
- "alpha-fg-absolute-white-lighter": Readonly<{
2738
+ "alpha-color-fg-absolute-white-lighter": Readonly<{
2741
2739
  value: "#ffffff66";
2742
- ref: "alpha-white-40";
2740
+ ref: "alpha-color-white-40";
2743
2741
  }>;
2744
- "alpha-fg-absolute-white-lightest": Readonly<{
2742
+ "alpha-color-fg-absolute-white-lightest": Readonly<{
2745
2743
  value: "#ffffff33";
2746
- ref: "alpha-white-20";
2744
+ ref: "alpha-color-white-20";
2747
2745
  }>;
2748
- "alpha-fg-grey-dark": Readonly<{
2746
+ "alpha-color-fg-grey-dark": Readonly<{
2749
2747
  value: "#a7a7aa";
2750
- ref: "alpha-grey-500";
2748
+ ref: "alpha-color-grey-500";
2751
2749
  }>;
2752
- "alpha-fg-grey-normal": Readonly<{
2750
+ "alpha-color-fg-grey-normal": Readonly<{
2753
2751
  value: "#cfcfd1";
2754
- ref: "alpha-grey-400";
2752
+ ref: "alpha-color-grey-400";
2755
2753
  }>;
2756
- "alpha-fg-grey-light": Readonly<{
2754
+ "alpha-color-fg-grey-light": Readonly<{
2757
2755
  value: "#efeff0";
2758
- ref: "alpha-grey-200";
2756
+ ref: "alpha-color-grey-200";
2759
2757
  }>;
2760
- "alpha-fg-grey-lighter": Readonly<{
2758
+ "alpha-color-fg-grey-lighter": Readonly<{
2761
2759
  value: "#f7f7f8";
2762
- ref: "alpha-grey-100";
2760
+ ref: "alpha-color-grey-100";
2763
2761
  }>;
2764
- "alpha-fg-grey-lightest": Readonly<{
2762
+ "alpha-color-fg-grey-lightest": Readonly<{
2765
2763
  value: "#fcfcfc";
2766
- ref: "alpha-grey-50";
2764
+ ref: "alpha-color-grey-50";
2767
2765
  }>;
2768
- "alpha-fg-grey-grey-alpha-darker": Readonly<{
2766
+ "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
2769
2767
  value: "#efeff0cc";
2770
- ref: "alpha-grey-alpha-200-80";
2768
+ ref: "alpha-color-grey-alpha-200-80";
2771
2769
  }>;
2772
- "alpha-fg-grey-grey-alpha-dark": Readonly<{
2770
+ "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
2773
2771
  value: "#f7f7f8cc";
2774
- ref: "alpha-grey-alpha-100-80";
2772
+ ref: "alpha-color-grey-alpha-100-80";
2775
2773
  }>;
2776
- "alpha-fg-grey-grey-alpha-light": Readonly<{
2774
+ "alpha-color-fg-grey-grey-alpha-light": Readonly<{
2777
2775
  value: "#fcfcfccc";
2778
- ref: "alpha-grey-alpha-50-80";
2776
+ ref: "alpha-color-grey-alpha-50-80";
2779
2777
  }>;
2780
- "alpha-bg-black-darkest": Readonly<{
2778
+ "alpha-color-bg-black-darkest": Readonly<{
2781
2779
  value: "#00000099";
2782
- ref: "alpha-black-60";
2780
+ ref: "alpha-color-black-60";
2783
2781
  }>;
2784
- "alpha-bg-black-darker": Readonly<{
2782
+ "alpha-color-bg-black-darker": Readonly<{
2785
2783
  value: "#00000066";
2786
- ref: "alpha-black-40";
2784
+ ref: "alpha-color-black-40";
2787
2785
  }>;
2788
- "alpha-bg-black-dark": Readonly<{
2786
+ "alpha-color-bg-black-dark": Readonly<{
2789
2787
  value: "#00000026";
2790
- ref: "alpha-black-15";
2788
+ ref: "alpha-color-black-15";
2791
2789
  }>;
2792
- "alpha-bg-black-light": Readonly<{
2790
+ "alpha-color-bg-black-light": Readonly<{
2793
2791
  value: "#00000014";
2794
- ref: "alpha-black-8";
2792
+ ref: "alpha-color-black-8";
2795
2793
  }>;
2796
- "alpha-bg-black-lighter": Readonly<{
2794
+ "alpha-color-bg-black-lighter": Readonly<{
2797
2795
  value: "#0000000d";
2798
- ref: "alpha-black-5";
2796
+ ref: "alpha-color-black-5";
2799
2797
  }>;
2800
- "alpha-bg-black-lightest": Readonly<{
2798
+ "alpha-color-bg-black-lightest": Readonly<{
2801
2799
  value: "#00000008";
2802
- ref: "alpha-black-3";
2800
+ ref: "alpha-color-black-3";
2803
2801
  }>;
2804
- "alpha-bg-grey-darkest": Readonly<{
2802
+ "alpha-color-bg-grey-darkest": Readonly<{
2805
2803
  value: "#242428";
2806
- ref: "alpha-grey-900";
2804
+ ref: "alpha-color-grey-900";
2807
2805
  }>;
2808
- "alpha-bg-grey-dark": Readonly<{
2806
+ "alpha-color-bg-grey-dark": Readonly<{
2809
2807
  value: "#a7a7aa";
2810
- ref: "alpha-grey-500";
2808
+ ref: "alpha-color-grey-500";
2811
2809
  }>;
2812
- "alpha-bg-grey-light": Readonly<{
2810
+ "alpha-color-bg-grey-light": Readonly<{
2813
2811
  value: "#efeff0";
2814
- ref: "alpha-grey-200";
2812
+ ref: "alpha-color-grey-200";
2815
2813
  }>;
2816
- "alpha-bg-grey-lighter": Readonly<{
2814
+ "alpha-color-bg-grey-lighter": Readonly<{
2817
2815
  value: "#f7f7f8";
2818
- ref: "alpha-grey-100";
2816
+ ref: "alpha-color-grey-100";
2819
2817
  }>;
2820
- "alpha-bg-grey-lightest": Readonly<{
2818
+ "alpha-color-bg-grey-lightest": Readonly<{
2821
2819
  value: "#fcfcfc";
2822
- ref: "alpha-grey-50";
2823
- }>;
2824
- "alpha-bg-grey-grey-alpha-dark": Readonly<{
2825
- value: "#f7f7f8cc";
2826
- ref: "alpha-grey-alpha-100-80";
2820
+ ref: "alpha-color-grey-50";
2827
2821
  }>;
2828
- "alpha-bg-grey-grey-alpha-darkest": Readonly<{
2822
+ "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
2829
2823
  value: "#efeff0cc";
2830
- ref: "alpha-grey-alpha-200-80";
2824
+ ref: "alpha-color-grey-alpha-200-80";
2831
2825
  }>;
2832
- "alpha-bg-grey-grey-alpha-darker": Readonly<{
2833
- value: "#efeff0cc";
2834
- ref: "alpha-grey-alpha-200-80";
2826
+ "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
2827
+ value: "#f7f7f8e6";
2828
+ ref: "alpha-color-grey-alpha-100-90";
2829
+ }>;
2830
+ "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
2831
+ value: "#f7f7f8cc";
2832
+ ref: "alpha-color-grey-alpha-100-80";
2835
2833
  }>;
2836
- "alpha-bg-grey-grey-alpha-light": Readonly<{
2834
+ "alpha-color-bg-grey-grey-alpha-light": Readonly<{
2837
2835
  value: "#fcfcfccc";
2838
- ref: "alpha-grey-alpha-50-80";
2836
+ ref: "alpha-color-grey-alpha-50-80";
2839
2837
  }>;
2840
- "alpha-bg-grey-normal": Readonly<{
2838
+ "alpha-color-bg-grey-normal": Readonly<{
2841
2839
  value: "#cfcfd1";
2842
- ref: "alpha-grey-400";
2840
+ ref: "alpha-color-grey-400";
2843
2841
  }>;
2844
- "alpha-bg-white-highest": Readonly<{
2842
+ "alpha-color-bg-white-highest": Readonly<{
2845
2843
  value: "#ffffff";
2846
- ref: "alpha-white-100";
2844
+ ref: "alpha-color-white-100";
2847
2845
  }>;
2848
- "alpha-bg-white-higher": Readonly<{
2846
+ "alpha-color-bg-white-higher": Readonly<{
2849
2847
  value: "#ffffff";
2850
- ref: "alpha-white-100";
2848
+ ref: "alpha-color-white-100";
2851
2849
  }>;
2852
- "alpha-bg-white-normal": Readonly<{
2850
+ "alpha-color-bg-white-normal": Readonly<{
2853
2851
  value: "#ffffff";
2854
- ref: "alpha-white-100";
2852
+ ref: "alpha-color-white-100";
2855
2853
  }>;
2856
- "alpha-bg-white-white-alpha-lightest": Readonly<{
2854
+ "alpha-color-bg-white-white-alpha-lightest": Readonly<{
2857
2855
  value: "#ffffffe6";
2858
- ref: "alpha-white-90";
2856
+ ref: "alpha-color-white-90";
2859
2857
  }>;
2860
- "alpha-bg-white-white-alpha-lighter": Readonly<{
2858
+ "alpha-color-bg-white-white-alpha-lighter": Readonly<{
2861
2859
  value: "#ffffff99";
2862
- ref: "alpha-white-60";
2860
+ ref: "alpha-color-white-60";
2863
2861
  }>;
2864
- "alpha-bg-white-white-alpha-light": Readonly<{
2862
+ "alpha-color-bg-white-white-alpha-light": Readonly<{
2865
2863
  value: "#ffffff33";
2866
- ref: "alpha-white-20";
2864
+ ref: "alpha-color-white-20";
2867
2865
  }>;
2868
- "alpha-bg-blue-normal": Readonly<{
2866
+ "alpha-color-bg-blue-normal": Readonly<{
2869
2867
  value: "#6d6afc";
2870
- ref: "alpha-blue-400";
2868
+ ref: "alpha-color-blue-400";
2871
2869
  }>;
2872
- "alpha-bg-blue-light": Readonly<{
2870
+ "alpha-color-bg-blue-light": Readonly<{
2873
2871
  value: "#6d6afc4d";
2874
- ref: "alpha-blue-400-30";
2872
+ ref: "alpha-color-blue-400-30";
2875
2873
  }>;
2876
- "alpha-bg-blue-lighter": Readonly<{
2874
+ "alpha-color-bg-blue-lighter": Readonly<{
2877
2875
  value: "#6d6afc33";
2878
- ref: "alpha-blue-400-20";
2876
+ ref: "alpha-color-blue-400-20";
2879
2877
  }>;
2880
- "alpha-bg-blue-lightest": Readonly<{
2878
+ "alpha-color-bg-blue-lightest": Readonly<{
2881
2879
  value: "#6d6afc1a";
2882
- ref: "alpha-blue-400-10";
2880
+ ref: "alpha-color-blue-400-10";
2883
2881
  }>;
2884
- "alpha-bg-blue-dark": Readonly<{
2882
+ "alpha-color-bg-blue-dark": Readonly<{
2885
2883
  value: "#5950dc";
2886
- ref: "alpha-blue-500";
2884
+ ref: "alpha-color-blue-500";
2887
2885
  }>;
2888
- "alpha-bg-blue-shade-light": Readonly<{
2886
+ "alpha-color-bg-blue-shade-light": Readonly<{
2889
2887
  value: "#7175e033";
2890
- ref: "alpha-shade-blue-400-20";
2888
+ ref: "alpha-color-shade-blue-400-20";
2891
2889
  }>;
2892
- "alpha-bg-blue-shade-normal": Readonly<{
2890
+ "alpha-color-bg-blue-shade-normal": Readonly<{
2893
2891
  value: "#7175e0";
2894
- ref: "alpha-shade-blue-400";
2892
+ ref: "alpha-color-shade-blue-400";
2895
2893
  }>;
2896
- "alpha-bg-cobalt-normal": Readonly<{
2894
+ "alpha-color-bg-cobalt-normal": Readonly<{
2897
2895
  value: "#5093e5";
2898
- ref: "alpha-cobalt-400";
2896
+ ref: "alpha-color-cobalt-400";
2899
2897
  }>;
2900
- "alpha-bg-cobalt-light": Readonly<{
2898
+ "alpha-color-bg-cobalt-light": Readonly<{
2901
2899
  value: "#5093e54d";
2902
- ref: "alpha-cobalt-400-30";
2900
+ ref: "alpha-color-cobalt-400-30";
2903
2901
  }>;
2904
- "alpha-bg-cobalt-lighter": Readonly<{
2902
+ "alpha-color-bg-cobalt-lighter": Readonly<{
2905
2903
  value: "#5093e533";
2906
- ref: "alpha-cobalt-400-20";
2904
+ ref: "alpha-color-cobalt-400-20";
2907
2905
  }>;
2908
- "alpha-bg-cobalt-lightest": Readonly<{
2906
+ "alpha-color-bg-cobalt-lightest": Readonly<{
2909
2907
  value: "#5093e51a";
2910
- ref: "alpha-cobalt-400-10";
2908
+ ref: "alpha-color-cobalt-400-10";
2911
2909
  }>;
2912
- "alpha-bg-cobalt-dark": Readonly<{
2910
+ "alpha-color-bg-cobalt-dark": Readonly<{
2913
2911
  value: "#3870d1";
2914
- ref: "alpha-cobalt-500";
2912
+ ref: "alpha-color-cobalt-500";
2915
2913
  }>;
2916
- "alpha-bg-cobalt-shade-light": Readonly<{
2914
+ "alpha-color-bg-cobalt-shade-light": Readonly<{
2917
2915
  value: "#57ace833";
2918
- ref: "alpha-shade-cobalt-400-20";
2916
+ ref: "alpha-color-shade-cobalt-400-20";
2919
2917
  }>;
2920
- "alpha-bg-cobalt-shade-normal": Readonly<{
2918
+ "alpha-color-bg-cobalt-shade-normal": Readonly<{
2921
2919
  value: "#57ace8";
2922
- ref: "alpha-shade-cobalt-400";
2920
+ ref: "alpha-color-shade-cobalt-400";
2923
2921
  }>;
2924
- "alpha-bg-red-normal": Readonly<{
2922
+ "alpha-color-bg-red-normal": Readonly<{
2925
2923
  value: "#e55c5c";
2926
- ref: "alpha-red-400";
2924
+ ref: "alpha-color-red-400";
2927
2925
  }>;
2928
- "alpha-bg-red-light": Readonly<{
2926
+ "alpha-color-bg-red-light": Readonly<{
2929
2927
  value: "#e55c5c4d";
2930
- ref: "alpha-red-400-30";
2928
+ ref: "alpha-color-red-400-30";
2931
2929
  }>;
2932
- "alpha-bg-red-lighter": Readonly<{
2930
+ "alpha-color-bg-red-lighter": Readonly<{
2933
2931
  value: "#e55c5c33";
2934
- ref: "alpha-red-400-20";
2932
+ ref: "alpha-color-red-400-20";
2935
2933
  }>;
2936
- "alpha-bg-red-lightest": Readonly<{
2934
+ "alpha-color-bg-red-lightest": Readonly<{
2937
2935
  value: "#e55c5c1a";
2938
- ref: "alpha-red-400-10";
2936
+ ref: "alpha-color-red-400-10";
2939
2937
  }>;
2940
- "alpha-bg-red-dark": Readonly<{
2938
+ "alpha-color-bg-red-dark": Readonly<{
2941
2939
  value: "#bc3a42";
2942
- ref: "alpha-red-500";
2940
+ ref: "alpha-color-red-500";
2943
2941
  }>;
2944
- "alpha-bg-red-shade-light": Readonly<{
2942
+ "alpha-color-bg-red-shade-light": Readonly<{
2945
2943
  value: "#de687033";
2946
- ref: "alpha-shade-red-400-20";
2944
+ ref: "alpha-color-shade-red-400-20";
2947
2945
  }>;
2948
- "alpha-bg-red-shade-normal": Readonly<{
2946
+ "alpha-color-bg-red-shade-normal": Readonly<{
2949
2947
  value: "#de6870";
2950
- ref: "alpha-shade-red-400";
2948
+ ref: "alpha-color-shade-red-400";
2951
2949
  }>;
2952
- "alpha-bg-orange-normal": Readonly<{
2950
+ "alpha-color-bg-orange-normal": Readonly<{
2953
2951
  value: "#e67f2b";
2954
- ref: "alpha-orange-400";
2952
+ ref: "alpha-color-orange-400";
2955
2953
  }>;
2956
- "alpha-bg-orange-light": Readonly<{
2954
+ "alpha-color-bg-orange-light": Readonly<{
2957
2955
  value: "#e67f2b4d";
2958
- ref: "alpha-orange-400-30";
2956
+ ref: "alpha-color-orange-400-30";
2959
2957
  }>;
2960
- "alpha-bg-orange-lighter": Readonly<{
2958
+ "alpha-color-bg-orange-lighter": Readonly<{
2961
2959
  value: "#e67f2b33";
2962
- ref: "alpha-orange-400-20";
2960
+ ref: "alpha-color-orange-400-20";
2963
2961
  }>;
2964
- "alpha-bg-orange-lightest": Readonly<{
2962
+ "alpha-color-bg-orange-lightest": Readonly<{
2965
2963
  value: "#e67f2b1a";
2966
- ref: "alpha-orange-400-10";
2964
+ ref: "alpha-color-orange-400-10";
2967
2965
  }>;
2968
- "alpha-bg-orange-dark": Readonly<{
2966
+ "alpha-color-bg-orange-dark": Readonly<{
2969
2967
  value: "#c1630d";
2970
- ref: "alpha-orange-500";
2968
+ ref: "alpha-color-orange-500";
2971
2969
  }>;
2972
- "alpha-bg-orange-shade-light": Readonly<{
2970
+ "alpha-color-bg-orange-shade-light": Readonly<{
2973
2971
  value: "#e08c4833";
2974
- ref: "alpha-shade-orange-400-20";
2972
+ ref: "alpha-color-shade-orange-400-20";
2975
2973
  }>;
2976
- "alpha-bg-orange-shade-normal": Readonly<{
2974
+ "alpha-color-bg-orange-shade-normal": Readonly<{
2977
2975
  value: "#e08c48";
2978
- ref: "alpha-shade-orange-400";
2976
+ ref: "alpha-color-shade-orange-400";
2979
2977
  }>;
2980
- "alpha-bg-green-normal": Readonly<{
2978
+ "alpha-color-bg-green-normal": Readonly<{
2981
2979
  value: "#40ad67";
2982
- ref: "alpha-green-400";
2980
+ ref: "alpha-color-green-400";
2983
2981
  }>;
2984
- "alpha-bg-green-light": Readonly<{
2982
+ "alpha-color-bg-green-light": Readonly<{
2985
2983
  value: "#40ad674d";
2986
- ref: "alpha-green-400-30";
2984
+ ref: "alpha-color-green-400-30";
2987
2985
  }>;
2988
- "alpha-bg-green-lighter": Readonly<{
2986
+ "alpha-color-bg-green-lighter": Readonly<{
2989
2987
  value: "#40ad6733";
2990
- ref: "alpha-green-400-20";
2988
+ ref: "alpha-color-green-400-20";
2991
2989
  }>;
2992
- "alpha-bg-green-lightest": Readonly<{
2990
+ "alpha-color-bg-green-lightest": Readonly<{
2993
2991
  value: "#40ad671a";
2994
- ref: "alpha-green-400-10";
2992
+ ref: "alpha-color-green-400-10";
2995
2993
  }>;
2996
- "alpha-bg-green-dark": Readonly<{
2994
+ "alpha-color-bg-green-dark": Readonly<{
2997
2995
  value: "#358761";
2998
- ref: "alpha-green-500";
2996
+ ref: "alpha-color-green-500";
2999
2997
  }>;
3000
- "alpha-bg-green-shade-light": Readonly<{
2998
+ "alpha-color-bg-green-shade-light": Readonly<{
3001
2999
  value: "#62af7c33";
3002
- ref: "alpha-shade-green-400-20";
3000
+ ref: "alpha-color-shade-green-400-20";
3003
3001
  }>;
3004
- "alpha-bg-green-shade-normal": Readonly<{
3002
+ "alpha-color-bg-green-shade-normal": Readonly<{
3005
3003
  value: "#62af7c";
3006
- ref: "alpha-shade-green-400";
3004
+ ref: "alpha-color-shade-green-400";
3007
3005
  }>;
3008
- "alpha-bg-teal-normal": Readonly<{
3006
+ "alpha-color-bg-teal-normal": Readonly<{
3009
3007
  value: "#09b2ac";
3010
- ref: "alpha-teal-400";
3008
+ ref: "alpha-color-teal-400";
3011
3009
  }>;
3012
- "alpha-bg-teal-light": Readonly<{
3010
+ "alpha-color-bg-teal-light": Readonly<{
3013
3011
  value: "#09b2ac4d";
3014
- ref: "alpha-teal-400-30";
3012
+ ref: "alpha-color-teal-400-30";
3015
3013
  }>;
3016
- "alpha-bg-teal-lighter": Readonly<{
3014
+ "alpha-color-bg-teal-lighter": Readonly<{
3017
3015
  value: "#09b2ac33";
3018
- ref: "alpha-teal-400-20";
3016
+ ref: "alpha-color-teal-400-20";
3019
3017
  }>;
3020
- "alpha-bg-teal-lightest": Readonly<{
3018
+ "alpha-color-bg-teal-lightest": Readonly<{
3021
3019
  value: "#09b2ac1a";
3022
- ref: "alpha-teal-400-10";
3020
+ ref: "alpha-color-teal-400-10";
3023
3021
  }>;
3024
- "alpha-bg-teal-dark": Readonly<{
3022
+ "alpha-color-bg-teal-dark": Readonly<{
3025
3023
  value: "#068e95";
3026
- ref: "alpha-teal-500";
3024
+ ref: "alpha-color-teal-500";
3027
3025
  }>;
3028
- "alpha-bg-teal-shade-light": Readonly<{
3026
+ "alpha-color-bg-teal-shade-light": Readonly<{
3029
3027
  value: "#55aaa733";
3030
- ref: "alpha-shade-teal-400-20";
3028
+ ref: "alpha-color-shade-teal-400-20";
3031
3029
  }>;
3032
- "alpha-bg-teal-shade-normal": Readonly<{
3030
+ "alpha-color-bg-teal-shade-normal": Readonly<{
3033
3031
  value: "#55aaa7";
3034
- ref: "alpha-shade-teal-400";
3032
+ ref: "alpha-color-shade-teal-400";
3035
3033
  }>;
3036
- "alpha-bg-olive-normal": Readonly<{
3034
+ "alpha-color-bg-olive-normal": Readonly<{
3037
3035
  value: "#a9b110";
3038
- ref: "alpha-olive-400";
3036
+ ref: "alpha-color-olive-400";
3039
3037
  }>;
3040
- "alpha-bg-olive-light": Readonly<{
3038
+ "alpha-color-bg-olive-light": Readonly<{
3041
3039
  value: "#a9b1104d";
3042
- ref: "alpha-olive-400-30";
3040
+ ref: "alpha-color-olive-400-30";
3043
3041
  }>;
3044
- "alpha-bg-olive-lighter": Readonly<{
3042
+ "alpha-color-bg-olive-lighter": Readonly<{
3045
3043
  value: "#a9b11033";
3046
- ref: "alpha-olive-400-20";
3044
+ ref: "alpha-color-olive-400-20";
3047
3045
  }>;
3048
- "alpha-bg-olive-lightest": Readonly<{
3046
+ "alpha-color-bg-olive-lightest": Readonly<{
3049
3047
  value: "#a9b1101a";
3050
- ref: "alpha-olive-400-10";
3048
+ ref: "alpha-color-olive-400-10";
3051
3049
  }>;
3052
- "alpha-bg-olive-dark": Readonly<{
3050
+ "alpha-color-bg-olive-dark": Readonly<{
3053
3051
  value: "#7b801c";
3054
- ref: "alpha-olive-500";
3052
+ ref: "alpha-color-olive-500";
3055
3053
  }>;
3056
- "alpha-bg-olive-shade-light": Readonly<{
3054
+ "alpha-color-bg-olive-shade-light": Readonly<{
3057
3055
  value: "#a5a95333";
3058
- ref: "alpha-shade-olive-400-20";
3056
+ ref: "alpha-color-shade-olive-400-20";
3059
3057
  }>;
3060
- "alpha-bg-olive-shade-normal": Readonly<{
3058
+ "alpha-color-bg-olive-shade-normal": Readonly<{
3061
3059
  value: "#a5a953";
3062
- ref: "alpha-shade-olive-400";
3060
+ ref: "alpha-color-shade-olive-400";
3063
3061
  }>;
3064
- "alpha-bg-yellow-normal": Readonly<{
3062
+ "alpha-color-bg-yellow-normal": Readonly<{
3065
3063
  value: "#edae0d";
3066
- ref: "alpha-yellow-400";
3064
+ ref: "alpha-color-yellow-400";
3067
3065
  }>;
3068
- "alpha-bg-yellow-light": Readonly<{
3066
+ "alpha-color-bg-yellow-light": Readonly<{
3069
3067
  value: "#edae0d4d";
3070
- ref: "alpha-yellow-400-30";
3068
+ ref: "alpha-color-yellow-400-30";
3071
3069
  }>;
3072
- "alpha-bg-yellow-lighter": Readonly<{
3070
+ "alpha-color-bg-yellow-lighter": Readonly<{
3073
3071
  value: "#edae0d33";
3074
- ref: "alpha-yellow-400-20";
3072
+ ref: "alpha-color-yellow-400-20";
3075
3073
  }>;
3076
- "alpha-bg-yellow-lightest": Readonly<{
3074
+ "alpha-color-bg-yellow-lightest": Readonly<{
3077
3075
  value: "#edae0d1a";
3078
- ref: "alpha-yellow-400-10";
3076
+ ref: "alpha-color-yellow-400-10";
3079
3077
  }>;
3080
- "alpha-bg-yellow-dark": Readonly<{
3078
+ "alpha-color-bg-yellow-dark": Readonly<{
3081
3079
  value: "#c38f00";
3082
- ref: "alpha-yellow-500";
3080
+ ref: "alpha-color-yellow-500";
3083
3081
  }>;
3084
- "alpha-bg-yellow-shade-light": Readonly<{
3082
+ "alpha-color-bg-yellow-shade-light": Readonly<{
3085
3083
  value: "#e8ae3c33";
3086
- ref: "alpha-shade-yellow-400-20";
3084
+ ref: "alpha-color-shade-yellow-400-20";
3087
3085
  }>;
3088
- "alpha-bg-yellow-shade-normal": Readonly<{
3086
+ "alpha-color-bg-yellow-shade-normal": Readonly<{
3089
3087
  value: "#e8ae3c";
3090
- ref: "alpha-shade-yellow-400";
3088
+ ref: "alpha-color-shade-yellow-400";
3091
3089
  }>;
3092
- "alpha-bg-pink-normal": Readonly<{
3090
+ "alpha-color-bg-pink-normal": Readonly<{
3093
3091
  value: "#d64bb5";
3094
- ref: "alpha-pink-400";
3092
+ ref: "alpha-color-pink-400";
3095
3093
  }>;
3096
- "alpha-bg-pink-light": Readonly<{
3094
+ "alpha-color-bg-pink-light": Readonly<{
3097
3095
  value: "#d64bb54d";
3098
- ref: "alpha-pink-400-30";
3096
+ ref: "alpha-color-pink-400-30";
3099
3097
  }>;
3100
- "alpha-bg-pink-lighter": Readonly<{
3098
+ "alpha-color-bg-pink-lighter": Readonly<{
3101
3099
  value: "#d64bb533";
3102
- ref: "alpha-pink-400-20";
3100
+ ref: "alpha-color-pink-400-20";
3103
3101
  }>;
3104
- "alpha-bg-pink-lightest": Readonly<{
3102
+ "alpha-color-bg-pink-lightest": Readonly<{
3105
3103
  value: "#d64bb51a";
3106
- ref: "alpha-pink-400-10";
3104
+ ref: "alpha-color-pink-400-10";
3107
3105
  }>;
3108
- "alpha-bg-pink-dark": Readonly<{
3106
+ "alpha-color-bg-pink-dark": Readonly<{
3109
3107
  value: "#b0369e";
3110
- ref: "alpha-pink-500";
3108
+ ref: "alpha-color-pink-500";
3111
3109
  }>;
3112
- "alpha-bg-pink-shade-light": Readonly<{
3110
+ "alpha-color-bg-pink-shade-light": Readonly<{
3113
3111
  value: "#d369ba33";
3114
- ref: "alpha-shade-pink-400-20";
3112
+ ref: "alpha-color-shade-pink-400-20";
3115
3113
  }>;
3116
- "alpha-bg-pink-shade-normal": Readonly<{
3114
+ "alpha-color-bg-pink-shade-normal": Readonly<{
3117
3115
  value: "#d369ba";
3118
- ref: "alpha-shade-pink-400";
3116
+ ref: "alpha-color-shade-pink-400";
3119
3117
  }>;
3120
- "alpha-bg-purple-normal": Readonly<{
3118
+ "alpha-color-bg-purple-normal": Readonly<{
3121
3119
  value: "#8e57e7";
3122
- ref: "alpha-purple-400";
3120
+ ref: "alpha-color-purple-400";
3123
3121
  }>;
3124
- "alpha-bg-purple-light": Readonly<{
3122
+ "alpha-color-bg-purple-light": Readonly<{
3125
3123
  value: "#8e57e74d";
3126
- ref: "alpha-purple-400-30";
3124
+ ref: "alpha-color-purple-400-30";
3127
3125
  }>;
3128
- "alpha-bg-purple-lighter": Readonly<{
3126
+ "alpha-color-bg-purple-lighter": Readonly<{
3129
3127
  value: "#8e57e733";
3130
- ref: "alpha-purple-400-20";
3128
+ ref: "alpha-color-purple-400-20";
3131
3129
  }>;
3132
- "alpha-bg-purple-lightest": Readonly<{
3130
+ "alpha-color-bg-purple-lightest": Readonly<{
3133
3131
  value: "#8e57e71a";
3134
- ref: "alpha-purple-400-10";
3132
+ ref: "alpha-color-purple-400-10";
3135
3133
  }>;
3136
- "alpha-bg-purple-dark": Readonly<{
3134
+ "alpha-color-bg-purple-dark": Readonly<{
3137
3135
  value: "#6735b6";
3138
- ref: "alpha-purple-500";
3136
+ ref: "alpha-color-purple-500";
3139
3137
  }>;
3140
- "alpha-bg-purple-shade-light": Readonly<{
3138
+ "alpha-color-bg-purple-shade-light": Readonly<{
3141
3139
  value: "#9d6fe533";
3142
- ref: "alpha-shade-purple-400-20";
3140
+ ref: "alpha-color-shade-purple-400-20";
3143
3141
  }>;
3144
- "alpha-bg-purple-shade-normal": Readonly<{
3142
+ "alpha-color-bg-purple-shade-normal": Readonly<{
3145
3143
  value: "#9d6fe5";
3146
- ref: "alpha-shade-purple-400";
3144
+ ref: "alpha-color-shade-purple-400";
3147
3145
  }>;
3148
- "alpha-bg-navy-normal": Readonly<{
3146
+ "alpha-color-bg-navy-normal": Readonly<{
3149
3147
  value: "#424fab";
3150
- ref: "alpha-navy-400";
3148
+ ref: "alpha-color-navy-400";
3151
3149
  }>;
3152
- "alpha-bg-navy-light": Readonly<{
3150
+ "alpha-color-bg-navy-light": Readonly<{
3153
3151
  value: "#424fab4d";
3154
- ref: "alpha-navy-400-30";
3152
+ ref: "alpha-color-navy-400-30";
3155
3153
  }>;
3156
- "alpha-bg-navy-lighter": Readonly<{
3154
+ "alpha-color-bg-navy-lighter": Readonly<{
3157
3155
  value: "#424fab33";
3158
- ref: "alpha-navy-400-20";
3156
+ ref: "alpha-color-navy-400-20";
3159
3157
  }>;
3160
- "alpha-bg-navy-lightest": Readonly<{
3158
+ "alpha-color-bg-navy-lightest": Readonly<{
3161
3159
  value: "#424fab1a";
3162
- ref: "alpha-navy-400-10";
3160
+ ref: "alpha-color-navy-400-10";
3163
3161
  }>;
3164
- "alpha-bg-navy-dark": Readonly<{
3162
+ "alpha-color-bg-navy-dark": Readonly<{
3165
3163
  value: "#353888";
3166
- ref: "alpha-navy-500";
3164
+ ref: "alpha-color-navy-500";
3167
3165
  }>;
3168
- "alpha-bg-navy-shade-light": Readonly<{
3166
+ "alpha-color-bg-navy-shade-light": Readonly<{
3169
3167
  value: "#5f69b033";
3170
- ref: "alpha-shade-navy-400-20";
3168
+ ref: "alpha-color-shade-navy-400-20";
3171
3169
  }>;
3172
- "alpha-bg-navy-shade-normal": Readonly<{
3170
+ "alpha-color-bg-navy-shade-normal": Readonly<{
3173
3171
  value: "#5f69b0";
3174
- ref: "alpha-shade-navy-400";
3172
+ ref: "alpha-color-shade-navy-400";
3175
3173
  }>;
3176
- "alpha-bg-absolute-black-dark": Readonly<{
3174
+ "alpha-color-bg-absolute-black-dark": Readonly<{
3177
3175
  value: "#000000";
3178
- ref: "alpha-black-100";
3176
+ ref: "alpha-color-black-100";
3179
3177
  }>;
3180
- "alpha-bg-absolute-black-normal": Readonly<{
3178
+ "alpha-color-bg-absolute-black-normal": Readonly<{
3181
3179
  value: "#000000d9";
3182
- ref: "alpha-black-85";
3180
+ ref: "alpha-color-black-85";
3183
3181
  }>;
3184
- "alpha-bg-absolute-black-light": Readonly<{
3182
+ "alpha-color-bg-absolute-black-light": Readonly<{
3185
3183
  value: "#00000099";
3186
- ref: "alpha-black-60";
3184
+ ref: "alpha-color-black-60";
3187
3185
  }>;
3188
- "alpha-bg-absolute-black-lighter": Readonly<{
3186
+ "alpha-color-bg-absolute-black-lighter": Readonly<{
3189
3187
  value: "#00000066";
3190
- ref: "alpha-black-40";
3188
+ ref: "alpha-color-black-40";
3191
3189
  }>;
3192
- "alpha-bg-absolute-black-lightest": Readonly<{
3190
+ "alpha-color-bg-absolute-black-lightest": Readonly<{
3193
3191
  value: "#00000033";
3194
- ref: "alpha-black-20";
3192
+ ref: "alpha-color-black-20";
3195
3193
  }>;
3196
- "alpha-bg-absolute-white-dark": Readonly<{
3194
+ "alpha-color-bg-absolute-white-dark": Readonly<{
3197
3195
  value: "#ffffff";
3198
- ref: "alpha-white-100";
3196
+ ref: "alpha-color-white-100";
3199
3197
  }>;
3200
- "alpha-bg-absolute-white-normal": Readonly<{
3198
+ "alpha-color-bg-absolute-white-normal": Readonly<{
3201
3199
  value: "#ffffffe6";
3202
- ref: "alpha-white-90";
3200
+ ref: "alpha-color-white-90";
3203
3201
  }>;
3204
- "alpha-bg-absolute-white-light": Readonly<{
3202
+ "alpha-color-bg-absolute-white-light": Readonly<{
3205
3203
  value: "#ffffff99";
3206
- ref: "alpha-white-60";
3204
+ ref: "alpha-color-white-60";
3207
3205
  }>;
3208
- "alpha-bg-absolute-white-lighter": Readonly<{
3206
+ "alpha-color-bg-absolute-white-lighter": Readonly<{
3209
3207
  value: "#ffffff66";
3210
- ref: "alpha-white-40";
3208
+ ref: "alpha-color-white-40";
3211
3209
  }>;
3212
- "alpha-bg-absolute-white-lightest": Readonly<{
3210
+ "alpha-color-bg-absolute-white-lightest": Readonly<{
3213
3211
  value: "#ffffff33";
3214
- ref: "alpha-white-20";
3212
+ ref: "alpha-color-white-20";
3215
3213
  }>;
3216
- "alpha-surface-lowest": Readonly<{
3214
+ "alpha-color-surface-lowest": Readonly<{
3217
3215
  value: "#f7f7f8";
3218
- ref: "alpha-grey-100";
3216
+ ref: "alpha-color-grey-100";
3219
3217
  }>;
3220
- "alpha-surface-lower": Readonly<{
3218
+ "alpha-color-surface-lower": Readonly<{
3221
3219
  value: "#fcfcfc";
3222
- ref: "alpha-grey-50";
3220
+ ref: "alpha-color-grey-50";
3223
3221
  }>;
3224
- "alpha-surface-normal": Readonly<{
3222
+ "alpha-color-surface-normal": Readonly<{
3225
3223
  value: "#ffffff";
3226
- ref: "alpha-white-100";
3224
+ ref: "alpha-color-white-100";
3225
+ }>;
3226
+ "alpha-color-shadow-xlarge": Readonly<{
3227
+ value: "#0000004d";
3228
+ ref: "alpha-color-black-30";
3229
+ }>;
3230
+ "alpha-color-shadow-large": Readonly<{
3231
+ value: "#00000038";
3232
+ ref: "alpha-color-black-22";
3233
+ }>;
3234
+ "alpha-color-shadow-medium": Readonly<{
3235
+ value: "#00000026";
3236
+ ref: "alpha-color-black-15";
3237
+ }>;
3238
+ "alpha-color-shadow-small": Readonly<{
3239
+ value: "#00000014";
3240
+ ref: "alpha-color-black-8";
3241
+ }>;
3242
+ "alpha-color-shadow-base": Readonly<{
3243
+ value: "#0000000d";
3244
+ ref: "alpha-color-black-5";
3245
+ }>;
3246
+ "alpha-color-shadow-base-inner": Readonly<{
3247
+ value: "#ffffff1f";
3248
+ ref: "alpha-color-white-12";
3227
3249
  }>;
3228
- "alpha-dim-black-light": Readonly<{
3250
+ "alpha-color-dim-black-light": Readonly<{
3229
3251
  value: "#00000033";
3230
- ref: "alpha-bg-absolute-black-lightest";
3252
+ ref: "alpha-color-bg-absolute-black-lightest";
3231
3253
  }>;
3232
- "alpha-dim-black-normal": Readonly<{
3254
+ "alpha-color-dim-black-normal": Readonly<{
3233
3255
  value: "#00000066";
3234
- ref: "alpha-bg-absolute-black-lighter";
3256
+ ref: "alpha-color-bg-absolute-black-lighter";
3235
3257
  }>;
3236
- "alpha-primary-bg-normal": Readonly<{
3258
+ "alpha-color-primary-bg-normal": Readonly<{
3237
3259
  value: "#6d6afc";
3238
- ref: "alpha-bg-blue-normal";
3260
+ ref: "alpha-color-bg-blue-normal";
3239
3261
  }>;
3240
- "alpha-primary-bg-light": Readonly<{
3262
+ "alpha-color-primary-bg-light": Readonly<{
3241
3263
  value: "#6d6afc4d";
3242
- ref: "alpha-bg-blue-light";
3264
+ ref: "alpha-color-bg-blue-light";
3243
3265
  }>;
3244
- "alpha-primary-bg-lighter": Readonly<{
3266
+ "alpha-color-primary-bg-lighter": Readonly<{
3245
3267
  value: "#6d6afc33";
3246
- ref: "alpha-bg-blue-lighter";
3268
+ ref: "alpha-color-bg-blue-lighter";
3247
3269
  }>;
3248
- "alpha-primary-bg-lightest": Readonly<{
3270
+ "alpha-color-primary-bg-lightest": Readonly<{
3249
3271
  value: "#6d6afc1a";
3250
- ref: "alpha-bg-blue-lightest";
3272
+ ref: "alpha-color-bg-blue-lightest";
3251
3273
  }>;
3252
- "alpha-primary-bg-dark": Readonly<{
3274
+ "alpha-color-primary-bg-dark": Readonly<{
3253
3275
  value: "#5950dc";
3254
- ref: "alpha-bg-blue-dark";
3276
+ ref: "alpha-color-bg-blue-dark";
3255
3277
  }>;
3256
- "alpha-primary-fg-normal": Readonly<{
3278
+ "alpha-color-primary-fg-normal": Readonly<{
3257
3279
  value: "#6d6afc";
3258
- ref: "alpha-fg-blue-normal";
3280
+ ref: "alpha-color-fg-blue-normal";
3259
3281
  }>;
3260
- "alpha-primary-fg-light": Readonly<{
3282
+ "alpha-color-primary-fg-light": Readonly<{
3261
3283
  value: "#6d6afc4d";
3262
- ref: "alpha-fg-blue-light";
3284
+ ref: "alpha-color-fg-blue-light";
3263
3285
  }>;
3264
- "alpha-primary-fg-dark": Readonly<{
3286
+ "alpha-color-primary-fg-dark": Readonly<{
3265
3287
  value: "#5950dc";
3266
- ref: "alpha-fg-blue-dark";
3288
+ ref: "alpha-color-fg-blue-dark";
3267
3289
  }>;
3268
- "alpha-critical-bg-dark": Readonly<{
3290
+ "alpha-color-critical-bg-dark": Readonly<{
3269
3291
  value: "#bc3a42";
3270
- ref: "alpha-bg-red-dark";
3292
+ ref: "alpha-color-bg-red-dark";
3271
3293
  }>;
3272
- "alpha-critical-bg-normal": Readonly<{
3294
+ "alpha-color-critical-bg-normal": Readonly<{
3273
3295
  value: "#e55c5c";
3274
- ref: "alpha-fg-red-normal";
3296
+ ref: "alpha-color-fg-red-normal";
3275
3297
  }>;
3276
- "alpha-critical-bg-light": Readonly<{
3298
+ "alpha-color-critical-bg-light": Readonly<{
3277
3299
  value: "#e55c5c4d";
3278
- ref: "alpha-bg-red-light";
3300
+ ref: "alpha-color-bg-red-light";
3279
3301
  }>;
3280
- "alpha-critical-bg-lighter": Readonly<{
3302
+ "alpha-color-critical-bg-lighter": Readonly<{
3281
3303
  value: "#e55c5c33";
3282
- ref: "alpha-bg-red-lighter";
3304
+ ref: "alpha-color-bg-red-lighter";
3283
3305
  }>;
3284
- "alpha-critical-bg-lightest": Readonly<{
3306
+ "alpha-color-critical-bg-lightest": Readonly<{
3285
3307
  value: "#e55c5c1a";
3286
- ref: "alpha-bg-red-lightest";
3308
+ ref: "alpha-color-bg-red-lightest";
3287
3309
  }>;
3288
- "alpha-critical-fg-normal": Readonly<{
3310
+ "alpha-color-critical-fg-normal": Readonly<{
3289
3311
  value: "#e55c5c";
3290
- ref: "alpha-fg-red-normal";
3312
+ ref: "alpha-color-fg-red-normal";
3291
3313
  }>;
3292
- "alpha-critical-fg-light": Readonly<{
3314
+ "alpha-color-critical-fg-light": Readonly<{
3293
3315
  value: "#e55c5c4d";
3294
- ref: "alpha-fg-red-light";
3316
+ ref: "alpha-color-fg-red-light";
3295
3317
  }>;
3296
- "alpha-critical-fg-dark": Readonly<{
3318
+ "alpha-color-critical-fg-dark": Readonly<{
3297
3319
  value: "#bc3a42";
3298
- ref: "alpha-fg-red-dark";
3320
+ ref: "alpha-color-fg-red-dark";
3299
3321
  }>;
3300
- "alpha-warning-bg-dark": Readonly<{
3322
+ "alpha-color-warning-bg-dark": Readonly<{
3301
3323
  value: "#c1630d";
3302
- ref: "alpha-bg-orange-dark";
3324
+ ref: "alpha-color-bg-orange-dark";
3303
3325
  }>;
3304
- "alpha-warning-bg-normal": Readonly<{
3326
+ "alpha-color-warning-bg-normal": Readonly<{
3305
3327
  value: "#e67f2b";
3306
- ref: "alpha-bg-orange-normal";
3328
+ ref: "alpha-color-bg-orange-normal";
3307
3329
  }>;
3308
- "alpha-warning-bg-light": Readonly<{
3330
+ "alpha-color-warning-bg-light": Readonly<{
3309
3331
  value: "#e67f2b4d";
3310
- ref: "alpha-bg-orange-light";
3332
+ ref: "alpha-color-bg-orange-light";
3311
3333
  }>;
3312
- "alpha-warning-bg-lighter": Readonly<{
3334
+ "alpha-color-warning-bg-lighter": Readonly<{
3313
3335
  value: "#e67f2b33";
3314
- ref: "alpha-bg-orange-lighter";
3336
+ ref: "alpha-color-bg-orange-lighter";
3315
3337
  }>;
3316
- "alpha-warning-bg-lightest": Readonly<{
3338
+ "alpha-color-warning-bg-lightest": Readonly<{
3317
3339
  value: "#e67f2b1a";
3318
- ref: "alpha-bg-orange-lightest";
3340
+ ref: "alpha-color-bg-orange-lightest";
3319
3341
  }>;
3320
- "alpha-warning-fg-normal": Readonly<{
3342
+ "alpha-color-warning-fg-normal": Readonly<{
3321
3343
  value: "#e67f2b";
3322
- ref: "alpha-fg-orange-normal";
3344
+ ref: "alpha-color-fg-orange-normal";
3323
3345
  }>;
3324
- "alpha-warning-fg-light": Readonly<{
3346
+ "alpha-color-warning-fg-light": Readonly<{
3325
3347
  value: "#e67f2b4d";
3326
- ref: "alpha-fg-orange-light";
3348
+ ref: "alpha-color-fg-orange-light";
3327
3349
  }>;
3328
- "alpha-warning-fg-dark": Readonly<{
3350
+ "alpha-color-warning-fg-dark": Readonly<{
3329
3351
  value: "#c1630d";
3330
- ref: "alpha-fg-orange-dark";
3352
+ ref: "alpha-color-fg-orange-dark";
3331
3353
  }>;
3332
- "alpha-accent-bg-dark": Readonly<{
3354
+ "alpha-color-accent-bg-dark": Readonly<{
3333
3355
  value: "#3870d1";
3334
- ref: "alpha-bg-cobalt-dark";
3356
+ ref: "alpha-color-bg-cobalt-dark";
3335
3357
  }>;
3336
- "alpha-accent-bg-normal": Readonly<{
3358
+ "alpha-color-accent-bg-normal": Readonly<{
3337
3359
  value: "#5093e5";
3338
- ref: "alpha-bg-cobalt-normal";
3360
+ ref: "alpha-color-bg-cobalt-normal";
3339
3361
  }>;
3340
- "alpha-accent-bg-light": Readonly<{
3362
+ "alpha-color-accent-bg-light": Readonly<{
3341
3363
  value: "#5093e54d";
3342
- ref: "alpha-bg-cobalt-light";
3364
+ ref: "alpha-color-bg-cobalt-light";
3343
3365
  }>;
3344
- "alpha-accent-bg-lighter": Readonly<{
3366
+ "alpha-color-accent-bg-lighter": Readonly<{
3345
3367
  value: "#5093e533";
3346
- ref: "alpha-bg-cobalt-lighter";
3368
+ ref: "alpha-color-bg-cobalt-lighter";
3347
3369
  }>;
3348
- "alpha-accent-bg-lightest": Readonly<{
3370
+ "alpha-color-accent-bg-lightest": Readonly<{
3349
3371
  value: "#5093e51a";
3350
- ref: "alpha-bg-cobalt-lightest";
3372
+ ref: "alpha-color-bg-cobalt-lightest";
3351
3373
  }>;
3352
- "alpha-accent-fg-normal": Readonly<{
3374
+ "alpha-color-accent-fg-normal": Readonly<{
3353
3375
  value: "#5093e5";
3354
- ref: "alpha-fg-cobalt-normal";
3376
+ ref: "alpha-color-fg-cobalt-normal";
3355
3377
  }>;
3356
- "alpha-accent-fg-light": Readonly<{
3378
+ "alpha-color-accent-fg-light": Readonly<{
3357
3379
  value: "#5093e54d";
3358
- ref: "alpha-fg-cobalt-light";
3380
+ ref: "alpha-color-fg-cobalt-light";
3359
3381
  }>;
3360
- "alpha-accent-fg-dark": Readonly<{
3382
+ "alpha-color-accent-fg-dark": Readonly<{
3361
3383
  value: "#3870d1";
3362
- ref: "alpha-fg-cobalt-dark";
3384
+ ref: "alpha-color-fg-cobalt-dark";
3363
3385
  }>;
3364
- "alpha-success-bg-dark": Readonly<{
3386
+ "alpha-color-success-bg-dark": Readonly<{
3365
3387
  value: "#358761";
3366
- ref: "alpha-bg-green-dark";
3388
+ ref: "alpha-color-bg-green-dark";
3367
3389
  }>;
3368
- "alpha-success-bg-normal": Readonly<{
3390
+ "alpha-color-success-bg-normal": Readonly<{
3369
3391
  value: "#40ad67";
3370
- ref: "alpha-bg-green-normal";
3392
+ ref: "alpha-color-bg-green-normal";
3371
3393
  }>;
3372
- "alpha-success-bg-light": Readonly<{
3394
+ "alpha-color-success-bg-light": Readonly<{
3373
3395
  value: "#40ad674d";
3374
- ref: "alpha-bg-green-light";
3396
+ ref: "alpha-color-bg-green-light";
3375
3397
  }>;
3376
- "alpha-success-bg-lighter": Readonly<{
3398
+ "alpha-color-success-bg-lighter": Readonly<{
3377
3399
  value: "#40ad6733";
3378
- ref: "alpha-bg-green-lighter";
3400
+ ref: "alpha-color-bg-green-lighter";
3379
3401
  }>;
3380
- "alpha-success-bg-lightest": Readonly<{
3402
+ "alpha-color-success-bg-lightest": Readonly<{
3381
3403
  value: "#40ad671a";
3382
- ref: "alpha-bg-green-lightest";
3404
+ ref: "alpha-color-bg-green-lightest";
3383
3405
  }>;
3384
- "alpha-success-fg-normal": Readonly<{
3406
+ "alpha-color-success-fg-normal": Readonly<{
3385
3407
  value: "#40ad67";
3386
- ref: "alpha-fg-green-normal";
3408
+ ref: "alpha-color-fg-green-normal";
3387
3409
  }>;
3388
- "alpha-success-fg-light": Readonly<{
3410
+ "alpha-color-success-fg-light": Readonly<{
3389
3411
  value: "#40ad674d";
3390
- ref: "alpha-fg-green-light";
3412
+ ref: "alpha-color-fg-green-light";
3391
3413
  }>;
3392
- "alpha-success-fg-dark": Readonly<{
3414
+ "alpha-color-success-fg-dark": Readonly<{
3393
3415
  value: "#358761";
3394
- ref: "alpha-fg-green-dark";
3416
+ ref: "alpha-color-fg-green-dark";
3395
3417
  }>;
3396
3418
  }>;
3397
3419
  }>;