@channel.io/bezier-tokens 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/alpha/cjs/darkTheme.js +225 -222
  2. package/dist/alpha/cjs/global.js +316 -312
  3. package/dist/alpha/cjs/lightTheme.js +225 -225
  4. package/dist/alpha/css/styles.css +764 -759
  5. package/dist/alpha/esm/darkTheme.mjs +225 -222
  6. package/dist/alpha/esm/global.mjs +316 -312
  7. package/dist/alpha/esm/lightTheme.mjs +225 -225
  8. package/dist/types/alpha/cjs/darkTheme.d.ts +470 -458
  9. package/dist/types/alpha/cjs/global.d.ts +412 -402
  10. package/dist/types/alpha/cjs/index.d.ts +1336 -1314
  11. package/dist/types/alpha/cjs/lightTheme.d.ts +454 -454
  12. package/dist/types/alpha/esm/darkTheme.d.mts +470 -458
  13. package/dist/types/alpha/esm/global.d.mts +412 -402
  14. package/dist/types/alpha/esm/index.d.mts +1336 -1314
  15. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  16. package/dist/types/alpha/esm/lightTheme.d.mts +454 -454
  17. package/package.json +1 -1
package/dist/types/alpha/cjs/darkTheme.d.ts CHANGED
@@ -1,896 +1,908 @@
1
1
  declare const _exports: Readonly<{
2
2
  gradient: Readonly<{
3
- "alpha-gradient-fg-green": Readonly<{
4
- value: "linear-gradient(90deg, #7ad890 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, #ffffff1f 0%, #ffffff33 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 #ffffff14, 0 0 2px 1px #00000014, 0 1px 2px 0 #00000026";
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 #ffffff14, 0 0 2px 1px #00000014, 0 2px 6px 0 #00000026";
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 #ffffff14, 0 0 2px 1px #00000014, 0 4px 16px 0 #00000033";
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 #ffffff14, 0 0 2px 1px #00000014, 0 4px 24px 0 #00000066";
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 #ffffff14, 0 0 2px 1px #00000014, 0 6px 40px 0 #00000099";
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 #ffffff14, 0 0 2px 1px #00000014, 0 12px 60px 4px #00000099";
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 #ffa15e";
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 #84a5ff";
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 #ffffff14, 0 0 2px 0 #00000014";
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 #84a5ff, 0 0 6px 0 #00000014";
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 #84a5ff, 0 0 0 3px #84a5ff73, 0 0 6px 0 #00000014";
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 #ffa15e, 0 0 0 3px #ffa15e73, 0 0 6px 0 #00000014";
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: "#00000099";
65
- ref: "alpha-black-60";
66
- }>;
67
- "alpha-shadow-large": Readonly<{
68
- value: "#00000066";
69
- ref: "alpha-black-40";
70
- }>;
71
- "alpha-shadow-medium": Readonly<{
72
- value: "#00000033";
73
- ref: "alpha-black-20";
74
- }>;
75
- "alpha-shadow-small": Readonly<{
76
- value: "#00000026";
77
- ref: "alpha-black-15";
78
- }>;
79
- "alpha-shadow-base": Readonly<{
80
- value: "#00000014";
81
- ref: "alpha-black-8";
59
+ "alpha-color-fg-black-pure": Readonly<{
60
+ value: "#ffffff";
61
+ ref: "alpha-color-white-100";
82
62
  }>;
83
- "alpha-shadow-base-inner": Readonly<{
84
- value: "#ffffff14";
85
- ref: "alpha-white-8";
63
+ "alpha-color-fg-black-darkest": Readonly<{
64
+ value: "#ffffffcc";
65
+ ref: "alpha-color-white-80";
86
66
  }>;
87
- "alpha-fg-black-darker": Readonly<{
67
+ "alpha-color-fg-black-darker": Readonly<{
88
68
  value: "#ffffff99";
89
- ref: "alpha-white-60";
69
+ ref: "alpha-color-white-60";
90
70
  }>;
91
- "alpha-fg-black-dark": Readonly<{
71
+ "alpha-color-fg-black-dark": Readonly<{
92
72
  value: "#ffffff66";
93
- ref: "alpha-white-40";
73
+ ref: "alpha-color-white-40";
94
74
  }>;
95
- "alpha-fg-black-pure": Readonly<{
96
- value: "#ffffff";
97
- ref: "alpha-white-100";
98
- }>;
99
- "alpha-fg-black-light": Readonly<{
75
+ "alpha-color-fg-black-light": Readonly<{
100
76
  value: "#ffffff33";
101
- ref: "alpha-white-20";
77
+ ref: "alpha-color-white-20";
102
78
  }>;
103
- "alpha-fg-black-lightest": Readonly<{
79
+ "alpha-color-fg-black-lightest": Readonly<{
104
80
  value: "#ffffff1f";
105
- ref: "alpha-white-12";
81
+ ref: "alpha-color-white-12";
106
82
  }>;
107
- "alpha-fg-white-normal": Readonly<{
83
+ "alpha-color-fg-white-normal": Readonly<{
108
84
  value: "#242428";
109
- ref: "alpha-grey-900";
85
+ ref: "alpha-color-grey-900";
110
86
  }>;
111
- "alpha-fg-blue-normal": Readonly<{
87
+ "alpha-color-fg-blue-normal": Readonly<{
112
88
  value: "#84a5ff";
113
- ref: "alpha-blue-300";
89
+ ref: "alpha-color-blue-300";
114
90
  }>;
115
- "alpha-fg-blue-light": Readonly<{
91
+ "alpha-color-fg-blue-light": Readonly<{
116
92
  value: "#84a5ff73";
117
- ref: "alpha-blue-300-45";
93
+ ref: "alpha-color-blue-300-45";
118
94
  }>;
119
- "alpha-fg-blue-dark": Readonly<{
95
+ "alpha-color-fg-blue-dark": Readonly<{
120
96
  value: "#84a5ff";
121
- ref: "alpha-blue-300";
97
+ ref: "alpha-color-blue-300";
122
98
  }>;
123
- "alpha-fg-cobalt-normal": Readonly<{
124
- value: "#7dc2fa";
125
- ref: "alpha-cobalt-300";
99
+ "alpha-color-fg-cobalt-normal": Readonly<{
100
+ value: "#77c0fb";
101
+ ref: "alpha-color-cobalt-300";
126
102
  }>;
127
- "alpha-fg-cobalt-light": Readonly<{
103
+ "alpha-color-fg-cobalt-light": Readonly<{
128
104
  value: "#77c0fb73";
129
- ref: "alpha-cobalt-300-45";
105
+ ref: "alpha-color-cobalt-300-45";
130
106
  }>;
131
- "alpha-fg-cobalt-dark": Readonly<{
132
- value: "#9ad1ff";
133
- ref: "alpha-cobalt-200";
107
+ "alpha-color-fg-cobalt-dark": Readonly<{
108
+ value: "#77c0fb";
109
+ ref: "alpha-color-cobalt-300";
134
110
  }>;
135
- "alpha-fg-red-normal": Readonly<{
111
+ "alpha-color-fg-red-normal": Readonly<{
136
112
  value: "#ff8c8c";
137
- ref: "alpha-red-300";
113
+ ref: "alpha-color-red-300";
138
114
  }>;
139
- "alpha-fg-red-light": Readonly<{
115
+ "alpha-color-fg-red-light": Readonly<{
140
116
  value: "#ff8c8c73";
141
- ref: "alpha-red-300-45";
117
+ ref: "alpha-color-red-300-45";
142
118
  }>;
143
- "alpha-fg-red-dark": Readonly<{
144
- value: "#ffa6a6";
145
- ref: "alpha-red-200";
119
+ "alpha-color-fg-red-dark": Readonly<{
120
+ value: "#ff8c8c";
121
+ ref: "alpha-color-red-300";
146
122
  }>;
147
- "alpha-fg-orange-normal": Readonly<{
123
+ "alpha-color-fg-orange-normal": Readonly<{
148
124
  value: "#ffa15e";
149
- ref: "alpha-orange-300";
125
+ ref: "alpha-color-orange-300";
150
126
  }>;
151
- "alpha-fg-orange-light": Readonly<{
127
+ "alpha-color-fg-orange-light": Readonly<{
152
128
  value: "#ffa15e73";
153
- ref: "alpha-orange-300-45";
129
+ ref: "alpha-color-orange-300-45";
154
130
  }>;
155
- "alpha-fg-orange-dark": Readonly<{
156
- value: "#ffb77d";
157
- ref: "alpha-orange-200";
131
+ "alpha-color-fg-orange-dark": Readonly<{
132
+ value: "#ffa15e";
133
+ ref: "alpha-color-orange-300";
158
134
  }>;
159
- "alpha-fg-green-normal": Readonly<{
135
+ "alpha-color-fg-green-normal": Readonly<{
160
136
  value: "#7ad890";
161
- ref: "alpha-green-300";
137
+ ref: "alpha-color-green-300";
162
138
  }>;
163
- "alpha-fg-green-light": Readonly<{
139
+ "alpha-color-fg-green-light": Readonly<{
164
140
  value: "#7ad89073";
165
- ref: "alpha-green-300-45";
141
+ ref: "alpha-color-green-300-45";
166
142
  }>;
167
- "alpha-fg-green-dark": Readonly<{
168
- value: "#91e5a4";
169
- ref: "alpha-green-200";
143
+ "alpha-color-fg-green-dark": Readonly<{
144
+ value: "#7ad890";
145
+ ref: "alpha-color-green-300";
170
146
  }>;
171
- "alpha-fg-teal-normal": Readonly<{
147
+ "alpha-color-fg-teal-normal": Readonly<{
172
148
  value: "#40d3c5";
173
- ref: "alpha-teal-300";
149
+ ref: "alpha-color-teal-300";
174
150
  }>;
175
- "alpha-fg-teal-light": Readonly<{
151
+ "alpha-color-fg-teal-light": Readonly<{
176
152
  value: "#40d3c573";
177
- ref: "alpha-teal-300-45";
153
+ ref: "alpha-color-teal-300-45";
178
154
  }>;
179
- "alpha-fg-olive-normal": Readonly<{
155
+ "alpha-color-fg-olive-normal": Readonly<{
180
156
  value: "#c8d630";
181
- ref: "alpha-olive-300";
157
+ ref: "alpha-color-olive-300";
182
158
  }>;
183
- "alpha-fg-olive-light": Readonly<{
159
+ "alpha-color-fg-olive-light": Readonly<{
184
160
  value: "#c8d63073";
185
- ref: "alpha-olive-300-45";
161
+ ref: "alpha-color-olive-300-45";
186
162
  }>;
187
- "alpha-fg-yellow-normal": Readonly<{
163
+ "alpha-color-fg-yellow-normal": Readonly<{
188
164
  value: "#f9c835";
189
- ref: "alpha-yellow-300";
165
+ ref: "alpha-color-yellow-300";
190
166
  }>;
191
- "alpha-fg-yellow-light": Readonly<{
167
+ "alpha-color-fg-yellow-light": Readonly<{
192
168
  value: "#f9c83573";
193
- ref: "alpha-yellow-300-45";
169
+ ref: "alpha-color-yellow-300-45";
194
170
  }>;
195
- "alpha-fg-pink-normal": Readonly<{
171
+ "alpha-color-fg-pink-normal": Readonly<{
196
172
  value: "#ec6fd3";
197
- ref: "alpha-pink-300";
173
+ ref: "alpha-color-pink-300";
198
174
  }>;
199
- "alpha-fg-pink-light": Readonly<{
175
+ "alpha-color-fg-pink-light": Readonly<{
200
176
  value: "#ec6fd373";
201
- ref: "alpha-pink-300-45";
177
+ ref: "alpha-color-pink-300-45";
202
178
  }>;
203
- "alpha-fg-purple-normal": Readonly<{
179
+ "alpha-color-fg-purple-normal": Readonly<{
204
180
  value: "#b184ff";
205
- ref: "alpha-purple-300";
181
+ ref: "alpha-color-purple-300";
206
182
  }>;
207
- "alpha-fg-purple-light": Readonly<{
183
+ "alpha-color-fg-purple-light": Readonly<{
208
184
  value: "#b184ff73";
209
- ref: "alpha-purple-300-45";
185
+ ref: "alpha-color-purple-300-45";
210
186
  }>;
211
- "alpha-fg-navy-normal": Readonly<{
187
+ "alpha-color-fg-navy-normal": Readonly<{
212
188
  value: "#7683d3";
213
- ref: "alpha-navy-300";
189
+ ref: "alpha-color-navy-300";
214
190
  }>;
215
- "alpha-fg-navy-light": Readonly<{
191
+ "alpha-color-fg-navy-light": Readonly<{
216
192
  value: "#7683d373";
217
- ref: "alpha-navy-300-45";
193
+ ref: "alpha-color-navy-300-45";
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: "#7b7b7b";
265
- ref: "alpha-grey-600";
241
+ ref: "alpha-color-grey-600";
266
242
  }>;
267
- "alpha-fg-grey-light": Readonly<{
243
+ "alpha-color-fg-grey-light": Readonly<{
268
244
  value: "#464748";
269
- ref: "alpha-grey-700";
245
+ ref: "alpha-color-grey-700";
270
246
  }>;
271
- "alpha-fg-grey-lighter": Readonly<{
247
+ "alpha-color-fg-grey-lighter": Readonly<{
272
248
  value: "#313234";
273
- ref: "alpha-grey-800";
249
+ ref: "alpha-color-grey-800";
274
250
  }>;
275
- "alpha-fg-grey-lightest": Readonly<{
251
+ "alpha-color-fg-grey-lightest": Readonly<{
276
252
  value: "#2a2b2d";
277
- ref: "alpha-grey-850";
253
+ ref: "alpha-color-grey-850";
278
254
  }>;
279
- "alpha-fg-grey-grey-alpha-darker": Readonly<{
255
+ "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
280
256
  value: "#313234e6";
281
- ref: "alpha-grey-alpha-800-90";
257
+ ref: "alpha-color-grey-alpha-800-90";
282
258
  }>;
283
- "alpha-fg-grey-grey-alpha-dark": Readonly<{
259
+ "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
284
260
  value: "#313234cc";
285
- ref: "alpha-grey-alpha-800-80";
261
+ ref: "alpha-color-grey-alpha-800-80";
286
262
  }>;
287
- "alpha-fg-grey-grey-alpha-light": Readonly<{
263
+ "alpha-color-fg-grey-grey-alpha-light": Readonly<{
288
264
  value: "#2a2b2dcc";
289
- ref: "alpha-grey-alpha-850-80";
265
+ ref: "alpha-color-grey-alpha-850-80";
290
266
  }>;
291
- "alpha-bg-black-darker": Readonly<{
267
+ "alpha-color-bg-black-darkest": Readonly<{
268
+ value: "#00000099";
269
+ ref: "alpha-color-black-60";
270
+ }>;
271
+ "alpha-color-bg-black-darker": Readonly<{
292
272
  value: "#ffffff66";
293
- ref: "alpha-white-40";
273
+ ref: "alpha-color-white-40";
294
274
  }>;
295
- "alpha-bg-black-dark": Readonly<{
275
+ "alpha-color-bg-black-dark": Readonly<{
296
276
  value: "#ffffff33";
297
- ref: "alpha-white-20";
277
+ ref: "alpha-color-white-20";
298
278
  }>;
299
- "alpha-bg-black-light": Readonly<{
279
+ "alpha-color-bg-black-light": Readonly<{
300
280
  value: "#ffffff1f";
301
- ref: "alpha-white-12";
281
+ ref: "alpha-color-white-12";
302
282
  }>;
303
- "alpha-bg-black-lighter": Readonly<{
283
+ "alpha-color-bg-black-lighter": Readonly<{
304
284
  value: "#ffffff14";
305
- ref: "alpha-white-8";
285
+ ref: "alpha-color-white-8";
306
286
  }>;
307
- "alpha-bg-black-lightest": Readonly<{
287
+ "alpha-color-bg-black-lightest": Readonly<{
308
288
  value: "#ffffff0d";
309
- ref: "alpha-white-5";
289
+ ref: "alpha-color-white-5";
310
290
  }>;
311
- "alpha-bg-grey-dark": Readonly<{
291
+ "alpha-color-bg-grey-darkest": Readonly<{
292
+ value: "#ffffff";
293
+ ref: "alpha-color-white-100";
294
+ }>;
295
+ "alpha-color-bg-grey-dark": Readonly<{
312
296
  value: "#a7a7aa";
313
- ref: "alpha-grey-500";
297
+ ref: "alpha-color-grey-500";
314
298
  }>;
315
- "alpha-bg-grey-light": Readonly<{
299
+ "alpha-color-bg-grey-light": Readonly<{
316
300
  value: "#464748";
317
- ref: "alpha-grey-700";
301
+ ref: "alpha-color-grey-700";
318
302
  }>;
319
- "alpha-bg-grey-lighter": Readonly<{
303
+ "alpha-color-bg-grey-lighter": Readonly<{
320
304
  value: "#313234";
321
- ref: "alpha-grey-800";
305
+ ref: "alpha-color-grey-800";
322
306
  }>;
323
- "alpha-bg-grey-lightest": Readonly<{
307
+ "alpha-color-bg-grey-lightest": Readonly<{
324
308
  value: "#2a2b2d";
325
- ref: "alpha-grey-850";
309
+ ref: "alpha-color-grey-850";
326
310
  }>;
327
- "alpha-bg-grey-grey-alpha-dark": Readonly<{
328
- value: "#313234cc";
329
- ref: "alpha-grey-alpha-800-80";
311
+ "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
312
+ value: "#464748cc";
313
+ ref: "alpha-color-grey-alpha-700-80";
330
314
  }>;
331
- "alpha-bg-grey-grey-alpha-darker": Readonly<{
315
+ "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
332
316
  value: "#313234e6";
333
- ref: "alpha-grey-alpha-800-90";
317
+ ref: "alpha-color-grey-alpha-800-90";
334
318
  }>;
335
- "alpha-bg-grey-grey-alpha-light": Readonly<{
319
+ "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
320
+ value: "#313234cc";
321
+ ref: "alpha-color-grey-alpha-800-80";
322
+ }>;
323
+ "alpha-color-bg-grey-grey-alpha-light": Readonly<{
336
324
  value: "#2a2b2dcc";
337
- ref: "alpha-grey-alpha-850-80";
325
+ ref: "alpha-color-grey-alpha-850-80";
338
326
  }>;
339
- "alpha-bg-grey-normal": Readonly<{
327
+ "alpha-color-bg-grey-normal": Readonly<{
340
328
  value: "#7b7b7b";
341
- ref: "alpha-grey-600";
329
+ ref: "alpha-color-grey-600";
342
330
  }>;
343
- "alpha-bg-white-highest": Readonly<{
331
+ "alpha-color-bg-white-highest": Readonly<{
344
332
  value: "#464748";
345
- ref: "alpha-grey-700";
333
+ ref: "alpha-color-grey-700";
346
334
  }>;
347
- "alpha-bg-white-higher": Readonly<{
335
+ "alpha-color-bg-white-higher": Readonly<{
348
336
  value: "#313234";
349
- ref: "alpha-grey-800";
337
+ ref: "alpha-color-grey-800";
350
338
  }>;
351
- "alpha-bg-white-normal": Readonly<{
339
+ "alpha-color-bg-white-normal": Readonly<{
352
340
  value: "#242428";
353
- ref: "alpha-grey-900";
341
+ ref: "alpha-color-grey-900";
354
342
  }>;
355
- "alpha-bg-white-white-alpha-lightest": Readonly<{
343
+ "alpha-color-bg-white-white-alpha-lightest": Readonly<{
356
344
  value: "#313234cc";
357
- ref: "alpha-grey-alpha-800-80";
345
+ ref: "alpha-color-grey-alpha-800-80";
358
346
  }>;
359
- "alpha-bg-white-white-alpha-lighter": Readonly<{
347
+ "alpha-color-bg-white-white-alpha-lighter": Readonly<{
360
348
  value: "#00000099";
361
- ref: "alpha-black-60";
349
+ ref: "alpha-color-black-60";
362
350
  }>;
363
- "alpha-bg-white-white-alpha-light": Readonly<{
351
+ "alpha-color-bg-white-white-alpha-light": Readonly<{
364
352
  value: "#00000033";
365
- ref: "alpha-black-20";
353
+ ref: "alpha-color-black-20";
366
354
  }>;
367
- "alpha-bg-blue-normal": Readonly<{
355
+ "alpha-color-bg-blue-normal": Readonly<{
368
356
  value: "#84a5ff";
369
- ref: "alpha-blue-300";
357
+ ref: "alpha-color-blue-300";
370
358
  }>;
371
- "alpha-bg-blue-light": Readonly<{
359
+ "alpha-color-bg-blue-light": Readonly<{
372
360
  value: "#84a5ff73";
373
- ref: "alpha-blue-300-45";
361
+ ref: "alpha-color-blue-300-45";
374
362
  }>;
375
- "alpha-bg-blue-lighter": Readonly<{
363
+ "alpha-color-bg-blue-lighter": Readonly<{
376
364
  value: "#84a5ff4d";
377
- ref: "alpha-blue-300-30";
365
+ ref: "alpha-color-blue-300-30";
378
366
  }>;
379
- "alpha-bg-blue-lightest": Readonly<{
367
+ "alpha-color-bg-blue-lightest": Readonly<{
380
368
  value: "#84a5ff26";
381
- ref: "alpha-blue-300-15";
369
+ ref: "alpha-color-blue-300-15";
382
370
  }>;
383
- "alpha-bg-blue-dark": Readonly<{
371
+ "alpha-color-bg-blue-dark": Readonly<{
384
372
  value: "#6d6afc";
385
- ref: "alpha-blue-400";
373
+ ref: "alpha-color-blue-400";
386
374
  }>;
387
- "alpha-bg-blue-shade-light": Readonly<{
375
+ "alpha-color-bg-blue-shade-light": Readonly<{
388
376
  value: "#4c528966";
389
- ref: "alpha-shade-blue-600-40";
377
+ ref: "alpha-color-shade-blue-600-40";
390
378
  }>;
391
- "alpha-bg-blue-shade-normal": Readonly<{
379
+ "alpha-color-bg-blue-shade-normal": Readonly<{
392
380
  value: "#4c5289";
393
- ref: "alpha-shade-blue-600";
381
+ ref: "alpha-color-shade-blue-600";
394
382
  }>;
395
- "alpha-bg-cobalt-normal": Readonly<{
396
- value: "#7dc2fa";
397
- ref: "alpha-cobalt-300";
383
+ "alpha-color-bg-cobalt-normal": Readonly<{
384
+ value: "#77c0fb";
385
+ ref: "alpha-color-cobalt-300";
398
386
  }>;
399
- "alpha-bg-cobalt-light": Readonly<{
387
+ "alpha-color-bg-cobalt-light": Readonly<{
400
388
  value: "#77c0fb73";
401
- ref: "alpha-cobalt-300-45";
389
+ ref: "alpha-color-cobalt-300-45";
402
390
  }>;
403
- "alpha-bg-cobalt-lighter": Readonly<{
391
+ "alpha-color-bg-cobalt-lighter": Readonly<{
404
392
  value: "#77c0fb4d";
405
- ref: "alpha-cobalt-300-30";
393
+ ref: "alpha-color-cobalt-300-30";
406
394
  }>;
407
- "alpha-bg-cobalt-lightest": Readonly<{
395
+ "alpha-color-bg-cobalt-lightest": Readonly<{
408
396
  value: "#77c0fb26";
409
- ref: "alpha-cobalt-300-15";
397
+ ref: "alpha-color-cobalt-300-15";
410
398
  }>;
411
- "alpha-bg-cobalt-dark": Readonly<{
399
+ "alpha-color-bg-cobalt-dark": Readonly<{
412
400
  value: "#5093e5";
413
- ref: "alpha-cobalt-400";
401
+ ref: "alpha-color-cobalt-400";
414
402
  }>;
415
- "alpha-bg-cobalt-shade-light": Readonly<{
403
+ "alpha-color-bg-cobalt-shade-light": Readonly<{
416
404
  value: "#4a618566";
417
- ref: "alpha-shade-cobalt-600-40";
405
+ ref: "alpha-color-shade-cobalt-600-40";
418
406
  }>;
419
- "alpha-bg-cobalt-shade-normal": Readonly<{
407
+ "alpha-color-bg-cobalt-shade-normal": Readonly<{
420
408
  value: "#4a6185";
421
- ref: "alpha-shade-cobalt-600";
409
+ ref: "alpha-color-shade-cobalt-600";
422
410
  }>;
423
- "alpha-bg-red-normal": Readonly<{
411
+ "alpha-color-bg-red-normal": Readonly<{
424
412
  value: "#ff8c8c";
425
- ref: "alpha-red-300";
413
+ ref: "alpha-color-red-300";
426
414
  }>;
427
- "alpha-bg-red-light": Readonly<{
415
+ "alpha-color-bg-red-light": Readonly<{
428
416
  value: "#ff8c8c73";
429
- ref: "alpha-red-300-45";
417
+ ref: "alpha-color-red-300-45";
430
418
  }>;
431
- "alpha-bg-red-lighter": Readonly<{
419
+ "alpha-color-bg-red-lighter": Readonly<{
432
420
  value: "#ff8c8c4d";
433
- ref: "alpha-red-300-30";
421
+ ref: "alpha-color-red-300-30";
434
422
  }>;
435
- "alpha-bg-red-lightest": Readonly<{
423
+ "alpha-color-bg-red-lightest": Readonly<{
436
424
  value: "#ff8c8c26";
437
- ref: "alpha-red-300-15";
425
+ ref: "alpha-color-red-300-15";
438
426
  }>;
439
- "alpha-bg-red-dark": Readonly<{
427
+ "alpha-color-bg-red-dark": Readonly<{
440
428
  value: "#e55c5c";
441
- ref: "alpha-red-400";
429
+ ref: "alpha-color-red-400";
442
430
  }>;
443
- "alpha-bg-red-shade-light": Readonly<{
431
+ "alpha-color-bg-red-shade-light": Readonly<{
444
432
  value: "#90424866";
445
- ref: "alpha-shade-red-600-40";
433
+ ref: "alpha-color-shade-red-600-40";
446
434
  }>;
447
- "alpha-bg-red-shade-normal": Readonly<{
435
+ "alpha-color-bg-red-shade-normal": Readonly<{
448
436
  value: "#904248";
449
- ref: "alpha-shade-red-600";
437
+ ref: "alpha-color-shade-red-600";
450
438
  }>;
451
- "alpha-bg-orange-normal": Readonly<{
439
+ "alpha-color-bg-orange-normal": Readonly<{
452
440
  value: "#ffa15e";
453
- ref: "alpha-orange-300";
441
+ ref: "alpha-color-orange-300";
454
442
  }>;
455
- "alpha-bg-orange-light": Readonly<{
443
+ "alpha-color-bg-orange-light": Readonly<{
456
444
  value: "#ffa15e73";
457
- ref: "alpha-orange-300-45";
445
+ ref: "alpha-color-orange-300-45";
458
446
  }>;
459
- "alpha-bg-orange-lighter": Readonly<{
447
+ "alpha-color-bg-orange-lighter": Readonly<{
460
448
  value: "#ffa15e4d";
461
- ref: "alpha-orange-300-30";
449
+ ref: "alpha-color-orange-300-30";
462
450
  }>;
463
- "alpha-bg-orange-lightest": Readonly<{
451
+ "alpha-color-bg-orange-lightest": Readonly<{
464
452
  value: "#ffa15e26";
465
- ref: "alpha-orange-300-15";
453
+ ref: "alpha-color-orange-300-15";
466
454
  }>;
467
- "alpha-bg-orange-dark": Readonly<{
455
+ "alpha-color-bg-orange-dark": Readonly<{
468
456
  value: "#e67f2b";
469
- ref: "alpha-orange-400";
457
+ ref: "alpha-color-orange-400";
470
458
  }>;
471
- "alpha-bg-orange-shade-light": Readonly<{
459
+ "alpha-color-bg-orange-shade-light": Readonly<{
472
460
  value: "#895a3466";
473
- ref: "alpha-shade-orange-600-40";
461
+ ref: "alpha-color-shade-orange-600-40";
474
462
  }>;
475
- "alpha-bg-orange-shade-normal": Readonly<{
463
+ "alpha-color-bg-orange-shade-normal": Readonly<{
476
464
  value: "#895a34";
477
- ref: "alpha-shade-orange-600";
465
+ ref: "alpha-color-shade-orange-600";
478
466
  }>;
479
- "alpha-bg-green-normal": Readonly<{
467
+ "alpha-color-bg-green-normal": Readonly<{
480
468
  value: "#7ad890";
481
- ref: "alpha-green-300";
469
+ ref: "alpha-color-green-300";
482
470
  }>;
483
- "alpha-bg-green-light": Readonly<{
471
+ "alpha-color-bg-green-light": Readonly<{
484
472
  value: "#7ad89073";
485
- ref: "alpha-green-300-45";
473
+ ref: "alpha-color-green-300-45";
486
474
  }>;
487
- "alpha-bg-green-lighter": Readonly<{
475
+ "alpha-color-bg-green-lighter": Readonly<{
488
476
  value: "#7ad8904d";
489
- ref: "alpha-green-300-30";
477
+ ref: "alpha-color-green-300-30";
490
478
  }>;
491
- "alpha-bg-green-lightest": Readonly<{
479
+ "alpha-color-bg-green-lightest": Readonly<{
492
480
  value: "#7ad89026";
493
- ref: "alpha-green-300-15";
481
+ ref: "alpha-color-green-300-15";
494
482
  }>;
495
- "alpha-bg-green-dark": Readonly<{
483
+ "alpha-color-bg-green-dark": Readonly<{
496
484
  value: "#40ad67";
497
- ref: "alpha-green-400";
485
+ ref: "alpha-color-green-400";
498
486
  }>;
499
- "alpha-bg-green-shade-light": Readonly<{
487
+ "alpha-color-bg-green-shade-light": Readonly<{
500
488
  value: "#4c7a5e66";
501
- ref: "alpha-shade-green-600-40";
489
+ ref: "alpha-color-shade-green-600-40";
502
490
  }>;
503
- "alpha-bg-green-shade-normal": Readonly<{
491
+ "alpha-color-bg-green-shade-normal": Readonly<{
504
492
  value: "#4c7a5e";
505
- ref: "alpha-shade-green-600";
493
+ ref: "alpha-color-shade-green-600";
506
494
  }>;
507
- "alpha-bg-teal-normal": Readonly<{
495
+ "alpha-color-bg-teal-normal": Readonly<{
508
496
  value: "#40d3c5";
509
- ref: "alpha-teal-300";
497
+ ref: "alpha-color-teal-300";
510
498
  }>;
511
- "alpha-bg-teal-light": Readonly<{
499
+ "alpha-color-bg-teal-light": Readonly<{
512
500
  value: "#40d3c573";
513
- ref: "alpha-teal-300-45";
501
+ ref: "alpha-color-teal-300-45";
514
502
  }>;
515
- "alpha-bg-teal-lighter": Readonly<{
503
+ "alpha-color-bg-teal-lighter": Readonly<{
516
504
  value: "#40d3c54d";
517
- ref: "alpha-teal-300-30";
505
+ ref: "alpha-color-teal-300-30";
518
506
  }>;
519
- "alpha-bg-teal-lightest": Readonly<{
507
+ "alpha-color-bg-teal-lightest": Readonly<{
520
508
  value: "#40d3c526";
521
- ref: "alpha-teal-300-15";
509
+ ref: "alpha-color-teal-300-15";
522
510
  }>;
523
- "alpha-bg-teal-dark": Readonly<{
511
+ "alpha-color-bg-teal-dark": Readonly<{
524
512
  value: "#09b2ac";
525
- ref: "alpha-teal-400";
513
+ ref: "alpha-color-teal-400";
526
514
  }>;
527
- "alpha-bg-teal-shade-light": Readonly<{
515
+ "alpha-color-bg-teal-shade-light": Readonly<{
528
516
  value: "#47737d66";
529
- ref: "alpha-shade-teal-600-40";
517
+ ref: "alpha-color-shade-teal-600-40";
530
518
  }>;
531
- "alpha-bg-teal-shade-normal": Readonly<{
519
+ "alpha-color-bg-teal-shade-normal": Readonly<{
532
520
  value: "#47737d";
533
- ref: "alpha-shade-teal-600";
521
+ ref: "alpha-color-shade-teal-600";
534
522
  }>;
535
- "alpha-bg-olive-normal": Readonly<{
523
+ "alpha-color-bg-olive-normal": Readonly<{
536
524
  value: "#c8d630";
537
- ref: "alpha-olive-300";
525
+ ref: "alpha-color-olive-300";
538
526
  }>;
539
- "alpha-bg-olive-light": Readonly<{
527
+ "alpha-color-bg-olive-light": Readonly<{
540
528
  value: "#c8d63073";
541
- ref: "alpha-olive-300-45";
529
+ ref: "alpha-color-olive-300-45";
542
530
  }>;
543
- "alpha-bg-olive-lighter": Readonly<{
531
+ "alpha-color-bg-olive-lighter": Readonly<{
544
532
  value: "#c8d6304d";
545
- ref: "alpha-olive-300-30";
533
+ ref: "alpha-color-olive-300-30";
546
534
  }>;
547
- "alpha-bg-olive-lightest": Readonly<{
535
+ "alpha-color-bg-olive-lightest": Readonly<{
548
536
  value: "#c8d63026";
549
- ref: "alpha-olive-300-15";
537
+ ref: "alpha-color-olive-300-15";
550
538
  }>;
551
- "alpha-bg-olive-dark": Readonly<{
539
+ "alpha-color-bg-olive-dark": Readonly<{
552
540
  value: "#a9b110";
553
- ref: "alpha-olive-400";
541
+ ref: "alpha-color-olive-400";
554
542
  }>;
555
- "alpha-bg-olive-shade-light": Readonly<{
543
+ "alpha-color-bg-olive-shade-light": Readonly<{
556
544
  value: "#73763866";
557
- ref: "alpha-shade-olive-600-40";
545
+ ref: "alpha-color-shade-olive-600-40";
558
546
  }>;
559
- "alpha-bg-olive-shade-normal": Readonly<{
547
+ "alpha-color-bg-olive-shade-normal": Readonly<{
560
548
  value: "#737638";
561
- ref: "alpha-shade-olive-600";
549
+ ref: "alpha-color-shade-olive-600";
562
550
  }>;
563
- "alpha-bg-yellow-normal": Readonly<{
551
+ "alpha-color-bg-yellow-normal": Readonly<{
564
552
  value: "#f9c835";
565
- ref: "alpha-yellow-300";
553
+ ref: "alpha-color-yellow-300";
566
554
  }>;
567
- "alpha-bg-yellow-light": Readonly<{
555
+ "alpha-color-bg-yellow-light": Readonly<{
568
556
  value: "#f9c83573";
569
- ref: "alpha-yellow-300-45";
557
+ ref: "alpha-color-yellow-300-45";
570
558
  }>;
571
- "alpha-bg-yellow-lighter": Readonly<{
559
+ "alpha-color-bg-yellow-lighter": Readonly<{
572
560
  value: "#f9c8354d";
573
- ref: "alpha-yellow-300-30";
561
+ ref: "alpha-color-yellow-300-30";
574
562
  }>;
575
- "alpha-bg-yellow-lightest": Readonly<{
563
+ "alpha-color-bg-yellow-lightest": Readonly<{
576
564
  value: "#f9c83526";
577
- ref: "alpha-yellow-300-15";
565
+ ref: "alpha-color-yellow-300-15";
578
566
  }>;
579
- "alpha-bg-yellow-dark": Readonly<{
567
+ "alpha-color-bg-yellow-dark": Readonly<{
580
568
  value: "#edae0d";
581
- ref: "alpha-yellow-400";
569
+ ref: "alpha-color-yellow-400";
582
570
  }>;
583
- "alpha-bg-yellow-shade-light": Readonly<{
571
+ "alpha-color-bg-yellow-shade-light": Readonly<{
584
572
  value: "#7d6a2666";
585
- ref: "alpha-shade-yellow-600-40";
573
+ ref: "alpha-color-shade-yellow-600-40";
586
574
  }>;
587
- "alpha-bg-yellow-shade-normal": Readonly<{
575
+ "alpha-color-bg-yellow-shade-normal": Readonly<{
588
576
  value: "#7d6a26";
589
- ref: "alpha-shade-yellow-600";
577
+ ref: "alpha-color-shade-yellow-600";
590
578
  }>;
591
- "alpha-bg-pink-normal": Readonly<{
579
+ "alpha-color-bg-pink-normal": Readonly<{
592
580
  value: "#ec6fd3";
593
- ref: "alpha-pink-300";
581
+ ref: "alpha-color-pink-300";
594
582
  }>;
595
- "alpha-bg-pink-light": Readonly<{
583
+ "alpha-color-bg-pink-light": Readonly<{
596
584
  value: "#ec6fd373";
597
- ref: "alpha-pink-300-45";
585
+ ref: "alpha-color-pink-300-45";
598
586
  }>;
599
- "alpha-bg-pink-lighter": Readonly<{
587
+ "alpha-color-bg-pink-lighter": Readonly<{
600
588
  value: "#ec6fd34d";
601
- ref: "alpha-pink-300-30";
589
+ ref: "alpha-color-pink-300-30";
602
590
  }>;
603
- "alpha-bg-pink-lightest": Readonly<{
591
+ "alpha-color-bg-pink-lightest": Readonly<{
604
592
  value: "#ec6fd326";
605
- ref: "alpha-pink-300-15";
593
+ ref: "alpha-color-pink-300-15";
606
594
  }>;
607
- "alpha-bg-pink-dark": Readonly<{
595
+ "alpha-color-bg-pink-dark": Readonly<{
608
596
  value: "#d64bb5";
609
- ref: "alpha-pink-400";
597
+ ref: "alpha-color-pink-400";
610
598
  }>;
611
- "alpha-bg-pink-shade-light": Readonly<{
599
+ "alpha-color-bg-pink-shade-light": Readonly<{
612
600
  value: "#85407566";
613
- ref: "alpha-shade-pink-600-40";
601
+ ref: "alpha-color-shade-pink-600-40";
614
602
  }>;
615
- "alpha-bg-pink-shade-normal": Readonly<{
603
+ "alpha-color-bg-pink-shade-normal": Readonly<{
616
604
  value: "#854075";
617
- ref: "alpha-shade-pink-600";
605
+ ref: "alpha-color-shade-pink-600";
618
606
  }>;
619
- "alpha-bg-purple-normal": Readonly<{
607
+ "alpha-color-bg-purple-normal": Readonly<{
620
608
  value: "#b184ff";
621
- ref: "alpha-purple-300";
609
+ ref: "alpha-color-purple-300";
622
610
  }>;
623
- "alpha-bg-purple-light": Readonly<{
611
+ "alpha-color-bg-purple-light": Readonly<{
624
612
  value: "#b184ff73";
625
- ref: "alpha-purple-300-45";
613
+ ref: "alpha-color-purple-300-45";
626
614
  }>;
627
- "alpha-bg-purple-lighter": Readonly<{
615
+ "alpha-color-bg-purple-lighter": Readonly<{
628
616
  value: "#b184ff4d";
629
- ref: "alpha-purple-300-30";
617
+ ref: "alpha-color-purple-300-30";
630
618
  }>;
631
- "alpha-bg-purple-lightest": Readonly<{
619
+ "alpha-color-bg-purple-lightest": Readonly<{
632
620
  value: "#b184ff26";
633
- ref: "alpha-purple-300-15";
621
+ ref: "alpha-color-purple-300-15";
634
622
  }>;
635
- "alpha-bg-purple-dark": Readonly<{
623
+ "alpha-color-bg-purple-dark": Readonly<{
636
624
  value: "#8e57e7";
637
- ref: "alpha-purple-400";
625
+ ref: "alpha-color-purple-400";
638
626
  }>;
639
- "alpha-bg-purple-shade-light": Readonly<{
627
+ "alpha-color-bg-purple-shade-light": Readonly<{
640
628
  value: "#5b467d66";
641
- ref: "alpha-shade-purple-600-40";
629
+ ref: "alpha-color-shade-purple-600-40";
642
630
  }>;
643
- "alpha-bg-purple-shade-normal": Readonly<{
631
+ "alpha-color-bg-purple-shade-normal": Readonly<{
644
632
  value: "#5b467d";
645
- ref: "alpha-shade-purple-600";
633
+ ref: "alpha-color-shade-purple-600";
646
634
  }>;
647
- "alpha-bg-navy-normal": Readonly<{
635
+ "alpha-color-bg-navy-normal": Readonly<{
648
636
  value: "#7683d3";
649
- ref: "alpha-navy-300";
637
+ ref: "alpha-color-navy-300";
650
638
  }>;
651
- "alpha-bg-navy-light": Readonly<{
639
+ "alpha-color-bg-navy-light": Readonly<{
652
640
  value: "#7683d373";
653
- ref: "alpha-navy-300-45";
641
+ ref: "alpha-color-navy-300-45";
654
642
  }>;
655
- "alpha-bg-navy-lighter": Readonly<{
643
+ "alpha-color-bg-navy-lighter": Readonly<{
656
644
  value: "#7683d34d";
657
- ref: "alpha-navy-300-30";
645
+ ref: "alpha-color-navy-300-30";
658
646
  }>;
659
- "alpha-bg-navy-lightest": Readonly<{
647
+ "alpha-color-bg-navy-lightest": Readonly<{
660
648
  value: "#7683d326";
661
- ref: "alpha-navy-300-15";
649
+ ref: "alpha-color-navy-300-15";
662
650
  }>;
663
- "alpha-bg-navy-dark": Readonly<{
651
+ "alpha-color-bg-navy-dark": Readonly<{
664
652
  value: "#424fab";
665
- ref: "alpha-navy-400";
653
+ ref: "alpha-color-navy-400";
666
654
  }>;
667
- "alpha-bg-navy-shade-light": Readonly<{
655
+ "alpha-color-bg-navy-shade-light": Readonly<{
668
656
  value: "#373b5666";
669
- ref: "alpha-shade-navy-600-40";
657
+ ref: "alpha-color-shade-navy-600-40";
670
658
  }>;
671
- "alpha-bg-navy-shade-normal": Readonly<{
659
+ "alpha-color-bg-navy-shade-normal": Readonly<{
672
660
  value: "#373b56";
673
- ref: "alpha-shade-navy-600";
661
+ ref: "alpha-color-shade-navy-600";
674
662
  }>;
675
- "alpha-bg-absolute-black-dark": Readonly<{
663
+ "alpha-color-bg-absolute-black-dark": Readonly<{
676
664
  value: "#000000";
677
- ref: "alpha-black-100";
665
+ ref: "alpha-color-black-100";
678
666
  }>;
679
- "alpha-bg-absolute-black-normal": Readonly<{
667
+ "alpha-color-bg-absolute-black-normal": Readonly<{
680
668
  value: "#000000d9";
681
- ref: "alpha-black-85";
669
+ ref: "alpha-color-black-85";
682
670
  }>;
683
- "alpha-bg-absolute-black-light": Readonly<{
671
+ "alpha-color-bg-absolute-black-light": Readonly<{
684
672
  value: "#00000099";
685
- ref: "alpha-black-60";
673
+ ref: "alpha-color-black-60";
686
674
  }>;
687
- "alpha-bg-absolute-black-lighter": Readonly<{
675
+ "alpha-color-bg-absolute-black-lighter": Readonly<{
688
676
  value: "#00000066";
689
- ref: "alpha-black-40";
677
+ ref: "alpha-color-black-40";
690
678
  }>;
691
- "alpha-bg-absolute-black-lightest": Readonly<{
679
+ "alpha-color-bg-absolute-black-lightest": Readonly<{
692
680
  value: "#00000033";
693
- ref: "alpha-black-20";
681
+ ref: "alpha-color-black-20";
694
682
  }>;
695
- "alpha-bg-absolute-white-dark": Readonly<{
683
+ "alpha-color-bg-absolute-white-dark": Readonly<{
696
684
  value: "#ffffff";
697
- ref: "alpha-white-100";
685
+ ref: "alpha-color-white-100";
698
686
  }>;
699
- "alpha-bg-absolute-white-normal": Readonly<{
687
+ "alpha-color-bg-absolute-white-normal": Readonly<{
700
688
  value: "#ffffffe6";
701
- ref: "alpha-white-90";
689
+ ref: "alpha-color-white-90";
702
690
  }>;
703
- "alpha-bg-absolute-white-light": Readonly<{
691
+ "alpha-color-bg-absolute-white-light": Readonly<{
704
692
  value: "#ffffff99";
705
- ref: "alpha-white-60";
693
+ ref: "alpha-color-white-60";
706
694
  }>;
707
- "alpha-bg-absolute-white-lighter": Readonly<{
695
+ "alpha-color-bg-absolute-white-lighter": Readonly<{
708
696
  value: "#ffffff66";
709
- ref: "alpha-white-40";
697
+ ref: "alpha-color-white-40";
710
698
  }>;
711
- "alpha-bg-absolute-white-lightest": Readonly<{
699
+ "alpha-color-bg-absolute-white-lightest": Readonly<{
712
700
  value: "#ffffff33";
713
- ref: "alpha-white-20";
701
+ ref: "alpha-color-white-20";
714
702
  }>;
715
- "alpha-surface-lowest": Readonly<{
703
+ "alpha-color-surface-lowest": Readonly<{
716
704
  value: "#313234";
717
- ref: "alpha-grey-800";
705
+ ref: "alpha-color-grey-800";
718
706
  }>;
719
- "alpha-surface-lower": Readonly<{
707
+ "alpha-color-surface-lower": Readonly<{
720
708
  value: "#2a2b2d";
721
- ref: "alpha-grey-850";
709
+ ref: "alpha-color-grey-850";
722
710
  }>;
723
- "alpha-surface-normal": Readonly<{
711
+ "alpha-color-surface-normal": Readonly<{
724
712
  value: "#242428";
725
- ref: "alpha-grey-900";
713
+ ref: "alpha-color-grey-900";
714
+ }>;
715
+ "alpha-color-shadow-xlarge": Readonly<{
716
+ value: "#00000099";
717
+ ref: "alpha-color-black-60";
718
+ }>;
719
+ "alpha-color-shadow-large": Readonly<{
720
+ value: "#00000066";
721
+ ref: "alpha-color-black-40";
726
722
  }>;
727
- "alpha-dim-black-light": Readonly<{
723
+ "alpha-color-shadow-medium": Readonly<{
728
724
  value: "#00000033";
729
- ref: "alpha-bg-absolute-black-lightest";
725
+ ref: "alpha-color-black-20";
726
+ }>;
727
+ "alpha-color-shadow-small": Readonly<{
728
+ value: "#00000026";
729
+ ref: "alpha-color-black-15";
730
730
  }>;
731
- "alpha-dim-black-normal": Readonly<{
731
+ "alpha-color-shadow-base": Readonly<{
732
+ value: "#00000014";
733
+ ref: "alpha-color-black-8";
734
+ }>;
735
+ "alpha-color-shadow-base-inner": Readonly<{
736
+ value: "#ffffff14";
737
+ ref: "alpha-color-white-8";
738
+ }>;
739
+ "alpha-color-dim-black-light": Readonly<{
740
+ value: "#00000033";
741
+ ref: "alpha-color-bg-absolute-black-lightest";
742
+ }>;
743
+ "alpha-color-dim-black-normal": Readonly<{
732
744
  value: "#00000066";
733
- ref: "alpha-bg-absolute-black-lighter";
745
+ ref: "alpha-color-bg-absolute-black-lighter";
734
746
  }>;
735
- "alpha-primary-bg-normal": Readonly<{
747
+ "alpha-color-primary-bg-normal": Readonly<{
736
748
  value: "#84a5ff";
737
- ref: "alpha-bg-blue-normal";
749
+ ref: "alpha-color-bg-blue-normal";
738
750
  }>;
739
- "alpha-primary-bg-light": Readonly<{
751
+ "alpha-color-primary-bg-light": Readonly<{
740
752
  value: "#84a5ff73";
741
- ref: "alpha-bg-blue-light";
753
+ ref: "alpha-color-bg-blue-light";
742
754
  }>;
743
- "alpha-primary-bg-lighter": Readonly<{
755
+ "alpha-color-primary-bg-lighter": Readonly<{
744
756
  value: "#84a5ff4d";
745
- ref: "alpha-bg-blue-lighter";
757
+ ref: "alpha-color-bg-blue-lighter";
746
758
  }>;
747
- "alpha-primary-bg-lightest": Readonly<{
759
+ "alpha-color-primary-bg-lightest": Readonly<{
748
760
  value: "#84a5ff26";
749
- ref: "alpha-bg-blue-lightest";
761
+ ref: "alpha-color-bg-blue-lightest";
750
762
  }>;
751
- "alpha-primary-bg-dark": Readonly<{
763
+ "alpha-color-primary-bg-dark": Readonly<{
752
764
  value: "#6d6afc";
753
- ref: "alpha-bg-blue-dark";
765
+ ref: "alpha-color-bg-blue-dark";
754
766
  }>;
755
- "alpha-primary-fg-normal": Readonly<{
767
+ "alpha-color-primary-fg-normal": Readonly<{
756
768
  value: "#84a5ff";
757
- ref: "alpha-fg-blue-normal";
769
+ ref: "alpha-color-fg-blue-normal";
758
770
  }>;
759
- "alpha-primary-fg-light": Readonly<{
771
+ "alpha-color-primary-fg-light": Readonly<{
760
772
  value: "#84a5ff73";
761
- ref: "alpha-fg-blue-light";
773
+ ref: "alpha-color-fg-blue-light";
762
774
  }>;
763
- "alpha-primary-fg-dark": Readonly<{
775
+ "alpha-color-primary-fg-dark": Readonly<{
764
776
  value: "#84a5ff";
765
- ref: "alpha-fg-blue-dark";
777
+ ref: "alpha-color-fg-blue-dark";
766
778
  }>;
767
- "alpha-critical-bg-dark": Readonly<{
779
+ "alpha-color-critical-bg-dark": Readonly<{
768
780
  value: "#e55c5c";
769
- ref: "alpha-bg-red-dark";
781
+ ref: "alpha-color-bg-red-dark";
770
782
  }>;
771
- "alpha-critical-bg-normal": Readonly<{
783
+ "alpha-color-critical-bg-normal": Readonly<{
772
784
  value: "#ff8c8c";
773
- ref: "alpha-fg-red-normal";
785
+ ref: "alpha-color-fg-red-normal";
774
786
  }>;
775
- "alpha-critical-bg-light": Readonly<{
787
+ "alpha-color-critical-bg-light": Readonly<{
776
788
  value: "#ff8c8c73";
777
- ref: "alpha-bg-red-light";
789
+ ref: "alpha-color-bg-red-light";
778
790
  }>;
779
- "alpha-critical-bg-lighter": Readonly<{
791
+ "alpha-color-critical-bg-lighter": Readonly<{
780
792
  value: "#ff8c8c4d";
781
- ref: "alpha-bg-red-lighter";
793
+ ref: "alpha-color-bg-red-lighter";
782
794
  }>;
783
- "alpha-critical-bg-lightest": Readonly<{
795
+ "alpha-color-critical-bg-lightest": Readonly<{
784
796
  value: "#ff8c8c26";
785
- ref: "alpha-bg-red-lightest";
797
+ ref: "alpha-color-bg-red-lightest";
786
798
  }>;
787
- "alpha-critical-fg-normal": Readonly<{
799
+ "alpha-color-critical-fg-normal": Readonly<{
788
800
  value: "#ff8c8c";
789
- ref: "alpha-fg-red-normal";
801
+ ref: "alpha-color-fg-red-normal";
790
802
  }>;
791
- "alpha-critical-fg-light": Readonly<{
803
+ "alpha-color-critical-fg-light": Readonly<{
792
804
  value: "#ff8c8c73";
793
- ref: "alpha-fg-red-light";
805
+ ref: "alpha-color-fg-red-light";
794
806
  }>;
795
- "alpha-critical-fg-dark": Readonly<{
796
- value: "#ffa6a6";
797
- ref: "alpha-fg-red-dark";
807
+ "alpha-color-critical-fg-dark": Readonly<{
808
+ value: "#ff8c8c";
809
+ ref: "alpha-color-fg-red-dark";
798
810
  }>;
799
- "alpha-warning-bg-dark": Readonly<{
811
+ "alpha-color-warning-bg-dark": Readonly<{
800
812
  value: "#e67f2b";
801
- ref: "alpha-bg-orange-dark";
813
+ ref: "alpha-color-bg-orange-dark";
802
814
  }>;
803
- "alpha-warning-bg-normal": Readonly<{
815
+ "alpha-color-warning-bg-normal": Readonly<{
804
816
  value: "#ffa15e";
805
- ref: "alpha-bg-orange-normal";
817
+ ref: "alpha-color-bg-orange-normal";
806
818
  }>;
807
- "alpha-warning-bg-light": Readonly<{
819
+ "alpha-color-warning-bg-light": Readonly<{
808
820
  value: "#ffa15e73";
809
- ref: "alpha-bg-orange-light";
821
+ ref: "alpha-color-bg-orange-light";
810
822
  }>;
811
- "alpha-warning-bg-lighter": Readonly<{
823
+ "alpha-color-warning-bg-lighter": Readonly<{
812
824
  value: "#ffa15e4d";
813
- ref: "alpha-bg-orange-lighter";
825
+ ref: "alpha-color-bg-orange-lighter";
814
826
  }>;
815
- "alpha-warning-bg-lightest": Readonly<{
827
+ "alpha-color-warning-bg-lightest": Readonly<{
816
828
  value: "#ffa15e26";
817
- ref: "alpha-bg-orange-lightest";
829
+ ref: "alpha-color-bg-orange-lightest";
818
830
  }>;
819
- "alpha-warning-fg-normal": Readonly<{
831
+ "alpha-color-warning-fg-normal": Readonly<{
820
832
  value: "#ffa15e";
821
- ref: "alpha-fg-orange-normal";
833
+ ref: "alpha-color-fg-orange-normal";
822
834
  }>;
823
- "alpha-warning-fg-light": Readonly<{
835
+ "alpha-color-warning-fg-light": Readonly<{
824
836
  value: "#ffa15e73";
825
- ref: "alpha-fg-orange-light";
837
+ ref: "alpha-color-fg-orange-light";
826
838
  }>;
827
- "alpha-warning-fg-dark": Readonly<{
828
- value: "#ffb77d";
829
- ref: "alpha-fg-orange-dark";
839
+ "alpha-color-warning-fg-dark": Readonly<{
840
+ value: "#ffa15e";
841
+ ref: "alpha-color-fg-orange-dark";
830
842
  }>;
831
- "alpha-accent-bg-dark": Readonly<{
843
+ "alpha-color-accent-bg-dark": Readonly<{
832
844
  value: "#5093e5";
833
- ref: "alpha-bg-cobalt-dark";
845
+ ref: "alpha-color-bg-cobalt-dark";
834
846
  }>;
835
- "alpha-accent-bg-normal": Readonly<{
836
- value: "#7dc2fa";
837
- ref: "alpha-bg-cobalt-normal";
847
+ "alpha-color-accent-bg-normal": Readonly<{
848
+ value: "#77c0fb";
849
+ ref: "alpha-color-bg-cobalt-normal";
838
850
  }>;
839
- "alpha-accent-bg-light": Readonly<{
851
+ "alpha-color-accent-bg-light": Readonly<{
840
852
  value: "#77c0fb73";
841
- ref: "alpha-bg-cobalt-light";
853
+ ref: "alpha-color-bg-cobalt-light";
842
854
  }>;
843
- "alpha-accent-bg-lighter": Readonly<{
855
+ "alpha-color-accent-bg-lighter": Readonly<{
844
856
  value: "#77c0fb4d";
845
- ref: "alpha-bg-cobalt-lighter";
857
+ ref: "alpha-color-bg-cobalt-lighter";
846
858
  }>;
847
- "alpha-accent-bg-lightest": Readonly<{
859
+ "alpha-color-accent-bg-lightest": Readonly<{
848
860
  value: "#77c0fb26";
849
- ref: "alpha-bg-cobalt-lightest";
861
+ ref: "alpha-color-bg-cobalt-lightest";
850
862
  }>;
851
- "alpha-accent-fg-normal": Readonly<{
852
- value: "#7dc2fa";
853
- ref: "alpha-fg-cobalt-normal";
863
+ "alpha-color-accent-fg-normal": Readonly<{
864
+ value: "#77c0fb";
865
+ ref: "alpha-color-fg-cobalt-normal";
854
866
  }>;
855
- "alpha-accent-fg-light": Readonly<{
867
+ "alpha-color-accent-fg-light": Readonly<{
856
868
  value: "#77c0fb73";
857
- ref: "alpha-fg-cobalt-light";
869
+ ref: "alpha-color-fg-cobalt-light";
858
870
  }>;
859
- "alpha-accent-fg-dark": Readonly<{
860
- value: "#9ad1ff";
861
- ref: "alpha-fg-cobalt-dark";
871
+ "alpha-color-accent-fg-dark": Readonly<{
872
+ value: "#77c0fb";
873
+ ref: "alpha-color-fg-cobalt-dark";
862
874
  }>;
863
- "alpha-success-bg-dark": Readonly<{
875
+ "alpha-color-success-bg-dark": Readonly<{
864
876
  value: "#40ad67";
865
- ref: "alpha-bg-green-dark";
877
+ ref: "alpha-color-bg-green-dark";
866
878
  }>;
867
- "alpha-success-bg-normal": Readonly<{
879
+ "alpha-color-success-bg-normal": Readonly<{
868
880
  value: "#7ad890";
869
- ref: "alpha-bg-green-normal";
881
+ ref: "alpha-color-bg-green-normal";
870
882
  }>;
871
- "alpha-success-bg-light": Readonly<{
883
+ "alpha-color-success-bg-light": Readonly<{
872
884
  value: "#7ad89073";
873
- ref: "alpha-bg-green-light";
885
+ ref: "alpha-color-bg-green-light";
874
886
  }>;
875
- "alpha-success-bg-lighter": Readonly<{
887
+ "alpha-color-success-bg-lighter": Readonly<{
876
888
  value: "#7ad8904d";
877
- ref: "alpha-bg-green-lighter";
889
+ ref: "alpha-color-bg-green-lighter";
878
890
  }>;
879
- "alpha-success-bg-lightest": Readonly<{
891
+ "alpha-color-success-bg-lightest": Readonly<{
880
892
  value: "#7ad89026";
881
- ref: "alpha-bg-green-lightest";
893
+ ref: "alpha-color-bg-green-lightest";
882
894
  }>;
883
- "alpha-success-fg-normal": Readonly<{
895
+ "alpha-color-success-fg-normal": Readonly<{
884
896
  value: "#7ad890";
885
- ref: "alpha-fg-green-normal";
897
+ ref: "alpha-color-fg-green-normal";
886
898
  }>;
887
- "alpha-success-fg-light": Readonly<{
899
+ "alpha-color-success-fg-light": Readonly<{
888
900
  value: "#7ad89073";
889
- ref: "alpha-fg-green-light";
901
+ ref: "alpha-color-fg-green-light";
890
902
  }>;
891
- "alpha-success-fg-dark": Readonly<{
892
- value: "#91e5a4";
893
- ref: "alpha-fg-green-dark";
903
+ "alpha-color-success-fg-dark": Readonly<{
904
+ value: "#7ad890";
905
+ ref: "alpha-color-fg-green-dark";
894
906
  }>;
895
907
  }>;
896
908
  }>;