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