-
Notifications
You must be signed in to change notification settings - Fork 3
/
spectrum-preset.js
565 lines (565 loc) · 23.9 KB
/
spectrum-preset.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
/** @type {import('tailwindcss').Config} */
module.exports = {
future: {
respectDefaultRingColorOpacity: true,
},
darkMode: ["class", '[style*="color-scheme: dark;"]'],
theme: {
extend: {
ringOffsetWidth: {
DEFAULT: "var(--spectrum-alias-focus-ring-gap)",
},
textColor: {
DEFAULT: "var(--spectrum-alias-text-color)",
},
ringOffsetColor: {
DEFAULT: "var(--spectrum-alias-background-color-default)",
},
outlineColor: {
DEFAULT: "var(--spectrum-alias-focus-ring-color)",
},
outlineOffset: {
DEFAULT: "var(--spectrum-alias-focus-ring-gap)",
},
outlineWidth: {
DEFAULT: "var(--spectrum-alias-focus-ring-size)",
/** For use when next to existing blue border. */
half: "calc(var(--spectrum-alias-focus-ring-size) / 2)",
double: "calc(var(--spectrum-alias-focus-ring-size) * 2)",
},
},
screens: {
xs: "304px",
sm: "768px",
md: "1280px",
lg: "1768px",
xl: "2160px",
},
/** https://spectrum.adobe.com/page/color-system/ */
colors: {
white: "var(--spectrum-global-color-static-white)",
black: "var(--spectrum-global-color-static-black)",
transparent: "var(--spectrum-alias-global-color-transparent)",
gray: {
50: "var(--spectrum-gray-50)",
75: "var(--spectrum-gray-75)",
100: "var(--spectrum-gray-100)",
200: "var(--spectrum-gray-200)",
300: "var(--spectrum-gray-300)",
400: "var(--spectrum-gray-400)",
500: "var(--spectrum-gray-500)",
600: "var(--spectrum-gray-600)",
700: "var(--spectrum-gray-700)",
800: "var(--spectrum-gray-800)",
900: "var(--spectrum-gray-900)",
},
blue: {
DEFAULT: "var(--spectrum-global-color-static-blue)",
100: "var(--spectrum-blue-100)",
200: "var(--spectrum-blue-200)",
300: "var(--spectrum-blue-300)",
400: "var(--spectrum-blue-400)",
500: "var(--spectrum-blue-500)",
600: "var(--spectrum-blue-600)",
700: "var(--spectrum-blue-700)",
800: "var(--spectrum-blue-800)",
900: "var(--spectrum-blue-900)",
1000: "var(--spectrum-blue-1000)",
1100: "var(--spectrum-blue-1100)",
1200: "var(--spectrum-blue-1200)",
1300: "var(--spectrum-blue-1300)",
1400: "var(--spectrum-blue-1400)",
},
green: {
100: "var(--spectrum-green-100)",
200: "var(--spectrum-green-200)",
300: "var(--spectrum-green-300)",
400: "var(--spectrum-green-400)",
500: "var(--spectrum-green-500)",
600: "var(--spectrum-green-600)",
700: "var(--spectrum-green-700)",
800: "var(--spectrum-green-800)",
900: "var(--spectrum-green-900)",
1000: "var(--spectrum-green-1000)",
1100: "var(--spectrum-green-1100)",
1200: "var(--spectrum-green-1200)",
1300: "var(--spectrum-green-1300)",
1400: "var(--spectrum-green-1400)",
},
orange: {
100: "var(--spectrum-orange-100)",
200: "var(--spectrum-orange-200)",
300: "var(--spectrum-orange-300)",
400: "var(--spectrum-orange-400)",
500: "var(--spectrum-orange-500)",
600: "var(--spectrum-orange-600)",
700: "var(--spectrum-orange-700)",
800: "var(--spectrum-orange-800)",
900: "var(--spectrum-orange-900)",
1000: "var(--spectrum-orange-1000)",
1100: "var(--spectrum-orange-1100)",
1200: "var(--spectrum-orange-1200)",
1300: "var(--spectrum-orange-1300)",
1400: "var(--spectrum-orange-1400)",
},
red: {
100: "var(--spectrum-red-100)",
200: "var(--spectrum-red-200)",
300: "var(--spectrum-red-300)",
400: "var(--spectrum-red-400)",
500: "var(--spectrum-red-500)",
600: "var(--spectrum-red-600)",
700: "var(--spectrum-red-700)",
800: "var(--spectrum-red-800)",
900: "var(--spectrum-red-900)",
1000: "var(--spectrum-red-1000)",
1100: "var(--spectrum-red-1100)",
1200: "var(--spectrum-red-1200)",
1300: "var(--spectrum-red-1300)",
1400: "var(--spectrum-red-1400)",
},
celery: {
100: "var(--spectrum-celery-100)",
200: "var(--spectrum-celery-200)",
300: "var(--spectrum-celery-300)",
400: "var(--spectrum-celery-400)",
500: "var(--spectrum-celery-500)",
600: "var(--spectrum-celery-600)",
700: "var(--spectrum-celery-700)",
800: "var(--spectrum-celery-800)",
900: "var(--spectrum-celery-900)",
1000: "var(--spectrum-celery-1000)",
1100: "var(--spectrum-celery-1100)",
1200: "var(--spectrum-celery-1200)",
1300: "var(--spectrum-celery-1300)",
1400: "var(--spectrum-celery-1400)",
},
chartreuse: {
100: "var(--spectrum-chartreuse-100)",
200: "var(--spectrum-chartreuse-200)",
300: "var(--spectrum-chartreuse-300)",
400: "var(--spectrum-chartreuse-400)",
500: "var(--spectrum-chartreuse-500)",
600: "var(--spectrum-chartreuse-600)",
700: "var(--spectrum-chartreuse-700)",
800: "var(--spectrum-chartreuse-800)",
900: "var(--spectrum-chartreuse-900)",
1000: "var(--spectrum-chartreuse-1000)",
1100: "var(--spectrum-chartreuse-1100)",
1200: "var(--spectrum-chartreuse-1200)",
1300: "var(--spectrum-chartreuse-1300)",
1400: "var(--spectrum-chartreuse-1400)",
},
cyan: {
100: "var(--spectrum-cyan-100)",
200: "var(--spectrum-cyan-200)",
300: "var(--spectrum-cyan-300)",
400: "var(--spectrum-cyan-400)",
500: "var(--spectrum-cyan-500)",
600: "var(--spectrum-cyan-600)",
700: "var(--spectrum-cyan-700)",
800: "var(--spectrum-cyan-800)",
900: "var(--spectrum-cyan-900)",
1000: "var(--spectrum-cyan-1000)",
1100: "var(--spectrum-cyan-1100)",
1200: "var(--spectrum-cyan-1200)",
1300: "var(--spectrum-cyan-1300)",
1400: "var(--spectrum-cyan-1400)",
},
fuchsia: {
100: "var(--spectrum-fuchsia-100)",
200: "var(--spectrum-fuchsia-200)",
300: "var(--spectrum-fuchsia-300)",
400: "var(--spectrum-fuchsia-400)",
500: "var(--spectrum-fuchsia-500)",
600: "var(--spectrum-fuchsia-600)",
700: "var(--spectrum-fuchsia-700)",
800: "var(--spectrum-fuchsia-800)",
900: "var(--spectrum-fuchsia-900)",
1000: "var(--spectrum-fuchsia-1000)",
1100: "var(--spectrum-fuchsia-1100)",
1200: "var(--spectrum-fuchsia-1200)",
1300: "var(--spectrum-fuchsia-1300)",
1400: "var(--spectrum-fuchsia-1400)",
},
indigo: {
100: "var(--spectrum-indigo-100)",
200: "var(--spectrum-indigo-200)",
300: "var(--spectrum-indigo-300)",
400: "var(--spectrum-indigo-400)",
500: "var(--spectrum-indigo-500)",
600: "var(--spectrum-indigo-600)",
700: "var(--spectrum-indigo-700)",
800: "var(--spectrum-indigo-800)",
900: "var(--spectrum-indigo-900)",
1000: "var(--spectrum-indigo-1000)",
1100: "var(--spectrum-indigo-1100)",
1200: "var(--spectrum-indigo-1200)",
1300: "var(--spectrum-indigo-1300)",
1400: "var(--spectrum-indigo-1400)",
},
magenta: {
100: "var(--spectrum-magenta-100)",
200: "var(--spectrum-magenta-200)",
300: "var(--spectrum-magenta-300)",
400: "var(--spectrum-magenta-400)",
500: "var(--spectrum-magenta-500)",
600: "var(--spectrum-magenta-600)",
700: "var(--spectrum-magenta-700)",
800: "var(--spectrum-magenta-800)",
900: "var(--spectrum-magenta-900)",
1000: "var(--spectrum-magenta-1000)",
1100: "var(--spectrum-magenta-1100)",
1200: "var(--spectrum-magenta-1200)",
1300: "var(--spectrum-magenta-1300)",
1400: "var(--spectrum-magenta-1400)",
},
purple: {
100: "var(--spectrum-purple-100)",
200: "var(--spectrum-purple-200)",
300: "var(--spectrum-purple-300)",
400: "var(--spectrum-purple-400)",
500: "var(--spectrum-purple-500)",
600: "var(--spectrum-purple-600)",
700: "var(--spectrum-purple-700)",
800: "var(--spectrum-purple-800)",
900: "var(--spectrum-purple-900)",
1000: "var(--spectrum-purple-1000)",
1100: "var(--spectrum-purple-1100)",
1200: "var(--spectrum-purple-1200)",
1300: "var(--spectrum-purple-1300)",
1400: "var(--spectrum-purple-1400)",
},
seafoam: {
100: "var(--spectrum-seafoam-100)",
200: "var(--spectrum-seafoam-200)",
300: "var(--spectrum-seafoam-300)",
400: "var(--spectrum-seafoam-400)",
500: "var(--spectrum-seafoam-500)",
600: "var(--spectrum-seafoam-600)",
700: "var(--spectrum-seafoam-700)",
800: "var(--spectrum-seafoam-800)",
900: "var(--spectrum-seafoam-900)",
1000: "var(--spectrum-seafoam-1000)",
1100: "var(--spectrum-seafoam-1100)",
1200: "var(--spectrum-seafoam-1200)",
1300: "var(--spectrum-seafoam-1300)",
1400: "var(--spectrum-seafoam-1400)",
},
yellow: {
100: "var(--spectrum-yellow-100)",
200: "var(--spectrum-yellow-200)",
300: "var(--spectrum-yellow-300)",
400: "var(--spectrum-yellow-400)",
500: "var(--spectrum-yellow-500)",
600: "var(--spectrum-yellow-600)",
700: "var(--spectrum-yellow-700)",
800: "var(--spectrum-yellow-800)",
900: "var(--spectrum-yellow-900)",
1000: "var(--spectrum-yellow-1000)",
1100: "var(--spectrum-yellow-1100)",
1200: "var(--spectrum-yellow-1200)",
1300: "var(--spectrum-yellow-1300)",
1400: "var(--spectrum-yellow-1400)",
},
negative: {
DEFAULT: "var(--spectrum-red-900)",
background: "var(--spectrum-negative-background-color-default)",
hover: "var(--spectrum-red-1000)",
dark: "var(--spectrum-red-1000)",
border: "var(--spectrum-red-800)",
icon: "var(--spectrum-negative-visual-color)",
status: "var(--spectrum-negative-visual-color)",
textLarge: "var(--spectrum-red-900)",
textSmall: "var(--spectrum-red-900)",
down: "var(--spectrum-red-1100)",
focus: "var(--spectrum-red-1100)",
},
notice: {
DEFAULT: "var(--spectrum-orange-700)",
background: "var(--spectrum-orange-800)",
hover: "var(--spectrum-orange-600)",
dark: "var(--spectrum-orange-800)",
border: "var(--spectrum-orange-600)",
icon: "var(--spectrum-notice-visual-color)",
status: "var(--spectrum-notice-visual-color)",
textLarge: "var(--spectrum-orange-700)",
textSmall: "var(--spectrum-orange-800)",
down: "var(--spectrum-orange-900)",
focus: "var(--spectrum-orange-600)",
},
positive: {
DEFAULT: "var(--spectrum-green-900)",
background: "var(--spectrum-positive-background-color-default)",
// hover: "var(--spectrum-green-1000)",
dark: "var(--spectrum-green-1000)",
border: "var(--spectrum-green-800)",
icon: "var(--spectrum-positive-visual-color)",
status: "var(--spectrum-positive-visual-color)",
textLarge: "var(--spectrum-green-900)",
textSmall: "var(--spectrum-green-1000)",
down: "var(--spectrum-green-1100)",
focus: "var(--spectrum-green-800)",
},
informative: {
DEFAULT: "var(--spectrum-blue-900)",
background: "var(--spectrum-informative-background-color-default)",
// hover: "var(--spectrum-blue-1000)",
dark: "var(--spectrum-blue-1000)",
border: "var(--spectrum-blue-800)",
icon: "var(--spectrum-informative-visual-color)",
status: "var(--spectrum-informative-visual-color)",
textLarge: "var(--spectrum-blue-900)",
textSmall: "var(--spectrum-blue-1000)",
down: "var(--spectrum-blue-1100)",
focus: "var(--spectrum-blue-800)",
},
cta: {
background: {
DEFAULT: "var(--spectrum-accent-background-color-default)",
hover: "var(--spectrum-accent-background-color-hover)",
down: "var(--spectrum-accent-background-color-down)",
keyFocus: "var(--spectrum-accent-background-color-key-focus)",
},
},
accent: {
100: "var(--spectrum-blue-100)",
200: "var(--spectrum-blue-200)",
300: "var(--spectrum-blue-300)",
400: "var(--spectrum-blue-400)",
500: "var(--spectrum-blue-500)",
600: "var(--spectrum-blue-600)",
700: "var(--spectrum-blue-700)",
800: "var(--spectrum-blue-800)",
900: "var(--spectrum-blue-900)",
1000: "var(--spectrum-blue-1000)",
1100: "var(--spectrum-blue-1100)",
1200: "var(--spectrum-blue-1200)",
1300: "var(--spectrum-blue-1300)",
1400: "var(--spectrum-blue-1400)",
},
background: {
DEFAULT: "var(--spectrum-alias-background-color-default)",
disabled: "var(--spectrum-alias-background-color-disabled)",
transparent: "var(--spectrum-alias-background-color-transparent)",
},
text: {
DEFAULT: "var(--spectrum-alias-text-color)",
hover: "var(--spectrum-alias-text-color-hover)",
down: "var(--spectrum-alias-text-color-down)",
"key-focus": "var(--spectrum-alias-text-color-key-focus)",
"mouse-focus": "var(--spectrum-alias-text-color-mouse-focus)",
disabled: "var(--spectrum-alias-text-color-disabled)",
invalid: "var(--spectrum-alias-text-color-invalid)",
selected: "var(--spectrum-alias-text-color-selected)",
"selected-neutral": "var(--spectrum-alias-text-color-selected-neutral)",
},
border: {
DEFAULT: "var(--spectrum-alias-border-color)",
hover: "var(--spectrum-alias-border-color-hover)",
down: "var(--spectrum-alias-border-color-down)",
focus: "var(--spectrum-alias-border-color-focus)",
"mouse-focus": "var(--spectrum-alias-border-color-mouse-focus)",
disabled: "var(--spectrum-alias-border-color-disabled)",
extralight: "var(--spectrum-alias-border-color-extralight)",
light: "var(--spectrum-alias-border-color-light)",
mid: "var(--spectrum-alias-border-color-mid)",
dark: "var(--spectrum-alias-border-color-dark)",
transparent: "var(--spectrum-alias-border-color-transparent)",
"translucent-dark":
"var(--spectrum-alias-border-color-translucent-dark)",
"translucent-darker":
"var(--spectrum-alias-border-color-transparent-darker)",
},
focus: {
DEFAULT: "var(--spectrum-alias-focus-color)",
},
"focus-ring": {
DEFAULT: "var(--spectrum-alias-focus-ring-color)",
},
icon: {
DEFAULT: "var(--spectrum-alias-icon-color)",
"over-background": "var(--spectrum-alias-icon-color-over-background)",
hover: "var(--spectrum-alias-icon-color-hover)",
down: "var(--spectrum-alias-icon-color-down)",
focus: "var(--spectrum-alias-icon-color-focus)",
disabled: "var(--spectrum-alias-icon-color-disabled)",
"selected-neutral": "var(--spectrum-alias-icon-color-selected-neutral)",
selected: "var(--spectrum-alias-icon-color-selected)",
"selected-hover": "var(--spectrum-alias-icon-color-selected-hover)",
"selected-down": "var(--spectrum-alias-icon-color-selected-down)",
"selected-focus": "var(--spectrum-alias-icon-color-selected-focus)",
error: "var(--spectrum-alias-icon-color-error)",
},
},
/** https://spectrum.adobe.com/page/states/#Keyboard-focus */
ringColor: {
DEFAULT: "var(--spectrum-alias-focus-ring-color)",
},
ringOpacity: {
DEFAULT: "1",
},
ringWidth: {
DEFAULT: "var(--spectrum-alias-focus-ring-size)",
/** For use when next to existing blue border. */
half: "calc(var(--spectrum-alias-focus-ring-size) / 2)",
},
/** https://spectrum.adobe.com/page/object-styles/#Drop-shadow */
dropShadow: {
DEFAULT:
"0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color)",
},
/** https://spectrum.adobe.com/page/object-styles/#Border-width */
borderWidth: {
DEFAULT: "var(--spectrum-alias-border-size-thin)",
none: "0",
thin: "var(--spectrum-alias-border-size-thin)",
thick: "var(--spectrum-alias-border-size-thick)",
thicker: "var(--spectrum-alias-border-size-thicker)",
thickest: "var(--spectrum-alias-border-size-thickest)",
},
/** https://spectrum.adobe.com/page/object-styles/#Rounding */
borderRadius: {
DEFAULT: "var(--spectrum-alias-border-radius-regular)",
xsmall: "var(--spectrum-alias-border-radius-xsmall)",
small: "var(--spectrum-alias-border-radius-small)",
regular: "var(--spectrum-alias-border-radius-regular)",
medium: "var(--spectrum-alias-border-radius-medium)",
large: "var(--spectrum-alias-border-radius-large)",
full: "9999px",
},
/** https://spectrum.adobe.com/page/typography/#Font-sizes */
fontSize: {
DEFAULT: "var(--spectrum-alias-font-size-default)",
xs: "var(--spectrum-global-dimension-font-size-50)",
sm: "var(--spectrum-global-dimension-font-size-75)",
base: "var(--spectrum-alias-font-size-default)",
lg: "var(--spectrum-global-dimension-font-size-200)",
xl: "var(--spectrum-global-dimension-font-size-300)",
"2xl": "var(--spectrum-global-dimension-font-size-400)",
"3xl": "var(--spectrum-global-dimension-font-size-500)",
"4xl": "var(--spectrum-global-dimension-font-size-600)",
"5xl": "var(--spectrum-global-dimension-font-size-700)",
"6xl": "var(--spectrum-global-dimension-font-size-800)",
"7xl": "var(--spectrum-global-dimension-font-size-900)",
"8xl": "var(--spectrum-global-dimension-font-size-1000)",
"9xl": "var(--spectrum-global-dimension-font-size-1100)",
"10xl": "var(--spectrum-global-dimension-font-size-1200)",
"11xl": "var(--spectrum-global-dimension-font-size-1300)",
},
fontWeight: {
DEFAULT: "var(--spectrum-global-font-weight-regular)",
thin: "var(--spectrum-global-font-weight-thin)",
"ultra-light": "var(--spectrum-global-font-weight-ultra-light)",
light: "var(--spectrum-global-font-weight-light)",
regular: "var(--spectrum-global-font-weight-regular)",
medium: "var(--spectrum-global-font-weight-medium)",
semibold: "var(--spectrum-global-font-weight-semi-bold)",
bold: "var(--spectrum-global-font-weight-bold)",
"extra-bold": "var(--spectrum-global-font-weight-extra-bold)",
black: "var(--spectrum-global-font-weight-black)",
},
letterSpacing: {
DEFAULT: "var(--spectrum-global-font-letter-spacing-medium)",
none: "var(--spectrum-global-font-letter-spacing-none)",
small: "var(--spectrum-global-font-letter-spacing-small)",
hand: "var(--spectrum-global-font-letter-spacing-han)",
medium: "var(--spectrum-global-font-letter-spacing-medium)",
},
lineHeight: {
DEFAULT: "var(--spectrum-global-font-line-height-medium)",
small: "var(--spectrum-global-font-line-height-small)",
medium: "var(--spectrum-global-font-line-height-medium)",
large: "var(--spectrum-global-font-line-height-large)",
},
/** https://spectrum.adobe.com/page/motion/ */
transitionTimingFunction: {
"ease-in-out": "cubic-bezier(.45, 0, .40, 1)",
"ease-in": "cubic-bezier(.50, 0, 1, 1)",
"ease-out": "cubic-bezier(0, 0, 0.40, 1)",
linear: "cubic-bezier(0, 0, 1, 1)",
},
transitionDuration: {
none: "var(--spectrum-global-animation-duration-0)",
0: "var(--spectrum-global-animation-duration-0)",
100: "var(--spectrum-global-animation-duration-100)",
200: "var(--spectrum-global-animation-duration-200)",
300: "var(--spectrum-global-animation-duration-300)",
400: "var(--spectrum-global-animation-duration-400)",
500: "var(--spectrum-global-animation-duration-500)",
600: "var(--spectrum-global-animation-duration-600)",
700: "var(--spectrum-global-animation-duration-700)",
800: "var(--spectrum-global-animation-duration-800)",
900: "var(--spectrum-global-animation-duration-900)",
1000: "var(--spectrum-global-animation-duration-1000)",
2000: "var(--spectrum-global-animation-duration-2000)",
4000: "var(--spectrum-global-animation-duration-4000)",
},
spacing: {
0: "var(--spectrum-global-dimension-size-0)",
10: "var(--spectrum-global-dimension-size-10)",
25: "var(--spectrum-global-dimension-size-25)",
40: "var(--spectrum-global-dimension-size-40)",
50: "var(--spectrum-global-dimension-size-50)",
65: "var(--spectrum-global-dimension-size-65)",
75: "var(--spectrum-global-dimension-size-75)",
85: "var(--spectrum-global-dimension-size-85)",
100: "var(--spectrum-global-dimension-size-100)",
115: "var(--spectrum-global-dimension-size-115)",
125: "var(--spectrum-global-dimension-size-125)",
130: "var(--spectrum-global-dimension-size-130)",
150: "var(--spectrum-global-dimension-size-150)",
160: "var(--spectrum-global-dimension-size-160)",
175: "var(--spectrum-global-dimension-size-175)",
200: "var(--spectrum-global-dimension-size-200)",
225: "var(--spectrum-global-dimension-size-225)",
250: "var(--spectrum-global-dimension-size-250)",
275: "var(--spectrum-global-dimension-size-275)",
300: "var(--spectrum-global-dimension-size-300)",
325: "var(--spectrum-global-dimension-size-325)",
350: "var(--spectrum-global-dimension-size-350)",
400: "var(--spectrum-global-dimension-size-400)",
450: "var(--spectrum-global-dimension-size-450)",
500: "var(--spectrum-global-dimension-size-500)",
550: "var(--spectrum-global-dimension-size-550)",
600: "var(--spectrum-global-dimension-size-600)",
675: "var(--spectrum-global-dimension-size-675)",
700: "var(--spectrum-global-dimension-size-700)",
800: "var(--spectrum-global-dimension-size-800)",
900: "var(--spectrum-global-dimension-size-900)",
1000: "var(--spectrum-global-dimension-size-1000)",
1200: "var(--spectrum-global-dimension-size-1200)",
1250: "var(--spectrum-global-dimension-size-1250)",
1600: "var(--spectrum-global-dimension-size-1600)",
1700: "var(--spectrum-global-dimension-size-1700)",
2000: "var(--spectrum-global-dimension-size-2000)",
2400: "var(--spectrum-global-dimension-size-2400)",
3000: "var(--spectrum-global-dimension-size-3000)",
3400: "var(--spectrum-global-dimension-size-3400)",
3600: "var( --spectrum-global-dimension-size-3600)",
4600: "var(--spectrum-global-dimension-size-4600)",
5000: "var(--spectrum-global-dimension-size-5000)",
6000: "var(--spectrum-global-dimension-size-6000)",
},
opacity: {
100: "var(--spectrum-global-color-opacity-100)",
90: "var(--spectrum-global-color-opacity-90)",
80: "var(--spectrum-global-color-opacity-80)",
60: "var(--spectrum-global-color-opacity-60)",
50: "var(--spectrum-global-color-opacity-50)",
42: "var(--spectrum-global-color-opacity-42)",
40: "var(--spectrum-global-color-opacity-40)",
30: "var(--spectrum-global-color-opacity-30)",
25: "var(--spectrum-global-color-opacity-25)",
20: "var(--spectrum-global-color-opacity-20)",
15: "var(--spectrum-global-color-opacity-15)",
10: "var(--spectrum-global-color-opacity-10)",
8: "var(--spectrum-global-color-opacity-8)",
7: "var(--spectrum-global-color-opacity-7)",
6: "var(--spectrum-global-color-opacity-6)",
5: "var(--spectrum-global-color-opacity-5)",
4: "var(--spectrum-global-color-opacity-4)",
},
},
plugins: [require("tailwindcss-animate")],
};