@redseed/redseed-ui-tailwindcss 5.4.4 → 6.0.0

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 (22) hide show
  1. package/colors.css +0 -68
  2. package/colors_dark_mode.css +67 -0
  3. package/components/button_group_item.css +1 -1
  4. package/components/button_slot.css +2 -2
  5. package/components/checkbox_card.css +1 -1
  6. package/components/form_field_checkbox.css +2 -3
  7. package/components/form_field_combobox.css +1 -1
  8. package/components/form_field_select.css +1 -1
  9. package/components/form_field_text.css +1 -2
  10. package/components/form_field_textarea.css +1 -2
  11. package/components/link_slot.css +1 -1
  12. package/components/modal.css +1 -2
  13. package/components/pagination.css +1 -2
  14. package/components/radio_card.css +1 -1
  15. package/components/switcher_item.css +1 -2
  16. package/components/toggle.css +1 -2
  17. package/index.css +3 -0
  18. package/index.js +1 -157
  19. package/package.json +4 -7
  20. package/theme.css +557 -0
  21. package/tokens.css +49 -0
  22. package/colors.js +0 -614
package/colors.js DELETED
@@ -1,614 +0,0 @@
1
- "use strict"
2
-
3
- export default {
4
- white: 'var(--Colors-Base-white)',
5
- black: 'var(--Colors-Base-black)',
6
- transparent: 'var(--Colors-Base-transparent)',
7
-
8
- grey: {
9
- 25: 'var(--Colors-Grey-25)',
10
- 50: 'var(--Colors-Grey-50)',
11
- 100: 'var(--Colors-Grey-100)',
12
- 200: 'var(--Colors-Grey-200)',
13
- 300: 'var(--Colors-Grey-300)',
14
- 400: 'var(--Colors-Grey-400)',
15
- 500: 'var(--Colors-Grey-500)',
16
- 600: 'var(--Colors-Grey-600)',
17
- 700: 'var(--Colors-Grey-700)',
18
- 800: 'var(--Colors-Grey-800)',
19
- 900: 'var(--Colors-Grey-900)',
20
- 950: 'var(--Colors-Grey-950)',
21
-
22
- blue: {
23
- 25: 'var(--Colors-Grey-blue-25)',
24
- 50: 'var(--Colors-Grey-blue-50)',
25
- 100: 'var(--Colors-Grey-blue-100)',
26
- 200: 'var(--Colors-Grey-blue-200)',
27
- 300: 'var(--Colors-Grey-blue-300)',
28
- 400: 'var(--Colors-Grey-blue-400)',
29
- 500: 'var(--Colors-Grey-blue-500)',
30
- 600: 'var(--Colors-Grey-blue-600)',
31
- 700: 'var(--Colors-Grey-blue-700)',
32
- 800: 'var(--Colors-Grey-blue-800)',
33
- 900: 'var(--Colors-Grey-blue-900)',
34
- 950: 'var(--Colors-Grey-blue-950)',
35
- },
36
-
37
- cool: {
38
- 25: 'var(--Colors-Grey-cool-25)',
39
- 50: 'var(--Colors-Grey-cool-50)',
40
- 100: 'var(--Colors-Grey-cool-100)',
41
- 200: 'var(--Colors-Grey-cool-200)',
42
- 300: 'var(--Colors-Grey-cool-300)',
43
- 400: 'var(--Colors-Grey-cool-400)',
44
- 500: 'var(--Colors-Grey-cool-500)',
45
- 600: 'var(--Colors-Grey-cool-600)',
46
- 700: 'var(--Colors-Grey-cool-700)',
47
- 800: 'var(--Colors-Grey-cool-800)',
48
- 900: 'var(--Colors-Grey-cool-900)',
49
- 950: 'var(--Colors-Grey-cool-950)',
50
- },
51
-
52
- modern: {
53
- 25: 'var(--Colors-Grey-modern-25)',
54
- 50: 'var(--Colors-Grey-modern-50)',
55
- 100: 'var(--Colors-Grey-modern-100)',
56
- 200: 'var(--Colors-Grey-modern-200)',
57
- 300: 'var(--Colors-Grey-modern-300)',
58
- 400: 'var(--Colors-Grey-modern-400)',
59
- 500: 'var(--Colors-Grey-modern-500)',
60
- 600: 'var(--Colors-Grey-modern-600)',
61
- 700: 'var(--Colors-Grey-modern-700)',
62
- 800: 'var(--Colors-Grey-modern-800)',
63
- 900: 'var(--Colors-Grey-modern-900)',
64
- 950: 'var(--Colors-Grey-modern-950)',
65
- },
66
-
67
- neutral: {
68
- 25: 'var(--Colors-Grey-neutral-25)',
69
- 50: 'var(--Colors-Grey-neutral-50)',
70
- 100: 'var(--Colors-Grey-neutral-100)',
71
- 200: 'var(--Colors-Grey-neutral-200)',
72
- 300: 'var(--Colors-Grey-neutral-300)',
73
- 400: 'var(--Colors-Grey-neutral-400)',
74
- 500: 'var(--Colors-Grey-neutral-500)',
75
- 600: 'var(--Colors-Grey-neutral-600)',
76
- 700: 'var(--Colors-Grey-neutral-700)',
77
- 800: 'var(--Colors-Grey-neutral-800)',
78
- 900: 'var(--Colors-Grey-neutral-900)',
79
- 950: 'var(--Colors-Grey-neutral-950)',
80
- },
81
-
82
- iron: {
83
- 25: 'var(--Colors-Grey-iron-25)',
84
- 50: 'var(--Colors-Grey-iron-50)',
85
- 100: 'var(--Colors-Grey-iron-100)',
86
- 200: 'var(--Colors-Grey-iron-200)',
87
- 300: 'var(--Colors-Grey-iron-300)',
88
- 400: 'var(--Colors-Grey-iron-400)',
89
- 500: 'var(--Colors-Grey-iron-500)',
90
- 600: 'var(--Colors-Grey-iron-600)',
91
- 700: 'var(--Colors-Grey-iron-700)',
92
- 800: 'var(--Colors-Grey-iron-800)',
93
- 900: 'var(--Colors-Grey-iron-900)',
94
- 950: 'var(--Colors-Grey-iron-950)',
95
- },
96
-
97
- true: {
98
- 25: 'var(--Colors-Grey-true-25)',
99
- 50: 'var(--Colors-Grey-true-50)',
100
- 100: 'var(--Colors-Grey-true-100)',
101
- 200: 'var(--Colors-Grey-true-200)',
102
- 300: 'var(--Colors-Grey-true-300)',
103
- 400: 'var(--Colors-Grey-true-400)',
104
- 500: 'var(--Colors-Grey-true-500)',
105
- 600: 'var(--Colors-Grey-true-600)',
106
- 700: 'var(--Colors-Grey-true-700)',
107
- 800: 'var(--Colors-Grey-true-800)',
108
- 900: 'var(--Colors-Grey-true-900)',
109
- 950: 'var(--Colors-Grey-true-950)',
110
- },
111
-
112
- warm: {
113
- 25: 'var(--Colors-Grey-warm-25)',
114
- 50: 'var(--Colors-Grey-warm-50)',
115
- 100: 'var(--Colors-Grey-warm-100)',
116
- 200: 'var(--Colors-Grey-warm-200)',
117
- 300: 'var(--Colors-Grey-warm-300)',
118
- 400: 'var(--Colors-Grey-warm-400)',
119
- 500: 'var(--Colors-Grey-warm-500)',
120
- 600: 'var(--Colors-Grey-warm-600)',
121
- 700: 'var(--Colors-Grey-warm-700)',
122
- 800: 'var(--Colors-Grey-warm-800)',
123
- 900: 'var(--Colors-Grey-warm-900)',
124
- 950: 'var(--Colors-Grey-warm-950)',
125
- },
126
-
127
- alpha: {
128
- 25: 'var(--Colors-Grey-alpha-25)',
129
- 50: 'var(--Colors-Grey-alpha-50)',
130
- 100: 'var(--Colors-Grey-alpha-100)',
131
- 200: 'var(--Colors-Grey-alpha-200)',
132
- 300: 'var(--Colors-Grey-alpha-300)',
133
- 400: 'var(--Colors-Grey-alpha-400)',
134
- 500: 'var(--Colors-Grey-alpha-500)',
135
- 600: 'var(--Colors-Grey-alpha-600)',
136
- 700: 'var(--Colors-Grey-alpha-700)',
137
- 800: 'var(--Colors-Grey-alpha-800)',
138
- 900: 'var(--Colors-Grey-alpha-900)',
139
- 950: 'var(--Colors-Grey-alpha-950)',
140
- }
141
- },
142
-
143
- brand: {
144
- 25: 'var(--Colors-Brand-25)',
145
- 50: 'var(--Colors-Brand-50)',
146
- 100: 'var(--Colors-Brand-100)',
147
- 200: 'var(--Colors-Brand-200)',
148
- 300: 'var(--Colors-Brand-300)',
149
- 400: 'var(--Colors-Brand-400)',
150
- 500: 'var(--Colors-Brand-500)',
151
- 600: 'var(--Colors-Brand-600)',
152
- 700: 'var(--Colors-Brand-700)',
153
- 800: 'var(--Colors-Brand-800)',
154
- 900: 'var(--Colors-Brand-900)',
155
- 950: 'var(--Colors-Brand-950)',
156
- },
157
-
158
- redseed: {
159
- red: {
160
- 5: 'var(--Colors-RedSeed-Red-5)',
161
- 10: 'var(--Colors-RedSeed-Red-10)',
162
- 15: 'var(--Colors-RedSeed-Red-15)',
163
- 20: 'var(--Colors-RedSeed-Red-20)',
164
- 25: 'var(--Colors-RedSeed-Red-25)',
165
- 50: 'var(--Colors-RedSeed-Red-50)',
166
- 100: 'var(--Colors-RedSeed-Red-100)',
167
- 200: 'var(--Colors-RedSeed-Red-200)',
168
- 300: 'var(--Colors-RedSeed-Red-300)',
169
- 400: 'var(--Colors-RedSeed-Red-400)',
170
- 500: 'var(--Colors-RedSeed-Red-500)',
171
- 600: 'var(--Colors-RedSeed-Red-600)',
172
- 700: 'var(--Colors-RedSeed-Red-700)',
173
- 800: 'var(--Colors-RedSeed-Red-800)',
174
- 900: 'var(--Colors-RedSeed-Red-900)',
175
- 950: 'var(--Colors-RedSeed-Red-950)',
176
- 975: 'var(--Colors-RedSeed-Red-975)',
177
- 990: 'var(--Colors-RedSeed-Red-990)',
178
- },
179
-
180
- blue: {
181
- 5: 'var(--Colors-RedSeed-Blue-5)',
182
- 10: 'var(--Colors-RedSeed-Blue-10)',
183
- 15: 'var(--Colors-RedSeed-Blue-15)',
184
- 20: 'var(--Colors-RedSeed-Blue-20)',
185
- 25: 'var(--Colors-RedSeed-Blue-25)',
186
- 50: 'var(--Colors-RedSeed-Blue-50)',
187
- 100: 'var(--Colors-RedSeed-Blue-100)',
188
- 200: 'var(--Colors-RedSeed-Blue-200)',
189
- 300: 'var(--Colors-RedSeed-Blue-300)',
190
- 400: 'var(--Colors-RedSeed-Blue-400)',
191
- 500: 'var(--Colors-RedSeed-Blue-500)',
192
- 600: 'var(--Colors-RedSeed-Blue-600)',
193
- 700: 'var(--Colors-RedSeed-Blue-700)',
194
- 800: 'var(--Colors-RedSeed-Blue-800)',
195
- 900: 'var(--Colors-RedSeed-Blue-900)',
196
- 950: 'var(--Colors-RedSeed-Blue-950)',
197
- 975: 'var(--Colors-RedSeed-Blue-975)',
198
- 990: 'var(--Colors-RedSeed-Blue-990)',
199
- },
200
-
201
- green: {
202
- 5: 'var(--Colors-RedSeed-Green-5)',
203
- 10: 'var(--Colors-RedSeed-Green-10)',
204
- 15: 'var(--Colors-RedSeed-Green-15)',
205
- 20: 'var(--Colors-RedSeed-Green-20)',
206
- 25: 'var(--Colors-RedSeed-Green-25)',
207
- 50: 'var(--Colors-RedSeed-Green-50)',
208
- 100: 'var(--Colors-RedSeed-Green-100)',
209
- 200: 'var(--Colors-RedSeed-Green-200)',
210
- 300: 'var(--Colors-RedSeed-Green-300)',
211
- 400: 'var(--Colors-RedSeed-Green-400)',
212
- 500: 'var(--Colors-RedSeed-Green-500)',
213
- 600: 'var(--Colors-RedSeed-Green-600)',
214
- 700: 'var(--Colors-RedSeed-Green-700)',
215
- 800: 'var(--Colors-RedSeed-Green-800)',
216
- 900: 'var(--Colors-RedSeed-Green-900)',
217
- 950: 'var(--Colors-RedSeed-Green-950)',
218
- 975: 'var(--Colors-RedSeed-Green-975)',
219
- 990: 'var(--Colors-RedSeed-Green-990)',
220
- },
221
-
222
- yellow: {
223
- 5: 'var(--Colors-RedSeed-Yellow-5)',
224
- 10: 'var(--Colors-RedSeed-Yellow-10)',
225
- 15: 'var(--Colors-RedSeed-Yellow-15)',
226
- 20: 'var(--Colors-RedSeed-Yellow-20)',
227
- 25: 'var(--Colors-RedSeed-Yellow-25)',
228
- 50: 'var(--Colors-RedSeed-Yellow-50)',
229
- 100: 'var(--Colors-RedSeed-Yellow-100)',
230
- 200: 'var(--Colors-RedSeed-Yellow-200)',
231
- 300: 'var(--Colors-RedSeed-Yellow-300)',
232
- 400: 'var(--Colors-RedSeed-Yellow-400)',
233
- 500: 'var(--Colors-RedSeed-Yellow-500)',
234
- 600: 'var(--Colors-RedSeed-Yellow-600)',
235
- 700: 'var(--Colors-RedSeed-Yellow-700)',
236
- 800: 'var(--Colors-RedSeed-Yellow-800)',
237
- 900: 'var(--Colors-RedSeed-Yellow-900)',
238
- },
239
-
240
- purple: {
241
- 5: 'var(--Colors-RedSeed-Purple-5)',
242
- 10: 'var(--Colors-RedSeed-Purple-10)',
243
- 15: 'var(--Colors-RedSeed-Purple-15)',
244
- 20: 'var(--Colors-RedSeed-Purple-20)',
245
- 25: 'var(--Colors-RedSeed-Purple-25)',
246
- 50: 'var(--Colors-RedSeed-Purple-50)',
247
- 100: 'var(--Colors-RedSeed-Purple-100)',
248
- 200: 'var(--Colors-RedSeed-Purple-200)',
249
- 300: 'var(--Colors-RedSeed-Purple-300)',
250
- 400: 'var(--Colors-RedSeed-Purple-400)',
251
- 500: 'var(--Colors-RedSeed-Purple-500)',
252
- 600: 'var(--Colors-RedSeed-Purple-600)',
253
- 700: 'var(--Colors-RedSeed-Purple-700)',
254
- 800: 'var(--Colors-RedSeed-Purple-800)',
255
- 900: 'var(--Colors-RedSeed-Purple-900)',
256
- 950: 'var(--Colors-RedSeed-Purple-950)',
257
- 975: 'var(--Colors-RedSeed-Purple-975)',
258
- 990: 'var(--Colors-RedSeed-Purple-990)',
259
- 995: 'var(--Colors-RedSeed-Purple-995)',
260
- }
261
- },
262
-
263
- error: {
264
- 25: 'var(--Colors-Error-25)',
265
- 50: 'var(--Colors-Error-50)',
266
- 100: 'var(--Colors-Error-100)',
267
- 200: 'var(--Colors-Error-200)',
268
- 300: 'var(--Colors-Error-300)',
269
- 400: 'var(--Colors-Error-400)',
270
- 500: 'var(--Colors-Error-500)',
271
- 600: 'var(--Colors-Error-600)',
272
- 700: 'var(--Colors-Error-700)',
273
- 800: 'var(--Colors-Error-800)',
274
- 900: 'var(--Colors-Error-900)',
275
- 950: 'var(--Colors-Error-950)',
276
- },
277
-
278
- warning: {
279
- 25: 'var(--Colors-Warning-25)',
280
- 50: 'var(--Colors-Warning-50)',
281
- 100: 'var(--Colors-Warning-100)',
282
- 200: 'var(--Colors-Warning-200)',
283
- 300: 'var(--Colors-Warning-300)',
284
- 400: 'var(--Colors-Warning-400)',
285
- 500: 'var(--Colors-Warning-500)',
286
- 600: 'var(--Colors-Warning-600)',
287
- 700: 'var(--Colors-Warning-700)',
288
- 800: 'var(--Colors-Warning-800)',
289
- 900: 'var(--Colors-Warning-900)',
290
- 950: 'var(--Colors-Warning-950)',
291
- },
292
-
293
- success: {
294
- 25: 'var(--Colors-Success-25)',
295
- 50: 'var(--Colors-Success-50)',
296
- 100: 'var(--Colors-Success-100)',
297
- 200: 'var(--Colors-Success-200)',
298
- 300: 'var(--Colors-Success-300)',
299
- 400: 'var(--Colors-Success-400)',
300
- 500: 'var(--Colors-Success-500)',
301
- 600: 'var(--Colors-Success-600)',
302
- 700: 'var(--Colors-Success-700)',
303
- 800: 'var(--Colors-Success-800)',
304
- 900: 'var(--Colors-Success-900)',
305
- 950: 'var(--Colors-Success-950)',
306
- },
307
-
308
- moss: {
309
- 25: 'var(--Colors-Moss-25)',
310
- 50: 'var(--Colors-Moss-50)',
311
- 100: 'var(--Colors-Moss-100)',
312
- 200: 'var(--Colors-Moss-200)',
313
- 300: 'var(--Colors-Moss-300)',
314
- 400: 'var(--Colors-Moss-400)',
315
- 500: 'var(--Colors-Moss-500)',
316
- 600: 'var(--Colors-Moss-600)',
317
- 700: 'var(--Colors-Moss-700)',
318
- 800: 'var(--Colors-Moss-800)',
319
- 900: 'var(--Colors-Moss-900)',
320
- 950: 'var(--Colors-Moss-950)',
321
- },
322
-
323
- green: {
324
- 25: 'var(--Colors-Green-25)',
325
- 50: 'var(--Colors-Green-50)',
326
- 100: 'var(--Colors-Green-100)',
327
- 200: 'var(--Colors-Green-200)',
328
- 300: 'var(--Colors-Green-300)',
329
- 400: 'var(--Colors-Green-400)',
330
- 500: 'var(--Colors-Green-500)',
331
- 600: 'var(--Colors-Green-600)',
332
- 700: 'var(--Colors-Green-700)',
333
- 800: 'var(--Colors-Green-800)',
334
- 900: 'var(--Colors-Green-900)',
335
- 950: 'var(--Colors-Green-950)',
336
-
337
- light: {
338
- 25: 'var(--Colors-Green-light-25)',
339
- 50: 'var(--Colors-Green-light-50)',
340
- 100: 'var(--Colors-Green-light-100)',
341
- 200: 'var(--Colors-Green-light-200)',
342
- 300: 'var(--Colors-Green-light-300)',
343
- 400: 'var(--Colors-Green-light-400)',
344
- 500: 'var(--Colors-Green-light-500)',
345
- 600: 'var(--Colors-Green-light-600)',
346
- 700: 'var(--Colors-Green-light-700)',
347
- 800: 'var(--Colors-Green-light-800)',
348
- 900: 'var(--Colors-Green-light-900)',
349
- 950: 'var(--Colors-Green-light-950)',
350
- },
351
- },
352
-
353
- teal: {
354
- 25: 'var(--Colors-Teal-25)',
355
- 50: 'var(--Colors-Teal-50)',
356
- 100: 'var(--Colors-Teal-100)',
357
- 200: 'var(--Colors-Teal-200)',
358
- 300: 'var(--Colors-Teal-300)',
359
- 400: 'var(--Colors-Teal-400)',
360
- 500: 'var(--Colors-Teal-500)',
361
- 600: 'var(--Colors-Teal-600)',
362
- 700: 'var(--Colors-Teal-700)',
363
- 800: 'var(--Colors-Teal-800)',
364
- 900: 'var(--Colors-Teal-900)',
365
- 950: 'var(--Colors-Teal-950)',
366
- },
367
-
368
- cyan: {
369
- 25: 'var(--Colors-Cyan-25)',
370
- 50: 'var(--Colors-Cyan-50)',
371
- 100: 'var(--Colors-Cyan-100)',
372
- 200: 'var(--Colors-Cyan-200)',
373
- 300: 'var(--Colors-Cyan-300)',
374
- 400: 'var(--Colors-Cyan-400)',
375
- 500: 'var(--Colors-Cyan-500)',
376
- 600: 'var(--Colors-Cyan-600)',
377
- 700: 'var(--Colors-Cyan-700)',
378
- 800: 'var(--Colors-Cyan-800)',
379
- 900: 'var(--Colors-Cyan-900)',
380
- 950: 'var(--Colors-Cyan-950)',
381
- },
382
-
383
- blue: {
384
- 25: 'var(--Colors-Blue-25)',
385
- 50: 'var(--Colors-Blue-50)',
386
- 100: 'var(--Colors-Blue-100)',
387
- 200: 'var(--Colors-Blue-200)',
388
- 300: 'var(--Colors-Blue-300)',
389
- 400: 'var(--Colors-Blue-400)',
390
- 500: 'var(--Colors-Blue-500)',
391
- 600: 'var(--Colors-Blue-600)',
392
- 700: 'var(--Colors-Blue-700)',
393
- 800: 'var(--Colors-Blue-800)',
394
- 900: 'var(--Colors-Blue-900)',
395
- 950: 'var(--Colors-Blue-950)',
396
-
397
- light: {
398
- 25: 'var(--Colors-Blue-light-25)',
399
- 50: 'var(--Colors-Blue-light-50)',
400
- 100: 'var(--Colors-Blue-light-100)',
401
- 200: 'var(--Colors-Blue-light-200)',
402
- 300: 'var(--Colors-Blue-light-300)',
403
- 400: 'var(--Colors-Blue-light-400)',
404
- 500: 'var(--Colors-Blue-light-500)',
405
- 600: 'var(--Colors-Blue-light-600)',
406
- 700: 'var(--Colors-Blue-light-700)',
407
- 800: 'var(--Colors-Blue-light-800)',
408
- 900: 'var(--Colors-Blue-light-900)',
409
- 950: 'var(--Colors-Blue-light-950)',
410
- },
411
-
412
- dark: {
413
- 25: 'var(--Colors-Blue-dark-25)',
414
- 50: 'var(--Colors-Blue-dark-50)',
415
- 100: 'var(--Colors-Blue-dark-100)',
416
- 200: 'var(--Colors-Blue-dark-200)',
417
- 300: 'var(--Colors-Blue-dark-300)',
418
- 400: 'var(--Colors-Blue-dark-400)',
419
- 500: 'var(--Colors-Blue-dark-500)',
420
- 600: 'var(--Colors-Blue-dark-600)',
421
- 700: 'var(--Colors-Blue-dark-700)',
422
- 800: 'var(--Colors-Blue-dark-800)',
423
- 900: 'var(--Colors-Blue-dark-900)',
424
- 950: 'var(--Colors-Blue-dark-950)',
425
- },
426
- },
427
-
428
- indigo: {
429
- 25: 'var(--Colors-Indigo-25)',
430
- 50: 'var(--Colors-Indigo-50)',
431
- 100: 'var(--Colors-Indigo-100)',
432
- 200: 'var(--Colors-Indigo-200)',
433
- 300: 'var(--Colors-Indigo-300)',
434
- 400: 'var(--Colors-Indigo-400)',
435
- 500: 'var(--Colors-Indigo-500)',
436
- 600: 'var(--Colors-Indigo-600)',
437
- 700: 'var(--Colors-Indigo-700)',
438
- 800: 'var(--Colors-Indigo-800)',
439
- 900: 'var(--Colors-Indigo-900)',
440
- 950: 'var(--Colors-Indigo-950)',
441
- },
442
-
443
- violet: {
444
- 25: 'var(--Colors-Violet-25)',
445
- 50: 'var(--Colors-Violet-50)',
446
- 100: 'var(--Colors-Violet-100)',
447
- 200: 'var(--Colors-Violet-200)',
448
- 300: 'var(--Colors-Violet-300)',
449
- 400: 'var(--Colors-Violet-400)',
450
- 500: 'var(--Colors-Violet-500)',
451
- 600: 'var(--Colors-Violet-600)',
452
- 700: 'var(--Colors-Violet-700)',
453
- 800: 'var(--Colors-Violet-800)',
454
- 900: 'var(--Colors-Violet-900)',
455
- 950: 'var(--Colors-Violet-950)',
456
- },
457
-
458
- purple: {
459
- 25: 'var(--Colors-Purple-25)',
460
- 50: 'var(--Colors-Purple-50)',
461
- 100: 'var(--Colors-Purple-100)',
462
- 200: 'var(--Colors-Purple-200)',
463
- 300: 'var(--Colors-Purple-300)',
464
- 400: 'var(--Colors-Purple-400)',
465
- 500: 'var(--Colors-Purple-500)',
466
- 600: 'var(--Colors-Purple-600)',
467
- 700: 'var(--Colors-Purple-700)',
468
- 800: 'var(--Colors-Purple-800)',
469
- 900: 'var(--Colors-Purple-900)',
470
- 950: 'var(--Colors-Purple-950)',
471
- },
472
-
473
- fuchsia: {
474
- 25: 'var(--Colors-Fuchsia-25)',
475
- 50: 'var(--Colors-Fuchsia-50)',
476
- 100: 'var(--Colors-Fuchsia-100)',
477
- 200: 'var(--Colors-Fuchsia-200)',
478
- 300: 'var(--Colors-Fuchsia-300)',
479
- 400: 'var(--Colors-Fuchsia-400)',
480
- 500: 'var(--Colors-Fuchsia-500)',
481
- 600: 'var(--Colors-Fuchsia-600)',
482
- 700: 'var(--Colors-Fuchsia-700)',
483
- 800: 'var(--Colors-Fuchsia-800)',
484
- 900: 'var(--Colors-Fuchsia-900)',
485
- 950: 'var(--Colors-Fuchsia-950)',
486
- },
487
-
488
- pink: {
489
- 25: 'var(--Colors-Pink-25)',
490
- 50: 'var(--Colors-Pink-50)',
491
- 100: 'var(--Colors-Pink-100)',
492
- 200: 'var(--Colors-Pink-200)',
493
- 300: 'var(--Colors-Pink-300)',
494
- 400: 'var(--Colors-Pink-400)',
495
- 500: 'var(--Colors-Pink-500)',
496
- 600: 'var(--Colors-Pink-600)',
497
- 700: 'var(--Colors-Pink-700)',
498
- 800: 'var(--Colors-Pink-800)',
499
- 900: 'var(--Colors-Pink-900)',
500
- 950: 'var(--Colors-Pink-950)',
501
- },
502
-
503
- rosé: {
504
- 25: 'var(--Colors-Rosé-25)',
505
- 50: 'var(--Colors-Rosé-50)',
506
- 100: 'var(--Colors-Rosé-100)',
507
- 200: 'var(--Colors-Rosé-200)',
508
- 300: 'var(--Colors-Rosé-300)',
509
- 400: 'var(--Colors-Rosé-400)',
510
- 500: 'var(--Colors-Rosé-500)',
511
- 600: 'var(--Colors-Rosé-600)',
512
- 700: 'var(--Colors-Rosé-700)',
513
- 800: 'var(--Colors-Rosé-800)',
514
- 900: 'var(--Colors-Rosé-900)',
515
- 950: 'var(--Colors-Rosé-950)',
516
- },
517
-
518
- orange: {
519
- 25: 'var(--Colors-Orange-25)',
520
- 50: 'var(--Colors-Orange-50)',
521
- 100: 'var(--Colors-Orange-100)',
522
- 200: 'var(--Colors-Orange-200)',
523
- 300: 'var(--Colors-Orange-300)',
524
- 400: 'var(--Colors-Orange-400)',
525
- 500: 'var(--Colors-Orange-500)',
526
- 600: 'var(--Colors-Orange-600)',
527
- 700: 'var(--Colors-Orange-700)',
528
- 800: 'var(--Colors-Orange-800)',
529
- 900: 'var(--Colors-Orange-900)',
530
- 950: 'var(--Colors-Orange-950)',
531
-
532
- dark: {
533
- 25: 'var(--Colors-Orange-dark-25)',
534
- 50: 'var(--Colors-Orange-dark-50)',
535
- 100: 'var(--Colors-Orange-dark-100)',
536
- 200: 'var(--Colors-Orange-dark-200)',
537
- 300: 'var(--Colors-Orange-dark-300)',
538
- 400: 'var(--Colors-Orange-dark-400)',
539
- 500: 'var(--Colors-Orange-dark-500)',
540
- 600: 'var(--Colors-Orange-dark-600)',
541
- 700: 'var(--Colors-Orange-dark-700)',
542
- 800: 'var(--Colors-Orange-dark-800)',
543
- 900: 'var(--Colors-Orange-dark-900)',
544
- 950: 'var(--Colors-Orange-dark-950)',
545
- },
546
- },
547
-
548
- yellow: {
549
- 25: 'var(--Colors-Yellow-25)',
550
- 50: 'var(--Colors-Yellow-50)',
551
- 100: 'var(--Colors-Yellow-100)',
552
- 200: 'var(--Colors-Yellow-200)',
553
- 300: 'var(--Colors-Yellow-300)',
554
- 400: 'var(--Colors-Yellow-400)',
555
- 500: 'var(--Colors-Yellow-500)',
556
- 600: 'var(--Colors-Yellow-600)',
557
- 700: 'var(--Colors-Yellow-700)',
558
- 800: 'var(--Colors-Yellow-800)',
559
- 900: 'var(--Colors-Yellow-900)',
560
- 950: 'var(--Colors-Yellow-950)',
561
- },
562
-
563
- alpha: {
564
- white: {
565
- 10: 'var(--Component-colors-Alpha-alpha-white-10)',
566
- 20: 'var(--Component-colors-Alpha-alpha-white-20)',
567
- 30: 'var(--Component-colors-Alpha-alpha-white-30)',
568
- 40: 'var(--Component-colors-Alpha-alpha-white-40)',
569
- 50: 'var(--Component-colors-Alpha-alpha-white-50)',
570
- 60: 'var(--Component-colors-Alpha-alpha-white-60)',
571
- 70: 'var(--Component-colors-Alpha-alpha-white-70)',
572
- 80: 'var(--Component-colors-Alpha-alpha-white-80)',
573
- 90: 'var(--Component-colors-Alpha-alpha-white-90)',
574
- 100: 'var(--Component-colors-Alpha-alpha-white-100)',
575
- },
576
-
577
- black: {
578
- 10: 'var(--Component-colors-Alpha-alpha-black-10)',
579
- 20: 'var(--Component-colors-Alpha-alpha-black-20)',
580
- 30: 'var(--Component-colors-Alpha-alpha-black-30)',
581
- 40: 'var(--Component-colors-Alpha-alpha-black-40)',
582
- 50: 'var(--Component-colors-Alpha-alpha-black-50)',
583
- 60: 'var(--Component-colors-Alpha-alpha-black-60)',
584
- 70: 'var(--Component-colors-Alpha-alpha-black-70)',
585
- 80: 'var(--Component-colors-Alpha-alpha-black-80)',
586
- 90: 'var(--Component-colors-Alpha-alpha-black-90)',
587
- 100: 'var(--Component-colors-Alpha-alpha-black-100)',
588
- },
589
- },
590
-
591
- shadow: {
592
- xs: 'var(--Colors-Effects-Shadows-shadow-xs)',
593
- sm_01: 'var(--Colors-Effects-Shadows-shadow-sm_01)',
594
- sm_02: 'var(--Colors-Effects-Shadows-shadow-sm_02)',
595
- md_01: 'var(--Colors-Effects-Shadows-shadow-md_01)',
596
- md_02: 'var(--Colors-Effects-Shadows-shadow-md_02)',
597
- lg_01: 'var(--Colors-Effects-Shadows-shadow-lg_01)',
598
- lg_02: 'var(--Colors-Effects-Shadows-shadow-lg_02)',
599
- lg_03: 'var(--Colors-Effects-Shadows-shadow-lg_03)',
600
- xl_01: 'var(--Colors-Effects-Shadows-shadow-xl_01)',
601
- xl_02: 'var(--Colors-Effects-Shadows-shadow-xl_02)',
602
- xl_03: 'var(--Colors-Effects-Shadows-shadow-xl_03)',
603
- '2xl_01': 'var(--Colors-Effects-Shadows-shadow-2xl_01)',
604
- '2xl_02': 'var(--Colors-Effects-Shadows-shadow-2xl_02)',
605
- '3xl_01': 'var(--Colors-Effects-Shadows-shadow-3xl_01)',
606
- '3xl_02': 'var(--Colors-Effects-Shadows-shadow-3xl_02)',
607
- skeumorphic_inner: 'var(--Colors-Effects-Shadows-shadow-skeumorphic-inner)',
608
- skeumorphic_inner_border: 'var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border)',
609
- 'main-centre-md': 'var(--Colors-Effects-Portfolio-mockups-shadow-main-centre-md)',
610
- 'main-centre-lg': 'var(--Colors-Effects-Portfolio-mockups-shadow-main-centre-lg)',
611
- 'overlay-lg': 'var(--Colors-Effects-Portfolio-mockups-shadow-overlay-lg)',
612
- 'grid-md': 'var(--Colors-Effects-Portfolio-mockups-shadow-grid-md)',
613
- },
614
- }