@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/esm/lightTheme.d.mts CHANGED
@@ -1,908 +1,908 @@
1
1
  declare const _default: Readonly<{
2
2
  gradient: Readonly<{
3
- "alpha-gradient-fg-green": Readonly<{
4
- value: "linear-gradient(90deg, #40ad67 0%, #7ad890 100%)";
5
- ref: "linear-gradient(90deg, alpha-fg-green-normal 0%, #7ad890 100%)";
6
- }>;
7
3
  "alpha-gradient-fg-black": Readonly<{
8
4
  value: "linear-gradient(90deg, #00000014 0%, #00000026 100%)";
9
- ref: "linear-gradient(90deg, alpha-bg-black-light 0%, alpha-bg-black-dark 100%)";
5
+ ref: "linear-gradient(90deg, alpha-color-bg-black-light 0%, alpha-color-bg-black-dark 100%)";
10
6
  }>;
11
7
  }>;
12
8
  shadow: Readonly<{
13
9
  "alpha-shadow-1": Readonly<{
14
10
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 1px 2px 0 #00000014";
15
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 1px 2px 0 alpha-shadow-small";
11
+ 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";
16
12
  }>;
17
13
  "alpha-shadow-2": Readonly<{
18
14
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 2px 6px 0 #00000014";
19
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 2px 6px 0 alpha-shadow-small";
15
+ 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";
20
16
  }>;
21
17
  "alpha-shadow-3": Readonly<{
22
18
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 4px 16px 0 #00000026";
23
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 4px 16px 0 alpha-shadow-medium";
19
+ 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";
24
20
  }>;
25
21
  "alpha-shadow-4": Readonly<{
26
22
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 4px 24px 0 #00000038";
27
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 4px 24px 0 alpha-shadow-large";
23
+ 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";
28
24
  }>;
29
25
  "alpha-shadow-5": Readonly<{
30
26
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 6px 40px 0 #0000004d";
31
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 6px 40px 0 alpha-shadow-xlarge";
27
+ 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";
32
28
  }>;
33
29
  "alpha-shadow-6": Readonly<{
34
30
  value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 12px 60px 4px #0000004d";
35
- ref: "inset 0 0 2px 0 alpha-shadow-base-inner, 0 0 2px 1px alpha-shadow-base, 0 12px 60px 4px alpha-shadow-xlarge";
31
+ 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";
36
32
  }>;
37
33
  "alpha-shadow-error": Readonly<{
38
34
  value: "0 0 0 1px #e67f2b";
39
- ref: "0 0 0 1px alpha-warning-bg-normal";
35
+ ref: "0 0 0 1px alpha-color-warning-bg-normal";
40
36
  }>;
41
37
  "alpha-shadow-active": Readonly<{
42
38
  value: "0 0 0 1px #6d6afc";
43
- ref: "0 0 0 1px alpha-primary-bg-normal";
39
+ ref: "0 0 0 1px alpha-color-primary-bg-normal";
44
40
  }>;
45
41
  "alpha-shadow-input-default": Readonly<{
46
42
  value: "inset 0 0 0 1px #ffffff1f, 0 0 2px 0 #0000000d";
47
- ref: "inset 0 0 0 1px alpha-shadow-base-inner, 0 0 2px 0 alpha-shadow-base";
43
+ ref: "inset 0 0 0 1px alpha-color-shadow-base-inner, 0 0 2px 0 alpha-color-shadow-base";
48
44
  }>;
49
45
  "alpha-shadow-input-hover": Readonly<{
50
46
  value: "inset 0 0 0 1px #6d6afc, 0 0 6px 0 #0000000d";
51
- ref: "inset 0 0 0 1px alpha-primary-bg-normal, 0 0 6px 0 alpha-shadow-base";
47
+ ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
52
48
  }>;
53
49
  "alpha-shadow-input-active": Readonly<{
54
50
  value: "inset 0 0 0 1px #6d6afc, 0 0 0 3px #6d6afc4d, 0 0 6px 0 #0000000d";
55
- 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";
51
+ 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";
56
52
  }>;
57
53
  "alpha-shadow-input-error": Readonly<{
58
54
  value: "inset 0 0 0 1px #e67f2b, 0 0 0 3px #e67f2b4d, 0 0 6px 0 #0000000d";
59
- 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";
55
+ 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";
60
56
  }>;
61
57
  }>;
62
58
  color: Readonly<{
63
- "alpha-shadow-xlarge": Readonly<{
64
- value: "#0000004d";
65
- ref: "alpha-black-30";
66
- }>;
67
- "alpha-shadow-large": Readonly<{
68
- value: "#00000038";
69
- ref: "alpha-black-22";
70
- }>;
71
- "alpha-shadow-medium": Readonly<{
72
- value: "#00000026";
73
- ref: "alpha-black-15";
74
- }>;
75
- "alpha-shadow-small": Readonly<{
76
- value: "#00000014";
77
- ref: "alpha-black-8";
78
- }>;
79
- "alpha-shadow-base": Readonly<{
80
- value: "#0000000d";
81
- ref: "alpha-black-5";
59
+ "alpha-color-fg-black-pure": Readonly<{
60
+ value: "#000000";
61
+ ref: "alpha-color-black-100";
82
62
  }>;
83
- "alpha-shadow-base-inner": Readonly<{
84
- value: "#ffffff1f";
85
- ref: "alpha-white-12";
63
+ "alpha-color-fg-black-darkest": Readonly<{
64
+ value: "#000000d9";
65
+ ref: "alpha-color-black-85";
86
66
  }>;
87
- "alpha-fg-black-darker": Readonly<{
67
+ "alpha-color-fg-black-darker": Readonly<{
88
68
  value: "#00000099";
89
- ref: "alpha-black-60";
69
+ ref: "alpha-color-black-60";
90
70
  }>;
91
- "alpha-fg-black-dark": Readonly<{
71
+ "alpha-color-fg-black-dark": Readonly<{
92
72
  value: "#00000066";
93
- ref: "alpha-black-40";
94
- }>;
95
- "alpha-fg-black-pure": Readonly<{
96
- value: "#000000";
97
- ref: "alpha-black-100";
73
+ ref: "alpha-color-black-40";
98
74
  }>;
99
- "alpha-fg-black-light": Readonly<{
75
+ "alpha-color-fg-black-light": Readonly<{
100
76
  value: "#00000026";
101
- ref: "alpha-black-15";
77
+ ref: "alpha-color-black-15";
102
78
  }>;
103
- "alpha-fg-black-lightest": Readonly<{
79
+ "alpha-color-fg-black-lightest": Readonly<{
104
80
  value: "#00000014";
105
- ref: "alpha-black-8";
81
+ ref: "alpha-color-black-8";
106
82
  }>;
107
- "alpha-fg-white-normal": Readonly<{
83
+ "alpha-color-fg-white-normal": Readonly<{
108
84
  value: "#ffffff";
109
- ref: "alpha-white-100";
85
+ ref: "alpha-color-white-100";
110
86
  }>;
111
- "alpha-fg-blue-normal": Readonly<{
87
+ "alpha-color-fg-blue-normal": Readonly<{
112
88
  value: "#6d6afc";
113
- ref: "alpha-blue-400";
89
+ ref: "alpha-color-blue-400";
114
90
  }>;
115
- "alpha-fg-blue-light": Readonly<{
91
+ "alpha-color-fg-blue-light": Readonly<{
116
92
  value: "#6d6afc4d";
117
- ref: "alpha-blue-400-30";
93
+ ref: "alpha-color-blue-400-30";
118
94
  }>;
119
- "alpha-fg-blue-dark": Readonly<{
95
+ "alpha-color-fg-blue-dark": Readonly<{
120
96
  value: "#5950dc";
121
- ref: "alpha-blue-500";
97
+ ref: "alpha-color-blue-500";
122
98
  }>;
123
- "alpha-fg-cobalt-normal": Readonly<{
99
+ "alpha-color-fg-cobalt-normal": Readonly<{
124
100
  value: "#5093e5";
125
- ref: "alpha-cobalt-400";
101
+ ref: "alpha-color-cobalt-400";
126
102
  }>;
127
- "alpha-fg-cobalt-light": Readonly<{
103
+ "alpha-color-fg-cobalt-light": Readonly<{
128
104
  value: "#5093e54d";
129
- ref: "alpha-cobalt-400-30";
105
+ ref: "alpha-color-cobalt-400-30";
130
106
  }>;
131
- "alpha-fg-cobalt-dark": Readonly<{
107
+ "alpha-color-fg-cobalt-dark": Readonly<{
132
108
  value: "#3870d1";
133
- ref: "alpha-cobalt-500";
109
+ ref: "alpha-color-cobalt-500";
134
110
  }>;
135
- "alpha-fg-red-normal": Readonly<{
111
+ "alpha-color-fg-red-normal": Readonly<{
136
112
  value: "#e55c5c";
137
- ref: "alpha-red-400";
113
+ ref: "alpha-color-red-400";
138
114
  }>;
139
- "alpha-fg-red-light": Readonly<{
115
+ "alpha-color-fg-red-light": Readonly<{
140
116
  value: "#e55c5c4d";
141
- ref: "alpha-red-400-30";
117
+ ref: "alpha-color-red-400-30";
142
118
  }>;
143
- "alpha-fg-red-dark": Readonly<{
119
+ "alpha-color-fg-red-dark": Readonly<{
144
120
  value: "#bc3a42";
145
- ref: "alpha-red-500";
121
+ ref: "alpha-color-red-500";
146
122
  }>;
147
- "alpha-fg-orange-normal": Readonly<{
123
+ "alpha-color-fg-orange-normal": Readonly<{
148
124
  value: "#e67f2b";
149
- ref: "alpha-orange-400";
125
+ ref: "alpha-color-orange-400";
150
126
  }>;
151
- "alpha-fg-orange-light": Readonly<{
127
+ "alpha-color-fg-orange-light": Readonly<{
152
128
  value: "#e67f2b4d";
153
- ref: "alpha-orange-400-30";
129
+ ref: "alpha-color-orange-400-30";
154
130
  }>;
155
- "alpha-fg-orange-dark": Readonly<{
131
+ "alpha-color-fg-orange-dark": Readonly<{
156
132
  value: "#c1630d";
157
- ref: "alpha-orange-500";
133
+ ref: "alpha-color-orange-500";
158
134
  }>;
159
- "alpha-fg-green-normal": Readonly<{
135
+ "alpha-color-fg-green-normal": Readonly<{
160
136
  value: "#40ad67";
161
- ref: "alpha-green-400";
137
+ ref: "alpha-color-green-400";
162
138
  }>;
163
- "alpha-fg-green-light": Readonly<{
139
+ "alpha-color-fg-green-light": Readonly<{
164
140
  value: "#40ad674d";
165
- ref: "alpha-green-400-30";
141
+ ref: "alpha-color-green-400-30";
166
142
  }>;
167
- "alpha-fg-green-dark": Readonly<{
143
+ "alpha-color-fg-green-dark": Readonly<{
168
144
  value: "#358761";
169
- ref: "alpha-green-500";
145
+ ref: "alpha-color-green-500";
170
146
  }>;
171
- "alpha-fg-teal-normal": Readonly<{
147
+ "alpha-color-fg-teal-normal": Readonly<{
172
148
  value: "#09b2ac";
173
- ref: "alpha-teal-400";
149
+ ref: "alpha-color-teal-400";
174
150
  }>;
175
- "alpha-fg-teal-light": Readonly<{
151
+ "alpha-color-fg-teal-light": Readonly<{
176
152
  value: "#09b2ac4d";
177
- ref: "alpha-teal-400-30";
153
+ ref: "alpha-color-teal-400-30";
178
154
  }>;
179
- "alpha-fg-olive-normal": Readonly<{
155
+ "alpha-color-fg-olive-normal": Readonly<{
180
156
  value: "#a9b110";
181
- ref: "alpha-olive-400";
157
+ ref: "alpha-color-olive-400";
182
158
  }>;
183
- "alpha-fg-olive-light": Readonly<{
159
+ "alpha-color-fg-olive-light": Readonly<{
184
160
  value: "#a9b1104d";
185
- ref: "alpha-olive-400-30";
161
+ ref: "alpha-color-olive-400-30";
186
162
  }>;
187
- "alpha-fg-yellow-normal": Readonly<{
163
+ "alpha-color-fg-yellow-normal": Readonly<{
188
164
  value: "#edae0d";
189
- ref: "alpha-yellow-400";
165
+ ref: "alpha-color-yellow-400";
190
166
  }>;
191
- "alpha-fg-yellow-light": Readonly<{
167
+ "alpha-color-fg-yellow-light": Readonly<{
192
168
  value: "#edae0d4d";
193
- ref: "alpha-yellow-400-30";
169
+ ref: "alpha-color-yellow-400-30";
194
170
  }>;
195
- "alpha-fg-pink-normal": Readonly<{
171
+ "alpha-color-fg-pink-normal": Readonly<{
196
172
  value: "#d64bb5";
197
- ref: "alpha-pink-400";
173
+ ref: "alpha-color-pink-400";
198
174
  }>;
199
- "alpha-fg-pink-light": Readonly<{
175
+ "alpha-color-fg-pink-light": Readonly<{
200
176
  value: "#d64bb54d";
201
- ref: "alpha-pink-400-30";
177
+ ref: "alpha-color-pink-400-30";
202
178
  }>;
203
- "alpha-fg-purple-normal": Readonly<{
179
+ "alpha-color-fg-purple-normal": Readonly<{
204
180
  value: "#8e57e7";
205
- ref: "alpha-purple-400";
181
+ ref: "alpha-color-purple-400";
206
182
  }>;
207
- "alpha-fg-purple-light": Readonly<{
183
+ "alpha-color-fg-purple-light": Readonly<{
208
184
  value: "#8e57e74d";
209
- ref: "alpha-purple-400-30";
185
+ ref: "alpha-color-purple-400-30";
210
186
  }>;
211
- "alpha-fg-navy-normal": Readonly<{
187
+ "alpha-color-fg-navy-normal": Readonly<{
212
188
  value: "#424fab";
213
- ref: "alpha-navy-400";
189
+ ref: "alpha-color-navy-400";
214
190
  }>;
215
- "alpha-fg-navy-light": Readonly<{
191
+ "alpha-color-fg-navy-light": Readonly<{
216
192
  value: "#424fab4d";
217
- ref: "alpha-navy-400-30";
193
+ ref: "alpha-color-navy-400-30";
218
194
  }>;
219
- "alpha-fg-absolute-black-dark": Readonly<{
195
+ "alpha-color-fg-absolute-black-dark": Readonly<{
220
196
  value: "#000000";
221
- ref: "alpha-black-100";
197
+ ref: "alpha-color-black-100";
222
198
  }>;
223
- "alpha-fg-absolute-black-normal": Readonly<{
199
+ "alpha-color-fg-absolute-black-normal": Readonly<{
224
200
  value: "#000000d9";
225
- ref: "alpha-black-85";
201
+ ref: "alpha-color-black-85";
226
202
  }>;
227
- "alpha-fg-absolute-black-light": Readonly<{
203
+ "alpha-color-fg-absolute-black-light": Readonly<{
228
204
  value: "#00000099";
229
- ref: "alpha-black-60";
205
+ ref: "alpha-color-black-60";
230
206
  }>;
231
- "alpha-fg-absolute-black-lighter": Readonly<{
207
+ "alpha-color-fg-absolute-black-lighter": Readonly<{
232
208
  value: "#00000066";
233
- ref: "alpha-black-40";
209
+ ref: "alpha-color-black-40";
234
210
  }>;
235
- "alpha-fg-absolute-black-lightest": Readonly<{
211
+ "alpha-color-fg-absolute-black-lightest": Readonly<{
236
212
  value: "#00000033";
237
- ref: "alpha-black-20";
213
+ ref: "alpha-color-black-20";
238
214
  }>;
239
- "alpha-fg-absolute-white-dark": Readonly<{
215
+ "alpha-color-fg-absolute-white-dark": Readonly<{
240
216
  value: "#ffffff";
241
- ref: "alpha-white-100";
217
+ ref: "alpha-color-white-100";
242
218
  }>;
243
- "alpha-fg-absolute-white-normal": Readonly<{
219
+ "alpha-color-fg-absolute-white-normal": Readonly<{
244
220
  value: "#ffffffe6";
245
- ref: "alpha-white-90";
221
+ ref: "alpha-color-white-90";
246
222
  }>;
247
- "alpha-fg-absolute-white-light": Readonly<{
223
+ "alpha-color-fg-absolute-white-light": Readonly<{
248
224
  value: "#ffffff99";
249
- ref: "alpha-white-60";
225
+ ref: "alpha-color-white-60";
250
226
  }>;
251
- "alpha-fg-absolute-white-lighter": Readonly<{
227
+ "alpha-color-fg-absolute-white-lighter": Readonly<{
252
228
  value: "#ffffff66";
253
- ref: "alpha-white-40";
229
+ ref: "alpha-color-white-40";
254
230
  }>;
255
- "alpha-fg-absolute-white-lightest": Readonly<{
231
+ "alpha-color-fg-absolute-white-lightest": Readonly<{
256
232
  value: "#ffffff33";
257
- ref: "alpha-white-20";
233
+ ref: "alpha-color-white-20";
258
234
  }>;
259
- "alpha-fg-grey-dark": Readonly<{
235
+ "alpha-color-fg-grey-dark": Readonly<{
260
236
  value: "#a7a7aa";
261
- ref: "alpha-grey-500";
237
+ ref: "alpha-color-grey-500";
262
238
  }>;
263
- "alpha-fg-grey-normal": Readonly<{
239
+ "alpha-color-fg-grey-normal": Readonly<{
264
240
  value: "#cfcfd1";
265
- ref: "alpha-grey-400";
241
+ ref: "alpha-color-grey-400";
266
242
  }>;
267
- "alpha-fg-grey-light": Readonly<{
243
+ "alpha-color-fg-grey-light": Readonly<{
268
244
  value: "#efeff0";
269
- ref: "alpha-grey-200";
245
+ ref: "alpha-color-grey-200";
270
246
  }>;
271
- "alpha-fg-grey-lighter": Readonly<{
247
+ "alpha-color-fg-grey-lighter": Readonly<{
272
248
  value: "#f7f7f8";
273
- ref: "alpha-grey-100";
249
+ ref: "alpha-color-grey-100";
274
250
  }>;
275
- "alpha-fg-grey-lightest": Readonly<{
251
+ "alpha-color-fg-grey-lightest": Readonly<{
276
252
  value: "#fcfcfc";
277
- ref: "alpha-grey-50";
253
+ ref: "alpha-color-grey-50";
278
254
  }>;
279
- "alpha-fg-grey-grey-alpha-darker": Readonly<{
255
+ "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
280
256
  value: "#efeff0cc";
281
- ref: "alpha-grey-alpha-200-80";
257
+ ref: "alpha-color-grey-alpha-200-80";
282
258
  }>;
283
- "alpha-fg-grey-grey-alpha-dark": Readonly<{
259
+ "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
284
260
  value: "#f7f7f8cc";
285
- ref: "alpha-grey-alpha-100-80";
261
+ ref: "alpha-color-grey-alpha-100-80";
286
262
  }>;
287
- "alpha-fg-grey-grey-alpha-light": Readonly<{
263
+ "alpha-color-fg-grey-grey-alpha-light": Readonly<{
288
264
  value: "#fcfcfccc";
289
- ref: "alpha-grey-alpha-50-80";
265
+ ref: "alpha-color-grey-alpha-50-80";
290
266
  }>;
291
- "alpha-bg-black-darkest": Readonly<{
267
+ "alpha-color-bg-black-darkest": Readonly<{
292
268
  value: "#00000099";
293
- ref: "alpha-black-60";
269
+ ref: "alpha-color-black-60";
294
270
  }>;
295
- "alpha-bg-black-darker": Readonly<{
271
+ "alpha-color-bg-black-darker": Readonly<{
296
272
  value: "#00000066";
297
- ref: "alpha-black-40";
273
+ ref: "alpha-color-black-40";
298
274
  }>;
299
- "alpha-bg-black-dark": Readonly<{
275
+ "alpha-color-bg-black-dark": Readonly<{
300
276
  value: "#00000026";
301
- ref: "alpha-black-15";
277
+ ref: "alpha-color-black-15";
302
278
  }>;
303
- "alpha-bg-black-light": Readonly<{
279
+ "alpha-color-bg-black-light": Readonly<{
304
280
  value: "#00000014";
305
- ref: "alpha-black-8";
281
+ ref: "alpha-color-black-8";
306
282
  }>;
307
- "alpha-bg-black-lighter": Readonly<{
283
+ "alpha-color-bg-black-lighter": Readonly<{
308
284
  value: "#0000000d";
309
- ref: "alpha-black-5";
285
+ ref: "alpha-color-black-5";
310
286
  }>;
311
- "alpha-bg-black-lightest": Readonly<{
287
+ "alpha-color-bg-black-lightest": Readonly<{
312
288
  value: "#00000008";
313
- ref: "alpha-black-3";
289
+ ref: "alpha-color-black-3";
314
290
  }>;
315
- "alpha-bg-grey-darkest": Readonly<{
291
+ "alpha-color-bg-grey-darkest": Readonly<{
316
292
  value: "#242428";
317
- ref: "alpha-grey-900";
293
+ ref: "alpha-color-grey-900";
318
294
  }>;
319
- "alpha-bg-grey-dark": Readonly<{
295
+ "alpha-color-bg-grey-dark": Readonly<{
320
296
  value: "#a7a7aa";
321
- ref: "alpha-grey-500";
297
+ ref: "alpha-color-grey-500";
322
298
  }>;
323
- "alpha-bg-grey-light": Readonly<{
299
+ "alpha-color-bg-grey-light": Readonly<{
324
300
  value: "#efeff0";
325
- ref: "alpha-grey-200";
301
+ ref: "alpha-color-grey-200";
326
302
  }>;
327
- "alpha-bg-grey-lighter": Readonly<{
303
+ "alpha-color-bg-grey-lighter": Readonly<{
328
304
  value: "#f7f7f8";
329
- ref: "alpha-grey-100";
305
+ ref: "alpha-color-grey-100";
330
306
  }>;
331
- "alpha-bg-grey-lightest": Readonly<{
307
+ "alpha-color-bg-grey-lightest": Readonly<{
332
308
  value: "#fcfcfc";
333
- ref: "alpha-grey-50";
334
- }>;
335
- "alpha-bg-grey-grey-alpha-dark": Readonly<{
336
- value: "#f7f7f8cc";
337
- ref: "alpha-grey-alpha-100-80";
309
+ ref: "alpha-color-grey-50";
338
310
  }>;
339
- "alpha-bg-grey-grey-alpha-darkest": Readonly<{
311
+ "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
340
312
  value: "#efeff0cc";
341
- ref: "alpha-grey-alpha-200-80";
313
+ ref: "alpha-color-grey-alpha-200-80";
342
314
  }>;
343
- "alpha-bg-grey-grey-alpha-darker": Readonly<{
344
- value: "#efeff0cc";
345
- ref: "alpha-grey-alpha-200-80";
315
+ "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
316
+ value: "#f7f7f8e6";
317
+ ref: "alpha-color-grey-alpha-100-90";
318
+ }>;
319
+ "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
320
+ value: "#f7f7f8cc";
321
+ ref: "alpha-color-grey-alpha-100-80";
346
322
  }>;
347
- "alpha-bg-grey-grey-alpha-light": Readonly<{
323
+ "alpha-color-bg-grey-grey-alpha-light": Readonly<{
348
324
  value: "#fcfcfccc";
349
- ref: "alpha-grey-alpha-50-80";
325
+ ref: "alpha-color-grey-alpha-50-80";
350
326
  }>;
351
- "alpha-bg-grey-normal": Readonly<{
327
+ "alpha-color-bg-grey-normal": Readonly<{
352
328
  value: "#cfcfd1";
353
- ref: "alpha-grey-400";
329
+ ref: "alpha-color-grey-400";
354
330
  }>;
355
- "alpha-bg-white-highest": Readonly<{
331
+ "alpha-color-bg-white-highest": Readonly<{
356
332
  value: "#ffffff";
357
- ref: "alpha-white-100";
333
+ ref: "alpha-color-white-100";
358
334
  }>;
359
- "alpha-bg-white-higher": Readonly<{
335
+ "alpha-color-bg-white-higher": Readonly<{
360
336
  value: "#ffffff";
361
- ref: "alpha-white-100";
337
+ ref: "alpha-color-white-100";
362
338
  }>;
363
- "alpha-bg-white-normal": Readonly<{
339
+ "alpha-color-bg-white-normal": Readonly<{
364
340
  value: "#ffffff";
365
- ref: "alpha-white-100";
341
+ ref: "alpha-color-white-100";
366
342
  }>;
367
- "alpha-bg-white-white-alpha-lightest": Readonly<{
343
+ "alpha-color-bg-white-white-alpha-lightest": Readonly<{
368
344
  value: "#ffffffe6";
369
- ref: "alpha-white-90";
345
+ ref: "alpha-color-white-90";
370
346
  }>;
371
- "alpha-bg-white-white-alpha-lighter": Readonly<{
347
+ "alpha-color-bg-white-white-alpha-lighter": Readonly<{
372
348
  value: "#ffffff99";
373
- ref: "alpha-white-60";
349
+ ref: "alpha-color-white-60";
374
350
  }>;
375
- "alpha-bg-white-white-alpha-light": Readonly<{
351
+ "alpha-color-bg-white-white-alpha-light": Readonly<{
376
352
  value: "#ffffff33";
377
- ref: "alpha-white-20";
353
+ ref: "alpha-color-white-20";
378
354
  }>;
379
- "alpha-bg-blue-normal": Readonly<{
355
+ "alpha-color-bg-blue-normal": Readonly<{
380
356
  value: "#6d6afc";
381
- ref: "alpha-blue-400";
357
+ ref: "alpha-color-blue-400";
382
358
  }>;
383
- "alpha-bg-blue-light": Readonly<{
359
+ "alpha-color-bg-blue-light": Readonly<{
384
360
  value: "#6d6afc4d";
385
- ref: "alpha-blue-400-30";
361
+ ref: "alpha-color-blue-400-30";
386
362
  }>;
387
- "alpha-bg-blue-lighter": Readonly<{
363
+ "alpha-color-bg-blue-lighter": Readonly<{
388
364
  value: "#6d6afc33";
389
- ref: "alpha-blue-400-20";
365
+ ref: "alpha-color-blue-400-20";
390
366
  }>;
391
- "alpha-bg-blue-lightest": Readonly<{
367
+ "alpha-color-bg-blue-lightest": Readonly<{
392
368
  value: "#6d6afc1a";
393
- ref: "alpha-blue-400-10";
369
+ ref: "alpha-color-blue-400-10";
394
370
  }>;
395
- "alpha-bg-blue-dark": Readonly<{
371
+ "alpha-color-bg-blue-dark": Readonly<{
396
372
  value: "#5950dc";
397
- ref: "alpha-blue-500";
373
+ ref: "alpha-color-blue-500";
398
374
  }>;
399
- "alpha-bg-blue-shade-light": Readonly<{
375
+ "alpha-color-bg-blue-shade-light": Readonly<{
400
376
  value: "#7175e033";
401
- ref: "alpha-shade-blue-400-20";
377
+ ref: "alpha-color-shade-blue-400-20";
402
378
  }>;
403
- "alpha-bg-blue-shade-normal": Readonly<{
379
+ "alpha-color-bg-blue-shade-normal": Readonly<{
404
380
  value: "#7175e0";
405
- ref: "alpha-shade-blue-400";
381
+ ref: "alpha-color-shade-blue-400";
406
382
  }>;
407
- "alpha-bg-cobalt-normal": Readonly<{
383
+ "alpha-color-bg-cobalt-normal": Readonly<{
408
384
  value: "#5093e5";
409
- ref: "alpha-cobalt-400";
385
+ ref: "alpha-color-cobalt-400";
410
386
  }>;
411
- "alpha-bg-cobalt-light": Readonly<{
387
+ "alpha-color-bg-cobalt-light": Readonly<{
412
388
  value: "#5093e54d";
413
- ref: "alpha-cobalt-400-30";
389
+ ref: "alpha-color-cobalt-400-30";
414
390
  }>;
415
- "alpha-bg-cobalt-lighter": Readonly<{
391
+ "alpha-color-bg-cobalt-lighter": Readonly<{
416
392
  value: "#5093e533";
417
- ref: "alpha-cobalt-400-20";
393
+ ref: "alpha-color-cobalt-400-20";
418
394
  }>;
419
- "alpha-bg-cobalt-lightest": Readonly<{
395
+ "alpha-color-bg-cobalt-lightest": Readonly<{
420
396
  value: "#5093e51a";
421
- ref: "alpha-cobalt-400-10";
397
+ ref: "alpha-color-cobalt-400-10";
422
398
  }>;
423
- "alpha-bg-cobalt-dark": Readonly<{
399
+ "alpha-color-bg-cobalt-dark": Readonly<{
424
400
  value: "#3870d1";
425
- ref: "alpha-cobalt-500";
401
+ ref: "alpha-color-cobalt-500";
426
402
  }>;
427
- "alpha-bg-cobalt-shade-light": Readonly<{
403
+ "alpha-color-bg-cobalt-shade-light": Readonly<{
428
404
  value: "#57ace833";
429
- ref: "alpha-shade-cobalt-400-20";
405
+ ref: "alpha-color-shade-cobalt-400-20";
430
406
  }>;
431
- "alpha-bg-cobalt-shade-normal": Readonly<{
407
+ "alpha-color-bg-cobalt-shade-normal": Readonly<{
432
408
  value: "#57ace8";
433
- ref: "alpha-shade-cobalt-400";
409
+ ref: "alpha-color-shade-cobalt-400";
434
410
  }>;
435
- "alpha-bg-red-normal": Readonly<{
411
+ "alpha-color-bg-red-normal": Readonly<{
436
412
  value: "#e55c5c";
437
- ref: "alpha-red-400";
413
+ ref: "alpha-color-red-400";
438
414
  }>;
439
- "alpha-bg-red-light": Readonly<{
415
+ "alpha-color-bg-red-light": Readonly<{
440
416
  value: "#e55c5c4d";
441
- ref: "alpha-red-400-30";
417
+ ref: "alpha-color-red-400-30";
442
418
  }>;
443
- "alpha-bg-red-lighter": Readonly<{
419
+ "alpha-color-bg-red-lighter": Readonly<{
444
420
  value: "#e55c5c33";
445
- ref: "alpha-red-400-20";
421
+ ref: "alpha-color-red-400-20";
446
422
  }>;
447
- "alpha-bg-red-lightest": Readonly<{
423
+ "alpha-color-bg-red-lightest": Readonly<{
448
424
  value: "#e55c5c1a";
449
- ref: "alpha-red-400-10";
425
+ ref: "alpha-color-red-400-10";
450
426
  }>;
451
- "alpha-bg-red-dark": Readonly<{
427
+ "alpha-color-bg-red-dark": Readonly<{
452
428
  value: "#bc3a42";
453
- ref: "alpha-red-500";
429
+ ref: "alpha-color-red-500";
454
430
  }>;
455
- "alpha-bg-red-shade-light": Readonly<{
431
+ "alpha-color-bg-red-shade-light": Readonly<{
456
432
  value: "#de687033";
457
- ref: "alpha-shade-red-400-20";
433
+ ref: "alpha-color-shade-red-400-20";
458
434
  }>;
459
- "alpha-bg-red-shade-normal": Readonly<{
435
+ "alpha-color-bg-red-shade-normal": Readonly<{
460
436
  value: "#de6870";
461
- ref: "alpha-shade-red-400";
437
+ ref: "alpha-color-shade-red-400";
462
438
  }>;
463
- "alpha-bg-orange-normal": Readonly<{
439
+ "alpha-color-bg-orange-normal": Readonly<{
464
440
  value: "#e67f2b";
465
- ref: "alpha-orange-400";
441
+ ref: "alpha-color-orange-400";
466
442
  }>;
467
- "alpha-bg-orange-light": Readonly<{
443
+ "alpha-color-bg-orange-light": Readonly<{
468
444
  value: "#e67f2b4d";
469
- ref: "alpha-orange-400-30";
445
+ ref: "alpha-color-orange-400-30";
470
446
  }>;
471
- "alpha-bg-orange-lighter": Readonly<{
447
+ "alpha-color-bg-orange-lighter": Readonly<{
472
448
  value: "#e67f2b33";
473
- ref: "alpha-orange-400-20";
449
+ ref: "alpha-color-orange-400-20";
474
450
  }>;
475
- "alpha-bg-orange-lightest": Readonly<{
451
+ "alpha-color-bg-orange-lightest": Readonly<{
476
452
  value: "#e67f2b1a";
477
- ref: "alpha-orange-400-10";
453
+ ref: "alpha-color-orange-400-10";
478
454
  }>;
479
- "alpha-bg-orange-dark": Readonly<{
455
+ "alpha-color-bg-orange-dark": Readonly<{
480
456
  value: "#c1630d";
481
- ref: "alpha-orange-500";
457
+ ref: "alpha-color-orange-500";
482
458
  }>;
483
- "alpha-bg-orange-shade-light": Readonly<{
459
+ "alpha-color-bg-orange-shade-light": Readonly<{
484
460
  value: "#e08c4833";
485
- ref: "alpha-shade-orange-400-20";
461
+ ref: "alpha-color-shade-orange-400-20";
486
462
  }>;
487
- "alpha-bg-orange-shade-normal": Readonly<{
463
+ "alpha-color-bg-orange-shade-normal": Readonly<{
488
464
  value: "#e08c48";
489
- ref: "alpha-shade-orange-400";
465
+ ref: "alpha-color-shade-orange-400";
490
466
  }>;
491
- "alpha-bg-green-normal": Readonly<{
467
+ "alpha-color-bg-green-normal": Readonly<{
492
468
  value: "#40ad67";
493
- ref: "alpha-green-400";
469
+ ref: "alpha-color-green-400";
494
470
  }>;
495
- "alpha-bg-green-light": Readonly<{
471
+ "alpha-color-bg-green-light": Readonly<{
496
472
  value: "#40ad674d";
497
- ref: "alpha-green-400-30";
473
+ ref: "alpha-color-green-400-30";
498
474
  }>;
499
- "alpha-bg-green-lighter": Readonly<{
475
+ "alpha-color-bg-green-lighter": Readonly<{
500
476
  value: "#40ad6733";
501
- ref: "alpha-green-400-20";
477
+ ref: "alpha-color-green-400-20";
502
478
  }>;
503
- "alpha-bg-green-lightest": Readonly<{
479
+ "alpha-color-bg-green-lightest": Readonly<{
504
480
  value: "#40ad671a";
505
- ref: "alpha-green-400-10";
481
+ ref: "alpha-color-green-400-10";
506
482
  }>;
507
- "alpha-bg-green-dark": Readonly<{
483
+ "alpha-color-bg-green-dark": Readonly<{
508
484
  value: "#358761";
509
- ref: "alpha-green-500";
485
+ ref: "alpha-color-green-500";
510
486
  }>;
511
- "alpha-bg-green-shade-light": Readonly<{
487
+ "alpha-color-bg-green-shade-light": Readonly<{
512
488
  value: "#62af7c33";
513
- ref: "alpha-shade-green-400-20";
489
+ ref: "alpha-color-shade-green-400-20";
514
490
  }>;
515
- "alpha-bg-green-shade-normal": Readonly<{
491
+ "alpha-color-bg-green-shade-normal": Readonly<{
516
492
  value: "#62af7c";
517
- ref: "alpha-shade-green-400";
493
+ ref: "alpha-color-shade-green-400";
518
494
  }>;
519
- "alpha-bg-teal-normal": Readonly<{
495
+ "alpha-color-bg-teal-normal": Readonly<{
520
496
  value: "#09b2ac";
521
- ref: "alpha-teal-400";
497
+ ref: "alpha-color-teal-400";
522
498
  }>;
523
- "alpha-bg-teal-light": Readonly<{
499
+ "alpha-color-bg-teal-light": Readonly<{
524
500
  value: "#09b2ac4d";
525
- ref: "alpha-teal-400-30";
501
+ ref: "alpha-color-teal-400-30";
526
502
  }>;
527
- "alpha-bg-teal-lighter": Readonly<{
503
+ "alpha-color-bg-teal-lighter": Readonly<{
528
504
  value: "#09b2ac33";
529
- ref: "alpha-teal-400-20";
505
+ ref: "alpha-color-teal-400-20";
530
506
  }>;
531
- "alpha-bg-teal-lightest": Readonly<{
507
+ "alpha-color-bg-teal-lightest": Readonly<{
532
508
  value: "#09b2ac1a";
533
- ref: "alpha-teal-400-10";
509
+ ref: "alpha-color-teal-400-10";
534
510
  }>;
535
- "alpha-bg-teal-dark": Readonly<{
511
+ "alpha-color-bg-teal-dark": Readonly<{
536
512
  value: "#068e95";
537
- ref: "alpha-teal-500";
513
+ ref: "alpha-color-teal-500";
538
514
  }>;
539
- "alpha-bg-teal-shade-light": Readonly<{
515
+ "alpha-color-bg-teal-shade-light": Readonly<{
540
516
  value: "#55aaa733";
541
- ref: "alpha-shade-teal-400-20";
517
+ ref: "alpha-color-shade-teal-400-20";
542
518
  }>;
543
- "alpha-bg-teal-shade-normal": Readonly<{
519
+ "alpha-color-bg-teal-shade-normal": Readonly<{
544
520
  value: "#55aaa7";
545
- ref: "alpha-shade-teal-400";
521
+ ref: "alpha-color-shade-teal-400";
546
522
  }>;
547
- "alpha-bg-olive-normal": Readonly<{
523
+ "alpha-color-bg-olive-normal": Readonly<{
548
524
  value: "#a9b110";
549
- ref: "alpha-olive-400";
525
+ ref: "alpha-color-olive-400";
550
526
  }>;
551
- "alpha-bg-olive-light": Readonly<{
527
+ "alpha-color-bg-olive-light": Readonly<{
552
528
  value: "#a9b1104d";
553
- ref: "alpha-olive-400-30";
529
+ ref: "alpha-color-olive-400-30";
554
530
  }>;
555
- "alpha-bg-olive-lighter": Readonly<{
531
+ "alpha-color-bg-olive-lighter": Readonly<{
556
532
  value: "#a9b11033";
557
- ref: "alpha-olive-400-20";
533
+ ref: "alpha-color-olive-400-20";
558
534
  }>;
559
- "alpha-bg-olive-lightest": Readonly<{
535
+ "alpha-color-bg-olive-lightest": Readonly<{
560
536
  value: "#a9b1101a";
561
- ref: "alpha-olive-400-10";
537
+ ref: "alpha-color-olive-400-10";
562
538
  }>;
563
- "alpha-bg-olive-dark": Readonly<{
539
+ "alpha-color-bg-olive-dark": Readonly<{
564
540
  value: "#7b801c";
565
- ref: "alpha-olive-500";
541
+ ref: "alpha-color-olive-500";
566
542
  }>;
567
- "alpha-bg-olive-shade-light": Readonly<{
543
+ "alpha-color-bg-olive-shade-light": Readonly<{
568
544
  value: "#a5a95333";
569
- ref: "alpha-shade-olive-400-20";
545
+ ref: "alpha-color-shade-olive-400-20";
570
546
  }>;
571
- "alpha-bg-olive-shade-normal": Readonly<{
547
+ "alpha-color-bg-olive-shade-normal": Readonly<{
572
548
  value: "#a5a953";
573
- ref: "alpha-shade-olive-400";
549
+ ref: "alpha-color-shade-olive-400";
574
550
  }>;
575
- "alpha-bg-yellow-normal": Readonly<{
551
+ "alpha-color-bg-yellow-normal": Readonly<{
576
552
  value: "#edae0d";
577
- ref: "alpha-yellow-400";
553
+ ref: "alpha-color-yellow-400";
578
554
  }>;
579
- "alpha-bg-yellow-light": Readonly<{
555
+ "alpha-color-bg-yellow-light": Readonly<{
580
556
  value: "#edae0d4d";
581
- ref: "alpha-yellow-400-30";
557
+ ref: "alpha-color-yellow-400-30";
582
558
  }>;
583
- "alpha-bg-yellow-lighter": Readonly<{
559
+ "alpha-color-bg-yellow-lighter": Readonly<{
584
560
  value: "#edae0d33";
585
- ref: "alpha-yellow-400-20";
561
+ ref: "alpha-color-yellow-400-20";
586
562
  }>;
587
- "alpha-bg-yellow-lightest": Readonly<{
563
+ "alpha-color-bg-yellow-lightest": Readonly<{
588
564
  value: "#edae0d1a";
589
- ref: "alpha-yellow-400-10";
565
+ ref: "alpha-color-yellow-400-10";
590
566
  }>;
591
- "alpha-bg-yellow-dark": Readonly<{
567
+ "alpha-color-bg-yellow-dark": Readonly<{
592
568
  value: "#c38f00";
593
- ref: "alpha-yellow-500";
569
+ ref: "alpha-color-yellow-500";
594
570
  }>;
595
- "alpha-bg-yellow-shade-light": Readonly<{
571
+ "alpha-color-bg-yellow-shade-light": Readonly<{
596
572
  value: "#e8ae3c33";
597
- ref: "alpha-shade-yellow-400-20";
573
+ ref: "alpha-color-shade-yellow-400-20";
598
574
  }>;
599
- "alpha-bg-yellow-shade-normal": Readonly<{
575
+ "alpha-color-bg-yellow-shade-normal": Readonly<{
600
576
  value: "#e8ae3c";
601
- ref: "alpha-shade-yellow-400";
577
+ ref: "alpha-color-shade-yellow-400";
602
578
  }>;
603
- "alpha-bg-pink-normal": Readonly<{
579
+ "alpha-color-bg-pink-normal": Readonly<{
604
580
  value: "#d64bb5";
605
- ref: "alpha-pink-400";
581
+ ref: "alpha-color-pink-400";
606
582
  }>;
607
- "alpha-bg-pink-light": Readonly<{
583
+ "alpha-color-bg-pink-light": Readonly<{
608
584
  value: "#d64bb54d";
609
- ref: "alpha-pink-400-30";
585
+ ref: "alpha-color-pink-400-30";
610
586
  }>;
611
- "alpha-bg-pink-lighter": Readonly<{
587
+ "alpha-color-bg-pink-lighter": Readonly<{
612
588
  value: "#d64bb533";
613
- ref: "alpha-pink-400-20";
589
+ ref: "alpha-color-pink-400-20";
614
590
  }>;
615
- "alpha-bg-pink-lightest": Readonly<{
591
+ "alpha-color-bg-pink-lightest": Readonly<{
616
592
  value: "#d64bb51a";
617
- ref: "alpha-pink-400-10";
593
+ ref: "alpha-color-pink-400-10";
618
594
  }>;
619
- "alpha-bg-pink-dark": Readonly<{
595
+ "alpha-color-bg-pink-dark": Readonly<{
620
596
  value: "#b0369e";
621
- ref: "alpha-pink-500";
597
+ ref: "alpha-color-pink-500";
622
598
  }>;
623
- "alpha-bg-pink-shade-light": Readonly<{
599
+ "alpha-color-bg-pink-shade-light": Readonly<{
624
600
  value: "#d369ba33";
625
- ref: "alpha-shade-pink-400-20";
601
+ ref: "alpha-color-shade-pink-400-20";
626
602
  }>;
627
- "alpha-bg-pink-shade-normal": Readonly<{
603
+ "alpha-color-bg-pink-shade-normal": Readonly<{
628
604
  value: "#d369ba";
629
- ref: "alpha-shade-pink-400";
605
+ ref: "alpha-color-shade-pink-400";
630
606
  }>;
631
- "alpha-bg-purple-normal": Readonly<{
607
+ "alpha-color-bg-purple-normal": Readonly<{
632
608
  value: "#8e57e7";
633
- ref: "alpha-purple-400";
609
+ ref: "alpha-color-purple-400";
634
610
  }>;
635
- "alpha-bg-purple-light": Readonly<{
611
+ "alpha-color-bg-purple-light": Readonly<{
636
612
  value: "#8e57e74d";
637
- ref: "alpha-purple-400-30";
613
+ ref: "alpha-color-purple-400-30";
638
614
  }>;
639
- "alpha-bg-purple-lighter": Readonly<{
615
+ "alpha-color-bg-purple-lighter": Readonly<{
640
616
  value: "#8e57e733";
641
- ref: "alpha-purple-400-20";
617
+ ref: "alpha-color-purple-400-20";
642
618
  }>;
643
- "alpha-bg-purple-lightest": Readonly<{
619
+ "alpha-color-bg-purple-lightest": Readonly<{
644
620
  value: "#8e57e71a";
645
- ref: "alpha-purple-400-10";
621
+ ref: "alpha-color-purple-400-10";
646
622
  }>;
647
- "alpha-bg-purple-dark": Readonly<{
623
+ "alpha-color-bg-purple-dark": Readonly<{
648
624
  value: "#6735b6";
649
- ref: "alpha-purple-500";
625
+ ref: "alpha-color-purple-500";
650
626
  }>;
651
- "alpha-bg-purple-shade-light": Readonly<{
627
+ "alpha-color-bg-purple-shade-light": Readonly<{
652
628
  value: "#9d6fe533";
653
- ref: "alpha-shade-purple-400-20";
629
+ ref: "alpha-color-shade-purple-400-20";
654
630
  }>;
655
- "alpha-bg-purple-shade-normal": Readonly<{
631
+ "alpha-color-bg-purple-shade-normal": Readonly<{
656
632
  value: "#9d6fe5";
657
- ref: "alpha-shade-purple-400";
633
+ ref: "alpha-color-shade-purple-400";
658
634
  }>;
659
- "alpha-bg-navy-normal": Readonly<{
635
+ "alpha-color-bg-navy-normal": Readonly<{
660
636
  value: "#424fab";
661
- ref: "alpha-navy-400";
637
+ ref: "alpha-color-navy-400";
662
638
  }>;
663
- "alpha-bg-navy-light": Readonly<{
639
+ "alpha-color-bg-navy-light": Readonly<{
664
640
  value: "#424fab4d";
665
- ref: "alpha-navy-400-30";
641
+ ref: "alpha-color-navy-400-30";
666
642
  }>;
667
- "alpha-bg-navy-lighter": Readonly<{
643
+ "alpha-color-bg-navy-lighter": Readonly<{
668
644
  value: "#424fab33";
669
- ref: "alpha-navy-400-20";
645
+ ref: "alpha-color-navy-400-20";
670
646
  }>;
671
- "alpha-bg-navy-lightest": Readonly<{
647
+ "alpha-color-bg-navy-lightest": Readonly<{
672
648
  value: "#424fab1a";
673
- ref: "alpha-navy-400-10";
649
+ ref: "alpha-color-navy-400-10";
674
650
  }>;
675
- "alpha-bg-navy-dark": Readonly<{
651
+ "alpha-color-bg-navy-dark": Readonly<{
676
652
  value: "#353888";
677
- ref: "alpha-navy-500";
653
+ ref: "alpha-color-navy-500";
678
654
  }>;
679
- "alpha-bg-navy-shade-light": Readonly<{
655
+ "alpha-color-bg-navy-shade-light": Readonly<{
680
656
  value: "#5f69b033";
681
- ref: "alpha-shade-navy-400-20";
657
+ ref: "alpha-color-shade-navy-400-20";
682
658
  }>;
683
- "alpha-bg-navy-shade-normal": Readonly<{
659
+ "alpha-color-bg-navy-shade-normal": Readonly<{
684
660
  value: "#5f69b0";
685
- ref: "alpha-shade-navy-400";
661
+ ref: "alpha-color-shade-navy-400";
686
662
  }>;
687
- "alpha-bg-absolute-black-dark": Readonly<{
663
+ "alpha-color-bg-absolute-black-dark": Readonly<{
688
664
  value: "#000000";
689
- ref: "alpha-black-100";
665
+ ref: "alpha-color-black-100";
690
666
  }>;
691
- "alpha-bg-absolute-black-normal": Readonly<{
667
+ "alpha-color-bg-absolute-black-normal": Readonly<{
692
668
  value: "#000000d9";
693
- ref: "alpha-black-85";
669
+ ref: "alpha-color-black-85";
694
670
  }>;
695
- "alpha-bg-absolute-black-light": Readonly<{
671
+ "alpha-color-bg-absolute-black-light": Readonly<{
696
672
  value: "#00000099";
697
- ref: "alpha-black-60";
673
+ ref: "alpha-color-black-60";
698
674
  }>;
699
- "alpha-bg-absolute-black-lighter": Readonly<{
675
+ "alpha-color-bg-absolute-black-lighter": Readonly<{
700
676
  value: "#00000066";
701
- ref: "alpha-black-40";
677
+ ref: "alpha-color-black-40";
702
678
  }>;
703
- "alpha-bg-absolute-black-lightest": Readonly<{
679
+ "alpha-color-bg-absolute-black-lightest": Readonly<{
704
680
  value: "#00000033";
705
- ref: "alpha-black-20";
681
+ ref: "alpha-color-black-20";
706
682
  }>;
707
- "alpha-bg-absolute-white-dark": Readonly<{
683
+ "alpha-color-bg-absolute-white-dark": Readonly<{
708
684
  value: "#ffffff";
709
- ref: "alpha-white-100";
685
+ ref: "alpha-color-white-100";
710
686
  }>;
711
- "alpha-bg-absolute-white-normal": Readonly<{
687
+ "alpha-color-bg-absolute-white-normal": Readonly<{
712
688
  value: "#ffffffe6";
713
- ref: "alpha-white-90";
689
+ ref: "alpha-color-white-90";
714
690
  }>;
715
- "alpha-bg-absolute-white-light": Readonly<{
691
+ "alpha-color-bg-absolute-white-light": Readonly<{
716
692
  value: "#ffffff99";
717
- ref: "alpha-white-60";
693
+ ref: "alpha-color-white-60";
718
694
  }>;
719
- "alpha-bg-absolute-white-lighter": Readonly<{
695
+ "alpha-color-bg-absolute-white-lighter": Readonly<{
720
696
  value: "#ffffff66";
721
- ref: "alpha-white-40";
697
+ ref: "alpha-color-white-40";
722
698
  }>;
723
- "alpha-bg-absolute-white-lightest": Readonly<{
699
+ "alpha-color-bg-absolute-white-lightest": Readonly<{
724
700
  value: "#ffffff33";
725
- ref: "alpha-white-20";
701
+ ref: "alpha-color-white-20";
726
702
  }>;
727
- "alpha-surface-lowest": Readonly<{
703
+ "alpha-color-surface-lowest": Readonly<{
728
704
  value: "#f7f7f8";
729
- ref: "alpha-grey-100";
705
+ ref: "alpha-color-grey-100";
730
706
  }>;
731
- "alpha-surface-lower": Readonly<{
707
+ "alpha-color-surface-lower": Readonly<{
732
708
  value: "#fcfcfc";
733
- ref: "alpha-grey-50";
709
+ ref: "alpha-color-grey-50";
734
710
  }>;
735
- "alpha-surface-normal": Readonly<{
711
+ "alpha-color-surface-normal": Readonly<{
736
712
  value: "#ffffff";
737
- ref: "alpha-white-100";
713
+ ref: "alpha-color-white-100";
714
+ }>;
715
+ "alpha-color-shadow-xlarge": Readonly<{
716
+ value: "#0000004d";
717
+ ref: "alpha-color-black-30";
718
+ }>;
719
+ "alpha-color-shadow-large": Readonly<{
720
+ value: "#00000038";
721
+ ref: "alpha-color-black-22";
722
+ }>;
723
+ "alpha-color-shadow-medium": Readonly<{
724
+ value: "#00000026";
725
+ ref: "alpha-color-black-15";
726
+ }>;
727
+ "alpha-color-shadow-small": Readonly<{
728
+ value: "#00000014";
729
+ ref: "alpha-color-black-8";
730
+ }>;
731
+ "alpha-color-shadow-base": Readonly<{
732
+ value: "#0000000d";
733
+ ref: "alpha-color-black-5";
734
+ }>;
735
+ "alpha-color-shadow-base-inner": Readonly<{
736
+ value: "#ffffff1f";
737
+ ref: "alpha-color-white-12";
738
738
  }>;
739
- "alpha-dim-black-light": Readonly<{
739
+ "alpha-color-dim-black-light": Readonly<{
740
740
  value: "#00000033";
741
- ref: "alpha-bg-absolute-black-lightest";
741
+ ref: "alpha-color-bg-absolute-black-lightest";
742
742
  }>;
743
- "alpha-dim-black-normal": Readonly<{
743
+ "alpha-color-dim-black-normal": Readonly<{
744
744
  value: "#00000066";
745
- ref: "alpha-bg-absolute-black-lighter";
745
+ ref: "alpha-color-bg-absolute-black-lighter";
746
746
  }>;
747
- "alpha-primary-bg-normal": Readonly<{
747
+ "alpha-color-primary-bg-normal": Readonly<{
748
748
  value: "#6d6afc";
749
- ref: "alpha-bg-blue-normal";
749
+ ref: "alpha-color-bg-blue-normal";
750
750
  }>;
751
- "alpha-primary-bg-light": Readonly<{
751
+ "alpha-color-primary-bg-light": Readonly<{
752
752
  value: "#6d6afc4d";
753
- ref: "alpha-bg-blue-light";
753
+ ref: "alpha-color-bg-blue-light";
754
754
  }>;
755
- "alpha-primary-bg-lighter": Readonly<{
755
+ "alpha-color-primary-bg-lighter": Readonly<{
756
756
  value: "#6d6afc33";
757
- ref: "alpha-bg-blue-lighter";
757
+ ref: "alpha-color-bg-blue-lighter";
758
758
  }>;
759
- "alpha-primary-bg-lightest": Readonly<{
759
+ "alpha-color-primary-bg-lightest": Readonly<{
760
760
  value: "#6d6afc1a";
761
- ref: "alpha-bg-blue-lightest";
761
+ ref: "alpha-color-bg-blue-lightest";
762
762
  }>;
763
- "alpha-primary-bg-dark": Readonly<{
763
+ "alpha-color-primary-bg-dark": Readonly<{
764
764
  value: "#5950dc";
765
- ref: "alpha-bg-blue-dark";
765
+ ref: "alpha-color-bg-blue-dark";
766
766
  }>;
767
- "alpha-primary-fg-normal": Readonly<{
767
+ "alpha-color-primary-fg-normal": Readonly<{
768
768
  value: "#6d6afc";
769
- ref: "alpha-fg-blue-normal";
769
+ ref: "alpha-color-fg-blue-normal";
770
770
  }>;
771
- "alpha-primary-fg-light": Readonly<{
771
+ "alpha-color-primary-fg-light": Readonly<{
772
772
  value: "#6d6afc4d";
773
- ref: "alpha-fg-blue-light";
773
+ ref: "alpha-color-fg-blue-light";
774
774
  }>;
775
- "alpha-primary-fg-dark": Readonly<{
775
+ "alpha-color-primary-fg-dark": Readonly<{
776
776
  value: "#5950dc";
777
- ref: "alpha-fg-blue-dark";
777
+ ref: "alpha-color-fg-blue-dark";
778
778
  }>;
779
- "alpha-critical-bg-dark": Readonly<{
779
+ "alpha-color-critical-bg-dark": Readonly<{
780
780
  value: "#bc3a42";
781
- ref: "alpha-bg-red-dark";
781
+ ref: "alpha-color-bg-red-dark";
782
782
  }>;
783
- "alpha-critical-bg-normal": Readonly<{
783
+ "alpha-color-critical-bg-normal": Readonly<{
784
784
  value: "#e55c5c";
785
- ref: "alpha-fg-red-normal";
785
+ ref: "alpha-color-fg-red-normal";
786
786
  }>;
787
- "alpha-critical-bg-light": Readonly<{
787
+ "alpha-color-critical-bg-light": Readonly<{
788
788
  value: "#e55c5c4d";
789
- ref: "alpha-bg-red-light";
789
+ ref: "alpha-color-bg-red-light";
790
790
  }>;
791
- "alpha-critical-bg-lighter": Readonly<{
791
+ "alpha-color-critical-bg-lighter": Readonly<{
792
792
  value: "#e55c5c33";
793
- ref: "alpha-bg-red-lighter";
793
+ ref: "alpha-color-bg-red-lighter";
794
794
  }>;
795
- "alpha-critical-bg-lightest": Readonly<{
795
+ "alpha-color-critical-bg-lightest": Readonly<{
796
796
  value: "#e55c5c1a";
797
- ref: "alpha-bg-red-lightest";
797
+ ref: "alpha-color-bg-red-lightest";
798
798
  }>;
799
- "alpha-critical-fg-normal": Readonly<{
799
+ "alpha-color-critical-fg-normal": Readonly<{
800
800
  value: "#e55c5c";
801
- ref: "alpha-fg-red-normal";
801
+ ref: "alpha-color-fg-red-normal";
802
802
  }>;
803
- "alpha-critical-fg-light": Readonly<{
803
+ "alpha-color-critical-fg-light": Readonly<{
804
804
  value: "#e55c5c4d";
805
- ref: "alpha-fg-red-light";
805
+ ref: "alpha-color-fg-red-light";
806
806
  }>;
807
- "alpha-critical-fg-dark": Readonly<{
807
+ "alpha-color-critical-fg-dark": Readonly<{
808
808
  value: "#bc3a42";
809
- ref: "alpha-fg-red-dark";
809
+ ref: "alpha-color-fg-red-dark";
810
810
  }>;
811
- "alpha-warning-bg-dark": Readonly<{
811
+ "alpha-color-warning-bg-dark": Readonly<{
812
812
  value: "#c1630d";
813
- ref: "alpha-bg-orange-dark";
813
+ ref: "alpha-color-bg-orange-dark";
814
814
  }>;
815
- "alpha-warning-bg-normal": Readonly<{
815
+ "alpha-color-warning-bg-normal": Readonly<{
816
816
  value: "#e67f2b";
817
- ref: "alpha-bg-orange-normal";
817
+ ref: "alpha-color-bg-orange-normal";
818
818
  }>;
819
- "alpha-warning-bg-light": Readonly<{
819
+ "alpha-color-warning-bg-light": Readonly<{
820
820
  value: "#e67f2b4d";
821
- ref: "alpha-bg-orange-light";
821
+ ref: "alpha-color-bg-orange-light";
822
822
  }>;
823
- "alpha-warning-bg-lighter": Readonly<{
823
+ "alpha-color-warning-bg-lighter": Readonly<{
824
824
  value: "#e67f2b33";
825
- ref: "alpha-bg-orange-lighter";
825
+ ref: "alpha-color-bg-orange-lighter";
826
826
  }>;
827
- "alpha-warning-bg-lightest": Readonly<{
827
+ "alpha-color-warning-bg-lightest": Readonly<{
828
828
  value: "#e67f2b1a";
829
- ref: "alpha-bg-orange-lightest";
829
+ ref: "alpha-color-bg-orange-lightest";
830
830
  }>;
831
- "alpha-warning-fg-normal": Readonly<{
831
+ "alpha-color-warning-fg-normal": Readonly<{
832
832
  value: "#e67f2b";
833
- ref: "alpha-fg-orange-normal";
833
+ ref: "alpha-color-fg-orange-normal";
834
834
  }>;
835
- "alpha-warning-fg-light": Readonly<{
835
+ "alpha-color-warning-fg-light": Readonly<{
836
836
  value: "#e67f2b4d";
837
- ref: "alpha-fg-orange-light";
837
+ ref: "alpha-color-fg-orange-light";
838
838
  }>;
839
- "alpha-warning-fg-dark": Readonly<{
839
+ "alpha-color-warning-fg-dark": Readonly<{
840
840
  value: "#c1630d";
841
- ref: "alpha-fg-orange-dark";
841
+ ref: "alpha-color-fg-orange-dark";
842
842
  }>;
843
- "alpha-accent-bg-dark": Readonly<{
843
+ "alpha-color-accent-bg-dark": Readonly<{
844
844
  value: "#3870d1";
845
- ref: "alpha-bg-cobalt-dark";
845
+ ref: "alpha-color-bg-cobalt-dark";
846
846
  }>;
847
- "alpha-accent-bg-normal": Readonly<{
847
+ "alpha-color-accent-bg-normal": Readonly<{
848
848
  value: "#5093e5";
849
- ref: "alpha-bg-cobalt-normal";
849
+ ref: "alpha-color-bg-cobalt-normal";
850
850
  }>;
851
- "alpha-accent-bg-light": Readonly<{
851
+ "alpha-color-accent-bg-light": Readonly<{
852
852
  value: "#5093e54d";
853
- ref: "alpha-bg-cobalt-light";
853
+ ref: "alpha-color-bg-cobalt-light";
854
854
  }>;
855
- "alpha-accent-bg-lighter": Readonly<{
855
+ "alpha-color-accent-bg-lighter": Readonly<{
856
856
  value: "#5093e533";
857
- ref: "alpha-bg-cobalt-lighter";
857
+ ref: "alpha-color-bg-cobalt-lighter";
858
858
  }>;
859
- "alpha-accent-bg-lightest": Readonly<{
859
+ "alpha-color-accent-bg-lightest": Readonly<{
860
860
  value: "#5093e51a";
861
- ref: "alpha-bg-cobalt-lightest";
861
+ ref: "alpha-color-bg-cobalt-lightest";
862
862
  }>;
863
- "alpha-accent-fg-normal": Readonly<{
863
+ "alpha-color-accent-fg-normal": Readonly<{
864
864
  value: "#5093e5";
865
- ref: "alpha-fg-cobalt-normal";
865
+ ref: "alpha-color-fg-cobalt-normal";
866
866
  }>;
867
- "alpha-accent-fg-light": Readonly<{
867
+ "alpha-color-accent-fg-light": Readonly<{
868
868
  value: "#5093e54d";
869
- ref: "alpha-fg-cobalt-light";
869
+ ref: "alpha-color-fg-cobalt-light";
870
870
  }>;
871
- "alpha-accent-fg-dark": Readonly<{
871
+ "alpha-color-accent-fg-dark": Readonly<{
872
872
  value: "#3870d1";
873
- ref: "alpha-fg-cobalt-dark";
873
+ ref: "alpha-color-fg-cobalt-dark";
874
874
  }>;
875
- "alpha-success-bg-dark": Readonly<{
875
+ "alpha-color-success-bg-dark": Readonly<{
876
876
  value: "#358761";
877
- ref: "alpha-bg-green-dark";
877
+ ref: "alpha-color-bg-green-dark";
878
878
  }>;
879
- "alpha-success-bg-normal": Readonly<{
879
+ "alpha-color-success-bg-normal": Readonly<{
880
880
  value: "#40ad67";
881
- ref: "alpha-bg-green-normal";
881
+ ref: "alpha-color-bg-green-normal";
882
882
  }>;
883
- "alpha-success-bg-light": Readonly<{
883
+ "alpha-color-success-bg-light": Readonly<{
884
884
  value: "#40ad674d";
885
- ref: "alpha-bg-green-light";
885
+ ref: "alpha-color-bg-green-light";
886
886
  }>;
887
- "alpha-success-bg-lighter": Readonly<{
887
+ "alpha-color-success-bg-lighter": Readonly<{
888
888
  value: "#40ad6733";
889
- ref: "alpha-bg-green-lighter";
889
+ ref: "alpha-color-bg-green-lighter";
890
890
  }>;
891
- "alpha-success-bg-lightest": Readonly<{
891
+ "alpha-color-success-bg-lightest": Readonly<{
892
892
  value: "#40ad671a";
893
- ref: "alpha-bg-green-lightest";
893
+ ref: "alpha-color-bg-green-lightest";
894
894
  }>;
895
- "alpha-success-fg-normal": Readonly<{
895
+ "alpha-color-success-fg-normal": Readonly<{
896
896
  value: "#40ad67";
897
- ref: "alpha-fg-green-normal";
897
+ ref: "alpha-color-fg-green-normal";
898
898
  }>;
899
- "alpha-success-fg-light": Readonly<{
899
+ "alpha-color-success-fg-light": Readonly<{
900
900
  value: "#40ad674d";
901
- ref: "alpha-fg-green-light";
901
+ ref: "alpha-color-fg-green-light";
902
902
  }>;
903
- "alpha-success-fg-dark": Readonly<{
903
+ "alpha-color-success-fg-dark": Readonly<{
904
904
  value: "#358761";
905
- ref: "alpha-fg-green-dark";
905
+ ref: "alpha-color-fg-green-dark";
906
906
  }>;
907
907
  }>;
908
908
  }>;