@oxide/design-system 2.5.2--canary.d7e0dae.0 → 2.6.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.
@@ -0,0 +1,2988 @@
1
+ /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
2
+
3
+ export const textUtilities = {
4
+ '.text-mono-xs': {
5
+ 'font-family': '"GT America Mono", monospace',
6
+ 'font-weight': '400',
7
+ 'line-height': '1rem',
8
+ 'font-size': '0.6875rem',
9
+ 'letter-spacing': '0.04rem',
10
+ 'text-transform': 'uppercase',
11
+ 'font-feature-settings':
12
+ '"ss02" on,"ss03" on,"ss09" on,"ss06" on,"ss07" on,"ss08" on,"calt" off',
13
+ },
14
+ '.text-mono-sm': {
15
+ 'font-family': '"GT America Mono", monospace',
16
+ 'font-weight': '400',
17
+ 'line-height': '1rem',
18
+ 'font-size': '0.75rem',
19
+ 'letter-spacing': '0.04rem',
20
+ 'text-transform': 'uppercase',
21
+ 'font-feature-settings':
22
+ '"ss02" on,"ss03" on,"ss09" on,"ss06" on,"ss07" on,"ss08" on,"calt" off',
23
+ },
24
+ '.text-mono-code': {
25
+ 'font-family': '"GT America Mono", monospace',
26
+ 'font-weight': '400',
27
+ 'line-height': '1rem',
28
+ 'font-size': '0.75rem',
29
+ 'letter-spacing': '0rem',
30
+ 'font-feature-settings':
31
+ '"ss02" on,"ss03" on,"ss09" on,"ss06" on,"ss07" on,"ss08" on,"calt" off',
32
+ },
33
+ '.text-mono-md': {
34
+ 'font-family': '"GT America Mono", monospace',
35
+ 'font-weight': '400',
36
+ 'line-height': '1.25rem',
37
+ 'font-size': '0.875rem',
38
+ 'letter-spacing': '0.04rem',
39
+ 'text-transform': 'uppercase',
40
+ 'font-feature-settings':
41
+ '"ss02" on,"ss03" on,"ss09" on,"ss06" on,"ss07" on,"ss08" on,"calt" off',
42
+ },
43
+ '.text-sans-sm': {
44
+ 'font-family':
45
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
46
+ 'font-weight': '400',
47
+ 'line-height': '1rem',
48
+ 'font-size': '0.75rem',
49
+ 'letter-spacing': '0.04rem',
50
+ },
51
+ '.text-sans-md': {
52
+ 'font-family':
53
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
54
+ 'font-weight': '400',
55
+ 'line-height': '1.125rem',
56
+ 'font-size': '0.875rem',
57
+ 'letter-spacing': '0.04rem',
58
+ },
59
+ '.text-sans-lg': {
60
+ 'font-family':
61
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
62
+ 'font-weight': '400',
63
+ 'line-height': '1.5rem',
64
+ 'font-size': '1rem',
65
+ 'letter-spacing': '0.03rem',
66
+ },
67
+ '.text-sans-xl': {
68
+ 'font-family':
69
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
70
+ 'font-weight': '400',
71
+ 'line-height': '1.625rem',
72
+ 'font-size': '1.125rem',
73
+ 'letter-spacing': '0.02rem',
74
+ },
75
+ '.text-sans-2xl': {
76
+ 'font-family':
77
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
78
+ 'font-weight': '400',
79
+ 'line-height': '2rem',
80
+ 'font-size': '1.5625rem',
81
+ 'letter-spacing': '0.015rem',
82
+ },
83
+ '.text-sans-3xl': {
84
+ 'font-family':
85
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
86
+ 'font-weight': '400',
87
+ 'line-height': '2.625rem',
88
+ 'font-size': '2.25rem',
89
+ 'letter-spacing': '0.005rem',
90
+ },
91
+ '.text-sans-4xl': {
92
+ 'font-family':
93
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
94
+ 'font-weight': '400',
95
+ 'line-height': '3.625rem',
96
+ 'font-size': '3.25rem',
97
+ 'letter-spacing': '-0.01rem',
98
+ },
99
+ '.text-sans-semi-sm': {
100
+ 'font-family':
101
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
102
+ 'font-weight': '500',
103
+ 'line-height': '1rem',
104
+ 'font-size': '0.75rem',
105
+ 'letter-spacing': '0.04rem',
106
+ },
107
+ '.text-sans-semi-md': {
108
+ 'font-family':
109
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
110
+ 'font-weight': '500',
111
+ 'line-height': '1.125rem',
112
+ 'font-size': '0.875rem',
113
+ 'letter-spacing': '0.04rem',
114
+ },
115
+ '.text-sans-semi-lg': {
116
+ 'font-family':
117
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
118
+ 'font-weight': '500',
119
+ 'line-height': '1.5rem',
120
+ 'font-size': '1rem',
121
+ 'letter-spacing': '0.03rem',
122
+ },
123
+ '.text-sans-semi-xl': {
124
+ 'font-family':
125
+ 'SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',
126
+ 'font-weight': '500',
127
+ 'line-height': '1.625rem',
128
+ 'font-size': '1.125rem',
129
+ 'letter-spacing': '0.02rem',
130
+ },
131
+ }
132
+
133
+ export const colorUtilities = {
134
+ '.text-raise': {
135
+ color: 'var(--content-raise)',
136
+ '@supports (color: color(display-p3 1 1 1))': {
137
+ color: 'var(--content-raise-p3)',
138
+ },
139
+ },
140
+ '.text-default': {
141
+ color: 'var(--content-default)',
142
+ '@supports (color: color(display-p3 1 1 1))': {
143
+ color: 'var(--content-default-p3)',
144
+ },
145
+ },
146
+ '.text-secondary': {
147
+ color: 'var(--content-secondary)',
148
+ '@supports (color: color(display-p3 1 1 1))': {
149
+ color: 'var(--content-secondary-p3)',
150
+ },
151
+ },
152
+ '.text-tertiary': {
153
+ color: 'var(--content-tertiary)',
154
+ '@supports (color: color(display-p3 1 1 1))': {
155
+ color: 'var(--content-tertiary-p3)',
156
+ },
157
+ },
158
+ '.text-quaternary': {
159
+ color: 'var(--content-quaternary)',
160
+ '@supports (color: color(display-p3 1 1 1))': {
161
+ color: 'var(--content-quaternary-p3)',
162
+ },
163
+ },
164
+ '.text-disabled': {
165
+ color: 'var(--content-disabled)',
166
+ '@supports (color: color(display-p3 1 1 1))': {
167
+ color: 'var(--content-disabled-p3)',
168
+ },
169
+ },
170
+ '.text-accent': {
171
+ color: 'var(--content-accent)',
172
+ '@supports (color: color(display-p3 1 1 1))': {
173
+ color: 'var(--content-accent-p3)',
174
+ },
175
+ },
176
+ '.text-accent-secondary': {
177
+ color: 'var(--content-accent-secondary)',
178
+ '@supports (color: color(display-p3 1 1 1))': {
179
+ color: 'var(--content-accent-secondary-p3)',
180
+ },
181
+ },
182
+ '.text-accent-tertiary': {
183
+ color: 'var(--content-accent-tertiary)',
184
+ '@supports (color: color(display-p3 1 1 1))': {
185
+ color: 'var(--content-accent-tertiary-p3)',
186
+ },
187
+ },
188
+ '.text-accent-disabled': {
189
+ color: 'var(--content-accent-disabled)',
190
+ '@supports (color: color(display-p3 1 1 1))': {
191
+ color: 'var(--content-accent-disabled-p3)',
192
+ },
193
+ },
194
+ '.text-destructive': {
195
+ color: 'var(--content-destructive)',
196
+ '@supports (color: color(display-p3 1 1 1))': {
197
+ color: 'var(--content-destructive-p3)',
198
+ },
199
+ },
200
+ '.text-destructive-secondary': {
201
+ color: 'var(--content-destructive-secondary)',
202
+ '@supports (color: color(display-p3 1 1 1))': {
203
+ color: 'var(--content-destructive-secondary-p3)',
204
+ },
205
+ },
206
+ '.text-destructive-tertiary': {
207
+ color: 'var(--content-destructive-tertiary)',
208
+ '@supports (color: color(display-p3 1 1 1))': {
209
+ color: 'var(--content-destructive-tertiary-p3)',
210
+ },
211
+ },
212
+ '.text-destructive-disabled': {
213
+ color: 'var(--content-destructive-disabled)',
214
+ '@supports (color: color(display-p3 1 1 1))': {
215
+ color: 'var(--content-destructive-disabled-p3)',
216
+ },
217
+ },
218
+ '.text-success': {
219
+ color: 'var(--content-success)',
220
+ '@supports (color: color(display-p3 1 1 1))': {
221
+ color: 'var(--content-success-p3)',
222
+ },
223
+ },
224
+ '.text-success-secondary': {
225
+ color: 'var(--content-success-secondary)',
226
+ '@supports (color: color(display-p3 1 1 1))': {
227
+ color: 'var(--content-success-secondary-p3)',
228
+ },
229
+ },
230
+ '.text-success-tertiary': {
231
+ color: 'var(--content-success-tertiary)',
232
+ '@supports (color: color(display-p3 1 1 1))': {
233
+ color: 'var(--content-success-tertiary-p3)',
234
+ },
235
+ },
236
+ '.text-success-disabled': {
237
+ color: 'var(--content-success-disabled)',
238
+ '@supports (color: color(display-p3 1 1 1))': {
239
+ color: 'var(--content-success-disabled-p3)',
240
+ },
241
+ },
242
+ '.text-error': {
243
+ color: 'var(--content-error)',
244
+ '@supports (color: color(display-p3 1 1 1))': {
245
+ color: 'var(--content-error-p3)',
246
+ },
247
+ },
248
+ '.text-error-secondary': {
249
+ color: 'var(--content-error-secondary)',
250
+ '@supports (color: color(display-p3 1 1 1))': {
251
+ color: 'var(--content-error-secondary-p3)',
252
+ },
253
+ },
254
+ '.text-error-tertiary': {
255
+ color: 'var(--content-error-tertiary)',
256
+ '@supports (color: color(display-p3 1 1 1))': {
257
+ color: 'var(--content-error-tertiary-p3)',
258
+ },
259
+ },
260
+ '.text-error-disabled': {
261
+ color: 'var(--content-error-disabled)',
262
+ '@supports (color: color(display-p3 1 1 1))': {
263
+ color: 'var(--content-error-disabled-p3)',
264
+ },
265
+ },
266
+ '.text-notice': {
267
+ color: 'var(--content-notice)',
268
+ '@supports (color: color(display-p3 1 1 1))': {
269
+ color: 'var(--content-notice-p3)',
270
+ },
271
+ },
272
+ '.text-notice-secondary': {
273
+ color: 'var(--content-notice-secondary)',
274
+ '@supports (color: color(display-p3 1 1 1))': {
275
+ color: 'var(--content-notice-secondary-p3)',
276
+ },
277
+ },
278
+ '.text-notice-tertiary': {
279
+ color: 'var(--content-notice-tertiary)',
280
+ '@supports (color: color(display-p3 1 1 1))': {
281
+ color: 'var(--content-notice-tertiary-p3)',
282
+ },
283
+ },
284
+ '.text-notice-disabled': {
285
+ color: 'var(--content-notice-disabled)',
286
+ '@supports (color: color(display-p3 1 1 1))': {
287
+ color: 'var(--content-notice-disabled-p3)',
288
+ },
289
+ },
290
+ '.text-inverse': {
291
+ color: 'var(--content-inverse)',
292
+ '@supports (color: color(display-p3 1 1 1))': {
293
+ color: 'var(--content-inverse-p3)',
294
+ },
295
+ },
296
+ '.text-inverse-raise': {
297
+ color: 'var(--content-inverse-raise)',
298
+ '@supports (color: color(display-p3 1 1 1))': {
299
+ color: 'var(--content-inverse-raise-p3)',
300
+ },
301
+ },
302
+ '.text-inverse-secondary': {
303
+ color: 'var(--content-inverse-secondary)',
304
+ '@supports (color: color(display-p3 1 1 1))': {
305
+ color: 'var(--content-inverse-secondary-p3)',
306
+ },
307
+ },
308
+ '.text-info': {
309
+ color: 'var(--content-info)',
310
+ '@supports (color: color(display-p3 1 1 1))': {
311
+ color: 'var(--content-info-p3)',
312
+ },
313
+ },
314
+ '.text-info-secondary': {
315
+ color: 'var(--content-info-secondary)',
316
+ '@supports (color: color(display-p3 1 1 1))': {
317
+ color: 'var(--content-info-secondary-p3)',
318
+ },
319
+ },
320
+ '.text-info-tertiary': {
321
+ color: 'var(--content-info-tertiary)',
322
+ '@supports (color: color(display-p3 1 1 1))': {
323
+ color: 'var(--content-info-tertiary-p3)',
324
+ },
325
+ },
326
+ '.text-info-disabled': {
327
+ color: 'var(--content-info-disabled)',
328
+ '@supports (color: color(display-p3 1 1 1))': {
329
+ color: 'var(--content-info-disabled-p3)',
330
+ },
331
+ },
332
+ '.text-accent-100': {
333
+ color: 'var(--theme-accent-100)',
334
+ '@supports (color: color(display-p3 1 1 1))': {
335
+ color: 'var(--theme-accent-100-p3)',
336
+ },
337
+ },
338
+ '.text-accent-200': {
339
+ color: 'var(--theme-accent-200)',
340
+ '@supports (color: color(display-p3 1 1 1))': {
341
+ color: 'var(--theme-accent-200-p3)',
342
+ },
343
+ },
344
+ '.text-accent-300': {
345
+ color: 'var(--theme-accent-300)',
346
+ '@supports (color: color(display-p3 1 1 1))': {
347
+ color: 'var(--theme-accent-300-p3)',
348
+ },
349
+ },
350
+ '.text-accent-400': {
351
+ color: 'var(--theme-accent-400)',
352
+ '@supports (color: color(display-p3 1 1 1))': {
353
+ color: 'var(--theme-accent-400-p3)',
354
+ },
355
+ },
356
+ '.text-accent-500': {
357
+ color: 'var(--theme-accent-500)',
358
+ '@supports (color: color(display-p3 1 1 1))': {
359
+ color: 'var(--theme-accent-500-p3)',
360
+ },
361
+ },
362
+ '.text-accent-600': {
363
+ color: 'var(--theme-accent-600)',
364
+ '@supports (color: color(display-p3 1 1 1))': {
365
+ color: 'var(--theme-accent-600-p3)',
366
+ },
367
+ },
368
+ '.text-accent-700': {
369
+ color: 'var(--theme-accent-700)',
370
+ '@supports (color: color(display-p3 1 1 1))': {
371
+ color: 'var(--theme-accent-700-p3)',
372
+ },
373
+ },
374
+ '.text-accent-800': {
375
+ color: 'var(--theme-accent-800)',
376
+ '@supports (color: color(display-p3 1 1 1))': {
377
+ color: 'var(--theme-accent-800-p3)',
378
+ },
379
+ },
380
+ '.text-destructive-100': {
381
+ color: 'var(--theme-destructive-100)',
382
+ '@supports (color: color(display-p3 1 1 1))': {
383
+ color: 'var(--theme-destructive-100-p3)',
384
+ },
385
+ },
386
+ '.text-destructive-200': {
387
+ color: 'var(--theme-destructive-200)',
388
+ '@supports (color: color(display-p3 1 1 1))': {
389
+ color: 'var(--theme-destructive-200-p3)',
390
+ },
391
+ },
392
+ '.text-destructive-300': {
393
+ color: 'var(--theme-destructive-300)',
394
+ '@supports (color: color(display-p3 1 1 1))': {
395
+ color: 'var(--theme-destructive-300-p3)',
396
+ },
397
+ },
398
+ '.text-destructive-400': {
399
+ color: 'var(--theme-destructive-400)',
400
+ '@supports (color: color(display-p3 1 1 1))': {
401
+ color: 'var(--theme-destructive-400-p3)',
402
+ },
403
+ },
404
+ '.text-destructive-500': {
405
+ color: 'var(--theme-destructive-500)',
406
+ '@supports (color: color(display-p3 1 1 1))': {
407
+ color: 'var(--theme-destructive-500-p3)',
408
+ },
409
+ },
410
+ '.text-destructive-600': {
411
+ color: 'var(--theme-destructive-600)',
412
+ '@supports (color: color(display-p3 1 1 1))': {
413
+ color: 'var(--theme-destructive-600-p3)',
414
+ },
415
+ },
416
+ '.text-destructive-700': {
417
+ color: 'var(--theme-destructive-700)',
418
+ '@supports (color: color(display-p3 1 1 1))': {
419
+ color: 'var(--theme-destructive-700-p3)',
420
+ },
421
+ },
422
+ '.text-destructive-800': {
423
+ color: 'var(--theme-destructive-800)',
424
+ '@supports (color: color(display-p3 1 1 1))': {
425
+ color: 'var(--theme-destructive-800-p3)',
426
+ },
427
+ },
428
+ '.text-success-100': {
429
+ color: 'var(--theme-success-100)',
430
+ '@supports (color: color(display-p3 1 1 1))': {
431
+ color: 'var(--theme-success-100-p3)',
432
+ },
433
+ },
434
+ '.text-success-200': {
435
+ color: 'var(--theme-success-200)',
436
+ '@supports (color: color(display-p3 1 1 1))': {
437
+ color: 'var(--theme-success-200-p3)',
438
+ },
439
+ },
440
+ '.text-success-300': {
441
+ color: 'var(--theme-success-300)',
442
+ '@supports (color: color(display-p3 1 1 1))': {
443
+ color: 'var(--theme-success-300-p3)',
444
+ },
445
+ },
446
+ '.text-success-400': {
447
+ color: 'var(--theme-success-400)',
448
+ '@supports (color: color(display-p3 1 1 1))': {
449
+ color: 'var(--theme-success-400-p3)',
450
+ },
451
+ },
452
+ '.text-success-500': {
453
+ color: 'var(--theme-success-500)',
454
+ '@supports (color: color(display-p3 1 1 1))': {
455
+ color: 'var(--theme-success-500-p3)',
456
+ },
457
+ },
458
+ '.text-success-600': {
459
+ color: 'var(--theme-success-600)',
460
+ '@supports (color: color(display-p3 1 1 1))': {
461
+ color: 'var(--theme-success-600-p3)',
462
+ },
463
+ },
464
+ '.text-success-700': {
465
+ color: 'var(--theme-success-700)',
466
+ '@supports (color: color(display-p3 1 1 1))': {
467
+ color: 'var(--theme-success-700-p3)',
468
+ },
469
+ },
470
+ '.text-success-800': {
471
+ color: 'var(--theme-success-800)',
472
+ '@supports (color: color(display-p3 1 1 1))': {
473
+ color: 'var(--theme-success-800-p3)',
474
+ },
475
+ },
476
+ '.text-error-100': {
477
+ color: 'var(--theme-error-100)',
478
+ '@supports (color: color(display-p3 1 1 1))': {
479
+ color: 'var(--theme-error-100-p3)',
480
+ },
481
+ },
482
+ '.text-error-200': {
483
+ color: 'var(--theme-error-200)',
484
+ '@supports (color: color(display-p3 1 1 1))': {
485
+ color: 'var(--theme-error-200-p3)',
486
+ },
487
+ },
488
+ '.text-error-300': {
489
+ color: 'var(--theme-error-300)',
490
+ '@supports (color: color(display-p3 1 1 1))': {
491
+ color: 'var(--theme-error-300-p3)',
492
+ },
493
+ },
494
+ '.text-error-400': {
495
+ color: 'var(--theme-error-400)',
496
+ '@supports (color: color(display-p3 1 1 1))': {
497
+ color: 'var(--theme-error-400-p3)',
498
+ },
499
+ },
500
+ '.text-error-500': {
501
+ color: 'var(--theme-error-500)',
502
+ '@supports (color: color(display-p3 1 1 1))': {
503
+ color: 'var(--theme-error-500-p3)',
504
+ },
505
+ },
506
+ '.text-error-600': {
507
+ color: 'var(--theme-error-600)',
508
+ '@supports (color: color(display-p3 1 1 1))': {
509
+ color: 'var(--theme-error-600-p3)',
510
+ },
511
+ },
512
+ '.text-error-700': {
513
+ color: 'var(--theme-error-700)',
514
+ '@supports (color: color(display-p3 1 1 1))': {
515
+ color: 'var(--theme-error-700-p3)',
516
+ },
517
+ },
518
+ '.text-error-800': {
519
+ color: 'var(--theme-error-800)',
520
+ '@supports (color: color(display-p3 1 1 1))': {
521
+ color: 'var(--theme-error-800-p3)',
522
+ },
523
+ },
524
+ '.text-notice-100': {
525
+ color: 'var(--theme-notice-100)',
526
+ '@supports (color: color(display-p3 1 1 1))': {
527
+ color: 'var(--theme-notice-100-p3)',
528
+ },
529
+ },
530
+ '.text-notice-200': {
531
+ color: 'var(--theme-notice-200)',
532
+ '@supports (color: color(display-p3 1 1 1))': {
533
+ color: 'var(--theme-notice-200-p3)',
534
+ },
535
+ },
536
+ '.text-notice-300': {
537
+ color: 'var(--theme-notice-300)',
538
+ '@supports (color: color(display-p3 1 1 1))': {
539
+ color: 'var(--theme-notice-300-p3)',
540
+ },
541
+ },
542
+ '.text-notice-400': {
543
+ color: 'var(--theme-notice-400)',
544
+ '@supports (color: color(display-p3 1 1 1))': {
545
+ color: 'var(--theme-notice-400-p3)',
546
+ },
547
+ },
548
+ '.text-notice-500': {
549
+ color: 'var(--theme-notice-500)',
550
+ '@supports (color: color(display-p3 1 1 1))': {
551
+ color: 'var(--theme-notice-500-p3)',
552
+ },
553
+ },
554
+ '.text-notice-600': {
555
+ color: 'var(--theme-notice-600)',
556
+ '@supports (color: color(display-p3 1 1 1))': {
557
+ color: 'var(--theme-notice-600-p3)',
558
+ },
559
+ },
560
+ '.text-notice-700': {
561
+ color: 'var(--theme-notice-700)',
562
+ '@supports (color: color(display-p3 1 1 1))': {
563
+ color: 'var(--theme-notice-700-p3)',
564
+ },
565
+ },
566
+ '.text-notice-800': {
567
+ color: 'var(--theme-notice-800)',
568
+ '@supports (color: color(display-p3 1 1 1))': {
569
+ color: 'var(--theme-notice-800-p3)',
570
+ },
571
+ },
572
+ '.text-info-100': {
573
+ color: 'var(--theme-info-100)',
574
+ '@supports (color: color(display-p3 1 1 1))': {
575
+ color: 'var(--theme-info-100-p3)',
576
+ },
577
+ },
578
+ '.text-info-200': {
579
+ color: 'var(--theme-info-200)',
580
+ '@supports (color: color(display-p3 1 1 1))': {
581
+ color: 'var(--theme-info-200-p3)',
582
+ },
583
+ },
584
+ '.text-info-300': {
585
+ color: 'var(--theme-info-300)',
586
+ '@supports (color: color(display-p3 1 1 1))': {
587
+ color: 'var(--theme-info-300-p3)',
588
+ },
589
+ },
590
+ '.text-info-400': {
591
+ color: 'var(--theme-info-400)',
592
+ '@supports (color: color(display-p3 1 1 1))': {
593
+ color: 'var(--theme-info-400-p3)',
594
+ },
595
+ },
596
+ '.text-info-500': {
597
+ color: 'var(--theme-info-500)',
598
+ '@supports (color: color(display-p3 1 1 1))': {
599
+ color: 'var(--theme-info-500-p3)',
600
+ },
601
+ },
602
+ '.text-info-600': {
603
+ color: 'var(--theme-info-600)',
604
+ '@supports (color: color(display-p3 1 1 1))': {
605
+ color: 'var(--theme-info-600-p3)',
606
+ },
607
+ },
608
+ '.text-info-700': {
609
+ color: 'var(--theme-info-700)',
610
+ '@supports (color: color(display-p3 1 1 1))': {
611
+ color: 'var(--theme-info-700-p3)',
612
+ },
613
+ },
614
+ '.text-info-800': {
615
+ color: 'var(--theme-info-800)',
616
+ '@supports (color: color(display-p3 1 1 1))': {
617
+ color: 'var(--theme-info-800-p3)',
618
+ },
619
+ },
620
+ '.bg-default': {
621
+ 'background-color': 'var(--surface-default)',
622
+ '@supports (color: color(display-p3 1 1 1))': {
623
+ 'background-color': 'var(--surface-default-p3)',
624
+ },
625
+ },
626
+ '.bg-hover': {
627
+ 'background-color': 'var(--surface-hover)',
628
+ '@supports (color: color(display-p3 1 1 1))': {
629
+ 'background-color': 'var(--surface-hover-p3)',
630
+ },
631
+ },
632
+ '.bg-raise': {
633
+ 'background-color': 'var(--surface-raise)',
634
+ '@supports (color: color(display-p3 1 1 1))': {
635
+ 'background-color': 'var(--surface-raise-p3)',
636
+ },
637
+ },
638
+ '.bg-secondary': {
639
+ 'background-color': 'var(--surface-secondary)',
640
+ '@supports (color: color(display-p3 1 1 1))': {
641
+ 'background-color': 'var(--surface-secondary-p3)',
642
+ },
643
+ },
644
+ '.bg-tertiary': {
645
+ 'background-color': 'var(--surface-tertiary)',
646
+ '@supports (color: color(display-p3 1 1 1))': {
647
+ 'background-color': 'var(--surface-tertiary-p3)',
648
+ },
649
+ },
650
+ '.bg-disabled': {
651
+ 'background-color': 'var(--surface-disabled)',
652
+ '@supports (color: color(display-p3 1 1 1))': {
653
+ 'background-color': 'var(--surface-disabled-p3)',
654
+ },
655
+ },
656
+ /* Command menu backdrop */
657
+ '.bg-scrim': {
658
+ 'background-color': 'var(--surface-scrim)',
659
+ '@supports (color: color(display-p3 1 1 1))': {
660
+ 'background-color': 'var(--surface-scrim-p3)',
661
+ },
662
+ },
663
+ '.bg-accent': {
664
+ 'background-color': 'var(--surface-accent)',
665
+ '@supports (color: color(display-p3 1 1 1))': {
666
+ 'background-color': 'var(--surface-accent-p3)',
667
+ },
668
+ },
669
+ '.bg-accent-hover': {
670
+ 'background-color': 'var(--surface-accent-hover)',
671
+ '@supports (color: color(display-p3 1 1 1))': {
672
+ 'background-color': 'var(--surface-accent-hover-p3)',
673
+ },
674
+ },
675
+ '.bg-accent-secondary': {
676
+ 'background-color': 'var(--surface-accent-secondary)',
677
+ '@supports (color: color(display-p3 1 1 1))': {
678
+ 'background-color': 'var(--surface-accent-secondary-p3)',
679
+ },
680
+ },
681
+ '.bg-accent-secondary-hover': {
682
+ 'background-color': 'var(--surface-accent-secondary-hover)',
683
+ '@supports (color: color(display-p3 1 1 1))': {
684
+ 'background-color': 'var(--surface-accent-secondary-hover-p3)',
685
+ },
686
+ },
687
+ '.bg-destructive': {
688
+ 'background-color': 'var(--surface-destructive)',
689
+ '@supports (color: color(display-p3 1 1 1))': {
690
+ 'background-color': 'var(--surface-destructive-p3)',
691
+ },
692
+ },
693
+ '.bg-destructive-hover': {
694
+ 'background-color': 'var(--surface-destructive-hover)',
695
+ '@supports (color: color(display-p3 1 1 1))': {
696
+ 'background-color': 'var(--surface-destructive-hover-p3)',
697
+ },
698
+ },
699
+ '.bg-destructive-secondary': {
700
+ 'background-color': 'var(--surface-destructive-secondary)',
701
+ '@supports (color: color(display-p3 1 1 1))': {
702
+ 'background-color': 'var(--surface-destructive-secondary-p3)',
703
+ },
704
+ },
705
+ '.bg-destructive-secondary-hover': {
706
+ 'background-color': 'var(--surface-destructive-secondary-hover)',
707
+ '@supports (color: color(display-p3 1 1 1))': {
708
+ 'background-color': 'var(--surface-destructive-secondary-hover-p3)',
709
+ },
710
+ },
711
+ '.bg-notice': {
712
+ 'background-color': 'var(--surface-notice)',
713
+ '@supports (color: color(display-p3 1 1 1))': {
714
+ 'background-color': 'var(--surface-notice-p3)',
715
+ },
716
+ },
717
+ '.bg-notice-hover': {
718
+ 'background-color': 'var(--surface-notice-hover)',
719
+ '@supports (color: color(display-p3 1 1 1))': {
720
+ 'background-color': 'var(--surface-notice-hover-p3)',
721
+ },
722
+ },
723
+ '.bg-notice-secondary': {
724
+ 'background-color': 'var(--surface-notice-secondary)',
725
+ '@supports (color: color(display-p3 1 1 1))': {
726
+ 'background-color': 'var(--surface-notice-secondary-p3)',
727
+ },
728
+ },
729
+ '.bg-notice-secondary-hover': {
730
+ 'background-color': 'var(--surface-notice-secondary-hover)',
731
+ '@supports (color: color(display-p3 1 1 1))': {
732
+ 'background-color': 'var(--surface-notice-secondary-hover-p3)',
733
+ },
734
+ },
735
+ '.bg-success': {
736
+ 'background-color': 'var(--surface-success)',
737
+ '@supports (color: color(display-p3 1 1 1))': {
738
+ 'background-color': 'var(--surface-success-p3)',
739
+ },
740
+ },
741
+ '.bg-success-secondary': {
742
+ 'background-color': 'var(--surface-success-secondary)',
743
+ '@supports (color: color(display-p3 1 1 1))': {
744
+ 'background-color': 'var(--surface-success-secondary-p3)',
745
+ },
746
+ },
747
+ '.bg-error': {
748
+ 'background-color': 'var(--surface-error)',
749
+ '@supports (color: color(display-p3 1 1 1))': {
750
+ 'background-color': 'var(--surface-error-p3)',
751
+ },
752
+ },
753
+ '.bg-error-secondary': {
754
+ 'background-color': 'var(--surface-error-secondary)',
755
+ '@supports (color: color(display-p3 1 1 1))': {
756
+ 'background-color': 'var(--surface-error-secondary-p3)',
757
+ },
758
+ },
759
+ '.bg-inverse-raise': {
760
+ 'background-color': 'var(--surface-inverse-raise)',
761
+ '@supports (color: color(display-p3 1 1 1))': {
762
+ 'background-color': 'var(--surface-inverse-raise-p3)',
763
+ },
764
+ },
765
+ '.bg-inverse-primary': {
766
+ 'background-color': 'var(--surface-inverse-primary)',
767
+ '@supports (color: color(display-p3 1 1 1))': {
768
+ 'background-color': 'var(--surface-inverse-primary-p3)',
769
+ },
770
+ },
771
+ '.bg-inverse-secondary': {
772
+ 'background-color': 'var(--surface-inverse-secondary)',
773
+ '@supports (color: color(display-p3 1 1 1))': {
774
+ 'background-color': 'var(--surface-inverse-secondary-p3)',
775
+ },
776
+ },
777
+ '.bg-info': {
778
+ 'background-color': 'var(--surface-info)',
779
+ '@supports (color: color(display-p3 1 1 1))': {
780
+ 'background-color': 'var(--surface-info-p3)',
781
+ },
782
+ },
783
+ '.bg-info-hover': {
784
+ 'background-color': 'var(--surface-info-hover)',
785
+ '@supports (color: color(display-p3 1 1 1))': {
786
+ 'background-color': 'var(--surface-info-hover-p3)',
787
+ },
788
+ },
789
+ '.bg-info-secondary': {
790
+ 'background-color': 'var(--surface-info-secondary)',
791
+ '@supports (color: color(display-p3 1 1 1))': {
792
+ 'background-color': 'var(--surface-info-secondary-p3)',
793
+ },
794
+ },
795
+ '.bg-info-secondary-hover': {
796
+ 'background-color': 'var(--surface-info-secondary-hover)',
797
+ '@supports (color: color(display-p3 1 1 1))': {
798
+ 'background-color': 'var(--surface-info-secondary-hover-p3)',
799
+ },
800
+ },
801
+ '.bg-accent-100': {
802
+ 'background-color': 'var(--theme-accent-100)',
803
+ '@supports (color: color(display-p3 1 1 1))': {
804
+ 'background-color': 'var(--theme-accent-100-p3)',
805
+ },
806
+ },
807
+ '.bg-accent-200': {
808
+ 'background-color': 'var(--theme-accent-200)',
809
+ '@supports (color: color(display-p3 1 1 1))': {
810
+ 'background-color': 'var(--theme-accent-200-p3)',
811
+ },
812
+ },
813
+ '.bg-accent-300': {
814
+ 'background-color': 'var(--theme-accent-300)',
815
+ '@supports (color: color(display-p3 1 1 1))': {
816
+ 'background-color': 'var(--theme-accent-300-p3)',
817
+ },
818
+ },
819
+ '.bg-accent-400': {
820
+ 'background-color': 'var(--theme-accent-400)',
821
+ '@supports (color: color(display-p3 1 1 1))': {
822
+ 'background-color': 'var(--theme-accent-400-p3)',
823
+ },
824
+ },
825
+ '.bg-accent-500': {
826
+ 'background-color': 'var(--theme-accent-500)',
827
+ '@supports (color: color(display-p3 1 1 1))': {
828
+ 'background-color': 'var(--theme-accent-500-p3)',
829
+ },
830
+ },
831
+ '.bg-accent-600': {
832
+ 'background-color': 'var(--theme-accent-600)',
833
+ '@supports (color: color(display-p3 1 1 1))': {
834
+ 'background-color': 'var(--theme-accent-600-p3)',
835
+ },
836
+ },
837
+ '.bg-accent-700': {
838
+ 'background-color': 'var(--theme-accent-700)',
839
+ '@supports (color: color(display-p3 1 1 1))': {
840
+ 'background-color': 'var(--theme-accent-700-p3)',
841
+ },
842
+ },
843
+ '.bg-accent-800': {
844
+ 'background-color': 'var(--theme-accent-800)',
845
+ '@supports (color: color(display-p3 1 1 1))': {
846
+ 'background-color': 'var(--theme-accent-800-p3)',
847
+ },
848
+ },
849
+ '.bg-destructive-100': {
850
+ 'background-color': 'var(--theme-destructive-100)',
851
+ '@supports (color: color(display-p3 1 1 1))': {
852
+ 'background-color': 'var(--theme-destructive-100-p3)',
853
+ },
854
+ },
855
+ '.bg-destructive-200': {
856
+ 'background-color': 'var(--theme-destructive-200)',
857
+ '@supports (color: color(display-p3 1 1 1))': {
858
+ 'background-color': 'var(--theme-destructive-200-p3)',
859
+ },
860
+ },
861
+ '.bg-destructive-300': {
862
+ 'background-color': 'var(--theme-destructive-300)',
863
+ '@supports (color: color(display-p3 1 1 1))': {
864
+ 'background-color': 'var(--theme-destructive-300-p3)',
865
+ },
866
+ },
867
+ '.bg-destructive-400': {
868
+ 'background-color': 'var(--theme-destructive-400)',
869
+ '@supports (color: color(display-p3 1 1 1))': {
870
+ 'background-color': 'var(--theme-destructive-400-p3)',
871
+ },
872
+ },
873
+ '.bg-destructive-500': {
874
+ 'background-color': 'var(--theme-destructive-500)',
875
+ '@supports (color: color(display-p3 1 1 1))': {
876
+ 'background-color': 'var(--theme-destructive-500-p3)',
877
+ },
878
+ },
879
+ '.bg-destructive-600': {
880
+ 'background-color': 'var(--theme-destructive-600)',
881
+ '@supports (color: color(display-p3 1 1 1))': {
882
+ 'background-color': 'var(--theme-destructive-600-p3)',
883
+ },
884
+ },
885
+ '.bg-destructive-700': {
886
+ 'background-color': 'var(--theme-destructive-700)',
887
+ '@supports (color: color(display-p3 1 1 1))': {
888
+ 'background-color': 'var(--theme-destructive-700-p3)',
889
+ },
890
+ },
891
+ '.bg-destructive-800': {
892
+ 'background-color': 'var(--theme-destructive-800)',
893
+ '@supports (color: color(display-p3 1 1 1))': {
894
+ 'background-color': 'var(--theme-destructive-800-p3)',
895
+ },
896
+ },
897
+ '.bg-success-100': {
898
+ 'background-color': 'var(--theme-success-100)',
899
+ '@supports (color: color(display-p3 1 1 1))': {
900
+ 'background-color': 'var(--theme-success-100-p3)',
901
+ },
902
+ },
903
+ '.bg-success-200': {
904
+ 'background-color': 'var(--theme-success-200)',
905
+ '@supports (color: color(display-p3 1 1 1))': {
906
+ 'background-color': 'var(--theme-success-200-p3)',
907
+ },
908
+ },
909
+ '.bg-success-300': {
910
+ 'background-color': 'var(--theme-success-300)',
911
+ '@supports (color: color(display-p3 1 1 1))': {
912
+ 'background-color': 'var(--theme-success-300-p3)',
913
+ },
914
+ },
915
+ '.bg-success-400': {
916
+ 'background-color': 'var(--theme-success-400)',
917
+ '@supports (color: color(display-p3 1 1 1))': {
918
+ 'background-color': 'var(--theme-success-400-p3)',
919
+ },
920
+ },
921
+ '.bg-success-500': {
922
+ 'background-color': 'var(--theme-success-500)',
923
+ '@supports (color: color(display-p3 1 1 1))': {
924
+ 'background-color': 'var(--theme-success-500-p3)',
925
+ },
926
+ },
927
+ '.bg-success-600': {
928
+ 'background-color': 'var(--theme-success-600)',
929
+ '@supports (color: color(display-p3 1 1 1))': {
930
+ 'background-color': 'var(--theme-success-600-p3)',
931
+ },
932
+ },
933
+ '.bg-success-700': {
934
+ 'background-color': 'var(--theme-success-700)',
935
+ '@supports (color: color(display-p3 1 1 1))': {
936
+ 'background-color': 'var(--theme-success-700-p3)',
937
+ },
938
+ },
939
+ '.bg-success-800': {
940
+ 'background-color': 'var(--theme-success-800)',
941
+ '@supports (color: color(display-p3 1 1 1))': {
942
+ 'background-color': 'var(--theme-success-800-p3)',
943
+ },
944
+ },
945
+ '.bg-error-100': {
946
+ 'background-color': 'var(--theme-error-100)',
947
+ '@supports (color: color(display-p3 1 1 1))': {
948
+ 'background-color': 'var(--theme-error-100-p3)',
949
+ },
950
+ },
951
+ '.bg-error-200': {
952
+ 'background-color': 'var(--theme-error-200)',
953
+ '@supports (color: color(display-p3 1 1 1))': {
954
+ 'background-color': 'var(--theme-error-200-p3)',
955
+ },
956
+ },
957
+ '.bg-error-300': {
958
+ 'background-color': 'var(--theme-error-300)',
959
+ '@supports (color: color(display-p3 1 1 1))': {
960
+ 'background-color': 'var(--theme-error-300-p3)',
961
+ },
962
+ },
963
+ '.bg-error-400': {
964
+ 'background-color': 'var(--theme-error-400)',
965
+ '@supports (color: color(display-p3 1 1 1))': {
966
+ 'background-color': 'var(--theme-error-400-p3)',
967
+ },
968
+ },
969
+ '.bg-error-500': {
970
+ 'background-color': 'var(--theme-error-500)',
971
+ '@supports (color: color(display-p3 1 1 1))': {
972
+ 'background-color': 'var(--theme-error-500-p3)',
973
+ },
974
+ },
975
+ '.bg-error-600': {
976
+ 'background-color': 'var(--theme-error-600)',
977
+ '@supports (color: color(display-p3 1 1 1))': {
978
+ 'background-color': 'var(--theme-error-600-p3)',
979
+ },
980
+ },
981
+ '.bg-error-700': {
982
+ 'background-color': 'var(--theme-error-700)',
983
+ '@supports (color: color(display-p3 1 1 1))': {
984
+ 'background-color': 'var(--theme-error-700-p3)',
985
+ },
986
+ },
987
+ '.bg-error-800': {
988
+ 'background-color': 'var(--theme-error-800)',
989
+ '@supports (color: color(display-p3 1 1 1))': {
990
+ 'background-color': 'var(--theme-error-800-p3)',
991
+ },
992
+ },
993
+ '.bg-notice-100': {
994
+ 'background-color': 'var(--theme-notice-100)',
995
+ '@supports (color: color(display-p3 1 1 1))': {
996
+ 'background-color': 'var(--theme-notice-100-p3)',
997
+ },
998
+ },
999
+ '.bg-notice-200': {
1000
+ 'background-color': 'var(--theme-notice-200)',
1001
+ '@supports (color: color(display-p3 1 1 1))': {
1002
+ 'background-color': 'var(--theme-notice-200-p3)',
1003
+ },
1004
+ },
1005
+ '.bg-notice-300': {
1006
+ 'background-color': 'var(--theme-notice-300)',
1007
+ '@supports (color: color(display-p3 1 1 1))': {
1008
+ 'background-color': 'var(--theme-notice-300-p3)',
1009
+ },
1010
+ },
1011
+ '.bg-notice-400': {
1012
+ 'background-color': 'var(--theme-notice-400)',
1013
+ '@supports (color: color(display-p3 1 1 1))': {
1014
+ 'background-color': 'var(--theme-notice-400-p3)',
1015
+ },
1016
+ },
1017
+ '.bg-notice-500': {
1018
+ 'background-color': 'var(--theme-notice-500)',
1019
+ '@supports (color: color(display-p3 1 1 1))': {
1020
+ 'background-color': 'var(--theme-notice-500-p3)',
1021
+ },
1022
+ },
1023
+ '.bg-notice-600': {
1024
+ 'background-color': 'var(--theme-notice-600)',
1025
+ '@supports (color: color(display-p3 1 1 1))': {
1026
+ 'background-color': 'var(--theme-notice-600-p3)',
1027
+ },
1028
+ },
1029
+ '.bg-notice-700': {
1030
+ 'background-color': 'var(--theme-notice-700)',
1031
+ '@supports (color: color(display-p3 1 1 1))': {
1032
+ 'background-color': 'var(--theme-notice-700-p3)',
1033
+ },
1034
+ },
1035
+ '.bg-notice-800': {
1036
+ 'background-color': 'var(--theme-notice-800)',
1037
+ '@supports (color: color(display-p3 1 1 1))': {
1038
+ 'background-color': 'var(--theme-notice-800-p3)',
1039
+ },
1040
+ },
1041
+ '.bg-info-100': {
1042
+ 'background-color': 'var(--theme-info-100)',
1043
+ '@supports (color: color(display-p3 1 1 1))': {
1044
+ 'background-color': 'var(--theme-info-100-p3)',
1045
+ },
1046
+ },
1047
+ '.bg-info-200': {
1048
+ 'background-color': 'var(--theme-info-200)',
1049
+ '@supports (color: color(display-p3 1 1 1))': {
1050
+ 'background-color': 'var(--theme-info-200-p3)',
1051
+ },
1052
+ },
1053
+ '.bg-info-300': {
1054
+ 'background-color': 'var(--theme-info-300)',
1055
+ '@supports (color: color(display-p3 1 1 1))': {
1056
+ 'background-color': 'var(--theme-info-300-p3)',
1057
+ },
1058
+ },
1059
+ '.bg-info-400': {
1060
+ 'background-color': 'var(--theme-info-400)',
1061
+ '@supports (color: color(display-p3 1 1 1))': {
1062
+ 'background-color': 'var(--theme-info-400-p3)',
1063
+ },
1064
+ },
1065
+ '.bg-info-500': {
1066
+ 'background-color': 'var(--theme-info-500)',
1067
+ '@supports (color: color(display-p3 1 1 1))': {
1068
+ 'background-color': 'var(--theme-info-500-p3)',
1069
+ },
1070
+ },
1071
+ '.bg-info-600': {
1072
+ 'background-color': 'var(--theme-info-600)',
1073
+ '@supports (color: color(display-p3 1 1 1))': {
1074
+ 'background-color': 'var(--theme-info-600-p3)',
1075
+ },
1076
+ },
1077
+ '.bg-info-700': {
1078
+ 'background-color': 'var(--theme-info-700)',
1079
+ '@supports (color: color(display-p3 1 1 1))': {
1080
+ 'background-color': 'var(--theme-info-700-p3)',
1081
+ },
1082
+ },
1083
+ '.bg-info-800': {
1084
+ 'background-color': 'var(--theme-info-800)',
1085
+ '@supports (color: color(display-p3 1 1 1))': {
1086
+ 'background-color': 'var(--theme-info-800-p3)',
1087
+ },
1088
+ },
1089
+ '.border-default': {
1090
+ 'border-color': 'var(--stroke-default)',
1091
+ '@supports (color: color(display-p3 1 1 1))': {
1092
+ 'border-color': 'var(--stroke-default-p3)',
1093
+ },
1094
+ },
1095
+ '.border-hover': {
1096
+ 'border-color': 'var(--stroke-hover)',
1097
+ '@supports (color: color(display-p3 1 1 1))': {
1098
+ 'border-color': 'var(--stroke-hover-p3)',
1099
+ },
1100
+ },
1101
+ '.border-secondary': {
1102
+ 'border-color': 'var(--stroke-secondary)',
1103
+ '@supports (color: color(display-p3 1 1 1))': {
1104
+ 'border-color': 'var(--stroke-secondary-p3)',
1105
+ },
1106
+ },
1107
+ '.border-tertiary': {
1108
+ 'border-color': 'var(--stroke-tertiary)',
1109
+ '@supports (color: color(display-p3 1 1 1))': {
1110
+ 'border-color': 'var(--stroke-tertiary-p3)',
1111
+ },
1112
+ },
1113
+ '.border-raise': {
1114
+ 'border-color': 'var(--stroke-raise)',
1115
+ '@supports (color: color(display-p3 1 1 1))': {
1116
+ 'border-color': 'var(--stroke-raise-p3)',
1117
+ },
1118
+ },
1119
+ /* Matches the default surface color */
1120
+ '.border-surface': {
1121
+ 'border-color': 'var(--stroke-surface)',
1122
+ '@supports (color: color(display-p3 1 1 1))': {
1123
+ 'border-color': 'var(--stroke-surface-p3)',
1124
+ },
1125
+ },
1126
+ '.border-accent': {
1127
+ 'border-color': 'var(--stroke-accent)',
1128
+ '@supports (color: color(display-p3 1 1 1))': {
1129
+ 'border-color': 'var(--stroke-accent-p3)',
1130
+ },
1131
+ },
1132
+ '.border-accent-secondary': {
1133
+ 'border-color': 'var(--stroke-accent-secondary)',
1134
+ '@supports (color: color(display-p3 1 1 1))': {
1135
+ 'border-color': 'var(--stroke-accent-secondary-p3)',
1136
+ },
1137
+ },
1138
+ '.border-accent-tertiary': {
1139
+ 'border-color': 'var(--stroke-accent-tertiary)',
1140
+ '@supports (color: color(display-p3 1 1 1))': {
1141
+ 'border-color': 'var(--stroke-accent-tertiary-p3)',
1142
+ },
1143
+ },
1144
+ '.border-accent-quaternary': {
1145
+ 'border-color': 'var(--stroke-accent-quaternary)',
1146
+ '@supports (color: color(display-p3 1 1 1))': {
1147
+ 'border-color': 'var(--stroke-accent-quaternary-p3)',
1148
+ },
1149
+ },
1150
+ '.border-destructive': {
1151
+ 'border-color': 'var(--stroke-destructive)',
1152
+ '@supports (color: color(display-p3 1 1 1))': {
1153
+ 'border-color': 'var(--stroke-destructive-p3)',
1154
+ },
1155
+ },
1156
+ '.border-destructive-secondary': {
1157
+ 'border-color': 'var(--stroke-destructive-secondary)',
1158
+ '@supports (color: color(display-p3 1 1 1))': {
1159
+ 'border-color': 'var(--stroke-destructive-secondary-p3)',
1160
+ },
1161
+ },
1162
+ '.border-destructive-tertiary': {
1163
+ 'border-color': 'var(--stroke-destructive-tertiary)',
1164
+ '@supports (color: color(display-p3 1 1 1))': {
1165
+ 'border-color': 'var(--stroke-destructive-tertiary-p3)',
1166
+ },
1167
+ },
1168
+ '.border-destructive-quaternary': {
1169
+ 'border-color': 'var(--stroke-destructive-quaternary)',
1170
+ '@supports (color: color(display-p3 1 1 1))': {
1171
+ 'border-color': 'var(--stroke-destructive-quaternary-p3)',
1172
+ },
1173
+ },
1174
+ '.border-success': {
1175
+ 'border-color': 'var(--stroke-success)',
1176
+ '@supports (color: color(display-p3 1 1 1))': {
1177
+ 'border-color': 'var(--stroke-success-p3)',
1178
+ },
1179
+ },
1180
+ '.border-success-secondary': {
1181
+ 'border-color': 'var(--stroke-success-secondary)',
1182
+ '@supports (color: color(display-p3 1 1 1))': {
1183
+ 'border-color': 'var(--stroke-success-secondary-p3)',
1184
+ },
1185
+ },
1186
+ '.border-success-tertiary': {
1187
+ 'border-color': 'var(--stroke-success-tertiary)',
1188
+ '@supports (color: color(display-p3 1 1 1))': {
1189
+ 'border-color': 'var(--stroke-success-tertiary-p3)',
1190
+ },
1191
+ },
1192
+ '.border-success-quaternary': {
1193
+ 'border-color': 'var(--stroke-success-quaternary)',
1194
+ '@supports (color: color(display-p3 1 1 1))': {
1195
+ 'border-color': 'var(--stroke-success-quaternary-p3)',
1196
+ },
1197
+ },
1198
+ '.border-error': {
1199
+ 'border-color': 'var(--stroke-error)',
1200
+ '@supports (color: color(display-p3 1 1 1))': {
1201
+ 'border-color': 'var(--stroke-error-p3)',
1202
+ },
1203
+ },
1204
+ '.border-error-secondary': {
1205
+ 'border-color': 'var(--stroke-error-secondary)',
1206
+ '@supports (color: color(display-p3 1 1 1))': {
1207
+ 'border-color': 'var(--stroke-error-secondary-p3)',
1208
+ },
1209
+ },
1210
+ '.border-error-tertiary': {
1211
+ 'border-color': 'var(--stroke-error-tertiary)',
1212
+ '@supports (color: color(display-p3 1 1 1))': {
1213
+ 'border-color': 'var(--stroke-error-tertiary-p3)',
1214
+ },
1215
+ },
1216
+ '.border-error-quaternary': {
1217
+ 'border-color': 'var(--stroke-error-quaternary)',
1218
+ '@supports (color: color(display-p3 1 1 1))': {
1219
+ 'border-color': 'var(--stroke-error-quaternary-p3)',
1220
+ },
1221
+ },
1222
+ '.border-notice': {
1223
+ 'border-color': 'var(--stroke-notice)',
1224
+ '@supports (color: color(display-p3 1 1 1))': {
1225
+ 'border-color': 'var(--stroke-notice-p3)',
1226
+ },
1227
+ },
1228
+ '.border-notice-secondary': {
1229
+ 'border-color': 'var(--stroke-notice-secondary)',
1230
+ '@supports (color: color(display-p3 1 1 1))': {
1231
+ 'border-color': 'var(--stroke-notice-secondary-p3)',
1232
+ },
1233
+ },
1234
+ '.border-notice-tertiary': {
1235
+ 'border-color': 'var(--stroke-notice-tertiary)',
1236
+ '@supports (color: color(display-p3 1 1 1))': {
1237
+ 'border-color': 'var(--stroke-notice-tertiary-p3)',
1238
+ },
1239
+ },
1240
+ '.border-notice-quaternary': {
1241
+ 'border-color': 'var(--stroke-notice-quaternary)',
1242
+ '@supports (color: color(display-p3 1 1 1))': {
1243
+ 'border-color': 'var(--stroke-notice-quaternary-p3)',
1244
+ },
1245
+ },
1246
+ '.border-info': {
1247
+ 'border-color': 'var(--stroke-info)',
1248
+ '@supports (color: color(display-p3 1 1 1))': {
1249
+ 'border-color': 'var(--stroke-info-p3)',
1250
+ },
1251
+ },
1252
+ '.border-info-secondary': {
1253
+ 'border-color': 'var(--stroke-info-secondary)',
1254
+ '@supports (color: color(display-p3 1 1 1))': {
1255
+ 'border-color': 'var(--stroke-info-secondary-p3)',
1256
+ },
1257
+ },
1258
+ '.border-info-tertiary': {
1259
+ 'border-color': 'var(--stroke-info-tertiary)',
1260
+ '@supports (color: color(display-p3 1 1 1))': {
1261
+ 'border-color': 'var(--stroke-info-tertiary-p3)',
1262
+ },
1263
+ },
1264
+ '.border-info-quaternary': {
1265
+ 'border-color': 'var(--stroke-info-quaternary)',
1266
+ '@supports (color: color(display-p3 1 1 1))': {
1267
+ 'border-color': 'var(--stroke-info-quaternary-p3)',
1268
+ },
1269
+ },
1270
+ '.border-l-default': {
1271
+ 'border-left-color': 'var(--stroke-default)',
1272
+ '@supports (color: color(display-p3 1 1 1))': {
1273
+ 'border-left-color': 'var(--stroke-default-p3)',
1274
+ },
1275
+ },
1276
+ '.border-l-hover': {
1277
+ 'border-left-color': 'var(--stroke-hover)',
1278
+ '@supports (color: color(display-p3 1 1 1))': {
1279
+ 'border-left-color': 'var(--stroke-hover-p3)',
1280
+ },
1281
+ },
1282
+ '.border-l-secondary': {
1283
+ 'border-left-color': 'var(--stroke-secondary)',
1284
+ '@supports (color: color(display-p3 1 1 1))': {
1285
+ 'border-left-color': 'var(--stroke-secondary-p3)',
1286
+ },
1287
+ },
1288
+ '.border-l-tertiary': {
1289
+ 'border-left-color': 'var(--stroke-tertiary)',
1290
+ '@supports (color: color(display-p3 1 1 1))': {
1291
+ 'border-left-color': 'var(--stroke-tertiary-p3)',
1292
+ },
1293
+ },
1294
+ '.border-l-raise': {
1295
+ 'border-left-color': 'var(--stroke-raise)',
1296
+ '@supports (color: color(display-p3 1 1 1))': {
1297
+ 'border-left-color': 'var(--stroke-raise-p3)',
1298
+ },
1299
+ },
1300
+ /* Matches the default surface color */
1301
+ '.border-l-surface': {
1302
+ 'border-left-color': 'var(--stroke-surface)',
1303
+ '@supports (color: color(display-p3 1 1 1))': {
1304
+ 'border-left-color': 'var(--stroke-surface-p3)',
1305
+ },
1306
+ },
1307
+ '.border-l-accent': {
1308
+ 'border-left-color': 'var(--stroke-accent)',
1309
+ '@supports (color: color(display-p3 1 1 1))': {
1310
+ 'border-left-color': 'var(--stroke-accent-p3)',
1311
+ },
1312
+ },
1313
+ '.border-l-accent-secondary': {
1314
+ 'border-left-color': 'var(--stroke-accent-secondary)',
1315
+ '@supports (color: color(display-p3 1 1 1))': {
1316
+ 'border-left-color': 'var(--stroke-accent-secondary-p3)',
1317
+ },
1318
+ },
1319
+ '.border-l-accent-tertiary': {
1320
+ 'border-left-color': 'var(--stroke-accent-tertiary)',
1321
+ '@supports (color: color(display-p3 1 1 1))': {
1322
+ 'border-left-color': 'var(--stroke-accent-tertiary-p3)',
1323
+ },
1324
+ },
1325
+ '.border-l-accent-quaternary': {
1326
+ 'border-left-color': 'var(--stroke-accent-quaternary)',
1327
+ '@supports (color: color(display-p3 1 1 1))': {
1328
+ 'border-left-color': 'var(--stroke-accent-quaternary-p3)',
1329
+ },
1330
+ },
1331
+ '.border-l-destructive': {
1332
+ 'border-left-color': 'var(--stroke-destructive)',
1333
+ '@supports (color: color(display-p3 1 1 1))': {
1334
+ 'border-left-color': 'var(--stroke-destructive-p3)',
1335
+ },
1336
+ },
1337
+ '.border-l-destructive-secondary': {
1338
+ 'border-left-color': 'var(--stroke-destructive-secondary)',
1339
+ '@supports (color: color(display-p3 1 1 1))': {
1340
+ 'border-left-color': 'var(--stroke-destructive-secondary-p3)',
1341
+ },
1342
+ },
1343
+ '.border-l-destructive-tertiary': {
1344
+ 'border-left-color': 'var(--stroke-destructive-tertiary)',
1345
+ '@supports (color: color(display-p3 1 1 1))': {
1346
+ 'border-left-color': 'var(--stroke-destructive-tertiary-p3)',
1347
+ },
1348
+ },
1349
+ '.border-l-destructive-quaternary': {
1350
+ 'border-left-color': 'var(--stroke-destructive-quaternary)',
1351
+ '@supports (color: color(display-p3 1 1 1))': {
1352
+ 'border-left-color': 'var(--stroke-destructive-quaternary-p3)',
1353
+ },
1354
+ },
1355
+ '.border-l-success': {
1356
+ 'border-left-color': 'var(--stroke-success)',
1357
+ '@supports (color: color(display-p3 1 1 1))': {
1358
+ 'border-left-color': 'var(--stroke-success-p3)',
1359
+ },
1360
+ },
1361
+ '.border-l-success-secondary': {
1362
+ 'border-left-color': 'var(--stroke-success-secondary)',
1363
+ '@supports (color: color(display-p3 1 1 1))': {
1364
+ 'border-left-color': 'var(--stroke-success-secondary-p3)',
1365
+ },
1366
+ },
1367
+ '.border-l-success-tertiary': {
1368
+ 'border-left-color': 'var(--stroke-success-tertiary)',
1369
+ '@supports (color: color(display-p3 1 1 1))': {
1370
+ 'border-left-color': 'var(--stroke-success-tertiary-p3)',
1371
+ },
1372
+ },
1373
+ '.border-l-success-quaternary': {
1374
+ 'border-left-color': 'var(--stroke-success-quaternary)',
1375
+ '@supports (color: color(display-p3 1 1 1))': {
1376
+ 'border-left-color': 'var(--stroke-success-quaternary-p3)',
1377
+ },
1378
+ },
1379
+ '.border-l-error': {
1380
+ 'border-left-color': 'var(--stroke-error)',
1381
+ '@supports (color: color(display-p3 1 1 1))': {
1382
+ 'border-left-color': 'var(--stroke-error-p3)',
1383
+ },
1384
+ },
1385
+ '.border-l-error-secondary': {
1386
+ 'border-left-color': 'var(--stroke-error-secondary)',
1387
+ '@supports (color: color(display-p3 1 1 1))': {
1388
+ 'border-left-color': 'var(--stroke-error-secondary-p3)',
1389
+ },
1390
+ },
1391
+ '.border-l-error-tertiary': {
1392
+ 'border-left-color': 'var(--stroke-error-tertiary)',
1393
+ '@supports (color: color(display-p3 1 1 1))': {
1394
+ 'border-left-color': 'var(--stroke-error-tertiary-p3)',
1395
+ },
1396
+ },
1397
+ '.border-l-error-quaternary': {
1398
+ 'border-left-color': 'var(--stroke-error-quaternary)',
1399
+ '@supports (color: color(display-p3 1 1 1))': {
1400
+ 'border-left-color': 'var(--stroke-error-quaternary-p3)',
1401
+ },
1402
+ },
1403
+ '.border-l-notice': {
1404
+ 'border-left-color': 'var(--stroke-notice)',
1405
+ '@supports (color: color(display-p3 1 1 1))': {
1406
+ 'border-left-color': 'var(--stroke-notice-p3)',
1407
+ },
1408
+ },
1409
+ '.border-l-notice-secondary': {
1410
+ 'border-left-color': 'var(--stroke-notice-secondary)',
1411
+ '@supports (color: color(display-p3 1 1 1))': {
1412
+ 'border-left-color': 'var(--stroke-notice-secondary-p3)',
1413
+ },
1414
+ },
1415
+ '.border-l-notice-tertiary': {
1416
+ 'border-left-color': 'var(--stroke-notice-tertiary)',
1417
+ '@supports (color: color(display-p3 1 1 1))': {
1418
+ 'border-left-color': 'var(--stroke-notice-tertiary-p3)',
1419
+ },
1420
+ },
1421
+ '.border-l-notice-quaternary': {
1422
+ 'border-left-color': 'var(--stroke-notice-quaternary)',
1423
+ '@supports (color: color(display-p3 1 1 1))': {
1424
+ 'border-left-color': 'var(--stroke-notice-quaternary-p3)',
1425
+ },
1426
+ },
1427
+ '.border-l-info': {
1428
+ 'border-left-color': 'var(--stroke-info)',
1429
+ '@supports (color: color(display-p3 1 1 1))': {
1430
+ 'border-left-color': 'var(--stroke-info-p3)',
1431
+ },
1432
+ },
1433
+ '.border-l-info-secondary': {
1434
+ 'border-left-color': 'var(--stroke-info-secondary)',
1435
+ '@supports (color: color(display-p3 1 1 1))': {
1436
+ 'border-left-color': 'var(--stroke-info-secondary-p3)',
1437
+ },
1438
+ },
1439
+ '.border-l-info-tertiary': {
1440
+ 'border-left-color': 'var(--stroke-info-tertiary)',
1441
+ '@supports (color: color(display-p3 1 1 1))': {
1442
+ 'border-left-color': 'var(--stroke-info-tertiary-p3)',
1443
+ },
1444
+ },
1445
+ '.border-l-info-quaternary': {
1446
+ 'border-left-color': 'var(--stroke-info-quaternary)',
1447
+ '@supports (color: color(display-p3 1 1 1))': {
1448
+ 'border-left-color': 'var(--stroke-info-quaternary-p3)',
1449
+ },
1450
+ },
1451
+ '.border-r-default': {
1452
+ 'border-right-color': 'var(--stroke-default)',
1453
+ '@supports (color: color(display-p3 1 1 1))': {
1454
+ 'border-right-color': 'var(--stroke-default-p3)',
1455
+ },
1456
+ },
1457
+ '.border-r-hover': {
1458
+ 'border-right-color': 'var(--stroke-hover)',
1459
+ '@supports (color: color(display-p3 1 1 1))': {
1460
+ 'border-right-color': 'var(--stroke-hover-p3)',
1461
+ },
1462
+ },
1463
+ '.border-r-secondary': {
1464
+ 'border-right-color': 'var(--stroke-secondary)',
1465
+ '@supports (color: color(display-p3 1 1 1))': {
1466
+ 'border-right-color': 'var(--stroke-secondary-p3)',
1467
+ },
1468
+ },
1469
+ '.border-r-tertiary': {
1470
+ 'border-right-color': 'var(--stroke-tertiary)',
1471
+ '@supports (color: color(display-p3 1 1 1))': {
1472
+ 'border-right-color': 'var(--stroke-tertiary-p3)',
1473
+ },
1474
+ },
1475
+ '.border-r-raise': {
1476
+ 'border-right-color': 'var(--stroke-raise)',
1477
+ '@supports (color: color(display-p3 1 1 1))': {
1478
+ 'border-right-color': 'var(--stroke-raise-p3)',
1479
+ },
1480
+ },
1481
+ /* Matches the default surface color */
1482
+ '.border-r-surface': {
1483
+ 'border-right-color': 'var(--stroke-surface)',
1484
+ '@supports (color: color(display-p3 1 1 1))': {
1485
+ 'border-right-color': 'var(--stroke-surface-p3)',
1486
+ },
1487
+ },
1488
+ '.border-r-accent': {
1489
+ 'border-right-color': 'var(--stroke-accent)',
1490
+ '@supports (color: color(display-p3 1 1 1))': {
1491
+ 'border-right-color': 'var(--stroke-accent-p3)',
1492
+ },
1493
+ },
1494
+ '.border-r-accent-secondary': {
1495
+ 'border-right-color': 'var(--stroke-accent-secondary)',
1496
+ '@supports (color: color(display-p3 1 1 1))': {
1497
+ 'border-right-color': 'var(--stroke-accent-secondary-p3)',
1498
+ },
1499
+ },
1500
+ '.border-r-accent-tertiary': {
1501
+ 'border-right-color': 'var(--stroke-accent-tertiary)',
1502
+ '@supports (color: color(display-p3 1 1 1))': {
1503
+ 'border-right-color': 'var(--stroke-accent-tertiary-p3)',
1504
+ },
1505
+ },
1506
+ '.border-r-accent-quaternary': {
1507
+ 'border-right-color': 'var(--stroke-accent-quaternary)',
1508
+ '@supports (color: color(display-p3 1 1 1))': {
1509
+ 'border-right-color': 'var(--stroke-accent-quaternary-p3)',
1510
+ },
1511
+ },
1512
+ '.border-r-destructive': {
1513
+ 'border-right-color': 'var(--stroke-destructive)',
1514
+ '@supports (color: color(display-p3 1 1 1))': {
1515
+ 'border-right-color': 'var(--stroke-destructive-p3)',
1516
+ },
1517
+ },
1518
+ '.border-r-destructive-secondary': {
1519
+ 'border-right-color': 'var(--stroke-destructive-secondary)',
1520
+ '@supports (color: color(display-p3 1 1 1))': {
1521
+ 'border-right-color': 'var(--stroke-destructive-secondary-p3)',
1522
+ },
1523
+ },
1524
+ '.border-r-destructive-tertiary': {
1525
+ 'border-right-color': 'var(--stroke-destructive-tertiary)',
1526
+ '@supports (color: color(display-p3 1 1 1))': {
1527
+ 'border-right-color': 'var(--stroke-destructive-tertiary-p3)',
1528
+ },
1529
+ },
1530
+ '.border-r-destructive-quaternary': {
1531
+ 'border-right-color': 'var(--stroke-destructive-quaternary)',
1532
+ '@supports (color: color(display-p3 1 1 1))': {
1533
+ 'border-right-color': 'var(--stroke-destructive-quaternary-p3)',
1534
+ },
1535
+ },
1536
+ '.border-r-success': {
1537
+ 'border-right-color': 'var(--stroke-success)',
1538
+ '@supports (color: color(display-p3 1 1 1))': {
1539
+ 'border-right-color': 'var(--stroke-success-p3)',
1540
+ },
1541
+ },
1542
+ '.border-r-success-secondary': {
1543
+ 'border-right-color': 'var(--stroke-success-secondary)',
1544
+ '@supports (color: color(display-p3 1 1 1))': {
1545
+ 'border-right-color': 'var(--stroke-success-secondary-p3)',
1546
+ },
1547
+ },
1548
+ '.border-r-success-tertiary': {
1549
+ 'border-right-color': 'var(--stroke-success-tertiary)',
1550
+ '@supports (color: color(display-p3 1 1 1))': {
1551
+ 'border-right-color': 'var(--stroke-success-tertiary-p3)',
1552
+ },
1553
+ },
1554
+ '.border-r-success-quaternary': {
1555
+ 'border-right-color': 'var(--stroke-success-quaternary)',
1556
+ '@supports (color: color(display-p3 1 1 1))': {
1557
+ 'border-right-color': 'var(--stroke-success-quaternary-p3)',
1558
+ },
1559
+ },
1560
+ '.border-r-error': {
1561
+ 'border-right-color': 'var(--stroke-error)',
1562
+ '@supports (color: color(display-p3 1 1 1))': {
1563
+ 'border-right-color': 'var(--stroke-error-p3)',
1564
+ },
1565
+ },
1566
+ '.border-r-error-secondary': {
1567
+ 'border-right-color': 'var(--stroke-error-secondary)',
1568
+ '@supports (color: color(display-p3 1 1 1))': {
1569
+ 'border-right-color': 'var(--stroke-error-secondary-p3)',
1570
+ },
1571
+ },
1572
+ '.border-r-error-tertiary': {
1573
+ 'border-right-color': 'var(--stroke-error-tertiary)',
1574
+ '@supports (color: color(display-p3 1 1 1))': {
1575
+ 'border-right-color': 'var(--stroke-error-tertiary-p3)',
1576
+ },
1577
+ },
1578
+ '.border-r-error-quaternary': {
1579
+ 'border-right-color': 'var(--stroke-error-quaternary)',
1580
+ '@supports (color: color(display-p3 1 1 1))': {
1581
+ 'border-right-color': 'var(--stroke-error-quaternary-p3)',
1582
+ },
1583
+ },
1584
+ '.border-r-notice': {
1585
+ 'border-right-color': 'var(--stroke-notice)',
1586
+ '@supports (color: color(display-p3 1 1 1))': {
1587
+ 'border-right-color': 'var(--stroke-notice-p3)',
1588
+ },
1589
+ },
1590
+ '.border-r-notice-secondary': {
1591
+ 'border-right-color': 'var(--stroke-notice-secondary)',
1592
+ '@supports (color: color(display-p3 1 1 1))': {
1593
+ 'border-right-color': 'var(--stroke-notice-secondary-p3)',
1594
+ },
1595
+ },
1596
+ '.border-r-notice-tertiary': {
1597
+ 'border-right-color': 'var(--stroke-notice-tertiary)',
1598
+ '@supports (color: color(display-p3 1 1 1))': {
1599
+ 'border-right-color': 'var(--stroke-notice-tertiary-p3)',
1600
+ },
1601
+ },
1602
+ '.border-r-notice-quaternary': {
1603
+ 'border-right-color': 'var(--stroke-notice-quaternary)',
1604
+ '@supports (color: color(display-p3 1 1 1))': {
1605
+ 'border-right-color': 'var(--stroke-notice-quaternary-p3)',
1606
+ },
1607
+ },
1608
+ '.border-r-info': {
1609
+ 'border-right-color': 'var(--stroke-info)',
1610
+ '@supports (color: color(display-p3 1 1 1))': {
1611
+ 'border-right-color': 'var(--stroke-info-p3)',
1612
+ },
1613
+ },
1614
+ '.border-r-info-secondary': {
1615
+ 'border-right-color': 'var(--stroke-info-secondary)',
1616
+ '@supports (color: color(display-p3 1 1 1))': {
1617
+ 'border-right-color': 'var(--stroke-info-secondary-p3)',
1618
+ },
1619
+ },
1620
+ '.border-r-info-tertiary': {
1621
+ 'border-right-color': 'var(--stroke-info-tertiary)',
1622
+ '@supports (color: color(display-p3 1 1 1))': {
1623
+ 'border-right-color': 'var(--stroke-info-tertiary-p3)',
1624
+ },
1625
+ },
1626
+ '.border-r-info-quaternary': {
1627
+ 'border-right-color': 'var(--stroke-info-quaternary)',
1628
+ '@supports (color: color(display-p3 1 1 1))': {
1629
+ 'border-right-color': 'var(--stroke-info-quaternary-p3)',
1630
+ },
1631
+ },
1632
+ '.border-t-default': {
1633
+ 'border-top-color': 'var(--stroke-default)',
1634
+ '@supports (color: color(display-p3 1 1 1))': {
1635
+ 'border-top-color': 'var(--stroke-default-p3)',
1636
+ },
1637
+ },
1638
+ '.border-t-hover': {
1639
+ 'border-top-color': 'var(--stroke-hover)',
1640
+ '@supports (color: color(display-p3 1 1 1))': {
1641
+ 'border-top-color': 'var(--stroke-hover-p3)',
1642
+ },
1643
+ },
1644
+ '.border-t-secondary': {
1645
+ 'border-top-color': 'var(--stroke-secondary)',
1646
+ '@supports (color: color(display-p3 1 1 1))': {
1647
+ 'border-top-color': 'var(--stroke-secondary-p3)',
1648
+ },
1649
+ },
1650
+ '.border-t-tertiary': {
1651
+ 'border-top-color': 'var(--stroke-tertiary)',
1652
+ '@supports (color: color(display-p3 1 1 1))': {
1653
+ 'border-top-color': 'var(--stroke-tertiary-p3)',
1654
+ },
1655
+ },
1656
+ '.border-t-raise': {
1657
+ 'border-top-color': 'var(--stroke-raise)',
1658
+ '@supports (color: color(display-p3 1 1 1))': {
1659
+ 'border-top-color': 'var(--stroke-raise-p3)',
1660
+ },
1661
+ },
1662
+ /* Matches the default surface color */
1663
+ '.border-t-surface': {
1664
+ 'border-top-color': 'var(--stroke-surface)',
1665
+ '@supports (color: color(display-p3 1 1 1))': {
1666
+ 'border-top-color': 'var(--stroke-surface-p3)',
1667
+ },
1668
+ },
1669
+ '.border-t-accent': {
1670
+ 'border-top-color': 'var(--stroke-accent)',
1671
+ '@supports (color: color(display-p3 1 1 1))': {
1672
+ 'border-top-color': 'var(--stroke-accent-p3)',
1673
+ },
1674
+ },
1675
+ '.border-t-accent-secondary': {
1676
+ 'border-top-color': 'var(--stroke-accent-secondary)',
1677
+ '@supports (color: color(display-p3 1 1 1))': {
1678
+ 'border-top-color': 'var(--stroke-accent-secondary-p3)',
1679
+ },
1680
+ },
1681
+ '.border-t-accent-tertiary': {
1682
+ 'border-top-color': 'var(--stroke-accent-tertiary)',
1683
+ '@supports (color: color(display-p3 1 1 1))': {
1684
+ 'border-top-color': 'var(--stroke-accent-tertiary-p3)',
1685
+ },
1686
+ },
1687
+ '.border-t-accent-quaternary': {
1688
+ 'border-top-color': 'var(--stroke-accent-quaternary)',
1689
+ '@supports (color: color(display-p3 1 1 1))': {
1690
+ 'border-top-color': 'var(--stroke-accent-quaternary-p3)',
1691
+ },
1692
+ },
1693
+ '.border-t-destructive': {
1694
+ 'border-top-color': 'var(--stroke-destructive)',
1695
+ '@supports (color: color(display-p3 1 1 1))': {
1696
+ 'border-top-color': 'var(--stroke-destructive-p3)',
1697
+ },
1698
+ },
1699
+ '.border-t-destructive-secondary': {
1700
+ 'border-top-color': 'var(--stroke-destructive-secondary)',
1701
+ '@supports (color: color(display-p3 1 1 1))': {
1702
+ 'border-top-color': 'var(--stroke-destructive-secondary-p3)',
1703
+ },
1704
+ },
1705
+ '.border-t-destructive-tertiary': {
1706
+ 'border-top-color': 'var(--stroke-destructive-tertiary)',
1707
+ '@supports (color: color(display-p3 1 1 1))': {
1708
+ 'border-top-color': 'var(--stroke-destructive-tertiary-p3)',
1709
+ },
1710
+ },
1711
+ '.border-t-destructive-quaternary': {
1712
+ 'border-top-color': 'var(--stroke-destructive-quaternary)',
1713
+ '@supports (color: color(display-p3 1 1 1))': {
1714
+ 'border-top-color': 'var(--stroke-destructive-quaternary-p3)',
1715
+ },
1716
+ },
1717
+ '.border-t-success': {
1718
+ 'border-top-color': 'var(--stroke-success)',
1719
+ '@supports (color: color(display-p3 1 1 1))': {
1720
+ 'border-top-color': 'var(--stroke-success-p3)',
1721
+ },
1722
+ },
1723
+ '.border-t-success-secondary': {
1724
+ 'border-top-color': 'var(--stroke-success-secondary)',
1725
+ '@supports (color: color(display-p3 1 1 1))': {
1726
+ 'border-top-color': 'var(--stroke-success-secondary-p3)',
1727
+ },
1728
+ },
1729
+ '.border-t-success-tertiary': {
1730
+ 'border-top-color': 'var(--stroke-success-tertiary)',
1731
+ '@supports (color: color(display-p3 1 1 1))': {
1732
+ 'border-top-color': 'var(--stroke-success-tertiary-p3)',
1733
+ },
1734
+ },
1735
+ '.border-t-success-quaternary': {
1736
+ 'border-top-color': 'var(--stroke-success-quaternary)',
1737
+ '@supports (color: color(display-p3 1 1 1))': {
1738
+ 'border-top-color': 'var(--stroke-success-quaternary-p3)',
1739
+ },
1740
+ },
1741
+ '.border-t-error': {
1742
+ 'border-top-color': 'var(--stroke-error)',
1743
+ '@supports (color: color(display-p3 1 1 1))': {
1744
+ 'border-top-color': 'var(--stroke-error-p3)',
1745
+ },
1746
+ },
1747
+ '.border-t-error-secondary': {
1748
+ 'border-top-color': 'var(--stroke-error-secondary)',
1749
+ '@supports (color: color(display-p3 1 1 1))': {
1750
+ 'border-top-color': 'var(--stroke-error-secondary-p3)',
1751
+ },
1752
+ },
1753
+ '.border-t-error-tertiary': {
1754
+ 'border-top-color': 'var(--stroke-error-tertiary)',
1755
+ '@supports (color: color(display-p3 1 1 1))': {
1756
+ 'border-top-color': 'var(--stroke-error-tertiary-p3)',
1757
+ },
1758
+ },
1759
+ '.border-t-error-quaternary': {
1760
+ 'border-top-color': 'var(--stroke-error-quaternary)',
1761
+ '@supports (color: color(display-p3 1 1 1))': {
1762
+ 'border-top-color': 'var(--stroke-error-quaternary-p3)',
1763
+ },
1764
+ },
1765
+ '.border-t-notice': {
1766
+ 'border-top-color': 'var(--stroke-notice)',
1767
+ '@supports (color: color(display-p3 1 1 1))': {
1768
+ 'border-top-color': 'var(--stroke-notice-p3)',
1769
+ },
1770
+ },
1771
+ '.border-t-notice-secondary': {
1772
+ 'border-top-color': 'var(--stroke-notice-secondary)',
1773
+ '@supports (color: color(display-p3 1 1 1))': {
1774
+ 'border-top-color': 'var(--stroke-notice-secondary-p3)',
1775
+ },
1776
+ },
1777
+ '.border-t-notice-tertiary': {
1778
+ 'border-top-color': 'var(--stroke-notice-tertiary)',
1779
+ '@supports (color: color(display-p3 1 1 1))': {
1780
+ 'border-top-color': 'var(--stroke-notice-tertiary-p3)',
1781
+ },
1782
+ },
1783
+ '.border-t-notice-quaternary': {
1784
+ 'border-top-color': 'var(--stroke-notice-quaternary)',
1785
+ '@supports (color: color(display-p3 1 1 1))': {
1786
+ 'border-top-color': 'var(--stroke-notice-quaternary-p3)',
1787
+ },
1788
+ },
1789
+ '.border-t-info': {
1790
+ 'border-top-color': 'var(--stroke-info)',
1791
+ '@supports (color: color(display-p3 1 1 1))': {
1792
+ 'border-top-color': 'var(--stroke-info-p3)',
1793
+ },
1794
+ },
1795
+ '.border-t-info-secondary': {
1796
+ 'border-top-color': 'var(--stroke-info-secondary)',
1797
+ '@supports (color: color(display-p3 1 1 1))': {
1798
+ 'border-top-color': 'var(--stroke-info-secondary-p3)',
1799
+ },
1800
+ },
1801
+ '.border-t-info-tertiary': {
1802
+ 'border-top-color': 'var(--stroke-info-tertiary)',
1803
+ '@supports (color: color(display-p3 1 1 1))': {
1804
+ 'border-top-color': 'var(--stroke-info-tertiary-p3)',
1805
+ },
1806
+ },
1807
+ '.border-t-info-quaternary': {
1808
+ 'border-top-color': 'var(--stroke-info-quaternary)',
1809
+ '@supports (color: color(display-p3 1 1 1))': {
1810
+ 'border-top-color': 'var(--stroke-info-quaternary-p3)',
1811
+ },
1812
+ },
1813
+ '.border-b-default': {
1814
+ 'border-bottom-color': 'var(--stroke-default)',
1815
+ '@supports (color: color(display-p3 1 1 1))': {
1816
+ 'border-bottom-color': 'var(--stroke-default-p3)',
1817
+ },
1818
+ },
1819
+ '.border-b-hover': {
1820
+ 'border-bottom-color': 'var(--stroke-hover)',
1821
+ '@supports (color: color(display-p3 1 1 1))': {
1822
+ 'border-bottom-color': 'var(--stroke-hover-p3)',
1823
+ },
1824
+ },
1825
+ '.border-b-secondary': {
1826
+ 'border-bottom-color': 'var(--stroke-secondary)',
1827
+ '@supports (color: color(display-p3 1 1 1))': {
1828
+ 'border-bottom-color': 'var(--stroke-secondary-p3)',
1829
+ },
1830
+ },
1831
+ '.border-b-tertiary': {
1832
+ 'border-bottom-color': 'var(--stroke-tertiary)',
1833
+ '@supports (color: color(display-p3 1 1 1))': {
1834
+ 'border-bottom-color': 'var(--stroke-tertiary-p3)',
1835
+ },
1836
+ },
1837
+ '.border-b-raise': {
1838
+ 'border-bottom-color': 'var(--stroke-raise)',
1839
+ '@supports (color: color(display-p3 1 1 1))': {
1840
+ 'border-bottom-color': 'var(--stroke-raise-p3)',
1841
+ },
1842
+ },
1843
+ /* Matches the default surface color */
1844
+ '.border-b-surface': {
1845
+ 'border-bottom-color': 'var(--stroke-surface)',
1846
+ '@supports (color: color(display-p3 1 1 1))': {
1847
+ 'border-bottom-color': 'var(--stroke-surface-p3)',
1848
+ },
1849
+ },
1850
+ '.border-b-accent': {
1851
+ 'border-bottom-color': 'var(--stroke-accent)',
1852
+ '@supports (color: color(display-p3 1 1 1))': {
1853
+ 'border-bottom-color': 'var(--stroke-accent-p3)',
1854
+ },
1855
+ },
1856
+ '.border-b-accent-secondary': {
1857
+ 'border-bottom-color': 'var(--stroke-accent-secondary)',
1858
+ '@supports (color: color(display-p3 1 1 1))': {
1859
+ 'border-bottom-color': 'var(--stroke-accent-secondary-p3)',
1860
+ },
1861
+ },
1862
+ '.border-b-accent-tertiary': {
1863
+ 'border-bottom-color': 'var(--stroke-accent-tertiary)',
1864
+ '@supports (color: color(display-p3 1 1 1))': {
1865
+ 'border-bottom-color': 'var(--stroke-accent-tertiary-p3)',
1866
+ },
1867
+ },
1868
+ '.border-b-accent-quaternary': {
1869
+ 'border-bottom-color': 'var(--stroke-accent-quaternary)',
1870
+ '@supports (color: color(display-p3 1 1 1))': {
1871
+ 'border-bottom-color': 'var(--stroke-accent-quaternary-p3)',
1872
+ },
1873
+ },
1874
+ '.border-b-destructive': {
1875
+ 'border-bottom-color': 'var(--stroke-destructive)',
1876
+ '@supports (color: color(display-p3 1 1 1))': {
1877
+ 'border-bottom-color': 'var(--stroke-destructive-p3)',
1878
+ },
1879
+ },
1880
+ '.border-b-destructive-secondary': {
1881
+ 'border-bottom-color': 'var(--stroke-destructive-secondary)',
1882
+ '@supports (color: color(display-p3 1 1 1))': {
1883
+ 'border-bottom-color': 'var(--stroke-destructive-secondary-p3)',
1884
+ },
1885
+ },
1886
+ '.border-b-destructive-tertiary': {
1887
+ 'border-bottom-color': 'var(--stroke-destructive-tertiary)',
1888
+ '@supports (color: color(display-p3 1 1 1))': {
1889
+ 'border-bottom-color': 'var(--stroke-destructive-tertiary-p3)',
1890
+ },
1891
+ },
1892
+ '.border-b-destructive-quaternary': {
1893
+ 'border-bottom-color': 'var(--stroke-destructive-quaternary)',
1894
+ '@supports (color: color(display-p3 1 1 1))': {
1895
+ 'border-bottom-color': 'var(--stroke-destructive-quaternary-p3)',
1896
+ },
1897
+ },
1898
+ '.border-b-success': {
1899
+ 'border-bottom-color': 'var(--stroke-success)',
1900
+ '@supports (color: color(display-p3 1 1 1))': {
1901
+ 'border-bottom-color': 'var(--stroke-success-p3)',
1902
+ },
1903
+ },
1904
+ '.border-b-success-secondary': {
1905
+ 'border-bottom-color': 'var(--stroke-success-secondary)',
1906
+ '@supports (color: color(display-p3 1 1 1))': {
1907
+ 'border-bottom-color': 'var(--stroke-success-secondary-p3)',
1908
+ },
1909
+ },
1910
+ '.border-b-success-tertiary': {
1911
+ 'border-bottom-color': 'var(--stroke-success-tertiary)',
1912
+ '@supports (color: color(display-p3 1 1 1))': {
1913
+ 'border-bottom-color': 'var(--stroke-success-tertiary-p3)',
1914
+ },
1915
+ },
1916
+ '.border-b-success-quaternary': {
1917
+ 'border-bottom-color': 'var(--stroke-success-quaternary)',
1918
+ '@supports (color: color(display-p3 1 1 1))': {
1919
+ 'border-bottom-color': 'var(--stroke-success-quaternary-p3)',
1920
+ },
1921
+ },
1922
+ '.border-b-error': {
1923
+ 'border-bottom-color': 'var(--stroke-error)',
1924
+ '@supports (color: color(display-p3 1 1 1))': {
1925
+ 'border-bottom-color': 'var(--stroke-error-p3)',
1926
+ },
1927
+ },
1928
+ '.border-b-error-secondary': {
1929
+ 'border-bottom-color': 'var(--stroke-error-secondary)',
1930
+ '@supports (color: color(display-p3 1 1 1))': {
1931
+ 'border-bottom-color': 'var(--stroke-error-secondary-p3)',
1932
+ },
1933
+ },
1934
+ '.border-b-error-tertiary': {
1935
+ 'border-bottom-color': 'var(--stroke-error-tertiary)',
1936
+ '@supports (color: color(display-p3 1 1 1))': {
1937
+ 'border-bottom-color': 'var(--stroke-error-tertiary-p3)',
1938
+ },
1939
+ },
1940
+ '.border-b-error-quaternary': {
1941
+ 'border-bottom-color': 'var(--stroke-error-quaternary)',
1942
+ '@supports (color: color(display-p3 1 1 1))': {
1943
+ 'border-bottom-color': 'var(--stroke-error-quaternary-p3)',
1944
+ },
1945
+ },
1946
+ '.border-b-notice': {
1947
+ 'border-bottom-color': 'var(--stroke-notice)',
1948
+ '@supports (color: color(display-p3 1 1 1))': {
1949
+ 'border-bottom-color': 'var(--stroke-notice-p3)',
1950
+ },
1951
+ },
1952
+ '.border-b-notice-secondary': {
1953
+ 'border-bottom-color': 'var(--stroke-notice-secondary)',
1954
+ '@supports (color: color(display-p3 1 1 1))': {
1955
+ 'border-bottom-color': 'var(--stroke-notice-secondary-p3)',
1956
+ },
1957
+ },
1958
+ '.border-b-notice-tertiary': {
1959
+ 'border-bottom-color': 'var(--stroke-notice-tertiary)',
1960
+ '@supports (color: color(display-p3 1 1 1))': {
1961
+ 'border-bottom-color': 'var(--stroke-notice-tertiary-p3)',
1962
+ },
1963
+ },
1964
+ '.border-b-notice-quaternary': {
1965
+ 'border-bottom-color': 'var(--stroke-notice-quaternary)',
1966
+ '@supports (color: color(display-p3 1 1 1))': {
1967
+ 'border-bottom-color': 'var(--stroke-notice-quaternary-p3)',
1968
+ },
1969
+ },
1970
+ '.border-b-info': {
1971
+ 'border-bottom-color': 'var(--stroke-info)',
1972
+ '@supports (color: color(display-p3 1 1 1))': {
1973
+ 'border-bottom-color': 'var(--stroke-info-p3)',
1974
+ },
1975
+ },
1976
+ '.border-b-info-secondary': {
1977
+ 'border-bottom-color': 'var(--stroke-info-secondary)',
1978
+ '@supports (color: color(display-p3 1 1 1))': {
1979
+ 'border-bottom-color': 'var(--stroke-info-secondary-p3)',
1980
+ },
1981
+ },
1982
+ '.border-b-info-tertiary': {
1983
+ 'border-bottom-color': 'var(--stroke-info-tertiary)',
1984
+ '@supports (color: color(display-p3 1 1 1))': {
1985
+ 'border-bottom-color': 'var(--stroke-info-tertiary-p3)',
1986
+ },
1987
+ },
1988
+ '.border-b-info-quaternary': {
1989
+ 'border-bottom-color': 'var(--stroke-info-quaternary)',
1990
+ '@supports (color: color(display-p3 1 1 1))': {
1991
+ 'border-bottom-color': 'var(--stroke-info-quaternary-p3)',
1992
+ },
1993
+ },
1994
+ '.border-x-default': {
1995
+ 'border-left-color': 'var(--stroke-default)',
1996
+ 'border-right-color': 'var(--stroke-default)',
1997
+ '@supports (color: color(display-p3 1 1 1))': {
1998
+ 'border-left-color': 'var(--stroke-default-p3)',
1999
+ 'border-right-color': 'var(--stroke-default-p3)',
2000
+ },
2001
+ },
2002
+ '.border-x-hover': {
2003
+ 'border-left-color': 'var(--stroke-hover)',
2004
+ 'border-right-color': 'var(--stroke-hover)',
2005
+ '@supports (color: color(display-p3 1 1 1))': {
2006
+ 'border-left-color': 'var(--stroke-hover-p3)',
2007
+ 'border-right-color': 'var(--stroke-hover-p3)',
2008
+ },
2009
+ },
2010
+ '.border-x-secondary': {
2011
+ 'border-left-color': 'var(--stroke-secondary)',
2012
+ 'border-right-color': 'var(--stroke-secondary)',
2013
+ '@supports (color: color(display-p3 1 1 1))': {
2014
+ 'border-left-color': 'var(--stroke-secondary-p3)',
2015
+ 'border-right-color': 'var(--stroke-secondary-p3)',
2016
+ },
2017
+ },
2018
+ '.border-x-tertiary': {
2019
+ 'border-left-color': 'var(--stroke-tertiary)',
2020
+ 'border-right-color': 'var(--stroke-tertiary)',
2021
+ '@supports (color: color(display-p3 1 1 1))': {
2022
+ 'border-left-color': 'var(--stroke-tertiary-p3)',
2023
+ 'border-right-color': 'var(--stroke-tertiary-p3)',
2024
+ },
2025
+ },
2026
+ '.border-x-raise': {
2027
+ 'border-left-color': 'var(--stroke-raise)',
2028
+ 'border-right-color': 'var(--stroke-raise)',
2029
+ '@supports (color: color(display-p3 1 1 1))': {
2030
+ 'border-left-color': 'var(--stroke-raise-p3)',
2031
+ 'border-right-color': 'var(--stroke-raise-p3)',
2032
+ },
2033
+ },
2034
+ /* Matches the default surface color */
2035
+ '.border-x-surface': {
2036
+ 'border-left-color': 'var(--stroke-surface)',
2037
+ 'border-right-color': 'var(--stroke-surface)',
2038
+ '@supports (color: color(display-p3 1 1 1))': {
2039
+ 'border-left-color': 'var(--stroke-surface-p3)',
2040
+ 'border-right-color': 'var(--stroke-surface-p3)',
2041
+ },
2042
+ },
2043
+ '.border-x-accent': {
2044
+ 'border-left-color': 'var(--stroke-accent)',
2045
+ 'border-right-color': 'var(--stroke-accent)',
2046
+ '@supports (color: color(display-p3 1 1 1))': {
2047
+ 'border-left-color': 'var(--stroke-accent-p3)',
2048
+ 'border-right-color': 'var(--stroke-accent-p3)',
2049
+ },
2050
+ },
2051
+ '.border-x-accent-secondary': {
2052
+ 'border-left-color': 'var(--stroke-accent-secondary)',
2053
+ 'border-right-color': 'var(--stroke-accent-secondary)',
2054
+ '@supports (color: color(display-p3 1 1 1))': {
2055
+ 'border-left-color': 'var(--stroke-accent-secondary-p3)',
2056
+ 'border-right-color': 'var(--stroke-accent-secondary-p3)',
2057
+ },
2058
+ },
2059
+ '.border-x-accent-tertiary': {
2060
+ 'border-left-color': 'var(--stroke-accent-tertiary)',
2061
+ 'border-right-color': 'var(--stroke-accent-tertiary)',
2062
+ '@supports (color: color(display-p3 1 1 1))': {
2063
+ 'border-left-color': 'var(--stroke-accent-tertiary-p3)',
2064
+ 'border-right-color': 'var(--stroke-accent-tertiary-p3)',
2065
+ },
2066
+ },
2067
+ '.border-x-accent-quaternary': {
2068
+ 'border-left-color': 'var(--stroke-accent-quaternary)',
2069
+ 'border-right-color': 'var(--stroke-accent-quaternary)',
2070
+ '@supports (color: color(display-p3 1 1 1))': {
2071
+ 'border-left-color': 'var(--stroke-accent-quaternary-p3)',
2072
+ 'border-right-color': 'var(--stroke-accent-quaternary-p3)',
2073
+ },
2074
+ },
2075
+ '.border-x-destructive': {
2076
+ 'border-left-color': 'var(--stroke-destructive)',
2077
+ 'border-right-color': 'var(--stroke-destructive)',
2078
+ '@supports (color: color(display-p3 1 1 1))': {
2079
+ 'border-left-color': 'var(--stroke-destructive-p3)',
2080
+ 'border-right-color': 'var(--stroke-destructive-p3)',
2081
+ },
2082
+ },
2083
+ '.border-x-destructive-secondary': {
2084
+ 'border-left-color': 'var(--stroke-destructive-secondary)',
2085
+ 'border-right-color': 'var(--stroke-destructive-secondary)',
2086
+ '@supports (color: color(display-p3 1 1 1))': {
2087
+ 'border-left-color': 'var(--stroke-destructive-secondary-p3)',
2088
+ 'border-right-color': 'var(--stroke-destructive-secondary-p3)',
2089
+ },
2090
+ },
2091
+ '.border-x-destructive-tertiary': {
2092
+ 'border-left-color': 'var(--stroke-destructive-tertiary)',
2093
+ 'border-right-color': 'var(--stroke-destructive-tertiary)',
2094
+ '@supports (color: color(display-p3 1 1 1))': {
2095
+ 'border-left-color': 'var(--stroke-destructive-tertiary-p3)',
2096
+ 'border-right-color': 'var(--stroke-destructive-tertiary-p3)',
2097
+ },
2098
+ },
2099
+ '.border-x-destructive-quaternary': {
2100
+ 'border-left-color': 'var(--stroke-destructive-quaternary)',
2101
+ 'border-right-color': 'var(--stroke-destructive-quaternary)',
2102
+ '@supports (color: color(display-p3 1 1 1))': {
2103
+ 'border-left-color': 'var(--stroke-destructive-quaternary-p3)',
2104
+ 'border-right-color': 'var(--stroke-destructive-quaternary-p3)',
2105
+ },
2106
+ },
2107
+ '.border-x-success': {
2108
+ 'border-left-color': 'var(--stroke-success)',
2109
+ 'border-right-color': 'var(--stroke-success)',
2110
+ '@supports (color: color(display-p3 1 1 1))': {
2111
+ 'border-left-color': 'var(--stroke-success-p3)',
2112
+ 'border-right-color': 'var(--stroke-success-p3)',
2113
+ },
2114
+ },
2115
+ '.border-x-success-secondary': {
2116
+ 'border-left-color': 'var(--stroke-success-secondary)',
2117
+ 'border-right-color': 'var(--stroke-success-secondary)',
2118
+ '@supports (color: color(display-p3 1 1 1))': {
2119
+ 'border-left-color': 'var(--stroke-success-secondary-p3)',
2120
+ 'border-right-color': 'var(--stroke-success-secondary-p3)',
2121
+ },
2122
+ },
2123
+ '.border-x-success-tertiary': {
2124
+ 'border-left-color': 'var(--stroke-success-tertiary)',
2125
+ 'border-right-color': 'var(--stroke-success-tertiary)',
2126
+ '@supports (color: color(display-p3 1 1 1))': {
2127
+ 'border-left-color': 'var(--stroke-success-tertiary-p3)',
2128
+ 'border-right-color': 'var(--stroke-success-tertiary-p3)',
2129
+ },
2130
+ },
2131
+ '.border-x-success-quaternary': {
2132
+ 'border-left-color': 'var(--stroke-success-quaternary)',
2133
+ 'border-right-color': 'var(--stroke-success-quaternary)',
2134
+ '@supports (color: color(display-p3 1 1 1))': {
2135
+ 'border-left-color': 'var(--stroke-success-quaternary-p3)',
2136
+ 'border-right-color': 'var(--stroke-success-quaternary-p3)',
2137
+ },
2138
+ },
2139
+ '.border-x-error': {
2140
+ 'border-left-color': 'var(--stroke-error)',
2141
+ 'border-right-color': 'var(--stroke-error)',
2142
+ '@supports (color: color(display-p3 1 1 1))': {
2143
+ 'border-left-color': 'var(--stroke-error-p3)',
2144
+ 'border-right-color': 'var(--stroke-error-p3)',
2145
+ },
2146
+ },
2147
+ '.border-x-error-secondary': {
2148
+ 'border-left-color': 'var(--stroke-error-secondary)',
2149
+ 'border-right-color': 'var(--stroke-error-secondary)',
2150
+ '@supports (color: color(display-p3 1 1 1))': {
2151
+ 'border-left-color': 'var(--stroke-error-secondary-p3)',
2152
+ 'border-right-color': 'var(--stroke-error-secondary-p3)',
2153
+ },
2154
+ },
2155
+ '.border-x-error-tertiary': {
2156
+ 'border-left-color': 'var(--stroke-error-tertiary)',
2157
+ 'border-right-color': 'var(--stroke-error-tertiary)',
2158
+ '@supports (color: color(display-p3 1 1 1))': {
2159
+ 'border-left-color': 'var(--stroke-error-tertiary-p3)',
2160
+ 'border-right-color': 'var(--stroke-error-tertiary-p3)',
2161
+ },
2162
+ },
2163
+ '.border-x-error-quaternary': {
2164
+ 'border-left-color': 'var(--stroke-error-quaternary)',
2165
+ 'border-right-color': 'var(--stroke-error-quaternary)',
2166
+ '@supports (color: color(display-p3 1 1 1))': {
2167
+ 'border-left-color': 'var(--stroke-error-quaternary-p3)',
2168
+ 'border-right-color': 'var(--stroke-error-quaternary-p3)',
2169
+ },
2170
+ },
2171
+ '.border-x-notice': {
2172
+ 'border-left-color': 'var(--stroke-notice)',
2173
+ 'border-right-color': 'var(--stroke-notice)',
2174
+ '@supports (color: color(display-p3 1 1 1))': {
2175
+ 'border-left-color': 'var(--stroke-notice-p3)',
2176
+ 'border-right-color': 'var(--stroke-notice-p3)',
2177
+ },
2178
+ },
2179
+ '.border-x-notice-secondary': {
2180
+ 'border-left-color': 'var(--stroke-notice-secondary)',
2181
+ 'border-right-color': 'var(--stroke-notice-secondary)',
2182
+ '@supports (color: color(display-p3 1 1 1))': {
2183
+ 'border-left-color': 'var(--stroke-notice-secondary-p3)',
2184
+ 'border-right-color': 'var(--stroke-notice-secondary-p3)',
2185
+ },
2186
+ },
2187
+ '.border-x-notice-tertiary': {
2188
+ 'border-left-color': 'var(--stroke-notice-tertiary)',
2189
+ 'border-right-color': 'var(--stroke-notice-tertiary)',
2190
+ '@supports (color: color(display-p3 1 1 1))': {
2191
+ 'border-left-color': 'var(--stroke-notice-tertiary-p3)',
2192
+ 'border-right-color': 'var(--stroke-notice-tertiary-p3)',
2193
+ },
2194
+ },
2195
+ '.border-x-notice-quaternary': {
2196
+ 'border-left-color': 'var(--stroke-notice-quaternary)',
2197
+ 'border-right-color': 'var(--stroke-notice-quaternary)',
2198
+ '@supports (color: color(display-p3 1 1 1))': {
2199
+ 'border-left-color': 'var(--stroke-notice-quaternary-p3)',
2200
+ 'border-right-color': 'var(--stroke-notice-quaternary-p3)',
2201
+ },
2202
+ },
2203
+ '.border-x-info': {
2204
+ 'border-left-color': 'var(--stroke-info)',
2205
+ 'border-right-color': 'var(--stroke-info)',
2206
+ '@supports (color: color(display-p3 1 1 1))': {
2207
+ 'border-left-color': 'var(--stroke-info-p3)',
2208
+ 'border-right-color': 'var(--stroke-info-p3)',
2209
+ },
2210
+ },
2211
+ '.border-x-info-secondary': {
2212
+ 'border-left-color': 'var(--stroke-info-secondary)',
2213
+ 'border-right-color': 'var(--stroke-info-secondary)',
2214
+ '@supports (color: color(display-p3 1 1 1))': {
2215
+ 'border-left-color': 'var(--stroke-info-secondary-p3)',
2216
+ 'border-right-color': 'var(--stroke-info-secondary-p3)',
2217
+ },
2218
+ },
2219
+ '.border-x-info-tertiary': {
2220
+ 'border-left-color': 'var(--stroke-info-tertiary)',
2221
+ 'border-right-color': 'var(--stroke-info-tertiary)',
2222
+ '@supports (color: color(display-p3 1 1 1))': {
2223
+ 'border-left-color': 'var(--stroke-info-tertiary-p3)',
2224
+ 'border-right-color': 'var(--stroke-info-tertiary-p3)',
2225
+ },
2226
+ },
2227
+ '.border-x-info-quaternary': {
2228
+ 'border-left-color': 'var(--stroke-info-quaternary)',
2229
+ 'border-right-color': 'var(--stroke-info-quaternary)',
2230
+ '@supports (color: color(display-p3 1 1 1))': {
2231
+ 'border-left-color': 'var(--stroke-info-quaternary-p3)',
2232
+ 'border-right-color': 'var(--stroke-info-quaternary-p3)',
2233
+ },
2234
+ },
2235
+ '.border-y-default': {
2236
+ 'border-top-color': 'var(--stroke-default)',
2237
+ 'border-bottom-color': 'var(--stroke-default)',
2238
+ '@supports (color: color(display-p3 1 1 1))': {
2239
+ 'border-top-color': 'var(--stroke-default-p3)',
2240
+ 'border-bottom-color': 'var(--stroke-default-p3)',
2241
+ },
2242
+ },
2243
+ '.border-y-hover': {
2244
+ 'border-top-color': 'var(--stroke-hover)',
2245
+ 'border-bottom-color': 'var(--stroke-hover)',
2246
+ '@supports (color: color(display-p3 1 1 1))': {
2247
+ 'border-top-color': 'var(--stroke-hover-p3)',
2248
+ 'border-bottom-color': 'var(--stroke-hover-p3)',
2249
+ },
2250
+ },
2251
+ '.border-y-secondary': {
2252
+ 'border-top-color': 'var(--stroke-secondary)',
2253
+ 'border-bottom-color': 'var(--stroke-secondary)',
2254
+ '@supports (color: color(display-p3 1 1 1))': {
2255
+ 'border-top-color': 'var(--stroke-secondary-p3)',
2256
+ 'border-bottom-color': 'var(--stroke-secondary-p3)',
2257
+ },
2258
+ },
2259
+ '.border-y-tertiary': {
2260
+ 'border-top-color': 'var(--stroke-tertiary)',
2261
+ 'border-bottom-color': 'var(--stroke-tertiary)',
2262
+ '@supports (color: color(display-p3 1 1 1))': {
2263
+ 'border-top-color': 'var(--stroke-tertiary-p3)',
2264
+ 'border-bottom-color': 'var(--stroke-tertiary-p3)',
2265
+ },
2266
+ },
2267
+ '.border-y-raise': {
2268
+ 'border-top-color': 'var(--stroke-raise)',
2269
+ 'border-bottom-color': 'var(--stroke-raise)',
2270
+ '@supports (color: color(display-p3 1 1 1))': {
2271
+ 'border-top-color': 'var(--stroke-raise-p3)',
2272
+ 'border-bottom-color': 'var(--stroke-raise-p3)',
2273
+ },
2274
+ },
2275
+ /* Matches the default surface color */
2276
+ '.border-y-surface': {
2277
+ 'border-top-color': 'var(--stroke-surface)',
2278
+ 'border-bottom-color': 'var(--stroke-surface)',
2279
+ '@supports (color: color(display-p3 1 1 1))': {
2280
+ 'border-top-color': 'var(--stroke-surface-p3)',
2281
+ 'border-bottom-color': 'var(--stroke-surface-p3)',
2282
+ },
2283
+ },
2284
+ '.border-y-accent': {
2285
+ 'border-top-color': 'var(--stroke-accent)',
2286
+ 'border-bottom-color': 'var(--stroke-accent)',
2287
+ '@supports (color: color(display-p3 1 1 1))': {
2288
+ 'border-top-color': 'var(--stroke-accent-p3)',
2289
+ 'border-bottom-color': 'var(--stroke-accent-p3)',
2290
+ },
2291
+ },
2292
+ '.border-y-accent-secondary': {
2293
+ 'border-top-color': 'var(--stroke-accent-secondary)',
2294
+ 'border-bottom-color': 'var(--stroke-accent-secondary)',
2295
+ '@supports (color: color(display-p3 1 1 1))': {
2296
+ 'border-top-color': 'var(--stroke-accent-secondary-p3)',
2297
+ 'border-bottom-color': 'var(--stroke-accent-secondary-p3)',
2298
+ },
2299
+ },
2300
+ '.border-y-accent-tertiary': {
2301
+ 'border-top-color': 'var(--stroke-accent-tertiary)',
2302
+ 'border-bottom-color': 'var(--stroke-accent-tertiary)',
2303
+ '@supports (color: color(display-p3 1 1 1))': {
2304
+ 'border-top-color': 'var(--stroke-accent-tertiary-p3)',
2305
+ 'border-bottom-color': 'var(--stroke-accent-tertiary-p3)',
2306
+ },
2307
+ },
2308
+ '.border-y-accent-quaternary': {
2309
+ 'border-top-color': 'var(--stroke-accent-quaternary)',
2310
+ 'border-bottom-color': 'var(--stroke-accent-quaternary)',
2311
+ '@supports (color: color(display-p3 1 1 1))': {
2312
+ 'border-top-color': 'var(--stroke-accent-quaternary-p3)',
2313
+ 'border-bottom-color': 'var(--stroke-accent-quaternary-p3)',
2314
+ },
2315
+ },
2316
+ '.border-y-destructive': {
2317
+ 'border-top-color': 'var(--stroke-destructive)',
2318
+ 'border-bottom-color': 'var(--stroke-destructive)',
2319
+ '@supports (color: color(display-p3 1 1 1))': {
2320
+ 'border-top-color': 'var(--stroke-destructive-p3)',
2321
+ 'border-bottom-color': 'var(--stroke-destructive-p3)',
2322
+ },
2323
+ },
2324
+ '.border-y-destructive-secondary': {
2325
+ 'border-top-color': 'var(--stroke-destructive-secondary)',
2326
+ 'border-bottom-color': 'var(--stroke-destructive-secondary)',
2327
+ '@supports (color: color(display-p3 1 1 1))': {
2328
+ 'border-top-color': 'var(--stroke-destructive-secondary-p3)',
2329
+ 'border-bottom-color': 'var(--stroke-destructive-secondary-p3)',
2330
+ },
2331
+ },
2332
+ '.border-y-destructive-tertiary': {
2333
+ 'border-top-color': 'var(--stroke-destructive-tertiary)',
2334
+ 'border-bottom-color': 'var(--stroke-destructive-tertiary)',
2335
+ '@supports (color: color(display-p3 1 1 1))': {
2336
+ 'border-top-color': 'var(--stroke-destructive-tertiary-p3)',
2337
+ 'border-bottom-color': 'var(--stroke-destructive-tertiary-p3)',
2338
+ },
2339
+ },
2340
+ '.border-y-destructive-quaternary': {
2341
+ 'border-top-color': 'var(--stroke-destructive-quaternary)',
2342
+ 'border-bottom-color': 'var(--stroke-destructive-quaternary)',
2343
+ '@supports (color: color(display-p3 1 1 1))': {
2344
+ 'border-top-color': 'var(--stroke-destructive-quaternary-p3)',
2345
+ 'border-bottom-color': 'var(--stroke-destructive-quaternary-p3)',
2346
+ },
2347
+ },
2348
+ '.border-y-success': {
2349
+ 'border-top-color': 'var(--stroke-success)',
2350
+ 'border-bottom-color': 'var(--stroke-success)',
2351
+ '@supports (color: color(display-p3 1 1 1))': {
2352
+ 'border-top-color': 'var(--stroke-success-p3)',
2353
+ 'border-bottom-color': 'var(--stroke-success-p3)',
2354
+ },
2355
+ },
2356
+ '.border-y-success-secondary': {
2357
+ 'border-top-color': 'var(--stroke-success-secondary)',
2358
+ 'border-bottom-color': 'var(--stroke-success-secondary)',
2359
+ '@supports (color: color(display-p3 1 1 1))': {
2360
+ 'border-top-color': 'var(--stroke-success-secondary-p3)',
2361
+ 'border-bottom-color': 'var(--stroke-success-secondary-p3)',
2362
+ },
2363
+ },
2364
+ '.border-y-success-tertiary': {
2365
+ 'border-top-color': 'var(--stroke-success-tertiary)',
2366
+ 'border-bottom-color': 'var(--stroke-success-tertiary)',
2367
+ '@supports (color: color(display-p3 1 1 1))': {
2368
+ 'border-top-color': 'var(--stroke-success-tertiary-p3)',
2369
+ 'border-bottom-color': 'var(--stroke-success-tertiary-p3)',
2370
+ },
2371
+ },
2372
+ '.border-y-success-quaternary': {
2373
+ 'border-top-color': 'var(--stroke-success-quaternary)',
2374
+ 'border-bottom-color': 'var(--stroke-success-quaternary)',
2375
+ '@supports (color: color(display-p3 1 1 1))': {
2376
+ 'border-top-color': 'var(--stroke-success-quaternary-p3)',
2377
+ 'border-bottom-color': 'var(--stroke-success-quaternary-p3)',
2378
+ },
2379
+ },
2380
+ '.border-y-error': {
2381
+ 'border-top-color': 'var(--stroke-error)',
2382
+ 'border-bottom-color': 'var(--stroke-error)',
2383
+ '@supports (color: color(display-p3 1 1 1))': {
2384
+ 'border-top-color': 'var(--stroke-error-p3)',
2385
+ 'border-bottom-color': 'var(--stroke-error-p3)',
2386
+ },
2387
+ },
2388
+ '.border-y-error-secondary': {
2389
+ 'border-top-color': 'var(--stroke-error-secondary)',
2390
+ 'border-bottom-color': 'var(--stroke-error-secondary)',
2391
+ '@supports (color: color(display-p3 1 1 1))': {
2392
+ 'border-top-color': 'var(--stroke-error-secondary-p3)',
2393
+ 'border-bottom-color': 'var(--stroke-error-secondary-p3)',
2394
+ },
2395
+ },
2396
+ '.border-y-error-tertiary': {
2397
+ 'border-top-color': 'var(--stroke-error-tertiary)',
2398
+ 'border-bottom-color': 'var(--stroke-error-tertiary)',
2399
+ '@supports (color: color(display-p3 1 1 1))': {
2400
+ 'border-top-color': 'var(--stroke-error-tertiary-p3)',
2401
+ 'border-bottom-color': 'var(--stroke-error-tertiary-p3)',
2402
+ },
2403
+ },
2404
+ '.border-y-error-quaternary': {
2405
+ 'border-top-color': 'var(--stroke-error-quaternary)',
2406
+ 'border-bottom-color': 'var(--stroke-error-quaternary)',
2407
+ '@supports (color: color(display-p3 1 1 1))': {
2408
+ 'border-top-color': 'var(--stroke-error-quaternary-p3)',
2409
+ 'border-bottom-color': 'var(--stroke-error-quaternary-p3)',
2410
+ },
2411
+ },
2412
+ '.border-y-notice': {
2413
+ 'border-top-color': 'var(--stroke-notice)',
2414
+ 'border-bottom-color': 'var(--stroke-notice)',
2415
+ '@supports (color: color(display-p3 1 1 1))': {
2416
+ 'border-top-color': 'var(--stroke-notice-p3)',
2417
+ 'border-bottom-color': 'var(--stroke-notice-p3)',
2418
+ },
2419
+ },
2420
+ '.border-y-notice-secondary': {
2421
+ 'border-top-color': 'var(--stroke-notice-secondary)',
2422
+ 'border-bottom-color': 'var(--stroke-notice-secondary)',
2423
+ '@supports (color: color(display-p3 1 1 1))': {
2424
+ 'border-top-color': 'var(--stroke-notice-secondary-p3)',
2425
+ 'border-bottom-color': 'var(--stroke-notice-secondary-p3)',
2426
+ },
2427
+ },
2428
+ '.border-y-notice-tertiary': {
2429
+ 'border-top-color': 'var(--stroke-notice-tertiary)',
2430
+ 'border-bottom-color': 'var(--stroke-notice-tertiary)',
2431
+ '@supports (color: color(display-p3 1 1 1))': {
2432
+ 'border-top-color': 'var(--stroke-notice-tertiary-p3)',
2433
+ 'border-bottom-color': 'var(--stroke-notice-tertiary-p3)',
2434
+ },
2435
+ },
2436
+ '.border-y-notice-quaternary': {
2437
+ 'border-top-color': 'var(--stroke-notice-quaternary)',
2438
+ 'border-bottom-color': 'var(--stroke-notice-quaternary)',
2439
+ '@supports (color: color(display-p3 1 1 1))': {
2440
+ 'border-top-color': 'var(--stroke-notice-quaternary-p3)',
2441
+ 'border-bottom-color': 'var(--stroke-notice-quaternary-p3)',
2442
+ },
2443
+ },
2444
+ '.border-y-info': {
2445
+ 'border-top-color': 'var(--stroke-info)',
2446
+ 'border-bottom-color': 'var(--stroke-info)',
2447
+ '@supports (color: color(display-p3 1 1 1))': {
2448
+ 'border-top-color': 'var(--stroke-info-p3)',
2449
+ 'border-bottom-color': 'var(--stroke-info-p3)',
2450
+ },
2451
+ },
2452
+ '.border-y-info-secondary': {
2453
+ 'border-top-color': 'var(--stroke-info-secondary)',
2454
+ 'border-bottom-color': 'var(--stroke-info-secondary)',
2455
+ '@supports (color: color(display-p3 1 1 1))': {
2456
+ 'border-top-color': 'var(--stroke-info-secondary-p3)',
2457
+ 'border-bottom-color': 'var(--stroke-info-secondary-p3)',
2458
+ },
2459
+ },
2460
+ '.border-y-info-tertiary': {
2461
+ 'border-top-color': 'var(--stroke-info-tertiary)',
2462
+ 'border-bottom-color': 'var(--stroke-info-tertiary)',
2463
+ '@supports (color: color(display-p3 1 1 1))': {
2464
+ 'border-top-color': 'var(--stroke-info-tertiary-p3)',
2465
+ 'border-bottom-color': 'var(--stroke-info-tertiary-p3)',
2466
+ },
2467
+ },
2468
+ '.border-y-info-quaternary': {
2469
+ 'border-top-color': 'var(--stroke-info-quaternary)',
2470
+ 'border-bottom-color': 'var(--stroke-info-quaternary)',
2471
+ '@supports (color: color(display-p3 1 1 1))': {
2472
+ 'border-top-color': 'var(--stroke-info-quaternary-p3)',
2473
+ 'border-bottom-color': 'var(--stroke-info-quaternary-p3)',
2474
+ },
2475
+ },
2476
+ '.ring-default': {
2477
+ '--tw-ring-color': 'var(--stroke-default)',
2478
+ '@supports (color: color(display-p3 1 1 1))': {
2479
+ '--tw-ring-color': 'var(--stroke-default-p3)',
2480
+ },
2481
+ },
2482
+ '.ring-hover': {
2483
+ '--tw-ring-color': 'var(--stroke-hover)',
2484
+ '@supports (color: color(display-p3 1 1 1))': {
2485
+ '--tw-ring-color': 'var(--stroke-hover-p3)',
2486
+ },
2487
+ },
2488
+ '.ring-secondary': {
2489
+ '--tw-ring-color': 'var(--stroke-secondary)',
2490
+ '@supports (color: color(display-p3 1 1 1))': {
2491
+ '--tw-ring-color': 'var(--stroke-secondary-p3)',
2492
+ },
2493
+ },
2494
+ '.ring-tertiary': {
2495
+ '--tw-ring-color': 'var(--stroke-tertiary)',
2496
+ '@supports (color: color(display-p3 1 1 1))': {
2497
+ '--tw-ring-color': 'var(--stroke-tertiary-p3)',
2498
+ },
2499
+ },
2500
+ '.ring-raise': {
2501
+ '--tw-ring-color': 'var(--stroke-raise)',
2502
+ '@supports (color: color(display-p3 1 1 1))': {
2503
+ '--tw-ring-color': 'var(--stroke-raise-p3)',
2504
+ },
2505
+ },
2506
+ /* Matches the default surface color */
2507
+ '.ring-surface': {
2508
+ '--tw-ring-color': 'var(--stroke-surface)',
2509
+ '@supports (color: color(display-p3 1 1 1))': {
2510
+ '--tw-ring-color': 'var(--stroke-surface-p3)',
2511
+ },
2512
+ },
2513
+ '.ring-accent': {
2514
+ '--tw-ring-color': 'var(--stroke-accent)',
2515
+ '@supports (color: color(display-p3 1 1 1))': {
2516
+ '--tw-ring-color': 'var(--stroke-accent-p3)',
2517
+ },
2518
+ },
2519
+ '.ring-accent-secondary': {
2520
+ '--tw-ring-color': 'var(--stroke-accent-secondary)',
2521
+ '@supports (color: color(display-p3 1 1 1))': {
2522
+ '--tw-ring-color': 'var(--stroke-accent-secondary-p3)',
2523
+ },
2524
+ },
2525
+ '.ring-accent-tertiary': {
2526
+ '--tw-ring-color': 'var(--stroke-accent-tertiary)',
2527
+ '@supports (color: color(display-p3 1 1 1))': {
2528
+ '--tw-ring-color': 'var(--stroke-accent-tertiary-p3)',
2529
+ },
2530
+ },
2531
+ '.ring-accent-quaternary': {
2532
+ '--tw-ring-color': 'var(--stroke-accent-quaternary)',
2533
+ '@supports (color: color(display-p3 1 1 1))': {
2534
+ '--tw-ring-color': 'var(--stroke-accent-quaternary-p3)',
2535
+ },
2536
+ },
2537
+ '.ring-destructive': {
2538
+ '--tw-ring-color': 'var(--stroke-destructive)',
2539
+ '@supports (color: color(display-p3 1 1 1))': {
2540
+ '--tw-ring-color': 'var(--stroke-destructive-p3)',
2541
+ },
2542
+ },
2543
+ '.ring-destructive-secondary': {
2544
+ '--tw-ring-color': 'var(--stroke-destructive-secondary)',
2545
+ '@supports (color: color(display-p3 1 1 1))': {
2546
+ '--tw-ring-color': 'var(--stroke-destructive-secondary-p3)',
2547
+ },
2548
+ },
2549
+ '.ring-destructive-tertiary': {
2550
+ '--tw-ring-color': 'var(--stroke-destructive-tertiary)',
2551
+ '@supports (color: color(display-p3 1 1 1))': {
2552
+ '--tw-ring-color': 'var(--stroke-destructive-tertiary-p3)',
2553
+ },
2554
+ },
2555
+ '.ring-destructive-quaternary': {
2556
+ '--tw-ring-color': 'var(--stroke-destructive-quaternary)',
2557
+ '@supports (color: color(display-p3 1 1 1))': {
2558
+ '--tw-ring-color': 'var(--stroke-destructive-quaternary-p3)',
2559
+ },
2560
+ },
2561
+ '.ring-success': {
2562
+ '--tw-ring-color': 'var(--stroke-success)',
2563
+ '@supports (color: color(display-p3 1 1 1))': {
2564
+ '--tw-ring-color': 'var(--stroke-success-p3)',
2565
+ },
2566
+ },
2567
+ '.ring-success-secondary': {
2568
+ '--tw-ring-color': 'var(--stroke-success-secondary)',
2569
+ '@supports (color: color(display-p3 1 1 1))': {
2570
+ '--tw-ring-color': 'var(--stroke-success-secondary-p3)',
2571
+ },
2572
+ },
2573
+ '.ring-success-tertiary': {
2574
+ '--tw-ring-color': 'var(--stroke-success-tertiary)',
2575
+ '@supports (color: color(display-p3 1 1 1))': {
2576
+ '--tw-ring-color': 'var(--stroke-success-tertiary-p3)',
2577
+ },
2578
+ },
2579
+ '.ring-success-quaternary': {
2580
+ '--tw-ring-color': 'var(--stroke-success-quaternary)',
2581
+ '@supports (color: color(display-p3 1 1 1))': {
2582
+ '--tw-ring-color': 'var(--stroke-success-quaternary-p3)',
2583
+ },
2584
+ },
2585
+ '.ring-error': {
2586
+ '--tw-ring-color': 'var(--stroke-error)',
2587
+ '@supports (color: color(display-p3 1 1 1))': {
2588
+ '--tw-ring-color': 'var(--stroke-error-p3)',
2589
+ },
2590
+ },
2591
+ '.ring-error-secondary': {
2592
+ '--tw-ring-color': 'var(--stroke-error-secondary)',
2593
+ '@supports (color: color(display-p3 1 1 1))': {
2594
+ '--tw-ring-color': 'var(--stroke-error-secondary-p3)',
2595
+ },
2596
+ },
2597
+ '.ring-error-tertiary': {
2598
+ '--tw-ring-color': 'var(--stroke-error-tertiary)',
2599
+ '@supports (color: color(display-p3 1 1 1))': {
2600
+ '--tw-ring-color': 'var(--stroke-error-tertiary-p3)',
2601
+ },
2602
+ },
2603
+ '.ring-error-quaternary': {
2604
+ '--tw-ring-color': 'var(--stroke-error-quaternary)',
2605
+ '@supports (color: color(display-p3 1 1 1))': {
2606
+ '--tw-ring-color': 'var(--stroke-error-quaternary-p3)',
2607
+ },
2608
+ },
2609
+ '.ring-notice': {
2610
+ '--tw-ring-color': 'var(--stroke-notice)',
2611
+ '@supports (color: color(display-p3 1 1 1))': {
2612
+ '--tw-ring-color': 'var(--stroke-notice-p3)',
2613
+ },
2614
+ },
2615
+ '.ring-notice-secondary': {
2616
+ '--tw-ring-color': 'var(--stroke-notice-secondary)',
2617
+ '@supports (color: color(display-p3 1 1 1))': {
2618
+ '--tw-ring-color': 'var(--stroke-notice-secondary-p3)',
2619
+ },
2620
+ },
2621
+ '.ring-notice-tertiary': {
2622
+ '--tw-ring-color': 'var(--stroke-notice-tertiary)',
2623
+ '@supports (color: color(display-p3 1 1 1))': {
2624
+ '--tw-ring-color': 'var(--stroke-notice-tertiary-p3)',
2625
+ },
2626
+ },
2627
+ '.ring-notice-quaternary': {
2628
+ '--tw-ring-color': 'var(--stroke-notice-quaternary)',
2629
+ '@supports (color: color(display-p3 1 1 1))': {
2630
+ '--tw-ring-color': 'var(--stroke-notice-quaternary-p3)',
2631
+ },
2632
+ },
2633
+ '.ring-info': {
2634
+ '--tw-ring-color': 'var(--stroke-info)',
2635
+ '@supports (color: color(display-p3 1 1 1))': {
2636
+ '--tw-ring-color': 'var(--stroke-info-p3)',
2637
+ },
2638
+ },
2639
+ '.ring-info-secondary': {
2640
+ '--tw-ring-color': 'var(--stroke-info-secondary)',
2641
+ '@supports (color: color(display-p3 1 1 1))': {
2642
+ '--tw-ring-color': 'var(--stroke-info-secondary-p3)',
2643
+ },
2644
+ },
2645
+ '.ring-info-tertiary': {
2646
+ '--tw-ring-color': 'var(--stroke-info-tertiary)',
2647
+ '@supports (color: color(display-p3 1 1 1))': {
2648
+ '--tw-ring-color': 'var(--stroke-info-tertiary-p3)',
2649
+ },
2650
+ },
2651
+ '.ring-info-quaternary': {
2652
+ '--tw-ring-color': 'var(--stroke-info-quaternary)',
2653
+ '@supports (color: color(display-p3 1 1 1))': {
2654
+ '--tw-ring-color': 'var(--stroke-info-quaternary-p3)',
2655
+ },
2656
+ },
2657
+ '.outline-default': {
2658
+ 'outline-color': 'var(--stroke-default)',
2659
+ '@supports (color: color(display-p3 1 1 1))': {
2660
+ 'outline-color': 'var(--stroke-default-p3)',
2661
+ },
2662
+ },
2663
+ '.outline-hover': {
2664
+ 'outline-color': 'var(--stroke-hover)',
2665
+ '@supports (color: color(display-p3 1 1 1))': {
2666
+ 'outline-color': 'var(--stroke-hover-p3)',
2667
+ },
2668
+ },
2669
+ '.outline-secondary': {
2670
+ 'outline-color': 'var(--stroke-secondary)',
2671
+ '@supports (color: color(display-p3 1 1 1))': {
2672
+ 'outline-color': 'var(--stroke-secondary-p3)',
2673
+ },
2674
+ },
2675
+ '.outline-tertiary': {
2676
+ 'outline-color': 'var(--stroke-tertiary)',
2677
+ '@supports (color: color(display-p3 1 1 1))': {
2678
+ 'outline-color': 'var(--stroke-tertiary-p3)',
2679
+ },
2680
+ },
2681
+ '.outline-raise': {
2682
+ 'outline-color': 'var(--stroke-raise)',
2683
+ '@supports (color: color(display-p3 1 1 1))': {
2684
+ 'outline-color': 'var(--stroke-raise-p3)',
2685
+ },
2686
+ },
2687
+ /* Matches the default surface color */
2688
+ '.outline-surface': {
2689
+ 'outline-color': 'var(--stroke-surface)',
2690
+ '@supports (color: color(display-p3 1 1 1))': {
2691
+ 'outline-color': 'var(--stroke-surface-p3)',
2692
+ },
2693
+ },
2694
+ '.outline-accent': {
2695
+ 'outline-color': 'var(--stroke-accent)',
2696
+ '@supports (color: color(display-p3 1 1 1))': {
2697
+ 'outline-color': 'var(--stroke-accent-p3)',
2698
+ },
2699
+ },
2700
+ '.outline-accent-secondary': {
2701
+ 'outline-color': 'var(--stroke-accent-secondary)',
2702
+ '@supports (color: color(display-p3 1 1 1))': {
2703
+ 'outline-color': 'var(--stroke-accent-secondary-p3)',
2704
+ },
2705
+ },
2706
+ '.outline-accent-tertiary': {
2707
+ 'outline-color': 'var(--stroke-accent-tertiary)',
2708
+ '@supports (color: color(display-p3 1 1 1))': {
2709
+ 'outline-color': 'var(--stroke-accent-tertiary-p3)',
2710
+ },
2711
+ },
2712
+ '.outline-accent-quaternary': {
2713
+ 'outline-color': 'var(--stroke-accent-quaternary)',
2714
+ '@supports (color: color(display-p3 1 1 1))': {
2715
+ 'outline-color': 'var(--stroke-accent-quaternary-p3)',
2716
+ },
2717
+ },
2718
+ '.outline-destructive': {
2719
+ 'outline-color': 'var(--stroke-destructive)',
2720
+ '@supports (color: color(display-p3 1 1 1))': {
2721
+ 'outline-color': 'var(--stroke-destructive-p3)',
2722
+ },
2723
+ },
2724
+ '.outline-destructive-secondary': {
2725
+ 'outline-color': 'var(--stroke-destructive-secondary)',
2726
+ '@supports (color: color(display-p3 1 1 1))': {
2727
+ 'outline-color': 'var(--stroke-destructive-secondary-p3)',
2728
+ },
2729
+ },
2730
+ '.outline-destructive-tertiary': {
2731
+ 'outline-color': 'var(--stroke-destructive-tertiary)',
2732
+ '@supports (color: color(display-p3 1 1 1))': {
2733
+ 'outline-color': 'var(--stroke-destructive-tertiary-p3)',
2734
+ },
2735
+ },
2736
+ '.outline-destructive-quaternary': {
2737
+ 'outline-color': 'var(--stroke-destructive-quaternary)',
2738
+ '@supports (color: color(display-p3 1 1 1))': {
2739
+ 'outline-color': 'var(--stroke-destructive-quaternary-p3)',
2740
+ },
2741
+ },
2742
+ '.outline-success': {
2743
+ 'outline-color': 'var(--stroke-success)',
2744
+ '@supports (color: color(display-p3 1 1 1))': {
2745
+ 'outline-color': 'var(--stroke-success-p3)',
2746
+ },
2747
+ },
2748
+ '.outline-success-secondary': {
2749
+ 'outline-color': 'var(--stroke-success-secondary)',
2750
+ '@supports (color: color(display-p3 1 1 1))': {
2751
+ 'outline-color': 'var(--stroke-success-secondary-p3)',
2752
+ },
2753
+ },
2754
+ '.outline-success-tertiary': {
2755
+ 'outline-color': 'var(--stroke-success-tertiary)',
2756
+ '@supports (color: color(display-p3 1 1 1))': {
2757
+ 'outline-color': 'var(--stroke-success-tertiary-p3)',
2758
+ },
2759
+ },
2760
+ '.outline-success-quaternary': {
2761
+ 'outline-color': 'var(--stroke-success-quaternary)',
2762
+ '@supports (color: color(display-p3 1 1 1))': {
2763
+ 'outline-color': 'var(--stroke-success-quaternary-p3)',
2764
+ },
2765
+ },
2766
+ '.outline-error': {
2767
+ 'outline-color': 'var(--stroke-error)',
2768
+ '@supports (color: color(display-p3 1 1 1))': {
2769
+ 'outline-color': 'var(--stroke-error-p3)',
2770
+ },
2771
+ },
2772
+ '.outline-error-secondary': {
2773
+ 'outline-color': 'var(--stroke-error-secondary)',
2774
+ '@supports (color: color(display-p3 1 1 1))': {
2775
+ 'outline-color': 'var(--stroke-error-secondary-p3)',
2776
+ },
2777
+ },
2778
+ '.outline-error-tertiary': {
2779
+ 'outline-color': 'var(--stroke-error-tertiary)',
2780
+ '@supports (color: color(display-p3 1 1 1))': {
2781
+ 'outline-color': 'var(--stroke-error-tertiary-p3)',
2782
+ },
2783
+ },
2784
+ '.outline-error-quaternary': {
2785
+ 'outline-color': 'var(--stroke-error-quaternary)',
2786
+ '@supports (color: color(display-p3 1 1 1))': {
2787
+ 'outline-color': 'var(--stroke-error-quaternary-p3)',
2788
+ },
2789
+ },
2790
+ '.outline-notice': {
2791
+ 'outline-color': 'var(--stroke-notice)',
2792
+ '@supports (color: color(display-p3 1 1 1))': {
2793
+ 'outline-color': 'var(--stroke-notice-p3)',
2794
+ },
2795
+ },
2796
+ '.outline-notice-secondary': {
2797
+ 'outline-color': 'var(--stroke-notice-secondary)',
2798
+ '@supports (color: color(display-p3 1 1 1))': {
2799
+ 'outline-color': 'var(--stroke-notice-secondary-p3)',
2800
+ },
2801
+ },
2802
+ '.outline-notice-tertiary': {
2803
+ 'outline-color': 'var(--stroke-notice-tertiary)',
2804
+ '@supports (color: color(display-p3 1 1 1))': {
2805
+ 'outline-color': 'var(--stroke-notice-tertiary-p3)',
2806
+ },
2807
+ },
2808
+ '.outline-notice-quaternary': {
2809
+ 'outline-color': 'var(--stroke-notice-quaternary)',
2810
+ '@supports (color: color(display-p3 1 1 1))': {
2811
+ 'outline-color': 'var(--stroke-notice-quaternary-p3)',
2812
+ },
2813
+ },
2814
+ '.outline-info': {
2815
+ 'outline-color': 'var(--stroke-info)',
2816
+ '@supports (color: color(display-p3 1 1 1))': {
2817
+ 'outline-color': 'var(--stroke-info-p3)',
2818
+ },
2819
+ },
2820
+ '.outline-info-secondary': {
2821
+ 'outline-color': 'var(--stroke-info-secondary)',
2822
+ '@supports (color: color(display-p3 1 1 1))': {
2823
+ 'outline-color': 'var(--stroke-info-secondary-p3)',
2824
+ },
2825
+ },
2826
+ '.outline-info-tertiary': {
2827
+ 'outline-color': 'var(--stroke-info-tertiary)',
2828
+ '@supports (color: color(display-p3 1 1 1))': {
2829
+ 'outline-color': 'var(--stroke-info-tertiary-p3)',
2830
+ },
2831
+ },
2832
+ '.outline-info-quaternary': {
2833
+ 'outline-color': 'var(--stroke-info-quaternary)',
2834
+ '@supports (color: color(display-p3 1 1 1))': {
2835
+ 'outline-color': 'var(--stroke-info-quaternary-p3)',
2836
+ },
2837
+ },
2838
+ '.chart-fill-area-primary': {
2839
+ fill: 'var(--chart-fill-area-primary)',
2840
+ '@supports (color: color(display-p3 1 1 1))': {
2841
+ fill: 'var(--chart-fill-area-primary-p3)',
2842
+ },
2843
+ },
2844
+ '.chart-fill-area-secondary': {
2845
+ fill: 'var(--chart-fill-area-secondary)',
2846
+ '@supports (color: color(display-p3 1 1 1))': {
2847
+ fill: 'var(--chart-fill-area-secondary-p3)',
2848
+ },
2849
+ },
2850
+ '.chart-fill-area-tertiary': {
2851
+ fill: 'var(--chart-fill-area-tertiary)',
2852
+ '@supports (color: color(display-p3 1 1 1))': {
2853
+ fill: 'var(--chart-fill-area-tertiary-p3)',
2854
+ },
2855
+ },
2856
+ '.chart-fill-area-quaternary': {
2857
+ fill: 'var(--chart-fill-area-quaternary)',
2858
+ '@supports (color: color(display-p3 1 1 1))': {
2859
+ fill: 'var(--chart-fill-area-quaternary-p3)',
2860
+ },
2861
+ },
2862
+ '.chart-fill-item-primary': {
2863
+ fill: 'var(--chart-fill-item-primary)',
2864
+ '@supports (color: color(display-p3 1 1 1))': {
2865
+ fill: 'var(--chart-fill-item-primary-p3)',
2866
+ },
2867
+ },
2868
+ '.chart-fill-item-secondary': {
2869
+ fill: 'var(--chart-fill-item-secondary)',
2870
+ '@supports (color: color(display-p3 1 1 1))': {
2871
+ fill: 'var(--chart-fill-item-secondary-p3)',
2872
+ },
2873
+ },
2874
+ '.chart-fill-item-tertiary': {
2875
+ fill: 'var(--chart-fill-item-tertiary)',
2876
+ '@supports (color: color(display-p3 1 1 1))': {
2877
+ fill: 'var(--chart-fill-item-tertiary-p3)',
2878
+ },
2879
+ },
2880
+ '.chart-fill-item-quaternary': {
2881
+ fill: 'var(--chart-fill-item-quaternary)',
2882
+ '@supports (color: color(display-p3 1 1 1))': {
2883
+ fill: 'var(--chart-fill-item-quaternary-p3)',
2884
+ },
2885
+ },
2886
+ '.chart-fill-error-primary': {
2887
+ fill: 'var(--chart-fill-error-primary)',
2888
+ '@supports (color: color(display-p3 1 1 1))': {
2889
+ fill: 'var(--chart-fill-error-primary-p3)',
2890
+ },
2891
+ },
2892
+ '.chart-fill-error-secondary': {
2893
+ fill: 'var(--chart-fill-error-secondary)',
2894
+ '@supports (color: color(display-p3 1 1 1))': {
2895
+ fill: 'var(--chart-fill-error-secondary-p3)',
2896
+ },
2897
+ },
2898
+ '.chart-fill-error-tertiary': {
2899
+ fill: 'var(--chart-fill-error-tertiary)',
2900
+ '@supports (color: color(display-p3 1 1 1))': {
2901
+ fill: 'var(--chart-fill-error-tertiary-p3)',
2902
+ },
2903
+ },
2904
+ '.chart-fill-error-quaternary': {
2905
+ fill: 'var(--chart-fill-error-quaternary)',
2906
+ '@supports (color: color(display-p3 1 1 1))': {
2907
+ fill: 'var(--chart-fill-error-quaternary-p3)',
2908
+ },
2909
+ },
2910
+ '.chart-fill-inactive': {
2911
+ fill: 'var(--chart-fill-inactive)',
2912
+ '@supports (color: color(display-p3 1 1 1))': {
2913
+ fill: 'var(--chart-fill-inactive-p3)',
2914
+ },
2915
+ },
2916
+ '.chart-stroke-line': {
2917
+ stroke: 'var(--chart-stroke-line)',
2918
+ '@supports (color: color(display-p3 1 1 1))': {
2919
+ stroke: 'var(--chart-stroke-line-p3)',
2920
+ },
2921
+ },
2922
+ '.chart-stroke-line-secondary': {
2923
+ stroke: 'var(--chart-stroke-line-secondary)',
2924
+ '@supports (color: color(display-p3 1 1 1))': {
2925
+ stroke: 'var(--chart-stroke-line-secondary-p3)',
2926
+ },
2927
+ },
2928
+ '.chart-stroke-line-tertiary': {
2929
+ stroke: 'var(--chart-stroke-line-tertiary)',
2930
+ '@supports (color: color(display-p3 1 1 1))': {
2931
+ stroke: 'var(--chart-stroke-line-tertiary-p3)',
2932
+ },
2933
+ },
2934
+ '.chart-stroke-line-quaternary': {
2935
+ stroke: 'var(--chart-stroke-line-quaternary)',
2936
+ '@supports (color: color(display-p3 1 1 1))': {
2937
+ stroke: 'var(--chart-stroke-line-quaternary-p3)',
2938
+ },
2939
+ },
2940
+ '.chart-stroke-y-axis': {
2941
+ stroke: 'var(--chart-stroke-y-axis)',
2942
+ '@supports (color: color(display-p3 1 1 1))': {
2943
+ stroke: 'var(--chart-stroke-y-axis-p3)',
2944
+ },
2945
+ },
2946
+ /* Used as a stroke in conjuction with a fill. For discrete shapes e.g. bar charts; pie charts; tree maps. */
2947
+ '.chart-stroke-item': {
2948
+ stroke: 'var(--chart-stroke-item)',
2949
+ '@supports (color: color(display-p3 1 1 1))': {
2950
+ stroke: 'var(--chart-stroke-item-p3)',
2951
+ },
2952
+ },
2953
+ '.chart-stroke-item-inactive': {
2954
+ stroke: 'var(--chart-stroke-item-inactive)',
2955
+ '@supports (color: color(display-p3 1 1 1))': {
2956
+ stroke: 'var(--chart-stroke-item-inactive-p3)',
2957
+ },
2958
+ },
2959
+ '.chart-stroke-error': {
2960
+ stroke: 'var(--chart-stroke-error)',
2961
+ '@supports (color: color(display-p3 1 1 1))': {
2962
+ stroke: 'var(--chart-stroke-error-p3)',
2963
+ },
2964
+ },
2965
+ }
2966
+
2967
+ export const elevationUtilities = {
2968
+ '.elevation-0': {
2969
+ 'box-shadow': 'var(--elevation-0)',
2970
+ },
2971
+ '.elevation-1': {
2972
+ 'box-shadow': 'var(--elevation-1)',
2973
+ },
2974
+ '.elevation-2': {
2975
+ 'box-shadow': 'var(--elevation-2)',
2976
+ },
2977
+ '.elevation-3': {
2978
+ 'box-shadow': 'var(--elevation-3)',
2979
+ },
2980
+ }
2981
+
2982
+ export const borderRadiusTokens = {
2983
+ sm: 'var(--border-radius-sm)',
2984
+ DEFAULT: 'var(--border-radius)',
2985
+ lg: 'var(--border-radius-lg)',
2986
+ xl: 'var(--border-radius-xl)',
2987
+ full: 'var(--border-radius-full)',
2988
+ }