@channel.io/bezier-tokens 0.2.0 → 0.2.1

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 +313 -312
  3. package/dist/alpha/cjs/lightTheme.js +225 -225
  4. package/dist/alpha/css/styles.css +763 -759
  5. package/dist/alpha/esm/darkTheme.mjs +225 -222
  6. package/dist/alpha/esm/global.mjs +313 -312
  7. package/dist/alpha/esm/lightTheme.mjs +225 -225
  8. package/dist/types/alpha/cjs/darkTheme.d.ts +466 -454
  9. package/dist/types/alpha/cjs/global.d.ts +405 -401
  10. package/dist/types/alpha/cjs/index.d.ts +1325 -1309
  11. package/dist/types/alpha/cjs/lightTheme.d.ts +454 -454
  12. package/dist/types/alpha/esm/darkTheme.d.mts +466 -454
  13. package/dist/types/alpha/esm/global.d.mts +405 -401
  14. package/dist/types/alpha/esm/index.d.mts +1325 -1309
  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/cjs/index.d.ts 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";
95
- }>;
96
- "alpha-fg-black-pure": Readonly<{
97
- value: "#ffffff";
98
- ref: "alpha-white-100";
74
+ ref: "alpha-color-white-40";
99
75
  }>;
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<{
100
+ "alpha-color-fg-cobalt-normal": Readonly<{
125
101
  value: "#7dc2fa";
126
- ref: "alpha-cobalt-300";
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: "#7dc2fa";
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";
267
+ }>;
268
+ "alpha-color-bg-black-darkest": Readonly<{
269
+ value: "#00000099";
270
+ ref: "alpha-color-black-60";
291
271
  }>;
292
- "alpha-bg-black-darker": Readonly<{
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";
311
291
  }>;
312
- "alpha-bg-grey-dark": Readonly<{
292
+ "alpha-color-bg-grey-darkest": Readonly<{
293
+ value: "#ffffff";
294
+ ref: "alpha-color-white-100";
295
+ }>;
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";
335
319
  }>;
336
- "alpha-bg-grey-grey-alpha-light": Readonly<{
320
+ "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
321
+ value: "#313234cc";
322
+ ref: "alpha-color-grey-alpha-800-80";
323
+ }>;
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<{
384
+ "alpha-color-bg-cobalt-normal": Readonly<{
397
385
  value: "#7dc2fa";
398
- ref: "alpha-cobalt-300";
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";
727
719
  }>;
728
- "alpha-dim-black-light": Readonly<{
720
+ "alpha-color-shadow-large": Readonly<{
721
+ value: "#00000066";
722
+ ref: "alpha-color-black-40";
723
+ }>;
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<{
848
+ "alpha-color-accent-bg-normal": Readonly<{
837
849
  value: "#7dc2fa";
838
- ref: "alpha-bg-cobalt-normal";
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<{
864
+ "alpha-color-accent-fg-normal": Readonly<{
853
865
  value: "#7dc2fa";
854
- ref: "alpha-fg-cobalt-normal";
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: "#7dc2fa";
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<{
968
+ "alpha-color-cobalt-300": Readonly<{
957
969
  value: "#7dc2fa";
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,79 @@ 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%)";
2133
2149
  }>;
2134
2150
  }>;
2135
2151
  typography: Readonly<{
@@ -2142,12 +2158,12 @@ export const tokens: Readonly<{
2142
2158
  ref: "alpha-font-size-15-5";
2143
2159
  }>;
2144
2160
  "alpha-typography-message-line-height": Readonly<{
2145
- value: "23px";
2146
- ref: "alpha-line-height-23";
2161
+ value: "2.3rem";
2162
+ ref: "alpha-font-line-height-23";
2147
2163
  }>;
2148
2164
  "alpha-typography-message-letter-spacing": Readonly<{
2149
- value: "0.2px";
2150
- ref: "alpha-letter-spacing-2";
2165
+ value: "0.02rem";
2166
+ ref: "alpha-font-letter-spacing-2";
2151
2167
  }>;
2152
2168
  "alpha-typography-h1-bold-font-weight": Readonly<{
2153
2169
  value: 700;
@@ -2158,12 +2174,12 @@ export const tokens: Readonly<{
2158
2174
  ref: "alpha-font-size-36";
2159
2175
  }>;
2160
2176
  "alpha-typography-h1-bold-line-height": Readonly<{
2161
- value: "44px";
2162
- ref: "alpha-line-height-44";
2177
+ value: "4.4rem";
2178
+ ref: "alpha-font-line-height-44";
2163
2179
  }>;
2164
2180
  "alpha-typography-h1-bold-letter-spacing": Readonly<{
2165
- value: "0px";
2166
- ref: "alpha-letter-spacing-0";
2181
+ value: "0rem";
2182
+ ref: "alpha-font-letter-spacing-0";
2167
2183
  }>;
2168
2184
  "alpha-typography-h2-bold-font-weight": Readonly<{
2169
2185
  value: 700;
@@ -2174,12 +2190,12 @@ export const tokens: Readonly<{
2174
2190
  ref: "alpha-font-size-30";
2175
2191
  }>;
2176
2192
  "alpha-typography-h2-bold-line-height": Readonly<{
2177
- value: "36px";
2178
- ref: "alpha-line-height-36";
2193
+ value: "3.6rem";
2194
+ ref: "alpha-font-line-height-36";
2179
2195
  }>;
2180
2196
  "alpha-typography-h2-bold-letter-spacing": Readonly<{
2181
- value: "0px";
2182
- ref: "alpha-letter-spacing-0";
2197
+ value: "0rem";
2198
+ ref: "alpha-font-letter-spacing-0";
2183
2199
  }>;
2184
2200
  "alpha-typography-h2-regular-font-weight": Readonly<{
2185
2201
  value: 400;
@@ -2190,12 +2206,12 @@ export const tokens: Readonly<{
2190
2206
  ref: "alpha-font-size-30";
2191
2207
  }>;
2192
2208
  "alpha-typography-h2-regular-line-height": Readonly<{
2193
- value: "36px";
2194
- ref: "alpha-line-height-36";
2209
+ value: "3.6rem";
2210
+ ref: "alpha-font-line-height-36";
2195
2211
  }>;
2196
2212
  "alpha-typography-h2-regular-letter-spacing": Readonly<{
2197
- value: "0px";
2198
- ref: "alpha-letter-spacing-0";
2213
+ value: "0rem";
2214
+ ref: "alpha-font-letter-spacing-0";
2199
2215
  }>;
2200
2216
  "alpha-typography-h3-bold-font-weight": Readonly<{
2201
2217
  value: 700;
@@ -2206,12 +2222,12 @@ export const tokens: Readonly<{
2206
2222
  ref: "alpha-font-size-24";
2207
2223
  }>;
2208
2224
  "alpha-typography-h3-bold-line-height": Readonly<{
2209
- value: "32px";
2210
- ref: "alpha-line-height-32";
2225
+ value: "3.2rem";
2226
+ ref: "alpha-font-line-height-32";
2211
2227
  }>;
2212
2228
  "alpha-typography-h3-bold-letter-spacing": Readonly<{
2213
- value: "0px";
2214
- ref: "alpha-letter-spacing-0";
2229
+ value: "0rem";
2230
+ ref: "alpha-font-letter-spacing-0";
2215
2231
  }>;
2216
2232
  "alpha-typography-h3-regular-font-weight": Readonly<{
2217
2233
  value: 400;
@@ -2222,1176 +2238,1176 @@ export const tokens: Readonly<{
2222
2238
  ref: "alpha-font-size-24";
2223
2239
  }>;
2224
2240
  "alpha-typography-h3-regular-line-height": Readonly<{
2225
- value: "32px";
2226
- ref: "alpha-line-height-32";
2241
+ value: "3.2rem";
2242
+ ref: "alpha-font-line-height-32";
2227
2243
  }>;
2228
2244
  "alpha-typography-h3-regular-letter-spacing": Readonly<{
2229
- value: "0px";
2230
- ref: "alpha-letter-spacing-0";
2245
+ value: "0rem";
2246
+ ref: "alpha-font-letter-spacing-0";
2231
2247
  }>;
2232
- "alpha-title-1-bold-font-weight": Readonly<{
2248
+ "alpha-typography-title-1-bold-font-weight": Readonly<{
2233
2249
  value: 700;
2234
2250
  ref: "alpha-font-weight-bold";
2235
2251
  }>;
2236
- "alpha-title-1-bold-font-size": Readonly<{
2252
+ "alpha-typography-title-1-bold-font-size": Readonly<{
2237
2253
  value: "2.2rem";
2238
2254
  ref: "alpha-font-size-22";
2239
2255
  }>;
2240
- "alpha-title-1-bold-line-height": Readonly<{
2241
- value: "28px";
2242
- ref: "alpha-line-height-28";
2256
+ "alpha-typography-title-1-bold-line-height": Readonly<{
2257
+ value: "2.8rem";
2258
+ ref: "alpha-font-line-height-28";
2243
2259
  }>;
2244
- "alpha-title-1-bold-letter-spacing": Readonly<{
2245
- value: "0.2px";
2246
- ref: "alpha-letter-spacing-2";
2260
+ "alpha-typography-title-1-bold-letter-spacing": Readonly<{
2261
+ value: "0.02rem";
2262
+ ref: "alpha-font-letter-spacing-2";
2247
2263
  }>;
2248
- "alpha-title-2-bold-font-weight": Readonly<{
2264
+ "alpha-typography-title-2-bold-font-weight": Readonly<{
2249
2265
  value: 700;
2250
2266
  ref: "alpha-font-weight-bold";
2251
2267
  }>;
2252
- "alpha-title-2-bold-font-size": Readonly<{
2268
+ "alpha-typography-title-2-bold-font-size": Readonly<{
2253
2269
  value: "1.8rem";
2254
2270
  ref: "alpha-font-size-18";
2255
2271
  }>;
2256
- "alpha-title-2-bold-line-height": Readonly<{
2257
- value: "24px";
2258
- ref: "alpha-line-height-24";
2272
+ "alpha-typography-title-2-bold-line-height": Readonly<{
2273
+ value: "2.4rem";
2274
+ ref: "alpha-font-line-height-24";
2259
2275
  }>;
2260
- "alpha-title-2-bold-letter-spacing": Readonly<{
2261
- value: "0.2px";
2262
- ref: "alpha-letter-spacing-2";
2276
+ "alpha-typography-title-2-bold-letter-spacing": Readonly<{
2277
+ value: "0.02rem";
2278
+ ref: "alpha-font-letter-spacing-2";
2263
2279
  }>;
2264
- "alpha-title-2-semibold-font-weight": Readonly<{
2280
+ "alpha-typography-title-2-semibold-font-weight": Readonly<{
2265
2281
  value: 600;
2266
2282
  ref: "alpha-font-weight-semibold";
2267
2283
  }>;
2268
- "alpha-title-2-semibold-font-size": Readonly<{
2284
+ "alpha-typography-title-2-semibold-font-size": Readonly<{
2269
2285
  value: "1.8rem";
2270
2286
  ref: "alpha-font-size-18";
2271
2287
  }>;
2272
- "alpha-title-2-semibold-line-height": Readonly<{
2273
- value: "24px";
2274
- ref: "alpha-line-height-24";
2288
+ "alpha-typography-title-2-semibold-line-height": Readonly<{
2289
+ value: "2.4rem";
2290
+ ref: "alpha-font-line-height-24";
2275
2291
  }>;
2276
- "alpha-title-2-semibold-letter-spacing": Readonly<{
2277
- value: "0.2px";
2278
- ref: "alpha-letter-spacing-2";
2292
+ "alpha-typography-title-2-semibold-letter-spacing": Readonly<{
2293
+ value: "0.02rem";
2294
+ ref: "alpha-font-letter-spacing-2";
2279
2295
  }>;
2280
- "alpha-title-3-semibold-font-weight": Readonly<{
2296
+ "alpha-typography-title-3-semibold-font-weight": Readonly<{
2281
2297
  value: 600;
2282
2298
  ref: "alpha-font-weight-semibold";
2283
2299
  }>;
2284
- "alpha-title-3-semibold-font-size": Readonly<{
2300
+ "alpha-typography-title-3-semibold-font-size": Readonly<{
2285
2301
  value: "1.6rem";
2286
2302
  ref: "alpha-font-size-16";
2287
2303
  }>;
2288
- "alpha-title-3-semibold-line-height": Readonly<{
2289
- value: "24px";
2290
- ref: "alpha-line-height-24";
2304
+ "alpha-typography-title-3-semibold-line-height": Readonly<{
2305
+ value: "2.4rem";
2306
+ ref: "alpha-font-line-height-24";
2291
2307
  }>;
2292
- "alpha-title-3-semibold-letter-spacing": Readonly<{
2293
- value: "0.3px";
2294
- ref: "alpha-letter-spacing-3";
2308
+ "alpha-typography-title-3-semibold-letter-spacing": Readonly<{
2309
+ value: "0.03rem";
2310
+ ref: "alpha-font-letter-spacing-3";
2295
2311
  }>;
2296
- "alpha-body-1-semibold-font-weight": Readonly<{
2312
+ "alpha-typography-body-1-semibold-font-weight": Readonly<{
2297
2313
  value: 600;
2298
2314
  ref: "alpha-font-weight-semibold";
2299
2315
  }>;
2300
- "alpha-body-1-semibold-font-size": Readonly<{
2316
+ "alpha-typography-body-1-semibold-font-size": Readonly<{
2301
2317
  value: "1.6rem";
2302
2318
  ref: "alpha-font-size-16";
2303
2319
  }>;
2304
- "alpha-body-1-semibold-line-height": Readonly<{
2305
- value: "24px";
2306
- ref: "alpha-line-height-24";
2320
+ "alpha-typography-body-1-semibold-line-height": Readonly<{
2321
+ value: "2.4rem";
2322
+ ref: "alpha-font-line-height-24";
2307
2323
  }>;
2308
- "alpha-body-1-semibold-letter-spacing": Readonly<{
2309
- value: "0.2px";
2310
- ref: "alpha-letter-spacing-2";
2324
+ "alpha-typography-body-1-semibold-letter-spacing": Readonly<{
2325
+ value: "0.02rem";
2326
+ ref: "alpha-font-letter-spacing-2";
2311
2327
  }>;
2312
- "alpha-body-1-regular-font-weight": Readonly<{
2328
+ "alpha-typography-body-1-regular-font-weight": Readonly<{
2313
2329
  value: 400;
2314
2330
  ref: "alpha-font-weight-regular";
2315
2331
  }>;
2316
- "alpha-body-1-regular-font-size": Readonly<{
2332
+ "alpha-typography-body-1-regular-font-size": Readonly<{
2317
2333
  value: "1.6rem";
2318
2334
  ref: "alpha-font-size-16";
2319
2335
  }>;
2320
- "alpha-body-1-regular-line-height": Readonly<{
2321
- value: "24px";
2322
- ref: "alpha-line-height-24";
2336
+ "alpha-typography-body-1-regular-line-height": Readonly<{
2337
+ value: "2.4rem";
2338
+ ref: "alpha-font-line-height-24";
2323
2339
  }>;
2324
- "alpha-body-1-regular-letter-spacing": Readonly<{
2325
- value: "0.1px";
2326
- ref: "alpha-letter-spacing-1";
2340
+ "alpha-typography-body-1-regular-letter-spacing": Readonly<{
2341
+ value: "0.01rem";
2342
+ ref: "alpha-font-letter-spacing-1";
2327
2343
  }>;
2328
- "alpha-body-2-semibold-font-weight": Readonly<{
2344
+ "alpha-typography-body-2-semibold-font-weight": Readonly<{
2329
2345
  value: 600;
2330
2346
  ref: "alpha-font-weight-semibold";
2331
2347
  }>;
2332
- "alpha-body-2-semibold-font-size": Readonly<{
2348
+ "alpha-typography-body-2-semibold-font-size": Readonly<{
2333
2349
  value: "1.5rem";
2334
2350
  ref: "alpha-font-size-15";
2335
2351
  }>;
2336
- "alpha-body-2-semibold-line-height": Readonly<{
2337
- value: "22px";
2338
- ref: "alpha-line-height-22";
2352
+ "alpha-typography-body-2-semibold-line-height": Readonly<{
2353
+ value: "2.2rem";
2354
+ ref: "alpha-font-line-height-22";
2339
2355
  }>;
2340
- "alpha-body-2-semibold-letter-spacing": Readonly<{
2341
- value: "0.2px";
2342
- ref: "alpha-letter-spacing-2";
2356
+ "alpha-typography-body-2-semibold-letter-spacing": Readonly<{
2357
+ value: "0.02rem";
2358
+ ref: "alpha-font-letter-spacing-2";
2343
2359
  }>;
2344
- "alpha-body-2-regular-font-weight": Readonly<{
2360
+ "alpha-typography-body-2-regular-font-weight": Readonly<{
2345
2361
  value: 400;
2346
2362
  ref: "alpha-font-weight-regular";
2347
2363
  }>;
2348
- "alpha-body-2-regular-font-size": Readonly<{
2364
+ "alpha-typography-body-2-regular-font-size": Readonly<{
2349
2365
  value: "1.5rem";
2350
2366
  ref: "alpha-font-size-15";
2351
2367
  }>;
2352
- "alpha-body-2-regular-line-height": Readonly<{
2353
- value: "22px";
2354
- ref: "alpha-line-height-22";
2368
+ "alpha-typography-body-2-regular-line-height": Readonly<{
2369
+ value: "2.2rem";
2370
+ ref: "alpha-font-line-height-22";
2355
2371
  }>;
2356
- "alpha-body-2-regular-letter-spacing": Readonly<{
2357
- value: "0.1px";
2358
- ref: "alpha-letter-spacing-1";
2372
+ "alpha-typography-body-2-regular-letter-spacing": Readonly<{
2373
+ value: "0.01rem";
2374
+ ref: "alpha-font-letter-spacing-1";
2359
2375
  }>;
2360
- "alpha-caption-1-semibold-font-weight": Readonly<{
2376
+ "alpha-typography-caption-1-semibold-font-weight": Readonly<{
2361
2377
  value: 600;
2362
2378
  ref: "alpha-font-weight-semibold";
2363
2379
  }>;
2364
- "alpha-caption-1-semibold-font-size": Readonly<{
2380
+ "alpha-typography-caption-1-semibold-font-size": Readonly<{
2365
2381
  value: "1.4rem";
2366
2382
  ref: "alpha-font-size-14";
2367
2383
  }>;
2368
- "alpha-caption-1-semibold-line-height": Readonly<{
2369
- value: "18px";
2370
- ref: "alpha-line-height-18";
2384
+ "alpha-typography-caption-1-semibold-line-height": Readonly<{
2385
+ value: "1.8rem";
2386
+ ref: "alpha-font-line-height-18";
2371
2387
  }>;
2372
- "alpha-caption-1-semibold-letter-spacing": Readonly<{
2373
- value: "0.2px";
2374
- ref: "alpha-letter-spacing-2";
2388
+ "alpha-typography-caption-1-semibold-letter-spacing": Readonly<{
2389
+ value: "0.02rem";
2390
+ ref: "alpha-font-letter-spacing-2";
2375
2391
  }>;
2376
- "alpha-caption-1-regular-font-weight": Readonly<{
2392
+ "alpha-typography-caption-1-regular-font-weight": Readonly<{
2377
2393
  value: 400;
2378
2394
  ref: "alpha-font-weight-regular";
2379
2395
  }>;
2380
- "alpha-caption-1-regular-font-size": Readonly<{
2396
+ "alpha-typography-caption-1-regular-font-size": Readonly<{
2381
2397
  value: "1.4rem";
2382
2398
  ref: "alpha-font-size-14";
2383
2399
  }>;
2384
- "alpha-caption-1-regular-line-height": Readonly<{
2385
- value: "18px";
2386
- ref: "alpha-line-height-18";
2400
+ "alpha-typography-caption-1-regular-line-height": Readonly<{
2401
+ value: "1.8rem";
2402
+ ref: "alpha-font-line-height-18";
2387
2403
  }>;
2388
- "alpha-caption-1-regular-letter-spacing": Readonly<{
2389
- value: "0.2px";
2390
- ref: "alpha-letter-spacing-2";
2404
+ "alpha-typography-caption-1-regular-letter-spacing": Readonly<{
2405
+ value: "0.02rem";
2406
+ ref: "alpha-font-letter-spacing-2";
2391
2407
  }>;
2392
- "alpha-caption-2-semibold-font-weight": Readonly<{
2408
+ "alpha-typography-caption-2-semibold-font-weight": Readonly<{
2393
2409
  value: 600;
2394
2410
  ref: "alpha-font-weight-semibold";
2395
2411
  }>;
2396
- "alpha-caption-2-semibold-font-size": Readonly<{
2412
+ "alpha-typography-caption-2-semibold-font-size": Readonly<{
2397
2413
  value: "1.3rem";
2398
2414
  ref: "alpha-font-size-13";
2399
2415
  }>;
2400
- "alpha-caption-2-semibold-line-height": Readonly<{
2401
- value: "18px";
2402
- ref: "alpha-line-height-18";
2416
+ "alpha-typography-caption-2-semibold-line-height": Readonly<{
2417
+ value: "1.8rem";
2418
+ ref: "alpha-font-line-height-18";
2403
2419
  }>;
2404
- "alpha-caption-2-semibold-letter-spacing": Readonly<{
2405
- value: "0.2px";
2406
- ref: "alpha-letter-spacing-2";
2420
+ "alpha-typography-caption-2-semibold-letter-spacing": Readonly<{
2421
+ value: "0.02rem";
2422
+ ref: "alpha-font-letter-spacing-2";
2407
2423
  }>;
2408
- "alpha-caption-2-regular-font-weight": Readonly<{
2424
+ "alpha-typography-caption-2-regular-font-weight": Readonly<{
2409
2425
  value: 400;
2410
2426
  ref: "alpha-font-weight-regular";
2411
2427
  }>;
2412
- "alpha-caption-2-regular-font-size": Readonly<{
2428
+ "alpha-typography-caption-2-regular-font-size": Readonly<{
2413
2429
  value: "1.3rem";
2414
2430
  ref: "alpha-font-size-13";
2415
2431
  }>;
2416
- "alpha-caption-2-regular-line-height": Readonly<{
2417
- value: "18px";
2418
- ref: "alpha-line-height-18";
2432
+ "alpha-typography-caption-2-regular-line-height": Readonly<{
2433
+ value: "1.8rem";
2434
+ ref: "alpha-font-line-height-18";
2419
2435
  }>;
2420
- "alpha-caption-2-regular-letter-spacing": Readonly<{
2421
- value: "0.2px";
2422
- ref: "alpha-letter-spacing-2";
2436
+ "alpha-typography-caption-2-regular-letter-spacing": Readonly<{
2437
+ value: "0.02rem";
2438
+ ref: "alpha-font-letter-spacing-2";
2423
2439
  }>;
2424
- "alpha-caption-3-semibold-font-weight": Readonly<{
2440
+ "alpha-typography-caption-3-semibold-font-weight": Readonly<{
2425
2441
  value: 600;
2426
2442
  ref: "alpha-font-weight-semibold";
2427
2443
  }>;
2428
- "alpha-caption-3-semibold-font-size": Readonly<{
2444
+ "alpha-typography-caption-3-semibold-font-size": Readonly<{
2429
2445
  value: "1.2rem";
2430
2446
  ref: "alpha-font-size-12";
2431
2447
  }>;
2432
- "alpha-caption-3-semibold-line-height": Readonly<{
2433
- value: "16px";
2434
- ref: "alpha-line-height-16";
2448
+ "alpha-typography-caption-3-semibold-line-height": Readonly<{
2449
+ value: "1.6rem";
2450
+ ref: "alpha-font-line-height-16";
2435
2451
  }>;
2436
- "alpha-caption-3-semibold-letter-spacing": Readonly<{
2437
- value: "0.2px";
2438
- ref: "alpha-letter-spacing-2";
2452
+ "alpha-typography-caption-3-semibold-letter-spacing": Readonly<{
2453
+ value: "0.02rem";
2454
+ ref: "alpha-font-letter-spacing-2";
2439
2455
  }>;
2440
- "alpha-caption-3-regular-font-weight": Readonly<{
2456
+ "alpha-typography-caption-3-regular-font-weight": Readonly<{
2441
2457
  value: 400;
2442
2458
  ref: "alpha-font-weight-regular";
2443
2459
  }>;
2444
- "alpha-caption-3-regular-font-size": Readonly<{
2460
+ "alpha-typography-caption-3-regular-font-size": Readonly<{
2445
2461
  value: "1.2rem";
2446
2462
  ref: "alpha-font-size-12";
2447
2463
  }>;
2448
- "alpha-caption-3-regular-line-height": Readonly<{
2449
- value: "16px";
2450
- ref: "alpha-line-height-16";
2464
+ "alpha-typography-caption-3-regular-line-height": Readonly<{
2465
+ value: "1.6rem";
2466
+ ref: "alpha-font-line-height-16";
2451
2467
  }>;
2452
- "alpha-caption-3-regular-letter-spacing": Readonly<{
2453
- value: "0.2px";
2454
- ref: "alpha-letter-spacing-2";
2468
+ "alpha-typography-caption-3-regular-letter-spacing": Readonly<{
2469
+ value: "0.02rem";
2470
+ ref: "alpha-font-letter-spacing-2";
2455
2471
  }>;
2456
- "alpha-caption-4-semibold-font-weight": Readonly<{
2472
+ "alpha-typography-caption-4-semibold-font-weight": Readonly<{
2457
2473
  value: 600;
2458
2474
  ref: "alpha-font-weight-semibold";
2459
2475
  }>;
2460
- "alpha-caption-4-semibold-font-size": Readonly<{
2476
+ "alpha-typography-caption-4-semibold-font-size": Readonly<{
2461
2477
  value: "1.1rem";
2462
2478
  ref: "alpha-font-size-11";
2463
2479
  }>;
2464
- "alpha-caption-4-semibold-line-height": Readonly<{
2465
- value: "16px";
2466
- ref: "alpha-line-height-16";
2480
+ "alpha-typography-caption-4-semibold-line-height": Readonly<{
2481
+ value: "1.6rem";
2482
+ ref: "alpha-font-line-height-16";
2467
2483
  }>;
2468
- "alpha-caption-4-semibold-letter-spacing": Readonly<{
2469
- value: "0.1px";
2470
- ref: "alpha-letter-spacing-1";
2484
+ "alpha-typography-caption-4-semibold-letter-spacing": Readonly<{
2485
+ value: "0.01rem";
2486
+ ref: "alpha-font-letter-spacing-1";
2471
2487
  }>;
2472
- "alpha-caption-4-regular-font-weight": Readonly<{
2488
+ "alpha-typography-caption-4-regular-font-weight": Readonly<{
2473
2489
  value: 400;
2474
2490
  ref: "alpha-font-weight-regular";
2475
2491
  }>;
2476
- "alpha-caption-4-regular-font-size": Readonly<{
2492
+ "alpha-typography-caption-4-regular-font-size": Readonly<{
2477
2493
  value: "1.1rem";
2478
2494
  ref: "alpha-font-size-11";
2479
2495
  }>;
2480
- "alpha-caption-4-regular-line-height": Readonly<{
2481
- value: "16px";
2482
- ref: "alpha-line-height-16";
2496
+ "alpha-typography-caption-4-regular-line-height": Readonly<{
2497
+ value: "1.6rem";
2498
+ ref: "alpha-font-line-height-16";
2483
2499
  }>;
2484
- "alpha-caption-4-regular-letter-spacing": Readonly<{
2485
- value: "0.1px";
2486
- ref: "alpha-letter-spacing-1";
2500
+ "alpha-typography-caption-4-regular-letter-spacing": Readonly<{
2501
+ value: "0.01rem";
2502
+ ref: "alpha-font-letter-spacing-1";
2487
2503
  }>;
2488
2504
  }>;
2489
2505
  }>;
2490
2506
  lightTheme: Readonly<{
2491
2507
  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
2508
  "alpha-gradient-fg-black": Readonly<{
2497
2509
  value: "linear-gradient(90deg, #00000014 0%, #00000026 100%)";
2498
- ref: "linear-gradient(90deg, alpha-bg-black-light 0%, alpha-bg-black-dark 100%)";
2510
+ ref: "linear-gradient(90deg, alpha-color-bg-black-light 0%, alpha-color-bg-black-dark 100%)";
2499
2511
  }>;
2500
2512
  }>;
2501
2513
  shadow: Readonly<{
2502
2514
  "alpha-shadow-1": Readonly<{
2503
2515
  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";
2516
+ 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
2517
  }>;
2506
2518
  "alpha-shadow-2": Readonly<{
2507
2519
  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";
2520
+ 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
2521
  }>;
2510
2522
  "alpha-shadow-3": Readonly<{
2511
2523
  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";
2524
+ 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
2525
  }>;
2514
2526
  "alpha-shadow-4": Readonly<{
2515
2527
  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";
2528
+ 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
2529
  }>;
2518
2530
  "alpha-shadow-5": Readonly<{
2519
2531
  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";
2532
+ 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
2533
  }>;
2522
2534
  "alpha-shadow-6": Readonly<{
2523
2535
  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";
2536
+ 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
2537
  }>;
2526
2538
  "alpha-shadow-error": Readonly<{
2527
2539
  value: "0 0 0 1px #e67f2b";
2528
- ref: "0 0 0 1px alpha-warning-bg-normal";
2540
+ ref: "0 0 0 1px alpha-color-warning-bg-normal";
2529
2541
  }>;
2530
2542
  "alpha-shadow-active": Readonly<{
2531
2543
  value: "0 0 0 1px #6d6afc";
2532
- ref: "0 0 0 1px alpha-primary-bg-normal";
2544
+ ref: "0 0 0 1px alpha-color-primary-bg-normal";
2533
2545
  }>;
2534
2546
  "alpha-shadow-input-default": Readonly<{
2535
2547
  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";
2548
+ ref: "inset 0 0 0 1px alpha-color-shadow-base-inner, 0 0 2px 0 alpha-color-shadow-base";
2537
2549
  }>;
2538
2550
  "alpha-shadow-input-hover": Readonly<{
2539
2551
  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";
2552
+ ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
2541
2553
  }>;
2542
2554
  "alpha-shadow-input-active": Readonly<{
2543
2555
  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";
2556
+ 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
2557
  }>;
2546
2558
  "alpha-shadow-input-error": Readonly<{
2547
2559
  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";
2560
+ 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
2561
  }>;
2550
2562
  }>;
2551
2563
  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";
2564
+ "alpha-color-fg-black-pure": Readonly<{
2565
+ value: "#000000";
2566
+ ref: "alpha-color-black-100";
2571
2567
  }>;
2572
- "alpha-shadow-base-inner": Readonly<{
2573
- value: "#ffffff1f";
2574
- ref: "alpha-white-12";
2568
+ "alpha-color-fg-black-darkest": Readonly<{
2569
+ value: "#000000d9";
2570
+ ref: "alpha-color-black-85";
2575
2571
  }>;
2576
- "alpha-fg-black-darker": Readonly<{
2572
+ "alpha-color-fg-black-darker": Readonly<{
2577
2573
  value: "#00000099";
2578
- ref: "alpha-black-60";
2574
+ ref: "alpha-color-black-60";
2579
2575
  }>;
2580
- "alpha-fg-black-dark": Readonly<{
2576
+ "alpha-color-fg-black-dark": Readonly<{
2581
2577
  value: "#00000066";
2582
- ref: "alpha-black-40";
2583
- }>;
2584
- "alpha-fg-black-pure": Readonly<{
2585
- value: "#000000";
2586
- ref: "alpha-black-100";
2578
+ ref: "alpha-color-black-40";
2587
2579
  }>;
2588
- "alpha-fg-black-light": Readonly<{
2580
+ "alpha-color-fg-black-light": Readonly<{
2589
2581
  value: "#00000026";
2590
- ref: "alpha-black-15";
2582
+ ref: "alpha-color-black-15";
2591
2583
  }>;
2592
- "alpha-fg-black-lightest": Readonly<{
2584
+ "alpha-color-fg-black-lightest": Readonly<{
2593
2585
  value: "#00000014";
2594
- ref: "alpha-black-8";
2586
+ ref: "alpha-color-black-8";
2595
2587
  }>;
2596
- "alpha-fg-white-normal": Readonly<{
2588
+ "alpha-color-fg-white-normal": Readonly<{
2597
2589
  value: "#ffffff";
2598
- ref: "alpha-white-100";
2590
+ ref: "alpha-color-white-100";
2599
2591
  }>;
2600
- "alpha-fg-blue-normal": Readonly<{
2592
+ "alpha-color-fg-blue-normal": Readonly<{
2601
2593
  value: "#6d6afc";
2602
- ref: "alpha-blue-400";
2594
+ ref: "alpha-color-blue-400";
2603
2595
  }>;
2604
- "alpha-fg-blue-light": Readonly<{
2596
+ "alpha-color-fg-blue-light": Readonly<{
2605
2597
  value: "#6d6afc4d";
2606
- ref: "alpha-blue-400-30";
2598
+ ref: "alpha-color-blue-400-30";
2607
2599
  }>;
2608
- "alpha-fg-blue-dark": Readonly<{
2600
+ "alpha-color-fg-blue-dark": Readonly<{
2609
2601
  value: "#5950dc";
2610
- ref: "alpha-blue-500";
2602
+ ref: "alpha-color-blue-500";
2611
2603
  }>;
2612
- "alpha-fg-cobalt-normal": Readonly<{
2604
+ "alpha-color-fg-cobalt-normal": Readonly<{
2613
2605
  value: "#5093e5";
2614
- ref: "alpha-cobalt-400";
2606
+ ref: "alpha-color-cobalt-400";
2615
2607
  }>;
2616
- "alpha-fg-cobalt-light": Readonly<{
2608
+ "alpha-color-fg-cobalt-light": Readonly<{
2617
2609
  value: "#5093e54d";
2618
- ref: "alpha-cobalt-400-30";
2610
+ ref: "alpha-color-cobalt-400-30";
2619
2611
  }>;
2620
- "alpha-fg-cobalt-dark": Readonly<{
2612
+ "alpha-color-fg-cobalt-dark": Readonly<{
2621
2613
  value: "#3870d1";
2622
- ref: "alpha-cobalt-500";
2614
+ ref: "alpha-color-cobalt-500";
2623
2615
  }>;
2624
- "alpha-fg-red-normal": Readonly<{
2616
+ "alpha-color-fg-red-normal": Readonly<{
2625
2617
  value: "#e55c5c";
2626
- ref: "alpha-red-400";
2618
+ ref: "alpha-color-red-400";
2627
2619
  }>;
2628
- "alpha-fg-red-light": Readonly<{
2620
+ "alpha-color-fg-red-light": Readonly<{
2629
2621
  value: "#e55c5c4d";
2630
- ref: "alpha-red-400-30";
2622
+ ref: "alpha-color-red-400-30";
2631
2623
  }>;
2632
- "alpha-fg-red-dark": Readonly<{
2624
+ "alpha-color-fg-red-dark": Readonly<{
2633
2625
  value: "#bc3a42";
2634
- ref: "alpha-red-500";
2626
+ ref: "alpha-color-red-500";
2635
2627
  }>;
2636
- "alpha-fg-orange-normal": Readonly<{
2628
+ "alpha-color-fg-orange-normal": Readonly<{
2637
2629
  value: "#e67f2b";
2638
- ref: "alpha-orange-400";
2630
+ ref: "alpha-color-orange-400";
2639
2631
  }>;
2640
- "alpha-fg-orange-light": Readonly<{
2632
+ "alpha-color-fg-orange-light": Readonly<{
2641
2633
  value: "#e67f2b4d";
2642
- ref: "alpha-orange-400-30";
2634
+ ref: "alpha-color-orange-400-30";
2643
2635
  }>;
2644
- "alpha-fg-orange-dark": Readonly<{
2636
+ "alpha-color-fg-orange-dark": Readonly<{
2645
2637
  value: "#c1630d";
2646
- ref: "alpha-orange-500";
2638
+ ref: "alpha-color-orange-500";
2647
2639
  }>;
2648
- "alpha-fg-green-normal": Readonly<{
2640
+ "alpha-color-fg-green-normal": Readonly<{
2649
2641
  value: "#40ad67";
2650
- ref: "alpha-green-400";
2642
+ ref: "alpha-color-green-400";
2651
2643
  }>;
2652
- "alpha-fg-green-light": Readonly<{
2644
+ "alpha-color-fg-green-light": Readonly<{
2653
2645
  value: "#40ad674d";
2654
- ref: "alpha-green-400-30";
2646
+ ref: "alpha-color-green-400-30";
2655
2647
  }>;
2656
- "alpha-fg-green-dark": Readonly<{
2648
+ "alpha-color-fg-green-dark": Readonly<{
2657
2649
  value: "#358761";
2658
- ref: "alpha-green-500";
2650
+ ref: "alpha-color-green-500";
2659
2651
  }>;
2660
- "alpha-fg-teal-normal": Readonly<{
2652
+ "alpha-color-fg-teal-normal": Readonly<{
2661
2653
  value: "#09b2ac";
2662
- ref: "alpha-teal-400";
2654
+ ref: "alpha-color-teal-400";
2663
2655
  }>;
2664
- "alpha-fg-teal-light": Readonly<{
2656
+ "alpha-color-fg-teal-light": Readonly<{
2665
2657
  value: "#09b2ac4d";
2666
- ref: "alpha-teal-400-30";
2658
+ ref: "alpha-color-teal-400-30";
2667
2659
  }>;
2668
- "alpha-fg-olive-normal": Readonly<{
2660
+ "alpha-color-fg-olive-normal": Readonly<{
2669
2661
  value: "#a9b110";
2670
- ref: "alpha-olive-400";
2662
+ ref: "alpha-color-olive-400";
2671
2663
  }>;
2672
- "alpha-fg-olive-light": Readonly<{
2664
+ "alpha-color-fg-olive-light": Readonly<{
2673
2665
  value: "#a9b1104d";
2674
- ref: "alpha-olive-400-30";
2666
+ ref: "alpha-color-olive-400-30";
2675
2667
  }>;
2676
- "alpha-fg-yellow-normal": Readonly<{
2668
+ "alpha-color-fg-yellow-normal": Readonly<{
2677
2669
  value: "#edae0d";
2678
- ref: "alpha-yellow-400";
2670
+ ref: "alpha-color-yellow-400";
2679
2671
  }>;
2680
- "alpha-fg-yellow-light": Readonly<{
2672
+ "alpha-color-fg-yellow-light": Readonly<{
2681
2673
  value: "#edae0d4d";
2682
- ref: "alpha-yellow-400-30";
2674
+ ref: "alpha-color-yellow-400-30";
2683
2675
  }>;
2684
- "alpha-fg-pink-normal": Readonly<{
2676
+ "alpha-color-fg-pink-normal": Readonly<{
2685
2677
  value: "#d64bb5";
2686
- ref: "alpha-pink-400";
2678
+ ref: "alpha-color-pink-400";
2687
2679
  }>;
2688
- "alpha-fg-pink-light": Readonly<{
2680
+ "alpha-color-fg-pink-light": Readonly<{
2689
2681
  value: "#d64bb54d";
2690
- ref: "alpha-pink-400-30";
2682
+ ref: "alpha-color-pink-400-30";
2691
2683
  }>;
2692
- "alpha-fg-purple-normal": Readonly<{
2684
+ "alpha-color-fg-purple-normal": Readonly<{
2693
2685
  value: "#8e57e7";
2694
- ref: "alpha-purple-400";
2686
+ ref: "alpha-color-purple-400";
2695
2687
  }>;
2696
- "alpha-fg-purple-light": Readonly<{
2688
+ "alpha-color-fg-purple-light": Readonly<{
2697
2689
  value: "#8e57e74d";
2698
- ref: "alpha-purple-400-30";
2690
+ ref: "alpha-color-purple-400-30";
2699
2691
  }>;
2700
- "alpha-fg-navy-normal": Readonly<{
2692
+ "alpha-color-fg-navy-normal": Readonly<{
2701
2693
  value: "#424fab";
2702
- ref: "alpha-navy-400";
2694
+ ref: "alpha-color-navy-400";
2703
2695
  }>;
2704
- "alpha-fg-navy-light": Readonly<{
2696
+ "alpha-color-fg-navy-light": Readonly<{
2705
2697
  value: "#424fab4d";
2706
- ref: "alpha-navy-400-30";
2698
+ ref: "alpha-color-navy-400-30";
2707
2699
  }>;
2708
- "alpha-fg-absolute-black-dark": Readonly<{
2700
+ "alpha-color-fg-absolute-black-dark": Readonly<{
2709
2701
  value: "#000000";
2710
- ref: "alpha-black-100";
2702
+ ref: "alpha-color-black-100";
2711
2703
  }>;
2712
- "alpha-fg-absolute-black-normal": Readonly<{
2704
+ "alpha-color-fg-absolute-black-normal": Readonly<{
2713
2705
  value: "#000000d9";
2714
- ref: "alpha-black-85";
2706
+ ref: "alpha-color-black-85";
2715
2707
  }>;
2716
- "alpha-fg-absolute-black-light": Readonly<{
2708
+ "alpha-color-fg-absolute-black-light": Readonly<{
2717
2709
  value: "#00000099";
2718
- ref: "alpha-black-60";
2710
+ ref: "alpha-color-black-60";
2719
2711
  }>;
2720
- "alpha-fg-absolute-black-lighter": Readonly<{
2712
+ "alpha-color-fg-absolute-black-lighter": Readonly<{
2721
2713
  value: "#00000066";
2722
- ref: "alpha-black-40";
2714
+ ref: "alpha-color-black-40";
2723
2715
  }>;
2724
- "alpha-fg-absolute-black-lightest": Readonly<{
2716
+ "alpha-color-fg-absolute-black-lightest": Readonly<{
2725
2717
  value: "#00000033";
2726
- ref: "alpha-black-20";
2718
+ ref: "alpha-color-black-20";
2727
2719
  }>;
2728
- "alpha-fg-absolute-white-dark": Readonly<{
2720
+ "alpha-color-fg-absolute-white-dark": Readonly<{
2729
2721
  value: "#ffffff";
2730
- ref: "alpha-white-100";
2722
+ ref: "alpha-color-white-100";
2731
2723
  }>;
2732
- "alpha-fg-absolute-white-normal": Readonly<{
2724
+ "alpha-color-fg-absolute-white-normal": Readonly<{
2733
2725
  value: "#ffffffe6";
2734
- ref: "alpha-white-90";
2726
+ ref: "alpha-color-white-90";
2735
2727
  }>;
2736
- "alpha-fg-absolute-white-light": Readonly<{
2728
+ "alpha-color-fg-absolute-white-light": Readonly<{
2737
2729
  value: "#ffffff99";
2738
- ref: "alpha-white-60";
2730
+ ref: "alpha-color-white-60";
2739
2731
  }>;
2740
- "alpha-fg-absolute-white-lighter": Readonly<{
2732
+ "alpha-color-fg-absolute-white-lighter": Readonly<{
2741
2733
  value: "#ffffff66";
2742
- ref: "alpha-white-40";
2734
+ ref: "alpha-color-white-40";
2743
2735
  }>;
2744
- "alpha-fg-absolute-white-lightest": Readonly<{
2736
+ "alpha-color-fg-absolute-white-lightest": Readonly<{
2745
2737
  value: "#ffffff33";
2746
- ref: "alpha-white-20";
2738
+ ref: "alpha-color-white-20";
2747
2739
  }>;
2748
- "alpha-fg-grey-dark": Readonly<{
2740
+ "alpha-color-fg-grey-dark": Readonly<{
2749
2741
  value: "#a7a7aa";
2750
- ref: "alpha-grey-500";
2742
+ ref: "alpha-color-grey-500";
2751
2743
  }>;
2752
- "alpha-fg-grey-normal": Readonly<{
2744
+ "alpha-color-fg-grey-normal": Readonly<{
2753
2745
  value: "#cfcfd1";
2754
- ref: "alpha-grey-400";
2746
+ ref: "alpha-color-grey-400";
2755
2747
  }>;
2756
- "alpha-fg-grey-light": Readonly<{
2748
+ "alpha-color-fg-grey-light": Readonly<{
2757
2749
  value: "#efeff0";
2758
- ref: "alpha-grey-200";
2750
+ ref: "alpha-color-grey-200";
2759
2751
  }>;
2760
- "alpha-fg-grey-lighter": Readonly<{
2752
+ "alpha-color-fg-grey-lighter": Readonly<{
2761
2753
  value: "#f7f7f8";
2762
- ref: "alpha-grey-100";
2754
+ ref: "alpha-color-grey-100";
2763
2755
  }>;
2764
- "alpha-fg-grey-lightest": Readonly<{
2756
+ "alpha-color-fg-grey-lightest": Readonly<{
2765
2757
  value: "#fcfcfc";
2766
- ref: "alpha-grey-50";
2758
+ ref: "alpha-color-grey-50";
2767
2759
  }>;
2768
- "alpha-fg-grey-grey-alpha-darker": Readonly<{
2760
+ "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
2769
2761
  value: "#efeff0cc";
2770
- ref: "alpha-grey-alpha-200-80";
2762
+ ref: "alpha-color-grey-alpha-200-80";
2771
2763
  }>;
2772
- "alpha-fg-grey-grey-alpha-dark": Readonly<{
2764
+ "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
2773
2765
  value: "#f7f7f8cc";
2774
- ref: "alpha-grey-alpha-100-80";
2766
+ ref: "alpha-color-grey-alpha-100-80";
2775
2767
  }>;
2776
- "alpha-fg-grey-grey-alpha-light": Readonly<{
2768
+ "alpha-color-fg-grey-grey-alpha-light": Readonly<{
2777
2769
  value: "#fcfcfccc";
2778
- ref: "alpha-grey-alpha-50-80";
2770
+ ref: "alpha-color-grey-alpha-50-80";
2779
2771
  }>;
2780
- "alpha-bg-black-darkest": Readonly<{
2772
+ "alpha-color-bg-black-darkest": Readonly<{
2781
2773
  value: "#00000099";
2782
- ref: "alpha-black-60";
2774
+ ref: "alpha-color-black-60";
2783
2775
  }>;
2784
- "alpha-bg-black-darker": Readonly<{
2776
+ "alpha-color-bg-black-darker": Readonly<{
2785
2777
  value: "#00000066";
2786
- ref: "alpha-black-40";
2778
+ ref: "alpha-color-black-40";
2787
2779
  }>;
2788
- "alpha-bg-black-dark": Readonly<{
2780
+ "alpha-color-bg-black-dark": Readonly<{
2789
2781
  value: "#00000026";
2790
- ref: "alpha-black-15";
2782
+ ref: "alpha-color-black-15";
2791
2783
  }>;
2792
- "alpha-bg-black-light": Readonly<{
2784
+ "alpha-color-bg-black-light": Readonly<{
2793
2785
  value: "#00000014";
2794
- ref: "alpha-black-8";
2786
+ ref: "alpha-color-black-8";
2795
2787
  }>;
2796
- "alpha-bg-black-lighter": Readonly<{
2788
+ "alpha-color-bg-black-lighter": Readonly<{
2797
2789
  value: "#0000000d";
2798
- ref: "alpha-black-5";
2790
+ ref: "alpha-color-black-5";
2799
2791
  }>;
2800
- "alpha-bg-black-lightest": Readonly<{
2792
+ "alpha-color-bg-black-lightest": Readonly<{
2801
2793
  value: "#00000008";
2802
- ref: "alpha-black-3";
2794
+ ref: "alpha-color-black-3";
2803
2795
  }>;
2804
- "alpha-bg-grey-darkest": Readonly<{
2796
+ "alpha-color-bg-grey-darkest": Readonly<{
2805
2797
  value: "#242428";
2806
- ref: "alpha-grey-900";
2798
+ ref: "alpha-color-grey-900";
2807
2799
  }>;
2808
- "alpha-bg-grey-dark": Readonly<{
2800
+ "alpha-color-bg-grey-dark": Readonly<{
2809
2801
  value: "#a7a7aa";
2810
- ref: "alpha-grey-500";
2802
+ ref: "alpha-color-grey-500";
2811
2803
  }>;
2812
- "alpha-bg-grey-light": Readonly<{
2804
+ "alpha-color-bg-grey-light": Readonly<{
2813
2805
  value: "#efeff0";
2814
- ref: "alpha-grey-200";
2806
+ ref: "alpha-color-grey-200";
2815
2807
  }>;
2816
- "alpha-bg-grey-lighter": Readonly<{
2808
+ "alpha-color-bg-grey-lighter": Readonly<{
2817
2809
  value: "#f7f7f8";
2818
- ref: "alpha-grey-100";
2810
+ ref: "alpha-color-grey-100";
2819
2811
  }>;
2820
- "alpha-bg-grey-lightest": Readonly<{
2812
+ "alpha-color-bg-grey-lightest": Readonly<{
2821
2813
  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";
2814
+ ref: "alpha-color-grey-50";
2827
2815
  }>;
2828
- "alpha-bg-grey-grey-alpha-darkest": Readonly<{
2816
+ "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
2829
2817
  value: "#efeff0cc";
2830
- ref: "alpha-grey-alpha-200-80";
2818
+ ref: "alpha-color-grey-alpha-200-80";
2831
2819
  }>;
2832
- "alpha-bg-grey-grey-alpha-darker": Readonly<{
2833
- value: "#efeff0cc";
2834
- ref: "alpha-grey-alpha-200-80";
2820
+ "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
2821
+ value: "#f7f7f8e6";
2822
+ ref: "alpha-color-grey-alpha-100-90";
2823
+ }>;
2824
+ "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
2825
+ value: "#f7f7f8cc";
2826
+ ref: "alpha-color-grey-alpha-100-80";
2835
2827
  }>;
2836
- "alpha-bg-grey-grey-alpha-light": Readonly<{
2828
+ "alpha-color-bg-grey-grey-alpha-light": Readonly<{
2837
2829
  value: "#fcfcfccc";
2838
- ref: "alpha-grey-alpha-50-80";
2830
+ ref: "alpha-color-grey-alpha-50-80";
2839
2831
  }>;
2840
- "alpha-bg-grey-normal": Readonly<{
2832
+ "alpha-color-bg-grey-normal": Readonly<{
2841
2833
  value: "#cfcfd1";
2842
- ref: "alpha-grey-400";
2834
+ ref: "alpha-color-grey-400";
2843
2835
  }>;
2844
- "alpha-bg-white-highest": Readonly<{
2836
+ "alpha-color-bg-white-highest": Readonly<{
2845
2837
  value: "#ffffff";
2846
- ref: "alpha-white-100";
2838
+ ref: "alpha-color-white-100";
2847
2839
  }>;
2848
- "alpha-bg-white-higher": Readonly<{
2840
+ "alpha-color-bg-white-higher": Readonly<{
2849
2841
  value: "#ffffff";
2850
- ref: "alpha-white-100";
2842
+ ref: "alpha-color-white-100";
2851
2843
  }>;
2852
- "alpha-bg-white-normal": Readonly<{
2844
+ "alpha-color-bg-white-normal": Readonly<{
2853
2845
  value: "#ffffff";
2854
- ref: "alpha-white-100";
2846
+ ref: "alpha-color-white-100";
2855
2847
  }>;
2856
- "alpha-bg-white-white-alpha-lightest": Readonly<{
2848
+ "alpha-color-bg-white-white-alpha-lightest": Readonly<{
2857
2849
  value: "#ffffffe6";
2858
- ref: "alpha-white-90";
2850
+ ref: "alpha-color-white-90";
2859
2851
  }>;
2860
- "alpha-bg-white-white-alpha-lighter": Readonly<{
2852
+ "alpha-color-bg-white-white-alpha-lighter": Readonly<{
2861
2853
  value: "#ffffff99";
2862
- ref: "alpha-white-60";
2854
+ ref: "alpha-color-white-60";
2863
2855
  }>;
2864
- "alpha-bg-white-white-alpha-light": Readonly<{
2856
+ "alpha-color-bg-white-white-alpha-light": Readonly<{
2865
2857
  value: "#ffffff33";
2866
- ref: "alpha-white-20";
2858
+ ref: "alpha-color-white-20";
2867
2859
  }>;
2868
- "alpha-bg-blue-normal": Readonly<{
2860
+ "alpha-color-bg-blue-normal": Readonly<{
2869
2861
  value: "#6d6afc";
2870
- ref: "alpha-blue-400";
2862
+ ref: "alpha-color-blue-400";
2871
2863
  }>;
2872
- "alpha-bg-blue-light": Readonly<{
2864
+ "alpha-color-bg-blue-light": Readonly<{
2873
2865
  value: "#6d6afc4d";
2874
- ref: "alpha-blue-400-30";
2866
+ ref: "alpha-color-blue-400-30";
2875
2867
  }>;
2876
- "alpha-bg-blue-lighter": Readonly<{
2868
+ "alpha-color-bg-blue-lighter": Readonly<{
2877
2869
  value: "#6d6afc33";
2878
- ref: "alpha-blue-400-20";
2870
+ ref: "alpha-color-blue-400-20";
2879
2871
  }>;
2880
- "alpha-bg-blue-lightest": Readonly<{
2872
+ "alpha-color-bg-blue-lightest": Readonly<{
2881
2873
  value: "#6d6afc1a";
2882
- ref: "alpha-blue-400-10";
2874
+ ref: "alpha-color-blue-400-10";
2883
2875
  }>;
2884
- "alpha-bg-blue-dark": Readonly<{
2876
+ "alpha-color-bg-blue-dark": Readonly<{
2885
2877
  value: "#5950dc";
2886
- ref: "alpha-blue-500";
2878
+ ref: "alpha-color-blue-500";
2887
2879
  }>;
2888
- "alpha-bg-blue-shade-light": Readonly<{
2880
+ "alpha-color-bg-blue-shade-light": Readonly<{
2889
2881
  value: "#7175e033";
2890
- ref: "alpha-shade-blue-400-20";
2882
+ ref: "alpha-color-shade-blue-400-20";
2891
2883
  }>;
2892
- "alpha-bg-blue-shade-normal": Readonly<{
2884
+ "alpha-color-bg-blue-shade-normal": Readonly<{
2893
2885
  value: "#7175e0";
2894
- ref: "alpha-shade-blue-400";
2886
+ ref: "alpha-color-shade-blue-400";
2895
2887
  }>;
2896
- "alpha-bg-cobalt-normal": Readonly<{
2888
+ "alpha-color-bg-cobalt-normal": Readonly<{
2897
2889
  value: "#5093e5";
2898
- ref: "alpha-cobalt-400";
2890
+ ref: "alpha-color-cobalt-400";
2899
2891
  }>;
2900
- "alpha-bg-cobalt-light": Readonly<{
2892
+ "alpha-color-bg-cobalt-light": Readonly<{
2901
2893
  value: "#5093e54d";
2902
- ref: "alpha-cobalt-400-30";
2894
+ ref: "alpha-color-cobalt-400-30";
2903
2895
  }>;
2904
- "alpha-bg-cobalt-lighter": Readonly<{
2896
+ "alpha-color-bg-cobalt-lighter": Readonly<{
2905
2897
  value: "#5093e533";
2906
- ref: "alpha-cobalt-400-20";
2898
+ ref: "alpha-color-cobalt-400-20";
2907
2899
  }>;
2908
- "alpha-bg-cobalt-lightest": Readonly<{
2900
+ "alpha-color-bg-cobalt-lightest": Readonly<{
2909
2901
  value: "#5093e51a";
2910
- ref: "alpha-cobalt-400-10";
2902
+ ref: "alpha-color-cobalt-400-10";
2911
2903
  }>;
2912
- "alpha-bg-cobalt-dark": Readonly<{
2904
+ "alpha-color-bg-cobalt-dark": Readonly<{
2913
2905
  value: "#3870d1";
2914
- ref: "alpha-cobalt-500";
2906
+ ref: "alpha-color-cobalt-500";
2915
2907
  }>;
2916
- "alpha-bg-cobalt-shade-light": Readonly<{
2908
+ "alpha-color-bg-cobalt-shade-light": Readonly<{
2917
2909
  value: "#57ace833";
2918
- ref: "alpha-shade-cobalt-400-20";
2910
+ ref: "alpha-color-shade-cobalt-400-20";
2919
2911
  }>;
2920
- "alpha-bg-cobalt-shade-normal": Readonly<{
2912
+ "alpha-color-bg-cobalt-shade-normal": Readonly<{
2921
2913
  value: "#57ace8";
2922
- ref: "alpha-shade-cobalt-400";
2914
+ ref: "alpha-color-shade-cobalt-400";
2923
2915
  }>;
2924
- "alpha-bg-red-normal": Readonly<{
2916
+ "alpha-color-bg-red-normal": Readonly<{
2925
2917
  value: "#e55c5c";
2926
- ref: "alpha-red-400";
2918
+ ref: "alpha-color-red-400";
2927
2919
  }>;
2928
- "alpha-bg-red-light": Readonly<{
2920
+ "alpha-color-bg-red-light": Readonly<{
2929
2921
  value: "#e55c5c4d";
2930
- ref: "alpha-red-400-30";
2922
+ ref: "alpha-color-red-400-30";
2931
2923
  }>;
2932
- "alpha-bg-red-lighter": Readonly<{
2924
+ "alpha-color-bg-red-lighter": Readonly<{
2933
2925
  value: "#e55c5c33";
2934
- ref: "alpha-red-400-20";
2926
+ ref: "alpha-color-red-400-20";
2935
2927
  }>;
2936
- "alpha-bg-red-lightest": Readonly<{
2928
+ "alpha-color-bg-red-lightest": Readonly<{
2937
2929
  value: "#e55c5c1a";
2938
- ref: "alpha-red-400-10";
2930
+ ref: "alpha-color-red-400-10";
2939
2931
  }>;
2940
- "alpha-bg-red-dark": Readonly<{
2932
+ "alpha-color-bg-red-dark": Readonly<{
2941
2933
  value: "#bc3a42";
2942
- ref: "alpha-red-500";
2934
+ ref: "alpha-color-red-500";
2943
2935
  }>;
2944
- "alpha-bg-red-shade-light": Readonly<{
2936
+ "alpha-color-bg-red-shade-light": Readonly<{
2945
2937
  value: "#de687033";
2946
- ref: "alpha-shade-red-400-20";
2938
+ ref: "alpha-color-shade-red-400-20";
2947
2939
  }>;
2948
- "alpha-bg-red-shade-normal": Readonly<{
2940
+ "alpha-color-bg-red-shade-normal": Readonly<{
2949
2941
  value: "#de6870";
2950
- ref: "alpha-shade-red-400";
2942
+ ref: "alpha-color-shade-red-400";
2951
2943
  }>;
2952
- "alpha-bg-orange-normal": Readonly<{
2944
+ "alpha-color-bg-orange-normal": Readonly<{
2953
2945
  value: "#e67f2b";
2954
- ref: "alpha-orange-400";
2946
+ ref: "alpha-color-orange-400";
2955
2947
  }>;
2956
- "alpha-bg-orange-light": Readonly<{
2948
+ "alpha-color-bg-orange-light": Readonly<{
2957
2949
  value: "#e67f2b4d";
2958
- ref: "alpha-orange-400-30";
2950
+ ref: "alpha-color-orange-400-30";
2959
2951
  }>;
2960
- "alpha-bg-orange-lighter": Readonly<{
2952
+ "alpha-color-bg-orange-lighter": Readonly<{
2961
2953
  value: "#e67f2b33";
2962
- ref: "alpha-orange-400-20";
2954
+ ref: "alpha-color-orange-400-20";
2963
2955
  }>;
2964
- "alpha-bg-orange-lightest": Readonly<{
2956
+ "alpha-color-bg-orange-lightest": Readonly<{
2965
2957
  value: "#e67f2b1a";
2966
- ref: "alpha-orange-400-10";
2958
+ ref: "alpha-color-orange-400-10";
2967
2959
  }>;
2968
- "alpha-bg-orange-dark": Readonly<{
2960
+ "alpha-color-bg-orange-dark": Readonly<{
2969
2961
  value: "#c1630d";
2970
- ref: "alpha-orange-500";
2962
+ ref: "alpha-color-orange-500";
2971
2963
  }>;
2972
- "alpha-bg-orange-shade-light": Readonly<{
2964
+ "alpha-color-bg-orange-shade-light": Readonly<{
2973
2965
  value: "#e08c4833";
2974
- ref: "alpha-shade-orange-400-20";
2966
+ ref: "alpha-color-shade-orange-400-20";
2975
2967
  }>;
2976
- "alpha-bg-orange-shade-normal": Readonly<{
2968
+ "alpha-color-bg-orange-shade-normal": Readonly<{
2977
2969
  value: "#e08c48";
2978
- ref: "alpha-shade-orange-400";
2970
+ ref: "alpha-color-shade-orange-400";
2979
2971
  }>;
2980
- "alpha-bg-green-normal": Readonly<{
2972
+ "alpha-color-bg-green-normal": Readonly<{
2981
2973
  value: "#40ad67";
2982
- ref: "alpha-green-400";
2974
+ ref: "alpha-color-green-400";
2983
2975
  }>;
2984
- "alpha-bg-green-light": Readonly<{
2976
+ "alpha-color-bg-green-light": Readonly<{
2985
2977
  value: "#40ad674d";
2986
- ref: "alpha-green-400-30";
2978
+ ref: "alpha-color-green-400-30";
2987
2979
  }>;
2988
- "alpha-bg-green-lighter": Readonly<{
2980
+ "alpha-color-bg-green-lighter": Readonly<{
2989
2981
  value: "#40ad6733";
2990
- ref: "alpha-green-400-20";
2982
+ ref: "alpha-color-green-400-20";
2991
2983
  }>;
2992
- "alpha-bg-green-lightest": Readonly<{
2984
+ "alpha-color-bg-green-lightest": Readonly<{
2993
2985
  value: "#40ad671a";
2994
- ref: "alpha-green-400-10";
2986
+ ref: "alpha-color-green-400-10";
2995
2987
  }>;
2996
- "alpha-bg-green-dark": Readonly<{
2988
+ "alpha-color-bg-green-dark": Readonly<{
2997
2989
  value: "#358761";
2998
- ref: "alpha-green-500";
2990
+ ref: "alpha-color-green-500";
2999
2991
  }>;
3000
- "alpha-bg-green-shade-light": Readonly<{
2992
+ "alpha-color-bg-green-shade-light": Readonly<{
3001
2993
  value: "#62af7c33";
3002
- ref: "alpha-shade-green-400-20";
2994
+ ref: "alpha-color-shade-green-400-20";
3003
2995
  }>;
3004
- "alpha-bg-green-shade-normal": Readonly<{
2996
+ "alpha-color-bg-green-shade-normal": Readonly<{
3005
2997
  value: "#62af7c";
3006
- ref: "alpha-shade-green-400";
2998
+ ref: "alpha-color-shade-green-400";
3007
2999
  }>;
3008
- "alpha-bg-teal-normal": Readonly<{
3000
+ "alpha-color-bg-teal-normal": Readonly<{
3009
3001
  value: "#09b2ac";
3010
- ref: "alpha-teal-400";
3002
+ ref: "alpha-color-teal-400";
3011
3003
  }>;
3012
- "alpha-bg-teal-light": Readonly<{
3004
+ "alpha-color-bg-teal-light": Readonly<{
3013
3005
  value: "#09b2ac4d";
3014
- ref: "alpha-teal-400-30";
3006
+ ref: "alpha-color-teal-400-30";
3015
3007
  }>;
3016
- "alpha-bg-teal-lighter": Readonly<{
3008
+ "alpha-color-bg-teal-lighter": Readonly<{
3017
3009
  value: "#09b2ac33";
3018
- ref: "alpha-teal-400-20";
3010
+ ref: "alpha-color-teal-400-20";
3019
3011
  }>;
3020
- "alpha-bg-teal-lightest": Readonly<{
3012
+ "alpha-color-bg-teal-lightest": Readonly<{
3021
3013
  value: "#09b2ac1a";
3022
- ref: "alpha-teal-400-10";
3014
+ ref: "alpha-color-teal-400-10";
3023
3015
  }>;
3024
- "alpha-bg-teal-dark": Readonly<{
3016
+ "alpha-color-bg-teal-dark": Readonly<{
3025
3017
  value: "#068e95";
3026
- ref: "alpha-teal-500";
3018
+ ref: "alpha-color-teal-500";
3027
3019
  }>;
3028
- "alpha-bg-teal-shade-light": Readonly<{
3020
+ "alpha-color-bg-teal-shade-light": Readonly<{
3029
3021
  value: "#55aaa733";
3030
- ref: "alpha-shade-teal-400-20";
3022
+ ref: "alpha-color-shade-teal-400-20";
3031
3023
  }>;
3032
- "alpha-bg-teal-shade-normal": Readonly<{
3024
+ "alpha-color-bg-teal-shade-normal": Readonly<{
3033
3025
  value: "#55aaa7";
3034
- ref: "alpha-shade-teal-400";
3026
+ ref: "alpha-color-shade-teal-400";
3035
3027
  }>;
3036
- "alpha-bg-olive-normal": Readonly<{
3028
+ "alpha-color-bg-olive-normal": Readonly<{
3037
3029
  value: "#a9b110";
3038
- ref: "alpha-olive-400";
3030
+ ref: "alpha-color-olive-400";
3039
3031
  }>;
3040
- "alpha-bg-olive-light": Readonly<{
3032
+ "alpha-color-bg-olive-light": Readonly<{
3041
3033
  value: "#a9b1104d";
3042
- ref: "alpha-olive-400-30";
3034
+ ref: "alpha-color-olive-400-30";
3043
3035
  }>;
3044
- "alpha-bg-olive-lighter": Readonly<{
3036
+ "alpha-color-bg-olive-lighter": Readonly<{
3045
3037
  value: "#a9b11033";
3046
- ref: "alpha-olive-400-20";
3038
+ ref: "alpha-color-olive-400-20";
3047
3039
  }>;
3048
- "alpha-bg-olive-lightest": Readonly<{
3040
+ "alpha-color-bg-olive-lightest": Readonly<{
3049
3041
  value: "#a9b1101a";
3050
- ref: "alpha-olive-400-10";
3042
+ ref: "alpha-color-olive-400-10";
3051
3043
  }>;
3052
- "alpha-bg-olive-dark": Readonly<{
3044
+ "alpha-color-bg-olive-dark": Readonly<{
3053
3045
  value: "#7b801c";
3054
- ref: "alpha-olive-500";
3046
+ ref: "alpha-color-olive-500";
3055
3047
  }>;
3056
- "alpha-bg-olive-shade-light": Readonly<{
3048
+ "alpha-color-bg-olive-shade-light": Readonly<{
3057
3049
  value: "#a5a95333";
3058
- ref: "alpha-shade-olive-400-20";
3050
+ ref: "alpha-color-shade-olive-400-20";
3059
3051
  }>;
3060
- "alpha-bg-olive-shade-normal": Readonly<{
3052
+ "alpha-color-bg-olive-shade-normal": Readonly<{
3061
3053
  value: "#a5a953";
3062
- ref: "alpha-shade-olive-400";
3054
+ ref: "alpha-color-shade-olive-400";
3063
3055
  }>;
3064
- "alpha-bg-yellow-normal": Readonly<{
3056
+ "alpha-color-bg-yellow-normal": Readonly<{
3065
3057
  value: "#edae0d";
3066
- ref: "alpha-yellow-400";
3058
+ ref: "alpha-color-yellow-400";
3067
3059
  }>;
3068
- "alpha-bg-yellow-light": Readonly<{
3060
+ "alpha-color-bg-yellow-light": Readonly<{
3069
3061
  value: "#edae0d4d";
3070
- ref: "alpha-yellow-400-30";
3062
+ ref: "alpha-color-yellow-400-30";
3071
3063
  }>;
3072
- "alpha-bg-yellow-lighter": Readonly<{
3064
+ "alpha-color-bg-yellow-lighter": Readonly<{
3073
3065
  value: "#edae0d33";
3074
- ref: "alpha-yellow-400-20";
3066
+ ref: "alpha-color-yellow-400-20";
3075
3067
  }>;
3076
- "alpha-bg-yellow-lightest": Readonly<{
3068
+ "alpha-color-bg-yellow-lightest": Readonly<{
3077
3069
  value: "#edae0d1a";
3078
- ref: "alpha-yellow-400-10";
3070
+ ref: "alpha-color-yellow-400-10";
3079
3071
  }>;
3080
- "alpha-bg-yellow-dark": Readonly<{
3072
+ "alpha-color-bg-yellow-dark": Readonly<{
3081
3073
  value: "#c38f00";
3082
- ref: "alpha-yellow-500";
3074
+ ref: "alpha-color-yellow-500";
3083
3075
  }>;
3084
- "alpha-bg-yellow-shade-light": Readonly<{
3076
+ "alpha-color-bg-yellow-shade-light": Readonly<{
3085
3077
  value: "#e8ae3c33";
3086
- ref: "alpha-shade-yellow-400-20";
3078
+ ref: "alpha-color-shade-yellow-400-20";
3087
3079
  }>;
3088
- "alpha-bg-yellow-shade-normal": Readonly<{
3080
+ "alpha-color-bg-yellow-shade-normal": Readonly<{
3089
3081
  value: "#e8ae3c";
3090
- ref: "alpha-shade-yellow-400";
3082
+ ref: "alpha-color-shade-yellow-400";
3091
3083
  }>;
3092
- "alpha-bg-pink-normal": Readonly<{
3084
+ "alpha-color-bg-pink-normal": Readonly<{
3093
3085
  value: "#d64bb5";
3094
- ref: "alpha-pink-400";
3086
+ ref: "alpha-color-pink-400";
3095
3087
  }>;
3096
- "alpha-bg-pink-light": Readonly<{
3088
+ "alpha-color-bg-pink-light": Readonly<{
3097
3089
  value: "#d64bb54d";
3098
- ref: "alpha-pink-400-30";
3090
+ ref: "alpha-color-pink-400-30";
3099
3091
  }>;
3100
- "alpha-bg-pink-lighter": Readonly<{
3092
+ "alpha-color-bg-pink-lighter": Readonly<{
3101
3093
  value: "#d64bb533";
3102
- ref: "alpha-pink-400-20";
3094
+ ref: "alpha-color-pink-400-20";
3103
3095
  }>;
3104
- "alpha-bg-pink-lightest": Readonly<{
3096
+ "alpha-color-bg-pink-lightest": Readonly<{
3105
3097
  value: "#d64bb51a";
3106
- ref: "alpha-pink-400-10";
3098
+ ref: "alpha-color-pink-400-10";
3107
3099
  }>;
3108
- "alpha-bg-pink-dark": Readonly<{
3100
+ "alpha-color-bg-pink-dark": Readonly<{
3109
3101
  value: "#b0369e";
3110
- ref: "alpha-pink-500";
3102
+ ref: "alpha-color-pink-500";
3111
3103
  }>;
3112
- "alpha-bg-pink-shade-light": Readonly<{
3104
+ "alpha-color-bg-pink-shade-light": Readonly<{
3113
3105
  value: "#d369ba33";
3114
- ref: "alpha-shade-pink-400-20";
3106
+ ref: "alpha-color-shade-pink-400-20";
3115
3107
  }>;
3116
- "alpha-bg-pink-shade-normal": Readonly<{
3108
+ "alpha-color-bg-pink-shade-normal": Readonly<{
3117
3109
  value: "#d369ba";
3118
- ref: "alpha-shade-pink-400";
3110
+ ref: "alpha-color-shade-pink-400";
3119
3111
  }>;
3120
- "alpha-bg-purple-normal": Readonly<{
3112
+ "alpha-color-bg-purple-normal": Readonly<{
3121
3113
  value: "#8e57e7";
3122
- ref: "alpha-purple-400";
3114
+ ref: "alpha-color-purple-400";
3123
3115
  }>;
3124
- "alpha-bg-purple-light": Readonly<{
3116
+ "alpha-color-bg-purple-light": Readonly<{
3125
3117
  value: "#8e57e74d";
3126
- ref: "alpha-purple-400-30";
3118
+ ref: "alpha-color-purple-400-30";
3127
3119
  }>;
3128
- "alpha-bg-purple-lighter": Readonly<{
3120
+ "alpha-color-bg-purple-lighter": Readonly<{
3129
3121
  value: "#8e57e733";
3130
- ref: "alpha-purple-400-20";
3122
+ ref: "alpha-color-purple-400-20";
3131
3123
  }>;
3132
- "alpha-bg-purple-lightest": Readonly<{
3124
+ "alpha-color-bg-purple-lightest": Readonly<{
3133
3125
  value: "#8e57e71a";
3134
- ref: "alpha-purple-400-10";
3126
+ ref: "alpha-color-purple-400-10";
3135
3127
  }>;
3136
- "alpha-bg-purple-dark": Readonly<{
3128
+ "alpha-color-bg-purple-dark": Readonly<{
3137
3129
  value: "#6735b6";
3138
- ref: "alpha-purple-500";
3130
+ ref: "alpha-color-purple-500";
3139
3131
  }>;
3140
- "alpha-bg-purple-shade-light": Readonly<{
3132
+ "alpha-color-bg-purple-shade-light": Readonly<{
3141
3133
  value: "#9d6fe533";
3142
- ref: "alpha-shade-purple-400-20";
3134
+ ref: "alpha-color-shade-purple-400-20";
3143
3135
  }>;
3144
- "alpha-bg-purple-shade-normal": Readonly<{
3136
+ "alpha-color-bg-purple-shade-normal": Readonly<{
3145
3137
  value: "#9d6fe5";
3146
- ref: "alpha-shade-purple-400";
3138
+ ref: "alpha-color-shade-purple-400";
3147
3139
  }>;
3148
- "alpha-bg-navy-normal": Readonly<{
3140
+ "alpha-color-bg-navy-normal": Readonly<{
3149
3141
  value: "#424fab";
3150
- ref: "alpha-navy-400";
3142
+ ref: "alpha-color-navy-400";
3151
3143
  }>;
3152
- "alpha-bg-navy-light": Readonly<{
3144
+ "alpha-color-bg-navy-light": Readonly<{
3153
3145
  value: "#424fab4d";
3154
- ref: "alpha-navy-400-30";
3146
+ ref: "alpha-color-navy-400-30";
3155
3147
  }>;
3156
- "alpha-bg-navy-lighter": Readonly<{
3148
+ "alpha-color-bg-navy-lighter": Readonly<{
3157
3149
  value: "#424fab33";
3158
- ref: "alpha-navy-400-20";
3150
+ ref: "alpha-color-navy-400-20";
3159
3151
  }>;
3160
- "alpha-bg-navy-lightest": Readonly<{
3152
+ "alpha-color-bg-navy-lightest": Readonly<{
3161
3153
  value: "#424fab1a";
3162
- ref: "alpha-navy-400-10";
3154
+ ref: "alpha-color-navy-400-10";
3163
3155
  }>;
3164
- "alpha-bg-navy-dark": Readonly<{
3156
+ "alpha-color-bg-navy-dark": Readonly<{
3165
3157
  value: "#353888";
3166
- ref: "alpha-navy-500";
3158
+ ref: "alpha-color-navy-500";
3167
3159
  }>;
3168
- "alpha-bg-navy-shade-light": Readonly<{
3160
+ "alpha-color-bg-navy-shade-light": Readonly<{
3169
3161
  value: "#5f69b033";
3170
- ref: "alpha-shade-navy-400-20";
3162
+ ref: "alpha-color-shade-navy-400-20";
3171
3163
  }>;
3172
- "alpha-bg-navy-shade-normal": Readonly<{
3164
+ "alpha-color-bg-navy-shade-normal": Readonly<{
3173
3165
  value: "#5f69b0";
3174
- ref: "alpha-shade-navy-400";
3166
+ ref: "alpha-color-shade-navy-400";
3175
3167
  }>;
3176
- "alpha-bg-absolute-black-dark": Readonly<{
3168
+ "alpha-color-bg-absolute-black-dark": Readonly<{
3177
3169
  value: "#000000";
3178
- ref: "alpha-black-100";
3170
+ ref: "alpha-color-black-100";
3179
3171
  }>;
3180
- "alpha-bg-absolute-black-normal": Readonly<{
3172
+ "alpha-color-bg-absolute-black-normal": Readonly<{
3181
3173
  value: "#000000d9";
3182
- ref: "alpha-black-85";
3174
+ ref: "alpha-color-black-85";
3183
3175
  }>;
3184
- "alpha-bg-absolute-black-light": Readonly<{
3176
+ "alpha-color-bg-absolute-black-light": Readonly<{
3185
3177
  value: "#00000099";
3186
- ref: "alpha-black-60";
3178
+ ref: "alpha-color-black-60";
3187
3179
  }>;
3188
- "alpha-bg-absolute-black-lighter": Readonly<{
3180
+ "alpha-color-bg-absolute-black-lighter": Readonly<{
3189
3181
  value: "#00000066";
3190
- ref: "alpha-black-40";
3182
+ ref: "alpha-color-black-40";
3191
3183
  }>;
3192
- "alpha-bg-absolute-black-lightest": Readonly<{
3184
+ "alpha-color-bg-absolute-black-lightest": Readonly<{
3193
3185
  value: "#00000033";
3194
- ref: "alpha-black-20";
3186
+ ref: "alpha-color-black-20";
3195
3187
  }>;
3196
- "alpha-bg-absolute-white-dark": Readonly<{
3188
+ "alpha-color-bg-absolute-white-dark": Readonly<{
3197
3189
  value: "#ffffff";
3198
- ref: "alpha-white-100";
3190
+ ref: "alpha-color-white-100";
3199
3191
  }>;
3200
- "alpha-bg-absolute-white-normal": Readonly<{
3192
+ "alpha-color-bg-absolute-white-normal": Readonly<{
3201
3193
  value: "#ffffffe6";
3202
- ref: "alpha-white-90";
3194
+ ref: "alpha-color-white-90";
3203
3195
  }>;
3204
- "alpha-bg-absolute-white-light": Readonly<{
3196
+ "alpha-color-bg-absolute-white-light": Readonly<{
3205
3197
  value: "#ffffff99";
3206
- ref: "alpha-white-60";
3198
+ ref: "alpha-color-white-60";
3207
3199
  }>;
3208
- "alpha-bg-absolute-white-lighter": Readonly<{
3200
+ "alpha-color-bg-absolute-white-lighter": Readonly<{
3209
3201
  value: "#ffffff66";
3210
- ref: "alpha-white-40";
3202
+ ref: "alpha-color-white-40";
3211
3203
  }>;
3212
- "alpha-bg-absolute-white-lightest": Readonly<{
3204
+ "alpha-color-bg-absolute-white-lightest": Readonly<{
3213
3205
  value: "#ffffff33";
3214
- ref: "alpha-white-20";
3206
+ ref: "alpha-color-white-20";
3215
3207
  }>;
3216
- "alpha-surface-lowest": Readonly<{
3208
+ "alpha-color-surface-lowest": Readonly<{
3217
3209
  value: "#f7f7f8";
3218
- ref: "alpha-grey-100";
3210
+ ref: "alpha-color-grey-100";
3219
3211
  }>;
3220
- "alpha-surface-lower": Readonly<{
3212
+ "alpha-color-surface-lower": Readonly<{
3221
3213
  value: "#fcfcfc";
3222
- ref: "alpha-grey-50";
3214
+ ref: "alpha-color-grey-50";
3223
3215
  }>;
3224
- "alpha-surface-normal": Readonly<{
3216
+ "alpha-color-surface-normal": Readonly<{
3225
3217
  value: "#ffffff";
3226
- ref: "alpha-white-100";
3218
+ ref: "alpha-color-white-100";
3219
+ }>;
3220
+ "alpha-color-shadow-xlarge": Readonly<{
3221
+ value: "#0000004d";
3222
+ ref: "alpha-color-black-30";
3223
+ }>;
3224
+ "alpha-color-shadow-large": Readonly<{
3225
+ value: "#00000038";
3226
+ ref: "alpha-color-black-22";
3227
+ }>;
3228
+ "alpha-color-shadow-medium": Readonly<{
3229
+ value: "#00000026";
3230
+ ref: "alpha-color-black-15";
3231
+ }>;
3232
+ "alpha-color-shadow-small": Readonly<{
3233
+ value: "#00000014";
3234
+ ref: "alpha-color-black-8";
3235
+ }>;
3236
+ "alpha-color-shadow-base": Readonly<{
3237
+ value: "#0000000d";
3238
+ ref: "alpha-color-black-5";
3239
+ }>;
3240
+ "alpha-color-shadow-base-inner": Readonly<{
3241
+ value: "#ffffff1f";
3242
+ ref: "alpha-color-white-12";
3227
3243
  }>;
3228
- "alpha-dim-black-light": Readonly<{
3244
+ "alpha-color-dim-black-light": Readonly<{
3229
3245
  value: "#00000033";
3230
- ref: "alpha-bg-absolute-black-lightest";
3246
+ ref: "alpha-color-bg-absolute-black-lightest";
3231
3247
  }>;
3232
- "alpha-dim-black-normal": Readonly<{
3248
+ "alpha-color-dim-black-normal": Readonly<{
3233
3249
  value: "#00000066";
3234
- ref: "alpha-bg-absolute-black-lighter";
3250
+ ref: "alpha-color-bg-absolute-black-lighter";
3235
3251
  }>;
3236
- "alpha-primary-bg-normal": Readonly<{
3252
+ "alpha-color-primary-bg-normal": Readonly<{
3237
3253
  value: "#6d6afc";
3238
- ref: "alpha-bg-blue-normal";
3254
+ ref: "alpha-color-bg-blue-normal";
3239
3255
  }>;
3240
- "alpha-primary-bg-light": Readonly<{
3256
+ "alpha-color-primary-bg-light": Readonly<{
3241
3257
  value: "#6d6afc4d";
3242
- ref: "alpha-bg-blue-light";
3258
+ ref: "alpha-color-bg-blue-light";
3243
3259
  }>;
3244
- "alpha-primary-bg-lighter": Readonly<{
3260
+ "alpha-color-primary-bg-lighter": Readonly<{
3245
3261
  value: "#6d6afc33";
3246
- ref: "alpha-bg-blue-lighter";
3262
+ ref: "alpha-color-bg-blue-lighter";
3247
3263
  }>;
3248
- "alpha-primary-bg-lightest": Readonly<{
3264
+ "alpha-color-primary-bg-lightest": Readonly<{
3249
3265
  value: "#6d6afc1a";
3250
- ref: "alpha-bg-blue-lightest";
3266
+ ref: "alpha-color-bg-blue-lightest";
3251
3267
  }>;
3252
- "alpha-primary-bg-dark": Readonly<{
3268
+ "alpha-color-primary-bg-dark": Readonly<{
3253
3269
  value: "#5950dc";
3254
- ref: "alpha-bg-blue-dark";
3270
+ ref: "alpha-color-bg-blue-dark";
3255
3271
  }>;
3256
- "alpha-primary-fg-normal": Readonly<{
3272
+ "alpha-color-primary-fg-normal": Readonly<{
3257
3273
  value: "#6d6afc";
3258
- ref: "alpha-fg-blue-normal";
3274
+ ref: "alpha-color-fg-blue-normal";
3259
3275
  }>;
3260
- "alpha-primary-fg-light": Readonly<{
3276
+ "alpha-color-primary-fg-light": Readonly<{
3261
3277
  value: "#6d6afc4d";
3262
- ref: "alpha-fg-blue-light";
3278
+ ref: "alpha-color-fg-blue-light";
3263
3279
  }>;
3264
- "alpha-primary-fg-dark": Readonly<{
3280
+ "alpha-color-primary-fg-dark": Readonly<{
3265
3281
  value: "#5950dc";
3266
- ref: "alpha-fg-blue-dark";
3282
+ ref: "alpha-color-fg-blue-dark";
3267
3283
  }>;
3268
- "alpha-critical-bg-dark": Readonly<{
3284
+ "alpha-color-critical-bg-dark": Readonly<{
3269
3285
  value: "#bc3a42";
3270
- ref: "alpha-bg-red-dark";
3286
+ ref: "alpha-color-bg-red-dark";
3271
3287
  }>;
3272
- "alpha-critical-bg-normal": Readonly<{
3288
+ "alpha-color-critical-bg-normal": Readonly<{
3273
3289
  value: "#e55c5c";
3274
- ref: "alpha-fg-red-normal";
3290
+ ref: "alpha-color-fg-red-normal";
3275
3291
  }>;
3276
- "alpha-critical-bg-light": Readonly<{
3292
+ "alpha-color-critical-bg-light": Readonly<{
3277
3293
  value: "#e55c5c4d";
3278
- ref: "alpha-bg-red-light";
3294
+ ref: "alpha-color-bg-red-light";
3279
3295
  }>;
3280
- "alpha-critical-bg-lighter": Readonly<{
3296
+ "alpha-color-critical-bg-lighter": Readonly<{
3281
3297
  value: "#e55c5c33";
3282
- ref: "alpha-bg-red-lighter";
3298
+ ref: "alpha-color-bg-red-lighter";
3283
3299
  }>;
3284
- "alpha-critical-bg-lightest": Readonly<{
3300
+ "alpha-color-critical-bg-lightest": Readonly<{
3285
3301
  value: "#e55c5c1a";
3286
- ref: "alpha-bg-red-lightest";
3302
+ ref: "alpha-color-bg-red-lightest";
3287
3303
  }>;
3288
- "alpha-critical-fg-normal": Readonly<{
3304
+ "alpha-color-critical-fg-normal": Readonly<{
3289
3305
  value: "#e55c5c";
3290
- ref: "alpha-fg-red-normal";
3306
+ ref: "alpha-color-fg-red-normal";
3291
3307
  }>;
3292
- "alpha-critical-fg-light": Readonly<{
3308
+ "alpha-color-critical-fg-light": Readonly<{
3293
3309
  value: "#e55c5c4d";
3294
- ref: "alpha-fg-red-light";
3310
+ ref: "alpha-color-fg-red-light";
3295
3311
  }>;
3296
- "alpha-critical-fg-dark": Readonly<{
3312
+ "alpha-color-critical-fg-dark": Readonly<{
3297
3313
  value: "#bc3a42";
3298
- ref: "alpha-fg-red-dark";
3314
+ ref: "alpha-color-fg-red-dark";
3299
3315
  }>;
3300
- "alpha-warning-bg-dark": Readonly<{
3316
+ "alpha-color-warning-bg-dark": Readonly<{
3301
3317
  value: "#c1630d";
3302
- ref: "alpha-bg-orange-dark";
3318
+ ref: "alpha-color-bg-orange-dark";
3303
3319
  }>;
3304
- "alpha-warning-bg-normal": Readonly<{
3320
+ "alpha-color-warning-bg-normal": Readonly<{
3305
3321
  value: "#e67f2b";
3306
- ref: "alpha-bg-orange-normal";
3322
+ ref: "alpha-color-bg-orange-normal";
3307
3323
  }>;
3308
- "alpha-warning-bg-light": Readonly<{
3324
+ "alpha-color-warning-bg-light": Readonly<{
3309
3325
  value: "#e67f2b4d";
3310
- ref: "alpha-bg-orange-light";
3326
+ ref: "alpha-color-bg-orange-light";
3311
3327
  }>;
3312
- "alpha-warning-bg-lighter": Readonly<{
3328
+ "alpha-color-warning-bg-lighter": Readonly<{
3313
3329
  value: "#e67f2b33";
3314
- ref: "alpha-bg-orange-lighter";
3330
+ ref: "alpha-color-bg-orange-lighter";
3315
3331
  }>;
3316
- "alpha-warning-bg-lightest": Readonly<{
3332
+ "alpha-color-warning-bg-lightest": Readonly<{
3317
3333
  value: "#e67f2b1a";
3318
- ref: "alpha-bg-orange-lightest";
3334
+ ref: "alpha-color-bg-orange-lightest";
3319
3335
  }>;
3320
- "alpha-warning-fg-normal": Readonly<{
3336
+ "alpha-color-warning-fg-normal": Readonly<{
3321
3337
  value: "#e67f2b";
3322
- ref: "alpha-fg-orange-normal";
3338
+ ref: "alpha-color-fg-orange-normal";
3323
3339
  }>;
3324
- "alpha-warning-fg-light": Readonly<{
3340
+ "alpha-color-warning-fg-light": Readonly<{
3325
3341
  value: "#e67f2b4d";
3326
- ref: "alpha-fg-orange-light";
3342
+ ref: "alpha-color-fg-orange-light";
3327
3343
  }>;
3328
- "alpha-warning-fg-dark": Readonly<{
3344
+ "alpha-color-warning-fg-dark": Readonly<{
3329
3345
  value: "#c1630d";
3330
- ref: "alpha-fg-orange-dark";
3346
+ ref: "alpha-color-fg-orange-dark";
3331
3347
  }>;
3332
- "alpha-accent-bg-dark": Readonly<{
3348
+ "alpha-color-accent-bg-dark": Readonly<{
3333
3349
  value: "#3870d1";
3334
- ref: "alpha-bg-cobalt-dark";
3350
+ ref: "alpha-color-bg-cobalt-dark";
3335
3351
  }>;
3336
- "alpha-accent-bg-normal": Readonly<{
3352
+ "alpha-color-accent-bg-normal": Readonly<{
3337
3353
  value: "#5093e5";
3338
- ref: "alpha-bg-cobalt-normal";
3354
+ ref: "alpha-color-bg-cobalt-normal";
3339
3355
  }>;
3340
- "alpha-accent-bg-light": Readonly<{
3356
+ "alpha-color-accent-bg-light": Readonly<{
3341
3357
  value: "#5093e54d";
3342
- ref: "alpha-bg-cobalt-light";
3358
+ ref: "alpha-color-bg-cobalt-light";
3343
3359
  }>;
3344
- "alpha-accent-bg-lighter": Readonly<{
3360
+ "alpha-color-accent-bg-lighter": Readonly<{
3345
3361
  value: "#5093e533";
3346
- ref: "alpha-bg-cobalt-lighter";
3362
+ ref: "alpha-color-bg-cobalt-lighter";
3347
3363
  }>;
3348
- "alpha-accent-bg-lightest": Readonly<{
3364
+ "alpha-color-accent-bg-lightest": Readonly<{
3349
3365
  value: "#5093e51a";
3350
- ref: "alpha-bg-cobalt-lightest";
3366
+ ref: "alpha-color-bg-cobalt-lightest";
3351
3367
  }>;
3352
- "alpha-accent-fg-normal": Readonly<{
3368
+ "alpha-color-accent-fg-normal": Readonly<{
3353
3369
  value: "#5093e5";
3354
- ref: "alpha-fg-cobalt-normal";
3370
+ ref: "alpha-color-fg-cobalt-normal";
3355
3371
  }>;
3356
- "alpha-accent-fg-light": Readonly<{
3372
+ "alpha-color-accent-fg-light": Readonly<{
3357
3373
  value: "#5093e54d";
3358
- ref: "alpha-fg-cobalt-light";
3374
+ ref: "alpha-color-fg-cobalt-light";
3359
3375
  }>;
3360
- "alpha-accent-fg-dark": Readonly<{
3376
+ "alpha-color-accent-fg-dark": Readonly<{
3361
3377
  value: "#3870d1";
3362
- ref: "alpha-fg-cobalt-dark";
3378
+ ref: "alpha-color-fg-cobalt-dark";
3363
3379
  }>;
3364
- "alpha-success-bg-dark": Readonly<{
3380
+ "alpha-color-success-bg-dark": Readonly<{
3365
3381
  value: "#358761";
3366
- ref: "alpha-bg-green-dark";
3382
+ ref: "alpha-color-bg-green-dark";
3367
3383
  }>;
3368
- "alpha-success-bg-normal": Readonly<{
3384
+ "alpha-color-success-bg-normal": Readonly<{
3369
3385
  value: "#40ad67";
3370
- ref: "alpha-bg-green-normal";
3386
+ ref: "alpha-color-bg-green-normal";
3371
3387
  }>;
3372
- "alpha-success-bg-light": Readonly<{
3388
+ "alpha-color-success-bg-light": Readonly<{
3373
3389
  value: "#40ad674d";
3374
- ref: "alpha-bg-green-light";
3390
+ ref: "alpha-color-bg-green-light";
3375
3391
  }>;
3376
- "alpha-success-bg-lighter": Readonly<{
3392
+ "alpha-color-success-bg-lighter": Readonly<{
3377
3393
  value: "#40ad6733";
3378
- ref: "alpha-bg-green-lighter";
3394
+ ref: "alpha-color-bg-green-lighter";
3379
3395
  }>;
3380
- "alpha-success-bg-lightest": Readonly<{
3396
+ "alpha-color-success-bg-lightest": Readonly<{
3381
3397
  value: "#40ad671a";
3382
- ref: "alpha-bg-green-lightest";
3398
+ ref: "alpha-color-bg-green-lightest";
3383
3399
  }>;
3384
- "alpha-success-fg-normal": Readonly<{
3400
+ "alpha-color-success-fg-normal": Readonly<{
3385
3401
  value: "#40ad67";
3386
- ref: "alpha-fg-green-normal";
3402
+ ref: "alpha-color-fg-green-normal";
3387
3403
  }>;
3388
- "alpha-success-fg-light": Readonly<{
3404
+ "alpha-color-success-fg-light": Readonly<{
3389
3405
  value: "#40ad674d";
3390
- ref: "alpha-fg-green-light";
3406
+ ref: "alpha-color-fg-green-light";
3391
3407
  }>;
3392
- "alpha-success-fg-dark": Readonly<{
3408
+ "alpha-color-success-fg-dark": Readonly<{
3393
3409
  value: "#358761";
3394
- ref: "alpha-fg-green-dark";
3410
+ ref: "alpha-color-fg-green-dark";
3395
3411
  }>;
3396
3412
  }>;
3397
3413
  }>;