@marigold/theme-rui 4.0.1 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index.js → index.cjs} +505 -216
- package/dist/index.cjs.map +1 -0
- package/dist/{index.d.ts → index.d.cts} +1 -1
- package/dist/index.d.cts.map +1 -0
- package/dist/index.mjs +505 -196
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1904 -751
- package/dist/theme.css +63 -11
- package/dist/utils.css +51 -99
- package/dist/variants.css +5 -0
- package/package.json +9 -7
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -24,22 +24,14 @@
|
|
|
24
24
|
--color-orange-900: #7c3712;
|
|
25
25
|
--color-orange-950: #431a07;
|
|
26
26
|
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
27
|
-
--color-yellow-300: oklch(90.5% 0.182 98.111);
|
|
28
27
|
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
29
28
|
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
30
29
|
--color-yellow-600: oklch(68.1% 0.162 75.834);
|
|
31
30
|
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
32
|
-
--color-lime-300: oklch(89.7% 0.196 126.665);
|
|
33
|
-
--color-lime-400: oklch(84.1% 0.238 128.85);
|
|
34
|
-
--color-lime-500: oklch(76.8% 0.233 130.85);
|
|
35
|
-
--color-lime-600: oklch(64.8% 0.2 131.684);
|
|
36
31
|
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
37
32
|
--color-green-300: oklch(87.1% 0.15 154.449);
|
|
38
|
-
--color-green-400: oklch(79.2% 0.209 151.711);
|
|
39
33
|
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
40
34
|
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
41
|
-
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
42
|
-
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
43
35
|
--color-green-950: oklch(26.6% 0.065 152.934);
|
|
44
36
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
45
37
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
@@ -47,21 +39,19 @@
|
|
|
47
39
|
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
48
40
|
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
49
41
|
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
50
|
-
--color-violet-500: oklch(60.6% 0.25 292.717);
|
|
51
42
|
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
52
43
|
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
53
|
-
--color-
|
|
44
|
+
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
|
|
54
45
|
--color-slate-100: oklch(96.8% 0.007 247.896);
|
|
55
46
|
--color-slate-200: oklch(92.9% 0.013 255.508);
|
|
56
47
|
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
57
48
|
--color-slate-400: oklch(70.4% 0.04 256.788);
|
|
58
49
|
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
59
|
-
--color-gray-
|
|
50
|
+
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
60
51
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
61
52
|
--color-gray-500: oklch(55.1% 0.027 264.364);
|
|
62
53
|
--color-gray-600: oklch(44.6% 0.03 256.802);
|
|
63
|
-
--color-gray-
|
|
64
|
-
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
54
|
+
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
65
55
|
--color-stone-50: oklch(98.5% 0.001 106.423);
|
|
66
56
|
--color-stone-100: oklch(97% 0.001 106.424);
|
|
67
57
|
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
@@ -80,6 +70,7 @@
|
|
|
80
70
|
--container-xs: 20rem;
|
|
81
71
|
--container-sm: 24rem;
|
|
82
72
|
--container-md: 28rem;
|
|
73
|
+
--container-2xl: 42rem;
|
|
83
74
|
--text-xs: 0.75rem;
|
|
84
75
|
--text-xs--line-height: calc(1 / 0.75);
|
|
85
76
|
--text-sm: 0.875rem;
|
|
@@ -115,7 +106,10 @@
|
|
|
115
106
|
--font-weight-bold: 700;
|
|
116
107
|
--font-weight-extrabold: 800;
|
|
117
108
|
--font-weight-black: 900;
|
|
109
|
+
--leading-tight: 1.25;
|
|
110
|
+
--leading-snug: 1.375;
|
|
118
111
|
--leading-normal: 1.5;
|
|
112
|
+
--leading-relaxed: 1.625;
|
|
119
113
|
--leading-loose: 2;
|
|
120
114
|
--radius-xs: 0.125rem;
|
|
121
115
|
--radius-sm: 0.25rem;
|
|
@@ -129,6 +123,7 @@
|
|
|
129
123
|
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
130
124
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
131
125
|
--blur-xs: 4px;
|
|
126
|
+
--aspect-video: 16 / 9;
|
|
132
127
|
--default-transition-duration: 150ms;
|
|
133
128
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
134
129
|
--default-font-family: Inter, system-ui, sans-serif;
|
|
@@ -180,6 +175,18 @@
|
|
|
180
175
|
--color-scrollbar: var(--color-stone-300);
|
|
181
176
|
--color-scrollbar-hover: var(--color-stone-950);
|
|
182
177
|
--color-scrollbar-track: transparent;
|
|
178
|
+
--color-surface: var(--color-white);
|
|
179
|
+
--color-surface-border: var(--color-stone-300);
|
|
180
|
+
--radius-surface: var(--radius-lg);
|
|
181
|
+
--shadow-elevation-border: 0px 0.3px 0.3px oklch(0 0 0 / 0.19),
|
|
182
|
+
0.1px 1.1px 1.2px -3px oklch(0 0 0 / 0.16);
|
|
183
|
+
--shadow-elevation-raised: 0px 0.3px 0.3px oklch(0 0 0 / 0.23),
|
|
184
|
+
0px 1.4px 1.3px -2px oklch(0 0 0 / 0.17),
|
|
185
|
+
0px 6.7px 6px -4px oklch(0 0 0 / 0.12);
|
|
186
|
+
--shadow-elevation-overlay: 0px 0.1px 0.1px oklch(0 0 0 / 0.32),
|
|
187
|
+
0px 1px 0.9px -1.3px oklch(0 0 0 / 0.26),
|
|
188
|
+
-0.1px 4px 3.6px -2.7px oklch(0 0 0 / 0.2),
|
|
189
|
+
-0.2px 12px 10.8px -4px oklch(0 0 0 / 0.14);
|
|
183
190
|
--surface-sunken: var(--color-muted);
|
|
184
191
|
--surface-sunken-shadow: 0 0 #0000;
|
|
185
192
|
--surface-body: var(--color-background);
|
|
@@ -195,10 +202,28 @@
|
|
|
195
202
|
--spacing-button-small: 2rem;
|
|
196
203
|
--spacing-button-large: 2.5rem;
|
|
197
204
|
--spacing-container: 50rem;
|
|
198
|
-
--spacing-
|
|
199
|
-
--spacing-
|
|
200
|
-
--spacing-
|
|
201
|
-
--spacing-
|
|
205
|
+
--spacing-joined: calc(var(--spacing) * 0.25);
|
|
206
|
+
--spacing-tight: calc(var(--spacing) * 1);
|
|
207
|
+
--spacing-related: calc(var(--spacing) * 2);
|
|
208
|
+
--spacing-peer: calc(var(--spacing) * 4);
|
|
209
|
+
--spacing-group: calc(var(--spacing) * 8);
|
|
210
|
+
--spacing-section: calc(var(--spacing) * 16);
|
|
211
|
+
--spacing-context: calc(var(--spacing) * 32);
|
|
212
|
+
--spacing-square-tight: calc(var(--spacing) * 1);
|
|
213
|
+
--spacing-square-snug: calc(var(--spacing) * 2);
|
|
214
|
+
--spacing-square-regular: calc(var(--spacing) * 3);
|
|
215
|
+
--spacing-square-relaxed: calc(var(--spacing) * 4);
|
|
216
|
+
--spacing-square-loose: calc(var(--spacing) * 6);
|
|
217
|
+
--spacing-squish-tight: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
218
|
+
--spacing-squish-snug: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);
|
|
219
|
+
--spacing-squish-regular: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
220
|
+
--spacing-squish-relaxed: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
221
|
+
--spacing-squish-loose: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
|
|
222
|
+
--spacing-stretch-tight: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
223
|
+
--spacing-stretch-snug: calc(var(--spacing) * 2) calc(var(--spacing) * 1.5);
|
|
224
|
+
--spacing-stretch-regular: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
225
|
+
--spacing-stretch-relaxed: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
226
|
+
--spacing-stretch-loose: calc(var(--spacing) * 6) calc(var(--spacing) * 4);
|
|
202
227
|
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
203
228
|
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
204
229
|
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
@@ -420,18 +445,26 @@
|
|
|
420
445
|
height: 100%;
|
|
421
446
|
min-height: 24px;
|
|
422
447
|
min-width: 24px;
|
|
423
|
-
z-index:
|
|
448
|
+
z-index: 100;
|
|
424
449
|
}
|
|
425
450
|
}
|
|
451
|
+
[data-theme="rui"] .ui-surface {
|
|
452
|
+
position: relative;
|
|
453
|
+
border-radius: var(--radius-lg);
|
|
454
|
+
transition-property: background,border,box-shadow;
|
|
455
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
456
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
457
|
+
background: linear-gradient( to bottom, var(--ui-background-color, #fff), var(--ui-background-color, #fff) ), linear-gradient( to bottom, var(--ui-border-color, var(--color-surface-border)), oklch(from var(--ui-border-color, var(--color-surface-border)) calc(l - 0.1) c h) );
|
|
458
|
+
background-clip: padding-box, border-box;
|
|
459
|
+
background-origin: padding-box, border-box;
|
|
460
|
+
border: 1px solid transparent;
|
|
461
|
+
}
|
|
426
462
|
[data-theme="rui"] .absolute {
|
|
427
463
|
position: absolute;
|
|
428
464
|
}
|
|
429
465
|
[data-theme="rui"] .fixed {
|
|
430
466
|
position: fixed;
|
|
431
467
|
}
|
|
432
|
-
[data-theme="rui"] .fixed\! {
|
|
433
|
-
position: fixed !important;
|
|
434
|
-
}
|
|
435
468
|
[data-theme="rui"] .relative {
|
|
436
469
|
position: relative;
|
|
437
470
|
}
|
|
@@ -444,9 +477,6 @@
|
|
|
444
477
|
[data-theme="rui"] .inset-0 {
|
|
445
478
|
inset: calc(var(--spacing) * 0);
|
|
446
479
|
}
|
|
447
|
-
[data-theme="rui"] .-top-2 {
|
|
448
|
-
top: calc(var(--spacing) * -2);
|
|
449
|
-
}
|
|
450
480
|
[data-theme="rui"] .top-0 {
|
|
451
481
|
top: calc(var(--spacing) * 0);
|
|
452
482
|
}
|
|
@@ -465,9 +495,6 @@
|
|
|
465
495
|
[data-theme="rui"] .top-\[50\%\] {
|
|
466
496
|
top: 50%;
|
|
467
497
|
}
|
|
468
|
-
[data-theme="rui"] .top-auto\! {
|
|
469
|
-
top: auto !important;
|
|
470
|
-
}
|
|
471
498
|
[data-theme="rui"] .right-0 {
|
|
472
499
|
right: calc(var(--spacing) * 0);
|
|
473
500
|
}
|
|
@@ -483,26 +510,20 @@
|
|
|
483
510
|
[data-theme="rui"] .right-auto {
|
|
484
511
|
right: auto;
|
|
485
512
|
}
|
|
486
|
-
[data-theme="rui"] .bottom-0\! {
|
|
487
|
-
bottom: calc(var(--spacing) * 0) !important;
|
|
488
|
-
}
|
|
489
513
|
[data-theme="rui"] .bottom-4 {
|
|
490
514
|
bottom: calc(var(--spacing) * 4);
|
|
491
515
|
}
|
|
492
516
|
[data-theme="rui"] .left-0 {
|
|
493
517
|
left: calc(var(--spacing) * 0);
|
|
494
518
|
}
|
|
495
|
-
[data-theme="rui"] .left-0\! {
|
|
496
|
-
left: calc(var(--spacing) * 0) !important;
|
|
497
|
-
}
|
|
498
519
|
[data-theme="rui"] .left-1 {
|
|
499
520
|
left: calc(var(--spacing) * 1);
|
|
500
521
|
}
|
|
501
522
|
[data-theme="rui"] .left-1\/2 {
|
|
502
523
|
left: calc(1/2 * 100%);
|
|
503
524
|
}
|
|
504
|
-
[data-theme="rui"] .left-2 {
|
|
505
|
-
left: calc(var(--spacing) * 2);
|
|
525
|
+
[data-theme="rui"] .left-2\.5 {
|
|
526
|
+
left: calc(var(--spacing) * 2.5);
|
|
506
527
|
}
|
|
507
528
|
[data-theme="rui"] .left-4 {
|
|
508
529
|
left: calc(var(--spacing) * 4);
|
|
@@ -510,12 +531,24 @@
|
|
|
510
531
|
[data-theme="rui"] .z-1 {
|
|
511
532
|
z-index: 1;
|
|
512
533
|
}
|
|
534
|
+
[data-theme="rui"] .z-10 {
|
|
535
|
+
z-index: 10;
|
|
536
|
+
}
|
|
537
|
+
[data-theme="rui"] .z-20 {
|
|
538
|
+
z-index: 20;
|
|
539
|
+
}
|
|
540
|
+
[data-theme="rui"] .z-30 {
|
|
541
|
+
z-index: 30;
|
|
542
|
+
}
|
|
513
543
|
[data-theme="rui"] .z-40 {
|
|
514
544
|
z-index: 40;
|
|
515
545
|
}
|
|
516
546
|
[data-theme="rui"] .z-50 {
|
|
517
547
|
z-index: 50;
|
|
518
548
|
}
|
|
549
|
+
[data-theme="rui"] .z-80 {
|
|
550
|
+
z-index: 80;
|
|
551
|
+
}
|
|
519
552
|
[data-theme="rui"] .order-last {
|
|
520
553
|
order: 9999;
|
|
521
554
|
}
|
|
@@ -549,30 +582,18 @@
|
|
|
549
582
|
[data-theme="rui"] .m-0 {
|
|
550
583
|
margin: calc(var(--spacing) * 0);
|
|
551
584
|
}
|
|
552
|
-
[data-theme="rui"] .m-1 {
|
|
553
|
-
margin: calc(var(--spacing) * 1);
|
|
554
|
-
}
|
|
555
|
-
[data-theme="rui"] .m-2 {
|
|
556
|
-
margin: calc(var(--spacing) * 2);
|
|
557
|
-
}
|
|
558
585
|
[data-theme="rui"] .mx-auto {
|
|
559
586
|
margin-inline: auto;
|
|
560
587
|
}
|
|
561
588
|
[data-theme="rui"] .-my-1\.5 {
|
|
562
589
|
margin-block: calc(var(--spacing) * -1.5);
|
|
563
590
|
}
|
|
564
|
-
[data-theme="rui"] .ms-\[auto\] {
|
|
565
|
-
margin-inline-start: auto;
|
|
566
|
-
}
|
|
567
591
|
[data-theme="rui"] .ms-auto {
|
|
568
592
|
margin-inline-start: auto;
|
|
569
593
|
}
|
|
570
594
|
[data-theme="rui"] .-me-2 {
|
|
571
595
|
margin-inline-end: calc(var(--spacing) * -2);
|
|
572
596
|
}
|
|
573
|
-
[data-theme="rui"] .me-\[auto\] {
|
|
574
|
-
margin-inline-end: auto;
|
|
575
|
-
}
|
|
576
597
|
[data-theme="rui"] .me-auto {
|
|
577
598
|
margin-inline-end: auto;
|
|
578
599
|
}
|
|
@@ -585,26 +606,32 @@
|
|
|
585
606
|
[data-theme="rui"] .mt-0\.5 {
|
|
586
607
|
margin-top: calc(var(--spacing) * 0.5);
|
|
587
608
|
}
|
|
609
|
+
[data-theme="rui"] .mt-2 {
|
|
610
|
+
margin-top: calc(var(--spacing) * 2);
|
|
611
|
+
}
|
|
588
612
|
[data-theme="rui"] .mt-4 {
|
|
589
613
|
margin-top: calc(var(--spacing) * 4);
|
|
590
614
|
}
|
|
615
|
+
[data-theme="rui"] .mt-6 {
|
|
616
|
+
margin-top: calc(var(--spacing) * 6);
|
|
617
|
+
}
|
|
591
618
|
[data-theme="rui"] .mb-0 {
|
|
592
619
|
margin-bottom: calc(var(--spacing) * 0);
|
|
593
620
|
}
|
|
594
|
-
[data-theme="rui"] .mb-0\.5 {
|
|
595
|
-
margin-bottom: calc(var(--spacing) * 0.5);
|
|
596
|
-
}
|
|
597
621
|
[data-theme="rui"] .mb-1 {
|
|
598
622
|
margin-bottom: calc(var(--spacing) * 1);
|
|
599
623
|
}
|
|
624
|
+
[data-theme="rui"] .mb-2\.5 {
|
|
625
|
+
margin-bottom: calc(var(--spacing) * 2.5);
|
|
626
|
+
}
|
|
600
627
|
[data-theme="rui"] .mb-4 {
|
|
601
628
|
margin-bottom: calc(var(--spacing) * 4);
|
|
602
629
|
}
|
|
603
630
|
[data-theme="rui"] .mb-6 {
|
|
604
631
|
margin-bottom: calc(var(--spacing) * 6);
|
|
605
632
|
}
|
|
606
|
-
[data-theme="rui"] .
|
|
607
|
-
margin-
|
|
633
|
+
[data-theme="rui"] .ml-1\.5 {
|
|
634
|
+
margin-left: calc(var(--spacing) * 1.5);
|
|
608
635
|
}
|
|
609
636
|
[data-theme="rui"] .ml-2 {
|
|
610
637
|
margin-left: calc(var(--spacing) * 2);
|
|
@@ -688,9 +715,21 @@
|
|
|
688
715
|
[data-theme="rui"] .aspect-square {
|
|
689
716
|
aspect-ratio: 1 / 1;
|
|
690
717
|
}
|
|
691
|
-
[data-theme="rui"] .
|
|
692
|
-
|
|
693
|
-
|
|
718
|
+
[data-theme="rui"] .aspect-video {
|
|
719
|
+
aspect-ratio: var(--aspect-video);
|
|
720
|
+
}
|
|
721
|
+
[data-theme="rui"] .ui-input {
|
|
722
|
+
height: 2.25rem;
|
|
723
|
+
width: 100%;
|
|
724
|
+
min-width: calc(var(--spacing) * 0);
|
|
725
|
+
padding-inline: calc(var(--spacing) * 3);
|
|
726
|
+
padding-block: calc(var(--spacing) * 2);
|
|
727
|
+
font-size: var(--text-sm);
|
|
728
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
729
|
+
color: var(--color-stone-950);
|
|
730
|
+
[data-theme="rui"] &::placeholder {
|
|
731
|
+
color: var(--color-stone-500);
|
|
732
|
+
}
|
|
694
733
|
}
|
|
695
734
|
[data-theme="rui"] .size-4 {
|
|
696
735
|
width: calc(var(--spacing) * 4);
|
|
@@ -744,14 +783,6 @@
|
|
|
744
783
|
width: 2.25rem;
|
|
745
784
|
height: 2.25rem;
|
|
746
785
|
}
|
|
747
|
-
[data-theme="rui"] .size-button-large {
|
|
748
|
-
width: 2.5rem;
|
|
749
|
-
height: 2.5rem;
|
|
750
|
-
}
|
|
751
|
-
[data-theme="rui"] .size-button-small {
|
|
752
|
-
width: 2rem;
|
|
753
|
-
height: 2rem;
|
|
754
|
-
}
|
|
755
786
|
[data-theme="rui"] .size-fit {
|
|
756
787
|
width: fit-content;
|
|
757
788
|
height: fit-content;
|
|
@@ -763,6 +794,9 @@
|
|
|
763
794
|
[data-theme="rui"] .h-\(--disclosure-panel-height\) {
|
|
764
795
|
height: var(--disclosure-panel-height);
|
|
765
796
|
}
|
|
797
|
+
[data-theme="rui"] .h-\(--header-height\) {
|
|
798
|
+
height: var(--header-height);
|
|
799
|
+
}
|
|
766
800
|
[data-theme="rui"] .h-\(--height\) {
|
|
767
801
|
height: var(--height);
|
|
768
802
|
}
|
|
@@ -964,6 +998,9 @@
|
|
|
964
998
|
[data-theme="rui"] .h-\[300px\] {
|
|
965
999
|
height: 300px;
|
|
966
1000
|
}
|
|
1001
|
+
[data-theme="rui"] .h-\[initial\] {
|
|
1002
|
+
height: initial;
|
|
1003
|
+
}
|
|
967
1004
|
[data-theme="rui"] .h-auto {
|
|
968
1005
|
height: auto;
|
|
969
1006
|
}
|
|
@@ -1009,12 +1046,12 @@
|
|
|
1009
1046
|
[data-theme="rui"] .max-h-\[80vh\] {
|
|
1010
1047
|
max-height: 80vh;
|
|
1011
1048
|
}
|
|
1049
|
+
[data-theme="rui"] .max-h-\[95vh\] {
|
|
1050
|
+
max-height: 95vh;
|
|
1051
|
+
}
|
|
1012
1052
|
[data-theme="rui"] .max-h-\[300px\] {
|
|
1013
1053
|
max-height: 300px;
|
|
1014
1054
|
}
|
|
1015
|
-
[data-theme="rui"] .max-h-fit\! {
|
|
1016
|
-
max-height: fit-content !important;
|
|
1017
|
-
}
|
|
1018
1055
|
[data-theme="rui"] .min-h-0 {
|
|
1019
1056
|
min-height: calc(var(--spacing) * 0);
|
|
1020
1057
|
}
|
|
@@ -1024,12 +1061,24 @@
|
|
|
1024
1061
|
[data-theme="rui"] .min-h-52 {
|
|
1025
1062
|
min-height: calc(var(--spacing) * 52);
|
|
1026
1063
|
}
|
|
1064
|
+
[data-theme="rui"] .min-h-\[36px\] {
|
|
1065
|
+
min-height: 36px;
|
|
1066
|
+
}
|
|
1027
1067
|
[data-theme="rui"] .min-h-\[350px\] {
|
|
1028
1068
|
min-height: 350px;
|
|
1029
1069
|
}
|
|
1030
1070
|
[data-theme="rui"] .min-h-input {
|
|
1031
1071
|
min-height: 2.25rem;
|
|
1032
1072
|
}
|
|
1073
|
+
[data-theme="rui"] .w-\(--container-width\) {
|
|
1074
|
+
width: var(--container-width);
|
|
1075
|
+
}
|
|
1076
|
+
[data-theme="rui"] .w-\(--field-width\) {
|
|
1077
|
+
width: var(--field-width);
|
|
1078
|
+
}
|
|
1079
|
+
[data-theme="rui"] .w-\(--tagfield-trigger-width\) {
|
|
1080
|
+
width: var(--tagfield-trigger-width);
|
|
1081
|
+
}
|
|
1033
1082
|
[data-theme="rui"] .w-0 {
|
|
1034
1083
|
width: calc(var(--spacing) * 0);
|
|
1035
1084
|
}
|
|
@@ -1213,6 +1262,9 @@
|
|
|
1213
1262
|
[data-theme="rui"] .w-96 {
|
|
1214
1263
|
width: calc(var(--spacing) * 96);
|
|
1215
1264
|
}
|
|
1265
|
+
[data-theme="rui"] .w-125 {
|
|
1266
|
+
width: calc(var(--spacing) * 125);
|
|
1267
|
+
}
|
|
1216
1268
|
[data-theme="rui"] .w-\[24px\] {
|
|
1217
1269
|
width: 24px;
|
|
1218
1270
|
}
|
|
@@ -1222,15 +1274,12 @@
|
|
|
1222
1274
|
[data-theme="rui"] .w-\[200px\] {
|
|
1223
1275
|
width: 200px;
|
|
1224
1276
|
}
|
|
1225
|
-
[data-theme="rui"] .w-\[400px\] {
|
|
1226
|
-
width: 400px;
|
|
1227
|
-
}
|
|
1228
|
-
[data-theme="rui"] .w-\[800px\] {
|
|
1229
|
-
width: 800px;
|
|
1230
|
-
}
|
|
1231
1277
|
[data-theme="rui"] .w-\[900px\] {
|
|
1232
1278
|
width: 900px;
|
|
1233
1279
|
}
|
|
1280
|
+
[data-theme="rui"] .w-\[min\(100\%-3rem\,60ch\)\] {
|
|
1281
|
+
width: min(100% - 3rem, 60ch);
|
|
1282
|
+
}
|
|
1234
1283
|
[data-theme="rui"] .w-\[min\(100\%_-_3rem\,60ch\)\] {
|
|
1235
1284
|
width: min(100% - 3rem, 60ch);
|
|
1236
1285
|
}
|
|
@@ -1327,6 +1376,9 @@
|
|
|
1327
1376
|
[data-theme="rui"] .max-w-2\/12 {
|
|
1328
1377
|
max-width: calc(2/12 * 100%);
|
|
1329
1378
|
}
|
|
1379
|
+
[data-theme="rui"] .max-w-2xl {
|
|
1380
|
+
max-width: var(--container-2xl);
|
|
1381
|
+
}
|
|
1330
1382
|
[data-theme="rui"] .max-w-3 {
|
|
1331
1383
|
max-width: calc(var(--spacing) * 3);
|
|
1332
1384
|
}
|
|
@@ -1504,6 +1556,9 @@
|
|
|
1504
1556
|
[data-theme="rui"] .min-w-0 {
|
|
1505
1557
|
min-width: calc(var(--spacing) * 0);
|
|
1506
1558
|
}
|
|
1559
|
+
[data-theme="rui"] .min-w-\[250px\] {
|
|
1560
|
+
min-width: 250px;
|
|
1561
|
+
}
|
|
1507
1562
|
[data-theme="rui"] .min-w-\[300px\] {
|
|
1508
1563
|
min-width: 300px;
|
|
1509
1564
|
}
|
|
@@ -1537,7 +1592,7 @@
|
|
|
1537
1592
|
[data-theme="rui"] .basis-4 {
|
|
1538
1593
|
flex-basis: calc(var(--spacing) * 4);
|
|
1539
1594
|
}
|
|
1540
|
-
[data-theme="rui"] .basis-\[calc\(\(var\(--collapseAt\)
|
|
1595
|
+
[data-theme="rui"] .basis-\[calc\(\(var\(--collapseAt\)-100\%\)\*999\)\] {
|
|
1541
1596
|
flex-basis: calc((var(--collapseAt) - 100%) * 999);
|
|
1542
1597
|
}
|
|
1543
1598
|
[data-theme="rui"] .border-collapse {
|
|
@@ -1576,12 +1631,20 @@
|
|
|
1576
1631
|
[data-theme="rui"] .rotate-180 {
|
|
1577
1632
|
rotate: 180deg;
|
|
1578
1633
|
}
|
|
1634
|
+
[data-theme="rui"] .transform-gpu {
|
|
1635
|
+
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
1636
|
+
}
|
|
1579
1637
|
[data-theme="rui"] .animate-progress-cycle {
|
|
1580
1638
|
animation: progress-cycle 1.5s linear infinite;
|
|
1581
1639
|
}
|
|
1582
1640
|
[data-theme="rui"] .animate-rotate-spinner {
|
|
1583
1641
|
animation: rotate-spinner 2s linear infinite;
|
|
1584
1642
|
}
|
|
1643
|
+
[data-theme="rui"] .ui-state-disabled {
|
|
1644
|
+
cursor: not-allowed;
|
|
1645
|
+
background-color: var(--color-stone-200);
|
|
1646
|
+
color: var(--color-stone-400);
|
|
1647
|
+
}
|
|
1585
1648
|
[data-theme="rui"] .cursor-alias {
|
|
1586
1649
|
cursor: alias;
|
|
1587
1650
|
}
|
|
@@ -1663,6 +1726,9 @@
|
|
|
1663
1726
|
[data-theme="rui"] .resize {
|
|
1664
1727
|
resize: both;
|
|
1665
1728
|
}
|
|
1729
|
+
[data-theme="rui"] .resize-x {
|
|
1730
|
+
resize: horizontal;
|
|
1731
|
+
}
|
|
1666
1732
|
[data-theme="rui"] .list-outside {
|
|
1667
1733
|
list-style-position: outside;
|
|
1668
1734
|
}
|
|
@@ -1687,6 +1753,9 @@
|
|
|
1687
1753
|
[data-theme="rui"] .grid-cols-3 {
|
|
1688
1754
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1689
1755
|
}
|
|
1756
|
+
[data-theme="rui"] .grid-cols-\[1fr_auto\] {
|
|
1757
|
+
grid-template-columns: 1fr auto;
|
|
1758
|
+
}
|
|
1690
1759
|
[data-theme="rui"] .grid-cols-\[auto_1fr\] {
|
|
1691
1760
|
grid-template-columns: auto 1fr;
|
|
1692
1761
|
}
|
|
@@ -1705,6 +1774,9 @@
|
|
|
1705
1774
|
[data-theme="rui"] .grid-rows-\[auto_auto\] {
|
|
1706
1775
|
grid-template-rows: auto auto;
|
|
1707
1776
|
}
|
|
1777
|
+
[data-theme="rui"] .grid-rows-\[auto_auto_1fr_auto\] {
|
|
1778
|
+
grid-template-rows: auto auto 1fr auto;
|
|
1779
|
+
}
|
|
1708
1780
|
[data-theme="rui"] .flex-col {
|
|
1709
1781
|
flex-direction: column;
|
|
1710
1782
|
}
|
|
@@ -1762,6 +1834,12 @@
|
|
|
1762
1834
|
[data-theme="rui"] .justify-start {
|
|
1763
1835
|
justify-content: flex-start;
|
|
1764
1836
|
}
|
|
1837
|
+
[data-theme="rui"] .justify-items-center {
|
|
1838
|
+
justify-items: center;
|
|
1839
|
+
}
|
|
1840
|
+
[data-theme="rui"] .gap-\(--space\) {
|
|
1841
|
+
gap: var(--space);
|
|
1842
|
+
}
|
|
1765
1843
|
[data-theme="rui"] .gap-0 {
|
|
1766
1844
|
gap: calc(var(--spacing) * 0);
|
|
1767
1845
|
}
|
|
@@ -1774,6 +1852,9 @@
|
|
|
1774
1852
|
[data-theme="rui"] .gap-1\.5 {
|
|
1775
1853
|
gap: calc(var(--spacing) * 1.5);
|
|
1776
1854
|
}
|
|
1855
|
+
[data-theme="rui"] .gap-1\.75 {
|
|
1856
|
+
gap: calc(var(--spacing) * 1.75);
|
|
1857
|
+
}
|
|
1777
1858
|
[data-theme="rui"] .gap-2 {
|
|
1778
1859
|
gap: calc(var(--spacing) * 2);
|
|
1779
1860
|
}
|
|
@@ -1873,9 +1954,6 @@
|
|
|
1873
1954
|
[data-theme="rui"] .gap-\[1ch\] {
|
|
1874
1955
|
gap: 1ch;
|
|
1875
1956
|
}
|
|
1876
|
-
[data-theme="rui"] .gap-\[7px\] {
|
|
1877
|
-
gap: 7px;
|
|
1878
|
-
}
|
|
1879
1957
|
[data-theme="rui"] .gap-\[10px\] {
|
|
1880
1958
|
gap: 10px;
|
|
1881
1959
|
}
|
|
@@ -1885,11 +1963,11 @@
|
|
|
1885
1963
|
[data-theme="rui"] .gap-\[var\(--spacing-container\)\] {
|
|
1886
1964
|
gap: var(--spacing-container);
|
|
1887
1965
|
}
|
|
1888
|
-
[data-theme="rui"] .gap-\[var\(--spacing-
|
|
1889
|
-
gap: var(--spacing-
|
|
1966
|
+
[data-theme="rui"] .gap-\[var\(--spacing-fieldX\)\] {
|
|
1967
|
+
gap: var(--spacing-fieldX);
|
|
1890
1968
|
}
|
|
1891
|
-
[data-theme="rui"] .gap-\[var\(--spacing-
|
|
1892
|
-
gap: var(--spacing-
|
|
1969
|
+
[data-theme="rui"] .gap-\[var\(--spacing-fieldY\)\] {
|
|
1970
|
+
gap: var(--spacing-fieldY);
|
|
1893
1971
|
}
|
|
1894
1972
|
[data-theme="rui"] .gap-\[var\(--spacing-group\)\] {
|
|
1895
1973
|
gap: var(--spacing-group);
|
|
@@ -1934,9 +2012,15 @@
|
|
|
1934
2012
|
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
1935
2013
|
}
|
|
1936
2014
|
}
|
|
2015
|
+
[data-theme="rui"] .gap-y-\(--space\) {
|
|
2016
|
+
row-gap: var(--space);
|
|
2017
|
+
}
|
|
1937
2018
|
[data-theme="rui"] .gap-y-0 {
|
|
1938
2019
|
row-gap: calc(var(--spacing) * 0);
|
|
1939
2020
|
}
|
|
2021
|
+
[data-theme="rui"] .gap-y-0\.5 {
|
|
2022
|
+
row-gap: calc(var(--spacing) * 0.5);
|
|
2023
|
+
}
|
|
1940
2024
|
[data-theme="rui"] .gap-y-1 {
|
|
1941
2025
|
row-gap: calc(var(--spacing) * 1);
|
|
1942
2026
|
}
|
|
@@ -1960,14 +2044,14 @@
|
|
|
1960
2044
|
[data-theme="rui"] .overflow-hidden {
|
|
1961
2045
|
overflow: hidden;
|
|
1962
2046
|
}
|
|
1963
|
-
[data-theme="rui"] .overflow-x-
|
|
1964
|
-
overflow-x:
|
|
2047
|
+
[data-theme="rui"] .overflow-x-auto {
|
|
2048
|
+
overflow-x: auto;
|
|
1965
2049
|
}
|
|
1966
2050
|
[data-theme="rui"] .overflow-y-auto {
|
|
1967
2051
|
overflow-y: auto;
|
|
1968
2052
|
}
|
|
1969
|
-
[data-theme="rui"] .overscroll-
|
|
1970
|
-
overscroll-behavior:
|
|
2053
|
+
[data-theme="rui"] .overscroll-auto {
|
|
2054
|
+
overscroll-behavior: auto;
|
|
1971
2055
|
}
|
|
1972
2056
|
[data-theme="rui"] .rounded {
|
|
1973
2057
|
border-radius: 0.25rem;
|
|
@@ -1978,6 +2062,9 @@
|
|
|
1978
2062
|
[data-theme="rui"] .rounded-\[3px\] {
|
|
1979
2063
|
border-radius: 3px;
|
|
1980
2064
|
}
|
|
2065
|
+
[data-theme="rui"] .rounded-\[calc\(var\(--radius-surface\)-3px\)\] {
|
|
2066
|
+
border-radius: calc(var(--radius-surface) - 3px);
|
|
2067
|
+
}
|
|
1981
2068
|
[data-theme="rui"] .rounded-full {
|
|
1982
2069
|
border-radius: calc(infinity * 1px);
|
|
1983
2070
|
}
|
|
@@ -1990,12 +2077,19 @@
|
|
|
1990
2077
|
[data-theme="rui"] .rounded-sm {
|
|
1991
2078
|
border-radius: var(--radius-sm);
|
|
1992
2079
|
}
|
|
2080
|
+
[data-theme="rui"] .rounded-surface {
|
|
2081
|
+
border-radius: var(--radius-lg);
|
|
2082
|
+
}
|
|
1993
2083
|
[data-theme="rui"] .rounded-xl {
|
|
1994
2084
|
border-radius: var(--radius-xl);
|
|
1995
2085
|
}
|
|
1996
2086
|
[data-theme="rui"] .rounded-xs {
|
|
1997
2087
|
border-radius: var(--radius-xs);
|
|
1998
2088
|
}
|
|
2089
|
+
[data-theme="rui"] .rounded-b-none {
|
|
2090
|
+
border-bottom-right-radius: 0;
|
|
2091
|
+
border-bottom-left-radius: 0;
|
|
2092
|
+
}
|
|
1999
2093
|
[data-theme="rui"] .border {
|
|
2000
2094
|
border-style: var(--tw-border-style);
|
|
2001
2095
|
border-width: 1px;
|
|
@@ -2024,6 +2118,10 @@
|
|
|
2024
2118
|
--tw-border-style: dashed;
|
|
2025
2119
|
border-style: dashed;
|
|
2026
2120
|
}
|
|
2121
|
+
[data-theme="rui"] .border-hidden {
|
|
2122
|
+
--tw-border-style: hidden;
|
|
2123
|
+
border-style: hidden;
|
|
2124
|
+
}
|
|
2027
2125
|
[data-theme="rui"] .border-none {
|
|
2028
2126
|
--tw-border-style: none;
|
|
2029
2127
|
border-style: none;
|
|
@@ -2032,6 +2130,31 @@
|
|
|
2032
2130
|
--tw-border-style: solid;
|
|
2033
2131
|
border-style: solid;
|
|
2034
2132
|
}
|
|
2133
|
+
[data-theme="rui"] .ui-state-error {
|
|
2134
|
+
border-color: var(--color-red-600);
|
|
2135
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
2136
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2137
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
2138
|
+
}
|
|
2139
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
2140
|
+
border-color: var(--color-red-600);
|
|
2141
|
+
}
|
|
2142
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
2143
|
+
border-color: var(--color-red-600);
|
|
2144
|
+
}
|
|
2145
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
2146
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
2147
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2148
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
2149
|
+
}
|
|
2150
|
+
}
|
|
2151
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
2152
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
2153
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2154
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
2155
|
+
}
|
|
2156
|
+
}
|
|
2157
|
+
}
|
|
2035
2158
|
[data-theme="rui"] .border-\[\#364fc7\] {
|
|
2036
2159
|
border-color: #364fc7;
|
|
2037
2160
|
}
|
|
@@ -2056,8 +2179,11 @@
|
|
|
2056
2179
|
[data-theme="rui"] .border-black {
|
|
2057
2180
|
border-color: var(--color-black);
|
|
2058
2181
|
}
|
|
2059
|
-
[data-theme="rui"] .border-
|
|
2060
|
-
border-color:
|
|
2182
|
+
[data-theme="rui"] .border-black\/25 {
|
|
2183
|
+
border-color: color-mix(in srgb, #000 25%, transparent);
|
|
2184
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2185
|
+
border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
|
|
2186
|
+
}
|
|
2061
2187
|
}
|
|
2062
2188
|
[data-theme="rui"] .border-border {
|
|
2063
2189
|
border-color: var(--color-stone-200);
|
|
@@ -2068,12 +2194,6 @@
|
|
|
2068
2194
|
[data-theme="rui"] .border-destructive-muted-accent {
|
|
2069
2195
|
border-color: var(--color-red-600);
|
|
2070
2196
|
}
|
|
2071
|
-
[data-theme="rui"] .border-gray-200 {
|
|
2072
|
-
border-color: var(--color-gray-200);
|
|
2073
|
-
}
|
|
2074
|
-
[data-theme="rui"] .border-gray-700 {
|
|
2075
|
-
border-color: var(--color-gray-700);
|
|
2076
|
-
}
|
|
2077
2197
|
[data-theme="rui"] .border-info-muted-accent {
|
|
2078
2198
|
border-color: var(--color-blue-600);
|
|
2079
2199
|
}
|
|
@@ -2083,18 +2203,21 @@
|
|
|
2083
2203
|
[data-theme="rui"] .border-input\! {
|
|
2084
2204
|
border-color: var(--color-stone-300) !important;
|
|
2085
2205
|
}
|
|
2086
|
-
[data-theme="rui"] .border-lime-400 {
|
|
2087
|
-
border-color: var(--color-lime-400);
|
|
2088
|
-
}
|
|
2089
2206
|
[data-theme="rui"] .border-red-400 {
|
|
2090
2207
|
border-color: var(--color-red-400);
|
|
2091
2208
|
}
|
|
2092
2209
|
[data-theme="rui"] .border-slate-300 {
|
|
2093
2210
|
border-color: var(--color-slate-300);
|
|
2094
2211
|
}
|
|
2212
|
+
[data-theme="rui"] .border-stone-800 {
|
|
2213
|
+
border-color: var(--color-stone-800);
|
|
2214
|
+
}
|
|
2095
2215
|
[data-theme="rui"] .border-success-muted-accent {
|
|
2096
2216
|
border-color: var(--color-green-600);
|
|
2097
2217
|
}
|
|
2218
|
+
[data-theme="rui"] .border-surface-border {
|
|
2219
|
+
border-color: var(--color-stone-300);
|
|
2220
|
+
}
|
|
2098
2221
|
[data-theme="rui"] .border-transparent {
|
|
2099
2222
|
border-color: transparent;
|
|
2100
2223
|
}
|
|
@@ -2146,12 +2269,27 @@
|
|
|
2146
2269
|
[data-theme="rui"] .bg-black {
|
|
2147
2270
|
background-color: var(--color-black);
|
|
2148
2271
|
}
|
|
2272
|
+
[data-theme="rui"] .bg-black\/5 {
|
|
2273
|
+
background-color: color-mix(in srgb, #000 5%, transparent);
|
|
2274
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2275
|
+
background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
2276
|
+
}
|
|
2277
|
+
}
|
|
2278
|
+
[data-theme="rui"] .bg-black\/50 {
|
|
2279
|
+
background-color: color-mix(in srgb, #000 50%, transparent);
|
|
2280
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2281
|
+
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
2282
|
+
}
|
|
2283
|
+
}
|
|
2149
2284
|
[data-theme="rui"] .bg-black\/80 {
|
|
2150
2285
|
background-color: color-mix(in srgb, #000 80%, transparent);
|
|
2151
2286
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2152
2287
|
background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
|
|
2153
2288
|
}
|
|
2154
2289
|
}
|
|
2290
|
+
[data-theme="rui"] .bg-blue-500 {
|
|
2291
|
+
background-color: var(--color-blue-500);
|
|
2292
|
+
}
|
|
2155
2293
|
[data-theme="rui"] .bg-blue-700 {
|
|
2156
2294
|
background-color: var(--color-blue-700);
|
|
2157
2295
|
}
|
|
@@ -2164,6 +2302,9 @@
|
|
|
2164
2302
|
[data-theme="rui"] .bg-brand {
|
|
2165
2303
|
background-color: var(--color-stone-950);
|
|
2166
2304
|
}
|
|
2305
|
+
[data-theme="rui"] .bg-brand-foreground {
|
|
2306
|
+
background-color: var(--color-stone-50);
|
|
2307
|
+
}
|
|
2167
2308
|
[data-theme="rui"] .bg-current {
|
|
2168
2309
|
background-color: currentcolor;
|
|
2169
2310
|
}
|
|
@@ -2173,42 +2314,30 @@
|
|
|
2173
2314
|
[data-theme="rui"] .bg-destructive-muted {
|
|
2174
2315
|
background-color: var(--color-red-100);
|
|
2175
2316
|
}
|
|
2176
|
-
[data-theme="rui"] .bg-gray-
|
|
2177
|
-
background-color: var(--color-gray-
|
|
2317
|
+
[data-theme="rui"] .bg-gray-200 {
|
|
2318
|
+
background-color: var(--color-gray-200);
|
|
2178
2319
|
}
|
|
2179
2320
|
[data-theme="rui"] .bg-gray-500 {
|
|
2180
2321
|
background-color: var(--color-gray-500);
|
|
2181
2322
|
}
|
|
2182
|
-
[data-theme="rui"] .bg-green-300 {
|
|
2183
|
-
background-color: var(--color-green-300);
|
|
2184
|
-
}
|
|
2185
|
-
[data-theme="rui"] .bg-green-400 {
|
|
2186
|
-
background-color: var(--color-green-400);
|
|
2187
|
-
}
|
|
2188
|
-
[data-theme="rui"] .bg-green-500 {
|
|
2189
|
-
background-color: var(--color-green-500);
|
|
2190
|
-
}
|
|
2191
2323
|
[data-theme="rui"] .bg-info-muted {
|
|
2192
2324
|
background-color: var(--color-blue-100);
|
|
2193
2325
|
}
|
|
2194
2326
|
[data-theme="rui"] .bg-input {
|
|
2195
2327
|
background-color: var(--color-stone-300);
|
|
2196
2328
|
}
|
|
2197
|
-
[data-theme="rui"] .bg-lime-300 {
|
|
2198
|
-
background-color: var(--color-lime-300);
|
|
2199
|
-
}
|
|
2200
2329
|
[data-theme="rui"] .bg-muted {
|
|
2201
2330
|
background-color: var(--color-stone-100);
|
|
2202
2331
|
}
|
|
2203
2332
|
[data-theme="rui"] .bg-orange-100 {
|
|
2204
2333
|
background-color: #fff1d5;
|
|
2205
2334
|
}
|
|
2206
|
-
[data-theme="rui"] .bg-pink-600 {
|
|
2207
|
-
background-color: var(--color-pink-600);
|
|
2208
|
-
}
|
|
2209
2335
|
[data-theme="rui"] .bg-red-300 {
|
|
2210
2336
|
background-color: var(--color-red-300);
|
|
2211
2337
|
}
|
|
2338
|
+
[data-theme="rui"] .bg-red-500 {
|
|
2339
|
+
background-color: var(--color-red-500);
|
|
2340
|
+
}
|
|
2212
2341
|
[data-theme="rui"] .bg-slate-100 {
|
|
2213
2342
|
background-color: var(--color-slate-100);
|
|
2214
2343
|
}
|
|
@@ -2257,6 +2386,12 @@
|
|
|
2257
2386
|
[data-theme="rui"] .bg-success-muted {
|
|
2258
2387
|
background-color: var(--color-green-100);
|
|
2259
2388
|
}
|
|
2389
|
+
[data-theme="rui"] .bg-surface {
|
|
2390
|
+
background-color: var(--color-white);
|
|
2391
|
+
}
|
|
2392
|
+
[data-theme="rui"] .bg-surface-border {
|
|
2393
|
+
background-color: var(--color-stone-300);
|
|
2394
|
+
}
|
|
2260
2395
|
[data-theme="rui"] .bg-transparent {
|
|
2261
2396
|
background-color: transparent;
|
|
2262
2397
|
}
|
|
@@ -2266,14 +2401,23 @@
|
|
|
2266
2401
|
[data-theme="rui"] .bg-white {
|
|
2267
2402
|
background-color: var(--color-white);
|
|
2268
2403
|
}
|
|
2269
|
-
[data-theme="rui"] .bg-yellow-300 {
|
|
2270
|
-
background-color: var(--color-yellow-300);
|
|
2271
|
-
}
|
|
2272
2404
|
[data-theme="rui"] .bg-yellow-500 {
|
|
2273
2405
|
background-color: var(--color-yellow-500);
|
|
2274
2406
|
}
|
|
2275
|
-
[data-theme="rui"] .
|
|
2276
|
-
|
|
2407
|
+
[data-theme="rui"] .bg-linear-to-b {
|
|
2408
|
+
--tw-gradient-position: to bottom;
|
|
2409
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2410
|
+
--tw-gradient-position: to bottom in oklab;
|
|
2411
|
+
}
|
|
2412
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2413
|
+
}
|
|
2414
|
+
[data-theme="rui"] .from-gray-50 {
|
|
2415
|
+
--tw-gradient-from: var(--color-gray-50);
|
|
2416
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2417
|
+
}
|
|
2418
|
+
[data-theme="rui"] .to-white {
|
|
2419
|
+
--tw-gradient-to: var(--color-white);
|
|
2420
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2277
2421
|
}
|
|
2278
2422
|
[data-theme="rui"] .fill-brand {
|
|
2279
2423
|
fill: var(--color-stone-950);
|
|
@@ -2293,15 +2437,18 @@
|
|
|
2293
2437
|
[data-theme="rui"] .fill-white {
|
|
2294
2438
|
fill: var(--color-white);
|
|
2295
2439
|
}
|
|
2296
|
-
[data-theme="rui"] .stroke-border {
|
|
2297
|
-
stroke: var(--color-stone-200);
|
|
2298
|
-
}
|
|
2299
2440
|
[data-theme="rui"] .stroke-brand {
|
|
2300
2441
|
stroke: var(--color-stone-950);
|
|
2301
2442
|
}
|
|
2443
|
+
[data-theme="rui"] .stroke-current {
|
|
2444
|
+
stroke: currentcolor;
|
|
2445
|
+
}
|
|
2302
2446
|
[data-theme="rui"] .stroke-foreground {
|
|
2303
2447
|
stroke: var(--color-stone-950);
|
|
2304
2448
|
}
|
|
2449
|
+
[data-theme="rui"] .stroke-input {
|
|
2450
|
+
stroke: var(--color-stone-300);
|
|
2451
|
+
}
|
|
2305
2452
|
[data-theme="rui"] .stroke-secondary {
|
|
2306
2453
|
stroke: var(--color-stone-50);
|
|
2307
2454
|
}
|
|
@@ -2320,7 +2467,7 @@
|
|
|
2320
2467
|
[data-theme="rui"] .object-center {
|
|
2321
2468
|
object-position: center;
|
|
2322
2469
|
}
|
|
2323
|
-
[data-theme="rui"] .object-left
|
|
2470
|
+
[data-theme="rui"] .object-top-left {
|
|
2324
2471
|
object-position: left top;
|
|
2325
2472
|
}
|
|
2326
2473
|
[data-theme="rui"] .p-0 {
|
|
@@ -2431,6 +2578,30 @@
|
|
|
2431
2578
|
[data-theme="rui"] .p-px {
|
|
2432
2579
|
padding: 1px;
|
|
2433
2580
|
}
|
|
2581
|
+
[data-theme="rui"] .p-squish-regular {
|
|
2582
|
+
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2583
|
+
}
|
|
2584
|
+
[data-theme="rui"] .p-squish-relaxed {
|
|
2585
|
+
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
2586
|
+
}
|
|
2587
|
+
[data-theme="rui"] .p-squish-tight {
|
|
2588
|
+
padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
2589
|
+
}
|
|
2590
|
+
[data-theme="rui"] .p-stretch-regular {
|
|
2591
|
+
padding: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
2592
|
+
}
|
|
2593
|
+
[data-theme="rui"] .p-stretch-relaxed {
|
|
2594
|
+
padding: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
2595
|
+
}
|
|
2596
|
+
[data-theme="rui"] .p-stretch-tight {
|
|
2597
|
+
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2598
|
+
}
|
|
2599
|
+
[data-theme="rui"] .p-tight {
|
|
2600
|
+
padding: calc(var(--spacing) * 1);
|
|
2601
|
+
}
|
|
2602
|
+
[data-theme="rui"] .px-\(--cell-x-padding\) {
|
|
2603
|
+
padding-inline: var(--cell-x-padding);
|
|
2604
|
+
}
|
|
2434
2605
|
[data-theme="rui"] .px-0 {
|
|
2435
2606
|
padding-inline: calc(var(--spacing) * 0);
|
|
2436
2607
|
}
|
|
@@ -2533,6 +2704,30 @@
|
|
|
2533
2704
|
[data-theme="rui"] .px-96 {
|
|
2534
2705
|
padding-inline: calc(var(--spacing) * 96);
|
|
2535
2706
|
}
|
|
2707
|
+
[data-theme="rui"] .px-squish-regular {
|
|
2708
|
+
padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2709
|
+
}
|
|
2710
|
+
[data-theme="rui"] .px-squish-relaxed {
|
|
2711
|
+
padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
2712
|
+
}
|
|
2713
|
+
[data-theme="rui"] .px-squish-tight {
|
|
2714
|
+
padding-inline: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
2715
|
+
}
|
|
2716
|
+
[data-theme="rui"] .px-stretch-regular {
|
|
2717
|
+
padding-inline: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
2718
|
+
}
|
|
2719
|
+
[data-theme="rui"] .px-stretch-relaxed {
|
|
2720
|
+
padding-inline: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
2721
|
+
}
|
|
2722
|
+
[data-theme="rui"] .px-stretch-tight {
|
|
2723
|
+
padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2724
|
+
}
|
|
2725
|
+
[data-theme="rui"] .px-tight {
|
|
2726
|
+
padding-inline: calc(var(--spacing) * 1);
|
|
2727
|
+
}
|
|
2728
|
+
[data-theme="rui"] .py-\(--cell-y-padding\) {
|
|
2729
|
+
padding-block: var(--cell-y-padding);
|
|
2730
|
+
}
|
|
2536
2731
|
[data-theme="rui"] .py-0 {
|
|
2537
2732
|
padding-block: calc(var(--spacing) * 0);
|
|
2538
2733
|
}
|
|
@@ -2650,8 +2845,26 @@
|
|
|
2650
2845
|
[data-theme="rui"] .py-\[var\(--spacing-section\)\] {
|
|
2651
2846
|
padding-block: var(--spacing-section);
|
|
2652
2847
|
}
|
|
2653
|
-
[data-theme="rui"] .
|
|
2654
|
-
padding-
|
|
2848
|
+
[data-theme="rui"] .py-squish-regular {
|
|
2849
|
+
padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2850
|
+
}
|
|
2851
|
+
[data-theme="rui"] .py-squish-relaxed {
|
|
2852
|
+
padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
2853
|
+
}
|
|
2854
|
+
[data-theme="rui"] .py-squish-tight {
|
|
2855
|
+
padding-block: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
2856
|
+
}
|
|
2857
|
+
[data-theme="rui"] .py-stretch-regular {
|
|
2858
|
+
padding-block: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
2859
|
+
}
|
|
2860
|
+
[data-theme="rui"] .py-stretch-relaxed {
|
|
2861
|
+
padding-block: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
2862
|
+
}
|
|
2863
|
+
[data-theme="rui"] .py-stretch-tight {
|
|
2864
|
+
padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2865
|
+
}
|
|
2866
|
+
[data-theme="rui"] .py-tight {
|
|
2867
|
+
padding-block: calc(var(--spacing) * 1);
|
|
2655
2868
|
}
|
|
2656
2869
|
[data-theme="rui"] .pt-0 {
|
|
2657
2870
|
padding-top: calc(var(--spacing) * 0);
|
|
@@ -2755,6 +2968,27 @@
|
|
|
2755
2968
|
[data-theme="rui"] .pt-96 {
|
|
2756
2969
|
padding-top: calc(var(--spacing) * 96);
|
|
2757
2970
|
}
|
|
2971
|
+
[data-theme="rui"] .pt-squish-regular {
|
|
2972
|
+
padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
2973
|
+
}
|
|
2974
|
+
[data-theme="rui"] .pt-squish-relaxed {
|
|
2975
|
+
padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
2976
|
+
}
|
|
2977
|
+
[data-theme="rui"] .pt-squish-tight {
|
|
2978
|
+
padding-top: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
2979
|
+
}
|
|
2980
|
+
[data-theme="rui"] .pt-stretch-regular {
|
|
2981
|
+
padding-top: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
2982
|
+
}
|
|
2983
|
+
[data-theme="rui"] .pt-stretch-relaxed {
|
|
2984
|
+
padding-top: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
2985
|
+
}
|
|
2986
|
+
[data-theme="rui"] .pt-stretch-tight {
|
|
2987
|
+
padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
2988
|
+
}
|
|
2989
|
+
[data-theme="rui"] .pt-tight {
|
|
2990
|
+
padding-top: calc(var(--spacing) * 1);
|
|
2991
|
+
}
|
|
2758
2992
|
[data-theme="rui"] .pr-0 {
|
|
2759
2993
|
padding-right: calc(var(--spacing) * 0);
|
|
2760
2994
|
}
|
|
@@ -2857,6 +3091,27 @@
|
|
|
2857
3091
|
[data-theme="rui"] .pr-96 {
|
|
2858
3092
|
padding-right: calc(var(--spacing) * 96);
|
|
2859
3093
|
}
|
|
3094
|
+
[data-theme="rui"] .pr-squish-regular {
|
|
3095
|
+
padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
3096
|
+
}
|
|
3097
|
+
[data-theme="rui"] .pr-squish-relaxed {
|
|
3098
|
+
padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
3099
|
+
}
|
|
3100
|
+
[data-theme="rui"] .pr-squish-tight {
|
|
3101
|
+
padding-right: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
3102
|
+
}
|
|
3103
|
+
[data-theme="rui"] .pr-stretch-regular {
|
|
3104
|
+
padding-right: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
3105
|
+
}
|
|
3106
|
+
[data-theme="rui"] .pr-stretch-relaxed {
|
|
3107
|
+
padding-right: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
3108
|
+
}
|
|
3109
|
+
[data-theme="rui"] .pr-stretch-tight {
|
|
3110
|
+
padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
3111
|
+
}
|
|
3112
|
+
[data-theme="rui"] .pr-tight {
|
|
3113
|
+
padding-right: calc(var(--spacing) * 1);
|
|
3114
|
+
}
|
|
2860
3115
|
[data-theme="rui"] .pb-0 {
|
|
2861
3116
|
padding-bottom: calc(var(--spacing) * 0);
|
|
2862
3117
|
}
|
|
@@ -2959,6 +3214,27 @@
|
|
|
2959
3214
|
[data-theme="rui"] .pb-96 {
|
|
2960
3215
|
padding-bottom: calc(var(--spacing) * 96);
|
|
2961
3216
|
}
|
|
3217
|
+
[data-theme="rui"] .pb-squish-regular {
|
|
3218
|
+
padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
3219
|
+
}
|
|
3220
|
+
[data-theme="rui"] .pb-squish-relaxed {
|
|
3221
|
+
padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
3222
|
+
}
|
|
3223
|
+
[data-theme="rui"] .pb-squish-tight {
|
|
3224
|
+
padding-bottom: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
3225
|
+
}
|
|
3226
|
+
[data-theme="rui"] .pb-stretch-regular {
|
|
3227
|
+
padding-bottom: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
3228
|
+
}
|
|
3229
|
+
[data-theme="rui"] .pb-stretch-relaxed {
|
|
3230
|
+
padding-bottom: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
3231
|
+
}
|
|
3232
|
+
[data-theme="rui"] .pb-stretch-tight {
|
|
3233
|
+
padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
3234
|
+
}
|
|
3235
|
+
[data-theme="rui"] .pb-tight {
|
|
3236
|
+
padding-bottom: calc(var(--spacing) * 1);
|
|
3237
|
+
}
|
|
2962
3238
|
[data-theme="rui"] .pl-0 {
|
|
2963
3239
|
padding-left: calc(var(--spacing) * 0);
|
|
2964
3240
|
}
|
|
@@ -3061,6 +3337,27 @@
|
|
|
3061
3337
|
[data-theme="rui"] .pl-96 {
|
|
3062
3338
|
padding-left: calc(var(--spacing) * 96);
|
|
3063
3339
|
}
|
|
3340
|
+
[data-theme="rui"] .pl-squish-regular {
|
|
3341
|
+
padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
|
|
3342
|
+
}
|
|
3343
|
+
[data-theme="rui"] .pl-squish-relaxed {
|
|
3344
|
+
padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
|
|
3345
|
+
}
|
|
3346
|
+
[data-theme="rui"] .pl-squish-tight {
|
|
3347
|
+
padding-left: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
|
|
3348
|
+
}
|
|
3349
|
+
[data-theme="rui"] .pl-stretch-regular {
|
|
3350
|
+
padding-left: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
|
|
3351
|
+
}
|
|
3352
|
+
[data-theme="rui"] .pl-stretch-relaxed {
|
|
3353
|
+
padding-left: calc(var(--spacing) * 4) calc(var(--spacing) * 2);
|
|
3354
|
+
}
|
|
3355
|
+
[data-theme="rui"] .pl-stretch-tight {
|
|
3356
|
+
padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
|
|
3357
|
+
}
|
|
3358
|
+
[data-theme="rui"] .pl-tight {
|
|
3359
|
+
padding-left: calc(var(--spacing) * 1);
|
|
3360
|
+
}
|
|
3064
3361
|
[data-theme="rui"] .text-center {
|
|
3065
3362
|
text-align: center;
|
|
3066
3363
|
}
|
|
@@ -3073,9 +3370,15 @@
|
|
|
3073
3370
|
[data-theme="rui"] .align-baseline {
|
|
3074
3371
|
vertical-align: baseline;
|
|
3075
3372
|
}
|
|
3373
|
+
[data-theme="rui"] .align-bottom {
|
|
3374
|
+
vertical-align: bottom;
|
|
3375
|
+
}
|
|
3076
3376
|
[data-theme="rui"] .align-middle {
|
|
3077
3377
|
vertical-align: middle;
|
|
3078
3378
|
}
|
|
3379
|
+
[data-theme="rui"] .align-top {
|
|
3380
|
+
vertical-align: top;
|
|
3381
|
+
}
|
|
3079
3382
|
[data-theme="rui"] .text-2xl {
|
|
3080
3383
|
font-size: var(--text-2xl);
|
|
3081
3384
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
@@ -3128,9 +3431,6 @@
|
|
|
3128
3431
|
font-size: var(--text-xs);
|
|
3129
3432
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
3130
3433
|
}
|
|
3131
|
-
[data-theme="rui"] .text-\[2rem\] {
|
|
3132
|
-
font-size: 2rem;
|
|
3133
|
-
}
|
|
3134
3434
|
[data-theme="rui"] .text-\[13px\] {
|
|
3135
3435
|
font-size: 13px;
|
|
3136
3436
|
}
|
|
@@ -3158,6 +3458,18 @@
|
|
|
3158
3458
|
--tw-leading: var(--leading-normal);
|
|
3159
3459
|
line-height: var(--leading-normal);
|
|
3160
3460
|
}
|
|
3461
|
+
[data-theme="rui"] .leading-relaxed {
|
|
3462
|
+
--tw-leading: var(--leading-relaxed);
|
|
3463
|
+
line-height: var(--leading-relaxed);
|
|
3464
|
+
}
|
|
3465
|
+
[data-theme="rui"] .leading-snug {
|
|
3466
|
+
--tw-leading: var(--leading-snug);
|
|
3467
|
+
line-height: var(--leading-snug);
|
|
3468
|
+
}
|
|
3469
|
+
[data-theme="rui"] .leading-tight {
|
|
3470
|
+
--tw-leading: var(--leading-tight);
|
|
3471
|
+
line-height: var(--leading-tight);
|
|
3472
|
+
}
|
|
3161
3473
|
[data-theme="rui"] .font-black {
|
|
3162
3474
|
--tw-font-weight: var(--font-weight-black);
|
|
3163
3475
|
font-weight: var(--font-weight-black);
|
|
@@ -3245,12 +3557,6 @@
|
|
|
3245
3557
|
[data-theme="rui"] .text-blue-500 {
|
|
3246
3558
|
color: var(--color-blue-500);
|
|
3247
3559
|
}
|
|
3248
|
-
[data-theme="rui"] .text-blue-600 {
|
|
3249
|
-
color: var(--color-blue-600);
|
|
3250
|
-
}
|
|
3251
|
-
[data-theme="rui"] .text-blue-700 {
|
|
3252
|
-
color: var(--color-blue-700);
|
|
3253
|
-
}
|
|
3254
3560
|
[data-theme="rui"] .text-brand {
|
|
3255
3561
|
color: var(--color-stone-950);
|
|
3256
3562
|
}
|
|
@@ -3275,36 +3581,24 @@
|
|
|
3275
3581
|
[data-theme="rui"] .text-foreground {
|
|
3276
3582
|
color: var(--color-stone-950);
|
|
3277
3583
|
}
|
|
3278
|
-
[data-theme="rui"] .text-
|
|
3279
|
-
color:
|
|
3584
|
+
[data-theme="rui"] .text-foreground\/60 {
|
|
3585
|
+
color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 60%, transparent);
|
|
3586
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3587
|
+
color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
|
|
3588
|
+
}
|
|
3589
|
+
}
|
|
3590
|
+
[data-theme="rui"] .text-gray-800 {
|
|
3591
|
+
color: var(--color-gray-800);
|
|
3280
3592
|
}
|
|
3281
3593
|
[data-theme="rui"] .text-green-300 {
|
|
3282
3594
|
color: var(--color-green-300);
|
|
3283
3595
|
}
|
|
3284
|
-
[data-theme="rui"] .text-green-600 {
|
|
3285
|
-
color: var(--color-green-600);
|
|
3286
|
-
}
|
|
3287
|
-
[data-theme="rui"] .text-green-700 {
|
|
3288
|
-
color: var(--color-green-700);
|
|
3289
|
-
}
|
|
3290
|
-
[data-theme="rui"] .text-green-800 {
|
|
3291
|
-
color: var(--color-green-800);
|
|
3292
|
-
}
|
|
3293
3596
|
[data-theme="rui"] .text-info-muted-accent {
|
|
3294
3597
|
color: var(--color-blue-600);
|
|
3295
3598
|
}
|
|
3296
3599
|
[data-theme="rui"] .text-info-muted-foreground {
|
|
3297
3600
|
color: var(--color-blue-950);
|
|
3298
3601
|
}
|
|
3299
|
-
[data-theme="rui"] .text-lime-300 {
|
|
3300
|
-
color: var(--color-lime-300);
|
|
3301
|
-
}
|
|
3302
|
-
[data-theme="rui"] .text-lime-500 {
|
|
3303
|
-
color: var(--color-lime-500);
|
|
3304
|
-
}
|
|
3305
|
-
[data-theme="rui"] .text-lime-600 {
|
|
3306
|
-
color: var(--color-lime-600);
|
|
3307
|
-
}
|
|
3308
3602
|
[data-theme="rui"] .text-link {
|
|
3309
3603
|
color: var(--color-blue-600);
|
|
3310
3604
|
}
|
|
@@ -3317,8 +3611,8 @@
|
|
|
3317
3611
|
color: color-mix(in oklab, var(--color-stone-500) 80%, transparent);
|
|
3318
3612
|
}
|
|
3319
3613
|
}
|
|
3320
|
-
[data-theme="rui"] .text-
|
|
3321
|
-
color:
|
|
3614
|
+
[data-theme="rui"] .text-red-500 {
|
|
3615
|
+
color: var(--color-red-500);
|
|
3322
3616
|
}
|
|
3323
3617
|
[data-theme="rui"] .text-secondary {
|
|
3324
3618
|
color: var(--color-stone-50);
|
|
@@ -3332,9 +3626,6 @@
|
|
|
3332
3626
|
[data-theme="rui"] .text-success-muted-foreground {
|
|
3333
3627
|
color: var(--color-green-950);
|
|
3334
3628
|
}
|
|
3335
|
-
[data-theme="rui"] .text-violet-500 {
|
|
3336
|
-
color: var(--color-violet-500);
|
|
3337
|
-
}
|
|
3338
3629
|
[data-theme="rui"] .text-warning-muted-accent {
|
|
3339
3630
|
color: var(--color-yellow-600);
|
|
3340
3631
|
}
|
|
@@ -3344,12 +3635,6 @@
|
|
|
3344
3635
|
[data-theme="rui"] .text-white {
|
|
3345
3636
|
color: var(--color-white);
|
|
3346
3637
|
}
|
|
3347
|
-
[data-theme="rui"] .text-zinc-600 {
|
|
3348
|
-
color: var(--color-zinc-600);
|
|
3349
|
-
}
|
|
3350
|
-
[data-theme="rui"] .uppercase {
|
|
3351
|
-
text-transform: uppercase;
|
|
3352
|
-
}
|
|
3353
3638
|
[data-theme="rui"] .italic {
|
|
3354
3639
|
font-style: italic;
|
|
3355
3640
|
}
|
|
@@ -3369,9 +3654,6 @@
|
|
|
3369
3654
|
[data-theme="rui"] .opacity-0 {
|
|
3370
3655
|
opacity: 0%;
|
|
3371
3656
|
}
|
|
3372
|
-
[data-theme="rui"] .opacity-5 {
|
|
3373
|
-
opacity: 5%;
|
|
3374
|
-
}
|
|
3375
3657
|
[data-theme="rui"] .opacity-50 {
|
|
3376
3658
|
opacity: 50%;
|
|
3377
3659
|
}
|
|
@@ -3381,18 +3663,28 @@
|
|
|
3381
3663
|
[data-theme="rui"] .opacity-100 {
|
|
3382
3664
|
opacity: 100%;
|
|
3383
3665
|
}
|
|
3384
|
-
[data-theme="rui"] .util-surface-overlay {
|
|
3385
|
-
background: var(--surface-overlay);
|
|
3386
|
-
border: 1px var(--tw-border-style) var(--surface-overlay-border);
|
|
3387
|
-
--tw-shadow: var(--surface-overlay-shadow);
|
|
3388
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3389
|
-
}
|
|
3390
3666
|
[data-theme="rui"] .util-surface-raised {
|
|
3391
3667
|
background: var(--surface-raised);
|
|
3392
3668
|
border: 1px var(--tw-border-style) var(--surface-raised-border);
|
|
3393
3669
|
--tw-shadow: var(--surface-raised-shadow);
|
|
3394
3670
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3395
3671
|
}
|
|
3672
|
+
[data-theme="rui"] .shadow {
|
|
3673
|
+
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
3674
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3675
|
+
}
|
|
3676
|
+
[data-theme="rui"] .shadow-elevation-border {
|
|
3677
|
+
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.19)), 0.1px 1.1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.16));
|
|
3678
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3679
|
+
}
|
|
3680
|
+
[data-theme="rui"] .shadow-elevation-overlay {
|
|
3681
|
+
--tw-shadow: 0px 0.1px 0.1px var(--tw-shadow-color, oklch(0 0 0 / 0.32)), 0px 1px 0.9px -1.3px var(--tw-shadow-color, oklch(0 0 0 / 0.26)), -0.1px 4px 3.6px -2.7px var(--tw-shadow-color, oklch(0 0 0 / 0.2)), -0.2px 12px 10.8px -4px var(--tw-shadow-color, oklch(0 0 0 / 0.14));
|
|
3682
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3683
|
+
}
|
|
3684
|
+
[data-theme="rui"] .shadow-elevation-raised {
|
|
3685
|
+
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.23)), 0px 1.4px 1.3px -2px var(--tw-shadow-color, oklch(0 0 0 / 0.17)), 0px 6.7px 6px -4px var(--tw-shadow-color, oklch(0 0 0 / 0.12));
|
|
3686
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3687
|
+
}
|
|
3396
3688
|
[data-theme="rui"] .shadow-lg {
|
|
3397
3689
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
3398
3690
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -3405,6 +3697,17 @@
|
|
|
3405
3697
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
3406
3698
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3407
3699
|
}
|
|
3700
|
+
[data-theme="rui"] .ui-state-focus {
|
|
3701
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3702
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3703
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3704
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3705
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3706
|
+
}
|
|
3707
|
+
--tw-outline-style: none;
|
|
3708
|
+
outline-style: none;
|
|
3709
|
+
--ui-border-color: var(--color-ring);
|
|
3710
|
+
}
|
|
3408
3711
|
[data-theme="rui"] .ring {
|
|
3409
3712
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3410
3713
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -3417,6 +3720,34 @@
|
|
|
3417
3720
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3418
3721
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3419
3722
|
}
|
|
3723
|
+
[data-theme="rui"] .inset-shadow-sm\/20 {
|
|
3724
|
+
--tw-inset-shadow-alpha: 20%;
|
|
3725
|
+
--tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 20%));
|
|
3726
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3727
|
+
}
|
|
3728
|
+
[data-theme="rui"] .inset-shadow-sm\/50 {
|
|
3729
|
+
--tw-inset-shadow-alpha: 50%;
|
|
3730
|
+
--tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 50%));
|
|
3731
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3732
|
+
}
|
|
3733
|
+
[data-theme="rui"] .shadow-fuchsia-600 {
|
|
3734
|
+
--tw-shadow-color: oklch(59.1% 0.293 322.896);
|
|
3735
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3736
|
+
--tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-600) var(--tw-shadow-alpha), transparent);
|
|
3737
|
+
}
|
|
3738
|
+
}
|
|
3739
|
+
[data-theme="rui"] .inset-shadow-black {
|
|
3740
|
+
--tw-inset-shadow-color: #000;
|
|
3741
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3742
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-inset-shadow-alpha), transparent);
|
|
3743
|
+
}
|
|
3744
|
+
}
|
|
3745
|
+
[data-theme="rui"] .inset-shadow-fuchsia-600 {
|
|
3746
|
+
--tw-inset-shadow-color: oklch(59.1% 0.293 322.896);
|
|
3747
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3748
|
+
--tw-inset-shadow-color: color-mix(in oklab, var(--color-fuchsia-600) var(--tw-inset-shadow-alpha), transparent);
|
|
3749
|
+
}
|
|
3750
|
+
}
|
|
3420
3751
|
[data-theme="rui"] .outline-hidden {
|
|
3421
3752
|
--tw-outline-style: none;
|
|
3422
3753
|
outline-style: none;
|
|
@@ -3452,10 +3783,6 @@
|
|
|
3452
3783
|
--tw-blur: blur(8px);
|
|
3453
3784
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
3454
3785
|
}
|
|
3455
|
-
[data-theme="rui"] .blur-xs {
|
|
3456
|
-
--tw-blur: blur(var(--blur-xs));
|
|
3457
|
-
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
3458
|
-
}
|
|
3459
3786
|
[data-theme="rui"] .drop-shadow-lg {
|
|
3460
3787
|
--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
|
|
3461
3788
|
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
|
|
@@ -3469,6 +3796,31 @@
|
|
|
3469
3796
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
3470
3797
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
3471
3798
|
}
|
|
3799
|
+
[data-theme="rui"] .transition {
|
|
3800
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
3801
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3802
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3803
|
+
}
|
|
3804
|
+
[data-theme="rui"] .transition-\[background-color\] {
|
|
3805
|
+
transition-property: background-color;
|
|
3806
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3807
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3808
|
+
}
|
|
3809
|
+
[data-theme="rui"] .transition-\[border\,color\] {
|
|
3810
|
+
transition-property: border,color;
|
|
3811
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3812
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3813
|
+
}
|
|
3814
|
+
[data-theme="rui"] .transition-\[color\,background\,transform\] {
|
|
3815
|
+
transition-property: color,background,transform;
|
|
3816
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3817
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3818
|
+
}
|
|
3819
|
+
[data-theme="rui"] .transition-\[color\,background\] {
|
|
3820
|
+
transition-property: color,background;
|
|
3821
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3822
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3823
|
+
}
|
|
3472
3824
|
[data-theme="rui"] .transition-\[color\,box-shadow\,transform\] {
|
|
3473
3825
|
transition-property: color,box-shadow,transform;
|
|
3474
3826
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -3504,9 +3856,6 @@
|
|
|
3504
3856
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3505
3857
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3506
3858
|
}
|
|
3507
|
-
[data-theme="rui"] .\[transition-property\:color\,background-color\,border-radius\,box-shadow\] {
|
|
3508
|
-
transition-property: color,background-color,border-radius,box-shadow;
|
|
3509
|
-
}
|
|
3510
3859
|
[data-theme="rui"] .duration-150 {
|
|
3511
3860
|
--tw-duration: 150ms;
|
|
3512
3861
|
transition-duration: 150ms;
|
|
@@ -3561,7 +3910,29 @@
|
|
|
3561
3910
|
-webkit-user-select: none;
|
|
3562
3911
|
user-select: none;
|
|
3563
3912
|
}
|
|
3564
|
-
[data-theme="rui"]
|
|
3913
|
+
[data-theme="rui"] .select-text {
|
|
3914
|
+
-webkit-user-select: text;
|
|
3915
|
+
user-select: text;
|
|
3916
|
+
}
|
|
3917
|
+
[data-theme="rui"] .\[--cell-x-padding\:calc\(var\(--spacing\)\*2\)\] {
|
|
3918
|
+
--cell-x-padding: calc(var(--spacing) * 2);
|
|
3919
|
+
}
|
|
3920
|
+
[data-theme="rui"] .\[--cell-x-padding\:calc\(var\(--spacing\)\*2\.5\)\] {
|
|
3921
|
+
--cell-x-padding: calc(var(--spacing) * 2.5);
|
|
3922
|
+
}
|
|
3923
|
+
[data-theme="rui"] .\[--cell-x-padding\:calc\(var\(--spacing\)\*4\)\] {
|
|
3924
|
+
--cell-x-padding: calc(var(--spacing) * 4);
|
|
3925
|
+
}
|
|
3926
|
+
[data-theme="rui"] .\[--cell-y-padding\:calc\(var\(--spacing\)\*1\.5\)\] {
|
|
3927
|
+
--cell-y-padding: calc(var(--spacing) * 1.5);
|
|
3928
|
+
}
|
|
3929
|
+
[data-theme="rui"] .\[--cell-y-padding\:calc\(var\(--spacing\)\*2\.5\)\] {
|
|
3930
|
+
--cell-y-padding: calc(var(--spacing) * 2.5);
|
|
3931
|
+
}
|
|
3932
|
+
[data-theme="rui"] .\[--cell-y-padding\:calc\(var\(--spacing\)\*4\)\] {
|
|
3933
|
+
--cell-y-padding: calc(var(--spacing) * 4);
|
|
3934
|
+
}
|
|
3935
|
+
[data-theme="rui"] .\[--dialog-spacing-x\:1rem\] {
|
|
3565
3936
|
--dialog-spacing-x: 1rem;
|
|
3566
3937
|
}
|
|
3567
3938
|
[data-theme="rui"] .\[--dialog-width\:480px\] {
|
|
@@ -3573,6 +3944,15 @@
|
|
|
3573
3944
|
[data-theme="rui"] .\[--dialog-width\:768px\] {
|
|
3574
3945
|
--dialog-width: 768px;
|
|
3575
3946
|
}
|
|
3947
|
+
[data-theme="rui"] .\[--header-height\:calc\(var\(--spacing\)\*8\)\] {
|
|
3948
|
+
--header-height: calc(var(--spacing) * 8);
|
|
3949
|
+
}
|
|
3950
|
+
[data-theme="rui"] .\[--header-height\:calc\(var\(--spacing\)\*10\)\] {
|
|
3951
|
+
--header-height: calc(var(--spacing) * 10);
|
|
3952
|
+
}
|
|
3953
|
+
[data-theme="rui"] .\[--header-height\:calc\(var\(--spacing\)\*12\)\] {
|
|
3954
|
+
--header-height: calc(var(--spacing) * 12);
|
|
3955
|
+
}
|
|
3576
3956
|
[data-theme="rui"] .\[grid-area\:action\] {
|
|
3577
3957
|
grid-area: action;
|
|
3578
3958
|
}
|
|
@@ -3588,18 +3968,36 @@
|
|
|
3588
3968
|
[data-theme="rui"] .\[grid-area\:description\] {
|
|
3589
3969
|
grid-area: description;
|
|
3590
3970
|
}
|
|
3971
|
+
[data-theme="rui"] .\[grid-area\:drag\] {
|
|
3972
|
+
grid-area: drag;
|
|
3973
|
+
}
|
|
3591
3974
|
[data-theme="rui"] .\[grid-area\:icon\] {
|
|
3592
3975
|
grid-area: icon;
|
|
3593
3976
|
}
|
|
3977
|
+
[data-theme="rui"] .\[grid-area\:label\] {
|
|
3978
|
+
grid-area: label;
|
|
3979
|
+
}
|
|
3980
|
+
[data-theme="rui"] .\[grid-area\:remove\] {
|
|
3981
|
+
grid-area: remove;
|
|
3982
|
+
}
|
|
3594
3983
|
[data-theme="rui"] .\[grid-area\:title\] {
|
|
3595
3984
|
grid-area: title;
|
|
3596
3985
|
}
|
|
3986
|
+
[data-theme="rui"] .\[grid-template-areas\:\'drag\'_\'title\'_\'content\'_\'actions\'\] {
|
|
3987
|
+
grid-template-areas: 'drag' 'title' 'content' 'actions';
|
|
3988
|
+
}
|
|
3597
3989
|
[data-theme="rui"] .\[grid-template-areas\:\'icon_title_action_close\'\'icon_description_action_close\'\] {
|
|
3598
3990
|
grid-template-areas: 'icon title action close''icon description action close';
|
|
3599
3991
|
}
|
|
3600
3992
|
[data-theme="rui"] .\[grid-template-areas\:\'icon_title_close\'\'icon_content_content\'\] {
|
|
3601
3993
|
grid-template-areas: 'icon title close''icon content content';
|
|
3602
3994
|
}
|
|
3995
|
+
[data-theme="rui"] .\[grid-template-areas\:\'label_remove\'_\'description_remove\'\] {
|
|
3996
|
+
grid-template-areas: 'label remove' 'description remove';
|
|
3997
|
+
}
|
|
3998
|
+
[data-theme="rui"] .\[grid-template-areas\:\'title\'_\'content\'\] {
|
|
3999
|
+
grid-template-areas: 'title' 'content';
|
|
4000
|
+
}
|
|
3603
4001
|
[data-theme="rui"] .\[grid-template-areas\:\'title\'_\'content\'_\'actions\'\] {
|
|
3604
4002
|
grid-template-areas: 'title' 'content' 'actions';
|
|
3605
4003
|
}
|
|
@@ -3633,6 +4031,9 @@
|
|
|
3633
4031
|
[data-theme="rui"] .fade-out {
|
|
3634
4032
|
--tw-exit-opacity: 0;
|
|
3635
4033
|
}
|
|
4034
|
+
[data-theme="rui"] .ui-state-readonly {
|
|
4035
|
+
--ui-background-color: var(--color-muted);
|
|
4036
|
+
}
|
|
3636
4037
|
[data-theme="rui"] .\*\:col-\[1\] {
|
|
3637
4038
|
[data-theme="rui"] :is(& > *) {
|
|
3638
4039
|
grid-column: 1;
|
|
@@ -3659,17 +4060,78 @@
|
|
|
3659
4060
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
3660
4061
|
}
|
|
3661
4062
|
}
|
|
3662
|
-
[data-theme="rui"] .not-
|
|
4063
|
+
[data-theme="rui"] .not-last\:border-r {
|
|
4064
|
+
[data-theme="rui"] &:not(*:last-child) {
|
|
4065
|
+
border-right-style: var(--tw-border-style);
|
|
4066
|
+
border-right-width: 1px;
|
|
4067
|
+
}
|
|
4068
|
+
}
|
|
4069
|
+
[data-theme="rui"] .not-last\:border-b {
|
|
4070
|
+
[data-theme="rui"] &:not(*:last-child) {
|
|
4071
|
+
border-bottom-style: var(--tw-border-style);
|
|
4072
|
+
border-bottom-width: 1px;
|
|
4073
|
+
}
|
|
4074
|
+
}
|
|
4075
|
+
[data-theme="rui"] .not-data-files\:justify-center {
|
|
3663
4076
|
[data-theme="rui"] &:not(*[data-files]) {
|
|
3664
4077
|
justify-content: center;
|
|
3665
4078
|
}
|
|
3666
4079
|
}
|
|
3667
|
-
[data-theme="rui"] .
|
|
4080
|
+
[data-theme="rui"] .not-\[\@media_\(\(hover\:_hover\)_and_\(pointer\:_fine\)\)\]\:opacity-100 {
|
|
4081
|
+
@media not ((hover: hover) and (pointer: fine)) {
|
|
4082
|
+
opacity: 100%;
|
|
4083
|
+
}
|
|
4084
|
+
}
|
|
4085
|
+
[data-theme="rui"] .group-invalid\/field\:ui-state-error {
|
|
3668
4086
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3669
4087
|
border-color: var(--color-red-600);
|
|
4088
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4089
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4090
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4091
|
+
}
|
|
4092
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4093
|
+
border-color: var(--color-red-600);
|
|
4094
|
+
}
|
|
4095
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4096
|
+
border-color: var(--color-red-600);
|
|
4097
|
+
}
|
|
4098
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4099
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4100
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4101
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4102
|
+
}
|
|
4103
|
+
}
|
|
4104
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4105
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4106
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4107
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4108
|
+
}
|
|
4109
|
+
}
|
|
3670
4110
|
}
|
|
3671
4111
|
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3672
4112
|
border-color: var(--color-red-600);
|
|
4113
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4114
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4115
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4116
|
+
}
|
|
4117
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4118
|
+
border-color: var(--color-red-600);
|
|
4119
|
+
}
|
|
4120
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4121
|
+
border-color: var(--color-red-600);
|
|
4122
|
+
}
|
|
4123
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4124
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4125
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4126
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4127
|
+
}
|
|
4128
|
+
}
|
|
4129
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4130
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4131
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4132
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4133
|
+
}
|
|
4134
|
+
}
|
|
3673
4135
|
}
|
|
3674
4136
|
}
|
|
3675
4137
|
[data-theme="rui"] .group-invalid\/field\:fill-destructive {
|
|
@@ -3688,70 +4150,100 @@
|
|
|
3688
4150
|
color: var(--color-red-600);
|
|
3689
4151
|
}
|
|
3690
4152
|
}
|
|
3691
|
-
[data-theme="rui"] .group-read-only\/field\:
|
|
4153
|
+
[data-theme="rui"] .group-read-only\/field\:cursor-default {
|
|
3692
4154
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-readonly] *) {
|
|
3693
|
-
|
|
4155
|
+
cursor: default;
|
|
3694
4156
|
}
|
|
3695
4157
|
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):read-only *) {
|
|
3696
|
-
|
|
4158
|
+
cursor: default;
|
|
4159
|
+
}
|
|
4160
|
+
}
|
|
4161
|
+
[data-theme="rui"] .group-read-only\/field\:ui-state-readonly {
|
|
4162
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-readonly] *) {
|
|
4163
|
+
--ui-background-color: var(--color-muted);
|
|
4164
|
+
}
|
|
4165
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):read-only *) {
|
|
4166
|
+
--ui-background-color: var(--color-muted);
|
|
4167
|
+
}
|
|
4168
|
+
}
|
|
4169
|
+
[data-theme="rui"] .group-focus-visible\/checkbox\:border-\(--ui-border-color\) {
|
|
4170
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
|
|
4171
|
+
border-color: var(--ui-border-color);
|
|
4172
|
+
}
|
|
4173
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):focus-visible *) {
|
|
4174
|
+
border-color: var(--ui-border-color);
|
|
3697
4175
|
}
|
|
3698
4176
|
}
|
|
3699
|
-
[data-theme="rui"] .group-focus-visible\/checkbox\:
|
|
4177
|
+
[data-theme="rui"] .group-focus-visible\/checkbox\:ui-state-focus {
|
|
3700
4178
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
|
|
3701
|
-
|
|
4179
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4180
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3702
4181
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3703
4182
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3704
4183
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3705
4184
|
}
|
|
3706
|
-
--tw-
|
|
3707
|
-
|
|
4185
|
+
--tw-outline-style: none;
|
|
4186
|
+
outline-style: none;
|
|
4187
|
+
--ui-border-color: var(--color-ring);
|
|
3708
4188
|
}
|
|
3709
4189
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):focus-visible *) {
|
|
3710
|
-
|
|
4190
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4191
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3711
4192
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3712
4193
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3713
4194
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3714
4195
|
}
|
|
3715
|
-
--tw-
|
|
3716
|
-
|
|
4196
|
+
--tw-outline-style: none;
|
|
4197
|
+
outline-style: none;
|
|
4198
|
+
--ui-border-color: var(--color-ring);
|
|
3717
4199
|
}
|
|
3718
4200
|
}
|
|
3719
|
-
[data-theme="rui"] .group-focus-visible\/radio\:
|
|
4201
|
+
[data-theme="rui"] .group-focus-visible\/radio\:ui-state-focus {
|
|
3720
4202
|
[data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-focus-visible] *) {
|
|
3721
|
-
|
|
4203
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4204
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3722
4205
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3723
4206
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3724
4207
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3725
4208
|
}
|
|
3726
|
-
--tw-
|
|
3727
|
-
|
|
4209
|
+
--tw-outline-style: none;
|
|
4210
|
+
outline-style: none;
|
|
4211
|
+
--ui-border-color: var(--color-ring);
|
|
3728
4212
|
}
|
|
3729
4213
|
[data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):focus-visible *) {
|
|
3730
|
-
|
|
4214
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4215
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3731
4216
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3732
4217
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3733
4218
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3734
4219
|
}
|
|
3735
|
-
--tw-
|
|
3736
|
-
|
|
4220
|
+
--tw-outline-style: none;
|
|
4221
|
+
outline-style: none;
|
|
4222
|
+
--ui-border-color: var(--color-ring);
|
|
3737
4223
|
}
|
|
3738
4224
|
}
|
|
3739
|
-
[data-theme="rui"] .group-focus-visible\/switch\:
|
|
4225
|
+
[data-theme="rui"] .group-focus-visible\/switch\:ui-state-focus {
|
|
3740
4226
|
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-focus-visible] *) {
|
|
4227
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4228
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3741
4229
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3742
4230
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3743
4231
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3744
4232
|
}
|
|
3745
|
-
--tw-
|
|
3746
|
-
|
|
4233
|
+
--tw-outline-style: none;
|
|
4234
|
+
outline-style: none;
|
|
4235
|
+
--ui-border-color: var(--color-ring);
|
|
3747
4236
|
}
|
|
3748
4237
|
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):focus-visible *) {
|
|
4238
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4239
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3749
4240
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3750
4241
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3751
4242
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3752
4243
|
}
|
|
3753
|
-
--tw-
|
|
3754
|
-
|
|
4244
|
+
--tw-outline-style: none;
|
|
4245
|
+
outline-style: none;
|
|
4246
|
+
--ui-border-color: var(--color-ring);
|
|
3755
4247
|
}
|
|
3756
4248
|
}
|
|
3757
4249
|
[data-theme="rui"] .group-disabled\/checkbox\:cursor-not-allowed {
|
|
@@ -3778,6 +4270,18 @@
|
|
|
3778
4270
|
color: var(--color-stone-400);
|
|
3779
4271
|
}
|
|
3780
4272
|
}
|
|
4273
|
+
[data-theme="rui"] .group-disabled\/field\:ui-state-disabled {
|
|
4274
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
4275
|
+
cursor: not-allowed;
|
|
4276
|
+
background-color: var(--color-stone-200);
|
|
4277
|
+
color: var(--color-stone-400);
|
|
4278
|
+
}
|
|
4279
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
|
|
4280
|
+
cursor: not-allowed;
|
|
4281
|
+
background-color: var(--color-stone-200);
|
|
4282
|
+
color: var(--color-stone-400);
|
|
4283
|
+
}
|
|
4284
|
+
}
|
|
3781
4285
|
[data-theme="rui"] .group-disabled\/field\:cursor-not-allowed {
|
|
3782
4286
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
3783
4287
|
cursor: not-allowed;
|
|
@@ -3839,6 +4343,77 @@
|
|
|
3839
4343
|
display: none;
|
|
3840
4344
|
}
|
|
3841
4345
|
}
|
|
4346
|
+
[data-theme="rui"] .group-data-action\/input\:pr-7 {
|
|
4347
|
+
[data-theme="rui"] &:is(:where(.group\/input)[data-action] *) {
|
|
4348
|
+
padding-right: calc(var(--spacing) * 7);
|
|
4349
|
+
}
|
|
4350
|
+
}
|
|
4351
|
+
[data-theme="rui"] .group-data-error\/field\:ui-state-error {
|
|
4352
|
+
[data-theme="rui"] &:is(:where(.group\/field)[data-error] *) {
|
|
4353
|
+
border-color: var(--color-red-600);
|
|
4354
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4355
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4356
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4357
|
+
}
|
|
4358
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4359
|
+
border-color: var(--color-red-600);
|
|
4360
|
+
}
|
|
4361
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4362
|
+
border-color: var(--color-red-600);
|
|
4363
|
+
}
|
|
4364
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4365
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4366
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4367
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4368
|
+
}
|
|
4369
|
+
}
|
|
4370
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4371
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4372
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4373
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4374
|
+
}
|
|
4375
|
+
}
|
|
4376
|
+
}
|
|
4377
|
+
}
|
|
4378
|
+
[data-theme="rui"] .group-data-focus-visible\/trigger\:ui-state-focus {
|
|
4379
|
+
[data-theme="rui"] &:is(:where(.group\/trigger)[data-focus-visible] *) {
|
|
4380
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4381
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4382
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4383
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4384
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4385
|
+
}
|
|
4386
|
+
--tw-outline-style: none;
|
|
4387
|
+
outline-style: none;
|
|
4388
|
+
--ui-border-color: var(--color-ring);
|
|
4389
|
+
}
|
|
4390
|
+
}
|
|
4391
|
+
[data-theme="rui"] .group-data-icon\/input\:pl-8 {
|
|
4392
|
+
[data-theme="rui"] &:is(:where(.group\/input)[data-icon] *) {
|
|
4393
|
+
padding-left: calc(var(--spacing) * 8);
|
|
4394
|
+
}
|
|
4395
|
+
}
|
|
4396
|
+
[data-theme="rui"] .group-data-stepper\/field\:text-center {
|
|
4397
|
+
[data-theme="rui"] &:is(:where(.group\/field)[data-stepper] *) {
|
|
4398
|
+
text-align: center;
|
|
4399
|
+
}
|
|
4400
|
+
}
|
|
4401
|
+
[data-theme="rui"] .group-data-trigger\/popover\:w-full {
|
|
4402
|
+
[data-theme="rui"] &:is(:where(.group\/popover)[data-trigger] *) {
|
|
4403
|
+
width: 100%;
|
|
4404
|
+
}
|
|
4405
|
+
}
|
|
4406
|
+
[data-theme="rui"] .group-data-trigger\/popover\:overflow-hidden {
|
|
4407
|
+
[data-theme="rui"] &:is(:where(.group\/popover)[data-trigger] *) {
|
|
4408
|
+
overflow: hidden;
|
|
4409
|
+
}
|
|
4410
|
+
}
|
|
4411
|
+
[data-theme="rui"] .group-data-trigger\/popover\:shadow-elevation-overlay {
|
|
4412
|
+
[data-theme="rui"] &:is(:where(.group\/popover)[data-trigger] *) {
|
|
4413
|
+
--tw-shadow: 0px 0.1px 0.1px var(--tw-shadow-color, oklch(0 0 0 / 0.32)), 0px 1px 0.9px -1.3px var(--tw-shadow-color, oklch(0 0 0 / 0.26)), -0.1px 4px 3.6px -2.7px var(--tw-shadow-color, oklch(0 0 0 / 0.2)), -0.2px 12px 10.8px -4px var(--tw-shadow-color, oklch(0 0 0 / 0.14));
|
|
4414
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4415
|
+
}
|
|
4416
|
+
}
|
|
3842
4417
|
[data-theme="rui"] .group-data-\[action\]\/input\:pr-8 {
|
|
3843
4418
|
[data-theme="rui"] &:is(:where(.group\/input)[data-action] *) {
|
|
3844
4419
|
padding-right: calc(var(--spacing) * 8);
|
|
@@ -3945,25 +4520,26 @@
|
|
|
3945
4520
|
font-weight: var(--font-weight-normal);
|
|
3946
4521
|
}
|
|
3947
4522
|
}
|
|
3948
|
-
[data-theme="rui"] .group-\[\[
|
|
3949
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
3950
|
-
|
|
4523
|
+
[data-theme="rui"] .group-\[\[role\=dialog\]\]\/tray\:place-self-center {
|
|
4524
|
+
[data-theme="rui"] &:is(:where(.group\/tray):is([role=dialog]) *) {
|
|
4525
|
+
place-self: center;
|
|
3951
4526
|
}
|
|
3952
4527
|
}
|
|
3953
|
-
[data-theme="rui"] .group-\[\[
|
|
3954
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
3955
|
-
|
|
4528
|
+
[data-theme="rui"] .group-\[\[role\=dialog\]\]\/tray\:border-0 {
|
|
4529
|
+
[data-theme="rui"] &:is(:where(.group\/tray):is([role=dialog]) *) {
|
|
4530
|
+
border-style: var(--tw-border-style);
|
|
4531
|
+
border-width: 0px;
|
|
3956
4532
|
}
|
|
3957
4533
|
}
|
|
3958
|
-
[data-theme="rui"] .group-\[\[
|
|
3959
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
3960
|
-
|
|
4534
|
+
[data-theme="rui"] .group-\[\[role\=dialog\]\]\/tray\:p-0 {
|
|
4535
|
+
[data-theme="rui"] &:is(:where(.group\/tray):is([role=dialog]) *) {
|
|
4536
|
+
padding: calc(var(--spacing) * 0);
|
|
3961
4537
|
}
|
|
3962
4538
|
}
|
|
3963
|
-
[data-theme="rui"] .group-\[\[
|
|
3964
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
3965
|
-
|
|
3966
|
-
|
|
4539
|
+
[data-theme="rui"] .group-\[\[role\=dialog\]\]\/tray\:shadow-none {
|
|
4540
|
+
[data-theme="rui"] &:is(:where(.group\/tray):is([role=dialog]) *) {
|
|
4541
|
+
--tw-shadow: 0 0 #0000;
|
|
4542
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3967
4543
|
}
|
|
3968
4544
|
}
|
|
3969
4545
|
[data-theme="rui"] .group-\[indeterminate\]\/checkbox\:border-brand {
|
|
@@ -4082,6 +4658,37 @@
|
|
|
4082
4658
|
color: var(--color-stone-500);
|
|
4083
4659
|
}
|
|
4084
4660
|
}
|
|
4661
|
+
[data-theme="rui"] .before\:absolute {
|
|
4662
|
+
[data-theme="rui"] &::before {
|
|
4663
|
+
content: var(--tw-content);
|
|
4664
|
+
position: absolute;
|
|
4665
|
+
}
|
|
4666
|
+
}
|
|
4667
|
+
[data-theme="rui"] .before\:inset-0 {
|
|
4668
|
+
[data-theme="rui"] &::before {
|
|
4669
|
+
content: var(--tw-content);
|
|
4670
|
+
inset: calc(var(--spacing) * 0);
|
|
4671
|
+
}
|
|
4672
|
+
}
|
|
4673
|
+
[data-theme="rui"] .before\:h-0\.5 {
|
|
4674
|
+
[data-theme="rui"] &::before {
|
|
4675
|
+
content: var(--tw-content);
|
|
4676
|
+
height: calc(var(--spacing) * 0.5);
|
|
4677
|
+
}
|
|
4678
|
+
}
|
|
4679
|
+
[data-theme="rui"] .before\:-translate-y-1\/2 {
|
|
4680
|
+
[data-theme="rui"] &::before {
|
|
4681
|
+
content: var(--tw-content);
|
|
4682
|
+
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
4683
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4684
|
+
}
|
|
4685
|
+
}
|
|
4686
|
+
[data-theme="rui"] .before\:bg-stone-300 {
|
|
4687
|
+
[data-theme="rui"] &::before {
|
|
4688
|
+
content: var(--tw-content);
|
|
4689
|
+
background-color: var(--color-stone-300);
|
|
4690
|
+
}
|
|
4691
|
+
}
|
|
4085
4692
|
[data-theme="rui"] .after\:absolute {
|
|
4086
4693
|
[data-theme="rui"] &::after {
|
|
4087
4694
|
content: var(--tw-content);
|
|
@@ -4094,6 +4701,12 @@
|
|
|
4094
4701
|
inset-inline: calc(var(--spacing) * 0);
|
|
4095
4702
|
}
|
|
4096
4703
|
}
|
|
4704
|
+
[data-theme="rui"] .after\:top-full {
|
|
4705
|
+
[data-theme="rui"] &::after {
|
|
4706
|
+
content: var(--tw-content);
|
|
4707
|
+
top: 100%;
|
|
4708
|
+
}
|
|
4709
|
+
}
|
|
4097
4710
|
[data-theme="rui"] .after\:bottom-0 {
|
|
4098
4711
|
[data-theme="rui"] &::after {
|
|
4099
4712
|
content: var(--tw-content);
|
|
@@ -4112,6 +4725,24 @@
|
|
|
4112
4725
|
height: calc(var(--spacing) * 0.5);
|
|
4113
4726
|
}
|
|
4114
4727
|
}
|
|
4728
|
+
[data-theme="rui"] .after\:h-screen {
|
|
4729
|
+
[data-theme="rui"] &::after {
|
|
4730
|
+
content: var(--tw-content);
|
|
4731
|
+
height: 100vh;
|
|
4732
|
+
}
|
|
4733
|
+
}
|
|
4734
|
+
[data-theme="rui"] .after\:bg-background {
|
|
4735
|
+
[data-theme="rui"] &::after {
|
|
4736
|
+
content: var(--tw-content);
|
|
4737
|
+
background-color: var(--color-white);
|
|
4738
|
+
}
|
|
4739
|
+
}
|
|
4740
|
+
[data-theme="rui"] .after\:content-\[\'\'\] {
|
|
4741
|
+
[data-theme="rui"] &::after {
|
|
4742
|
+
--tw-content: '';
|
|
4743
|
+
content: var(--tw-content);
|
|
4744
|
+
}
|
|
4745
|
+
}
|
|
4115
4746
|
[data-theme="rui"] .group-required\/field\:after\:-ml-1 {
|
|
4116
4747
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
|
|
4117
4748
|
[data-theme="rui"] &::after {
|
|
@@ -4154,90 +4785,56 @@
|
|
|
4154
4785
|
}
|
|
4155
4786
|
}
|
|
4156
4787
|
}
|
|
4157
|
-
[data-theme="rui"] .last\:border-b {
|
|
4158
|
-
[data-theme="rui"] &:last-child {
|
|
4159
|
-
border-bottom-style: var(--tw-border-style);
|
|
4160
|
-
border-bottom-width: 1px;
|
|
4161
|
-
}
|
|
4162
|
-
}
|
|
4163
4788
|
[data-theme="rui"] .last\:border-b-0 {
|
|
4164
4789
|
[data-theme="rui"] &:last-child {
|
|
4165
4790
|
border-bottom-style: var(--tw-border-style);
|
|
4166
4791
|
border-bottom-width: 0px;
|
|
4167
4792
|
}
|
|
4168
4793
|
}
|
|
4794
|
+
[data-theme="rui"] .first-of-type\:rounded-l-\[calc\(var\(--radius-lg\)-1px\)\] {
|
|
4795
|
+
[data-theme="rui"] &:first-of-type {
|
|
4796
|
+
border-top-left-radius: calc(var(--radius-lg) - 1px);
|
|
4797
|
+
border-bottom-left-radius: calc(var(--radius-lg) - 1px);
|
|
4798
|
+
}
|
|
4799
|
+
}
|
|
4169
4800
|
[data-theme="rui"] .first-of-type\:border-r\! {
|
|
4170
4801
|
[data-theme="rui"] &:first-of-type {
|
|
4171
4802
|
border-right-style: var(--tw-border-style) !important;
|
|
4172
4803
|
border-right-width: 1px !important;
|
|
4173
4804
|
}
|
|
4174
4805
|
}
|
|
4806
|
+
[data-theme="rui"] .last-of-type\:rounded-r-\[calc\(var\(--radius-lg\)-1px\)\] {
|
|
4807
|
+
[data-theme="rui"] &:last-of-type {
|
|
4808
|
+
border-top-right-radius: calc(var(--radius-lg) - 1px);
|
|
4809
|
+
border-bottom-right-radius: calc(var(--radius-lg) - 1px);
|
|
4810
|
+
}
|
|
4811
|
+
}
|
|
4175
4812
|
[data-theme="rui"] .last-of-type\:border-l\! {
|
|
4176
4813
|
[data-theme="rui"] &:last-of-type {
|
|
4177
4814
|
border-left-style: var(--tw-border-style) !important;
|
|
4178
4815
|
border-left-width: 1px !important;
|
|
4179
4816
|
}
|
|
4180
4817
|
}
|
|
4181
|
-
[data-theme="rui"] .
|
|
4182
|
-
[data-theme="rui"] &:checked {
|
|
4183
|
-
color: var(--color-blue-700);
|
|
4184
|
-
}
|
|
4185
|
-
}
|
|
4186
|
-
[data-theme="rui"] .invalid\:text-destructive {
|
|
4187
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4188
|
-
color: var(--color-red-600);
|
|
4189
|
-
}
|
|
4190
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4191
|
-
color: var(--color-red-600);
|
|
4192
|
-
}
|
|
4193
|
-
}
|
|
4194
|
-
[data-theme="rui"] .invalid\:placeholder\:text-destructive {
|
|
4818
|
+
[data-theme="rui"] .invalid\:ui-state-error {
|
|
4195
4819
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4196
|
-
|
|
4197
|
-
|
|
4820
|
+
border-color: var(--color-red-600);
|
|
4821
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4822
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4823
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4198
4824
|
}
|
|
4199
|
-
|
|
4200
|
-
|
|
4201
|
-
[data-theme="rui"] &::placeholder {
|
|
4202
|
-
color: var(--color-red-600);
|
|
4825
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4826
|
+
border-color: var(--color-red-600);
|
|
4203
4827
|
}
|
|
4204
|
-
|
|
4205
|
-
}
|
|
4206
|
-
[data-theme="rui"] .read-only\:cursor-default {
|
|
4207
|
-
[data-theme="rui"] &:where([data-rac])[data-readonly] {
|
|
4208
|
-
cursor: default;
|
|
4209
|
-
}
|
|
4210
|
-
[data-theme="rui"] &:where(:not([data-rac])):read-only {
|
|
4211
|
-
cursor: default;
|
|
4212
|
-
}
|
|
4213
|
-
}
|
|
4214
|
-
[data-theme="rui"] .invalid\:focus-within\:border-destructive {
|
|
4215
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4216
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4217
|
-
border-color: var(--color-red-600);
|
|
4218
|
-
}
|
|
4219
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
4220
|
-
border-color: var(--color-red-600);
|
|
4221
|
-
}
|
|
4222
|
-
}
|
|
4223
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4224
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4225
|
-
border-color: var(--color-red-600);
|
|
4226
|
-
}
|
|
4227
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
4828
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4228
4829
|
border-color: var(--color-red-600);
|
|
4229
4830
|
}
|
|
4230
|
-
|
|
4231
|
-
}
|
|
4232
|
-
[data-theme="rui"] .invalid\:focus-within\:ring-destructive\/20 {
|
|
4233
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4234
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4831
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4235
4832
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4236
4833
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4237
4834
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4238
4835
|
}
|
|
4239
4836
|
}
|
|
4240
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4837
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4241
4838
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4242
4839
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4243
4840
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
@@ -4245,13 +4842,24 @@
|
|
|
4245
4842
|
}
|
|
4246
4843
|
}
|
|
4247
4844
|
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4248
|
-
|
|
4845
|
+
border-color: var(--color-red-600);
|
|
4846
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4847
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4848
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
4849
|
+
}
|
|
4850
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4851
|
+
border-color: var(--color-red-600);
|
|
4852
|
+
}
|
|
4853
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4854
|
+
border-color: var(--color-red-600);
|
|
4855
|
+
}
|
|
4856
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4249
4857
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4250
4858
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4251
4859
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4252
4860
|
}
|
|
4253
4861
|
}
|
|
4254
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4862
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4255
4863
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4256
4864
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4257
4865
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
@@ -4259,6 +4867,42 @@
|
|
|
4259
4867
|
}
|
|
4260
4868
|
}
|
|
4261
4869
|
}
|
|
4870
|
+
[data-theme="rui"] .invalid\:text-destructive {
|
|
4871
|
+
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4872
|
+
color: var(--color-red-600);
|
|
4873
|
+
}
|
|
4874
|
+
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4875
|
+
color: var(--color-red-600);
|
|
4876
|
+
}
|
|
4877
|
+
}
|
|
4878
|
+
[data-theme="rui"] .invalid\:placeholder\:text-destructive {
|
|
4879
|
+
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4880
|
+
[data-theme="rui"] &::placeholder {
|
|
4881
|
+
color: var(--color-red-600);
|
|
4882
|
+
}
|
|
4883
|
+
}
|
|
4884
|
+
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4885
|
+
[data-theme="rui"] &::placeholder {
|
|
4886
|
+
color: var(--color-red-600);
|
|
4887
|
+
}
|
|
4888
|
+
}
|
|
4889
|
+
}
|
|
4890
|
+
[data-theme="rui"] .read-only\:cursor-default {
|
|
4891
|
+
[data-theme="rui"] &:where([data-rac])[data-readonly] {
|
|
4892
|
+
cursor: default;
|
|
4893
|
+
}
|
|
4894
|
+
[data-theme="rui"] &:where(:not([data-rac])):read-only {
|
|
4895
|
+
cursor: default;
|
|
4896
|
+
}
|
|
4897
|
+
}
|
|
4898
|
+
[data-theme="rui"] .read-only\:ui-state-readonly {
|
|
4899
|
+
[data-theme="rui"] &:where([data-rac])[data-readonly] {
|
|
4900
|
+
--ui-background-color: var(--color-muted);
|
|
4901
|
+
}
|
|
4902
|
+
[data-theme="rui"] &:where(:not([data-rac])):read-only {
|
|
4903
|
+
--ui-background-color: var(--color-muted);
|
|
4904
|
+
}
|
|
4905
|
+
}
|
|
4262
4906
|
[data-theme="rui"] .hover\:bg-brand\/90 {
|
|
4263
4907
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4264
4908
|
background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 90%, transparent);
|
|
@@ -4357,24 +5001,14 @@
|
|
|
4357
5001
|
}
|
|
4358
5002
|
}
|
|
4359
5003
|
}
|
|
4360
|
-
[data-theme="rui"] .
|
|
4361
|
-
[data-theme="rui"] &:where([data-rac])[data-
|
|
4362
|
-
|
|
4363
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4364
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4365
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4366
|
-
}
|
|
4367
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4368
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5004
|
+
[data-theme="rui"] .hover\:\[--ui-background-color\:var\(--color-hover\)\] {
|
|
5005
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5006
|
+
--ui-background-color: var(--color-hover);
|
|
4369
5007
|
}
|
|
4370
|
-
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4374
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5008
|
+
@media (hover: hover) {
|
|
5009
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
5010
|
+
--ui-background-color: var(--color-hover);
|
|
4375
5011
|
}
|
|
4376
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4377
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4378
5012
|
}
|
|
4379
5013
|
}
|
|
4380
5014
|
[data-theme="rui"] .focus\:bg-destructive\/10 {
|
|
@@ -4399,130 +5033,74 @@
|
|
|
4399
5033
|
background-color: var(--color-stone-100);
|
|
4400
5034
|
}
|
|
4401
5035
|
}
|
|
4402
|
-
[data-theme="rui"] .
|
|
4403
|
-
[data-theme="rui"] &:
|
|
4404
|
-
|
|
4405
|
-
|
|
4406
|
-
}
|
|
4407
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4408
|
-
border-color: var(--color-red-600);
|
|
4409
|
-
}
|
|
4410
|
-
}
|
|
4411
|
-
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
4412
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4413
|
-
border-color: var(--color-red-600);
|
|
4414
|
-
}
|
|
4415
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4416
|
-
border-color: var(--color-red-600);
|
|
4417
|
-
}
|
|
4418
|
-
}
|
|
4419
|
-
}
|
|
4420
|
-
[data-theme="rui"] .group-invalid\/field\:focus\:ring-destructive\/20 {
|
|
4421
|
-
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
4422
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4423
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4424
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4425
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4426
|
-
}
|
|
4427
|
-
}
|
|
4428
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4429
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4430
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4431
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4432
|
-
}
|
|
4433
|
-
}
|
|
4434
|
-
}
|
|
4435
|
-
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
4436
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4437
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4438
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4439
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4440
|
-
}
|
|
4441
|
-
}
|
|
4442
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4443
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4444
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4445
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4446
|
-
}
|
|
4447
|
-
}
|
|
4448
|
-
}
|
|
4449
|
-
}
|
|
4450
|
-
[data-theme="rui"] .focus-visible\:z-1 {
|
|
4451
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4452
|
-
z-index: 1;
|
|
4453
|
-
}
|
|
4454
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4455
|
-
z-index: 1;
|
|
4456
|
-
}
|
|
4457
|
-
}
|
|
4458
|
-
[data-theme="rui"] .focus-visible\:util-focus-ring {
|
|
4459
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4460
|
-
border-color: var(--color-stone-400);
|
|
5036
|
+
[data-theme="rui"] .focus\:ui-state-focus {
|
|
5037
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
5038
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5039
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4461
5040
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4462
5041
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4463
5042
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4464
5043
|
}
|
|
4465
|
-
--tw-
|
|
4466
|
-
|
|
5044
|
+
--tw-outline-style: none;
|
|
5045
|
+
outline-style: none;
|
|
5046
|
+
--ui-border-color: var(--color-ring);
|
|
4467
5047
|
}
|
|
4468
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4469
|
-
|
|
5048
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
5049
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5050
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4470
5051
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4471
5052
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4472
5053
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4473
5054
|
}
|
|
4474
|
-
--tw-
|
|
4475
|
-
|
|
5055
|
+
--tw-outline-style: none;
|
|
5056
|
+
outline-style: none;
|
|
5057
|
+
--ui-border-color: var(--color-ring);
|
|
4476
5058
|
}
|
|
4477
5059
|
}
|
|
4478
|
-
[data-theme="rui"] .focus-visible\:
|
|
5060
|
+
[data-theme="rui"] .focus-visible\:z-1 {
|
|
4479
5061
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4480
|
-
|
|
5062
|
+
z-index: 1;
|
|
4481
5063
|
}
|
|
4482
5064
|
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4483
|
-
|
|
5065
|
+
z-index: 1;
|
|
4484
5066
|
}
|
|
4485
5067
|
}
|
|
4486
|
-
[data-theme="rui"] .focus-visible\:
|
|
5068
|
+
[data-theme="rui"] .focus-visible\:bg-focus\/50 {
|
|
4487
5069
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4488
|
-
|
|
5070
|
+
background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 50%, transparent);
|
|
4489
5071
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4490
|
-
|
|
5072
|
+
background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
|
|
4491
5073
|
}
|
|
4492
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4493
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4494
5074
|
}
|
|
4495
5075
|
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4496
|
-
|
|
5076
|
+
background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 50%, transparent);
|
|
4497
5077
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4498
|
-
|
|
5078
|
+
background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
|
|
4499
5079
|
}
|
|
4500
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4501
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4502
5080
|
}
|
|
4503
5081
|
}
|
|
4504
|
-
[data-theme="rui"] .focus-visible\:
|
|
5082
|
+
[data-theme="rui"] .focus-visible\:ui-state-focus {
|
|
4505
5083
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4506
5084
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4507
5085
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4508
|
-
}
|
|
4509
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4510
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4511
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4512
|
-
}
|
|
4513
|
-
}
|
|
4514
|
-
[data-theme="rui"] .focus-visible\:ring-ring\/50 {
|
|
4515
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4516
5086
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4517
5087
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4518
5088
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4519
5089
|
}
|
|
5090
|
+
--tw-outline-style: none;
|
|
5091
|
+
outline-style: none;
|
|
5092
|
+
--ui-border-color: var(--color-ring);
|
|
4520
5093
|
}
|
|
4521
5094
|
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
5095
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5096
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4522
5097
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4523
5098
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4524
5099
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4525
5100
|
}
|
|
5101
|
+
--tw-outline-style: none;
|
|
5102
|
+
outline-style: none;
|
|
5103
|
+
--ui-border-color: var(--color-ring);
|
|
4526
5104
|
}
|
|
4527
5105
|
}
|
|
4528
5106
|
[data-theme="rui"] .focus-visible\:outline-2 {
|
|
@@ -4535,12 +5113,34 @@
|
|
|
4535
5113
|
outline-width: 2px;
|
|
4536
5114
|
}
|
|
4537
5115
|
}
|
|
4538
|
-
[data-theme="rui"] .
|
|
5116
|
+
[data-theme="rui"] .focus-visible\:-outline-offset-2 {
|
|
5117
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
5118
|
+
outline-offset: calc(2px * -1);
|
|
5119
|
+
}
|
|
5120
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
5121
|
+
outline-offset: calc(2px * -1);
|
|
5122
|
+
}
|
|
5123
|
+
}
|
|
5124
|
+
[data-theme="rui"] .focus-visible\:outline-ring\/50 {
|
|
5125
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
5126
|
+
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5127
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5128
|
+
outline-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5129
|
+
}
|
|
5130
|
+
}
|
|
5131
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
5132
|
+
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5133
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5134
|
+
outline-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5135
|
+
}
|
|
5136
|
+
}
|
|
5137
|
+
}
|
|
5138
|
+
[data-theme="rui"] .active\:scale-\[0\.97\] {
|
|
4539
5139
|
[data-theme="rui"] &:where([data-rac])[data-active] {
|
|
4540
|
-
scale: 0.
|
|
5140
|
+
scale: 0.97;
|
|
4541
5141
|
}
|
|
4542
5142
|
[data-theme="rui"] &:where(:not([data-rac])):active {
|
|
4543
|
-
scale: 0.
|
|
5143
|
+
scale: 0.97;
|
|
4544
5144
|
}
|
|
4545
5145
|
}
|
|
4546
5146
|
[data-theme="rui"] .disabled\:pointer-events-none {
|
|
@@ -4551,24 +5151,16 @@
|
|
|
4551
5151
|
pointer-events: none;
|
|
4552
5152
|
}
|
|
4553
5153
|
}
|
|
4554
|
-
[data-theme="rui"] .disabled\:
|
|
5154
|
+
[data-theme="rui"] .disabled\:ui-state-disabled {
|
|
4555
5155
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4556
|
-
background-color: var(--color-disabled);
|
|
4557
|
-
color: var(--color-disabled-foreground);
|
|
4558
5156
|
cursor: not-allowed;
|
|
4559
|
-
--
|
|
4560
|
-
|
|
4561
|
-
--tw-shadow: 0 0 #0000;
|
|
4562
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5157
|
+
background-color: var(--color-stone-200);
|
|
5158
|
+
color: var(--color-stone-400);
|
|
4563
5159
|
}
|
|
4564
5160
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4565
|
-
background-color: var(--color-disabled);
|
|
4566
|
-
color: var(--color-disabled-foreground);
|
|
4567
5161
|
cursor: not-allowed;
|
|
4568
|
-
--
|
|
4569
|
-
|
|
4570
|
-
--tw-shadow: 0 0 #0000;
|
|
4571
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5162
|
+
background-color: var(--color-stone-200);
|
|
5163
|
+
color: var(--color-stone-400);
|
|
4572
5164
|
}
|
|
4573
5165
|
}
|
|
4574
5166
|
[data-theme="rui"] .disabled\:cursor-not-allowed {
|
|
@@ -4579,6 +5171,16 @@
|
|
|
4579
5171
|
cursor: not-allowed;
|
|
4580
5172
|
}
|
|
4581
5173
|
}
|
|
5174
|
+
[data-theme="rui"] .disabled\:border-0 {
|
|
5175
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5176
|
+
border-style: var(--tw-border-style);
|
|
5177
|
+
border-width: 0px;
|
|
5178
|
+
}
|
|
5179
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5180
|
+
border-style: var(--tw-border-style);
|
|
5181
|
+
border-width: 0px;
|
|
5182
|
+
}
|
|
5183
|
+
}
|
|
4582
5184
|
[data-theme="rui"] .disabled\:bg-disabled {
|
|
4583
5185
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4584
5186
|
background-color: var(--color-stone-200);
|
|
@@ -4603,12 +5205,12 @@
|
|
|
4603
5205
|
color: var(--color-stone-400);
|
|
4604
5206
|
}
|
|
4605
5207
|
}
|
|
4606
|
-
[data-theme="rui"] .disabled\:text-gray-
|
|
5208
|
+
[data-theme="rui"] .disabled\:text-gray-50 {
|
|
4607
5209
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4608
|
-
color: var(--color-gray-
|
|
5210
|
+
color: var(--color-gray-50);
|
|
4609
5211
|
}
|
|
4610
5212
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4611
|
-
color: var(--color-gray-
|
|
5213
|
+
color: var(--color-gray-50);
|
|
4612
5214
|
}
|
|
4613
5215
|
}
|
|
4614
5216
|
[data-theme="rui"] .disabled\:opacity-30 {
|
|
@@ -4627,79 +5229,323 @@
|
|
|
4627
5229
|
opacity: 50%;
|
|
4628
5230
|
}
|
|
4629
5231
|
}
|
|
4630
|
-
[data-theme="rui"] .
|
|
4631
|
-
[data-theme="rui"]
|
|
4632
|
-
|
|
4633
|
-
border-top-width: 0px;
|
|
4634
|
-
}
|
|
4635
|
-
}
|
|
4636
|
-
[data-theme="rui"] .has-focus-visible\:util-focus-ring {
|
|
4637
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
4638
|
-
border-color: var(--color-stone-400);
|
|
4639
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4640
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4641
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4642
|
-
}
|
|
4643
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
5232
|
+
[data-theme="rui"] .disabled\:shadow-none {
|
|
5233
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5234
|
+
--tw-shadow: 0 0 #0000;
|
|
4644
5235
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4645
5236
|
}
|
|
4646
|
-
[data-theme="rui"] &:
|
|
4647
|
-
|
|
4648
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4649
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4650
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4651
|
-
}
|
|
4652
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
5237
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5238
|
+
--tw-shadow: 0 0 #0000;
|
|
4653
5239
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4654
5240
|
}
|
|
4655
5241
|
}
|
|
4656
|
-
[data-theme="rui"] .
|
|
4657
|
-
[data-theme="rui"] &:
|
|
4658
|
-
|
|
5242
|
+
[data-theme="rui"] .disabled\:\[--ui-background-color\:var\(--color-disabled\)\] {
|
|
5243
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5244
|
+
--ui-background-color: var(--color-disabled);
|
|
5245
|
+
}
|
|
5246
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5247
|
+
--ui-background-color: var(--color-disabled);
|
|
4659
5248
|
}
|
|
4660
5249
|
}
|
|
4661
|
-
[data-theme="rui"] .
|
|
4662
|
-
[data-theme="rui"]
|
|
4663
|
-
|
|
5250
|
+
[data-theme="rui"] .in-first\:border-t-0 {
|
|
5251
|
+
[data-theme="rui"] :where(*:first-child) & {
|
|
5252
|
+
border-top-style: var(--tw-border-style);
|
|
5253
|
+
border-top-width: 0px;
|
|
4664
5254
|
}
|
|
4665
5255
|
}
|
|
4666
|
-
[data-theme="rui"] .
|
|
4667
|
-
[data-theme="rui"]
|
|
4668
|
-
|
|
5256
|
+
[data-theme="rui"] .in-\[\.group\]\:rounded-none {
|
|
5257
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5258
|
+
border-radius: 0;
|
|
4669
5259
|
}
|
|
4670
5260
|
}
|
|
4671
|
-
[data-theme="rui"] .
|
|
4672
|
-
[data-theme="rui"]
|
|
4673
|
-
border-
|
|
5261
|
+
[data-theme="rui"] .in-\[\.group\]\:border-y-0 {
|
|
5262
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5263
|
+
border-block-style: var(--tw-border-style);
|
|
5264
|
+
border-block-width: 0px;
|
|
4674
5265
|
}
|
|
4675
5266
|
}
|
|
4676
|
-
[data-theme="rui"] .
|
|
4677
|
-
[data-theme="rui"]
|
|
4678
|
-
|
|
5267
|
+
[data-theme="rui"] .in-\[\.group\]\:border-l-0 {
|
|
5268
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5269
|
+
border-left-style: var(--tw-border-style);
|
|
5270
|
+
border-left-width: 0px;
|
|
5271
|
+
}
|
|
5272
|
+
}
|
|
5273
|
+
[data-theme="rui"] .in-\[\.group\]\:shadow-none {
|
|
5274
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5275
|
+
--tw-shadow: 0 0 #0000;
|
|
4679
5276
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4680
5277
|
}
|
|
4681
5278
|
}
|
|
4682
|
-
[data-theme="rui"] .
|
|
4683
|
-
[data-theme="rui"]
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
5279
|
+
[data-theme="rui"] .in-\[\.group\]\:first\:rounded-l-surface {
|
|
5280
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5281
|
+
[data-theme="rui"] &:first-child {
|
|
5282
|
+
border-top-left-radius: var(--radius-lg);
|
|
5283
|
+
border-bottom-left-radius: var(--radius-lg);
|
|
4687
5284
|
}
|
|
4688
5285
|
}
|
|
4689
5286
|
}
|
|
4690
|
-
[data-theme="rui"] .
|
|
4691
|
-
[data-theme="rui"]
|
|
4692
|
-
|
|
5287
|
+
[data-theme="rui"] .in-\[\.group\]\:last\:rounded-r-surface {
|
|
5288
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5289
|
+
[data-theme="rui"] &:last-child {
|
|
5290
|
+
border-top-right-radius: var(--radius-lg);
|
|
5291
|
+
border-bottom-right-radius: var(--radius-lg);
|
|
5292
|
+
}
|
|
4693
5293
|
}
|
|
4694
5294
|
}
|
|
4695
|
-
[data-theme="rui"] .
|
|
4696
|
-
[data-theme="rui"]
|
|
4697
|
-
|
|
5295
|
+
[data-theme="rui"] .in-\[\.group\]\:last\:border-r-0 {
|
|
5296
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5297
|
+
[data-theme="rui"] &:last-child {
|
|
5298
|
+
border-right-style: var(--tw-border-style);
|
|
5299
|
+
border-right-width: 0px;
|
|
5300
|
+
}
|
|
4698
5301
|
}
|
|
4699
5302
|
}
|
|
4700
|
-
[data-theme="rui"] .has
|
|
4701
|
-
[data-theme="rui"] &:has(*:
|
|
4702
|
-
|
|
5303
|
+
[data-theme="rui"] .has-invalid\:ui-state-error {
|
|
5304
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-invalid]) {
|
|
5305
|
+
border-color: var(--color-red-600);
|
|
5306
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5307
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5308
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
5309
|
+
}
|
|
5310
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
5311
|
+
border-color: var(--color-red-600);
|
|
5312
|
+
}
|
|
5313
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
5314
|
+
border-color: var(--color-red-600);
|
|
5315
|
+
}
|
|
5316
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
5317
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5318
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5319
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5320
|
+
}
|
|
5321
|
+
}
|
|
5322
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
5323
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5324
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5325
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5326
|
+
}
|
|
5327
|
+
}
|
|
5328
|
+
}
|
|
5329
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):invalid) {
|
|
5330
|
+
border-color: var(--color-red-600);
|
|
5331
|
+
--tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5332
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5333
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
5334
|
+
}
|
|
5335
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
5336
|
+
border-color: var(--color-red-600);
|
|
5337
|
+
}
|
|
5338
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
5339
|
+
border-color: var(--color-red-600);
|
|
5340
|
+
}
|
|
5341
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
5342
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5343
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5344
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5345
|
+
}
|
|
5346
|
+
}
|
|
5347
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
5348
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5349
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5350
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5351
|
+
}
|
|
5352
|
+
}
|
|
5353
|
+
}
|
|
5354
|
+
}
|
|
5355
|
+
[data-theme="rui"] .has-focus\:ui-state-focus {
|
|
5356
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focused]) {
|
|
5357
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5358
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5359
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5360
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5361
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5362
|
+
}
|
|
5363
|
+
--tw-outline-style: none;
|
|
5364
|
+
outline-style: none;
|
|
5365
|
+
--ui-border-color: var(--color-ring);
|
|
5366
|
+
}
|
|
5367
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus) {
|
|
5368
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5369
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5370
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5371
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5372
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5373
|
+
}
|
|
5374
|
+
--tw-outline-style: none;
|
|
5375
|
+
outline-style: none;
|
|
5376
|
+
--ui-border-color: var(--color-ring);
|
|
5377
|
+
}
|
|
5378
|
+
}
|
|
5379
|
+
[data-theme="rui"] .has-focus\:group-invalid\/field\:ring-destructive\/20 {
|
|
5380
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focused]) {
|
|
5381
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
5382
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5383
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5384
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5385
|
+
}
|
|
5386
|
+
}
|
|
5387
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
5388
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5389
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5390
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5391
|
+
}
|
|
5392
|
+
}
|
|
5393
|
+
}
|
|
5394
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus) {
|
|
5395
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
5396
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5397
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5398
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5399
|
+
}
|
|
5400
|
+
}
|
|
5401
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
5402
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5403
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5404
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5405
|
+
}
|
|
5406
|
+
}
|
|
5407
|
+
}
|
|
5408
|
+
}
|
|
5409
|
+
[data-theme="rui"] .has-focus\:has-invalid\:ring-destructive\/20 {
|
|
5410
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focused]) {
|
|
5411
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-invalid]) {
|
|
5412
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5413
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5414
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5415
|
+
}
|
|
5416
|
+
}
|
|
5417
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):invalid) {
|
|
5418
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5419
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5420
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5421
|
+
}
|
|
5422
|
+
}
|
|
5423
|
+
}
|
|
5424
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus) {
|
|
5425
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-invalid]) {
|
|
5426
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5427
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5428
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5429
|
+
}
|
|
5430
|
+
}
|
|
5431
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):invalid) {
|
|
5432
|
+
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
5433
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5434
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
5435
|
+
}
|
|
5436
|
+
}
|
|
5437
|
+
}
|
|
5438
|
+
}
|
|
5439
|
+
[data-theme="rui"] .not-has-\[\[type\=checkbox\]\]\:has-focus-visible\:outline-2 {
|
|
5440
|
+
[data-theme="rui"] &:not(*:has(*:is([type=checkbox]))) {
|
|
5441
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
5442
|
+
outline-style: var(--tw-outline-style);
|
|
5443
|
+
outline-width: 2px;
|
|
5444
|
+
}
|
|
5445
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
5446
|
+
outline-style: var(--tw-outline-style);
|
|
5447
|
+
outline-width: 2px;
|
|
5448
|
+
}
|
|
5449
|
+
}
|
|
5450
|
+
}
|
|
5451
|
+
[data-theme="rui"] .not-has-\[\[type\=checkbox\]\]\:has-focus-visible\:-outline-offset-2 {
|
|
5452
|
+
[data-theme="rui"] &:not(*:has(*:is([type=checkbox]))) {
|
|
5453
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
5454
|
+
outline-offset: calc(2px * -1);
|
|
5455
|
+
}
|
|
5456
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
5457
|
+
outline-offset: calc(2px * -1);
|
|
5458
|
+
}
|
|
5459
|
+
}
|
|
5460
|
+
}
|
|
5461
|
+
[data-theme="rui"] .not-has-\[\[type\=checkbox\]\]\:has-focus-visible\:outline-ring\/50 {
|
|
5462
|
+
[data-theme="rui"] &:not(*:has(*:is([type=checkbox]))) {
|
|
5463
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
5464
|
+
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5465
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5466
|
+
outline-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5467
|
+
}
|
|
5468
|
+
}
|
|
5469
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
5470
|
+
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5471
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5472
|
+
outline-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5473
|
+
}
|
|
5474
|
+
}
|
|
5475
|
+
}
|
|
5476
|
+
}
|
|
5477
|
+
[data-theme="rui"] .has-disabled\:ui-state-disabled {
|
|
5478
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-disabled]) {
|
|
5479
|
+
cursor: not-allowed;
|
|
5480
|
+
background-color: var(--color-stone-200);
|
|
5481
|
+
color: var(--color-stone-400);
|
|
5482
|
+
}
|
|
5483
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):disabled) {
|
|
5484
|
+
cursor: not-allowed;
|
|
5485
|
+
background-color: var(--color-stone-200);
|
|
5486
|
+
color: var(--color-stone-400);
|
|
5487
|
+
}
|
|
5488
|
+
}
|
|
5489
|
+
[data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_1fr_minmax\(0\,max-content\)\] {
|
|
5490
|
+
[data-theme="rui"] &:has(*:is([data-breakout])) {
|
|
5491
|
+
grid-template-columns: 1fr 1fr minmax(0,max-content);
|
|
5492
|
+
}
|
|
5493
|
+
}
|
|
5494
|
+
[data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_minmax\(0\,max-content\)_1fr\] {
|
|
5495
|
+
[data-theme="rui"] &:has(*:is([data-breakout])) {
|
|
5496
|
+
grid-template-columns: 1fr minmax(0,max-content) 1fr;
|
|
5497
|
+
}
|
|
5498
|
+
}
|
|
5499
|
+
[data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[minmax\(0\,max-content\)_1fr_1fr\] {
|
|
5500
|
+
[data-theme="rui"] &:has(*:is([data-breakout])) {
|
|
5501
|
+
grid-template-columns: minmax(0,max-content) 1fr 1fr;
|
|
5502
|
+
}
|
|
5503
|
+
}
|
|
5504
|
+
[data-theme="rui"] .has-\[\[data-cell-content\]\:focus-visible\]\:outline-2 {
|
|
5505
|
+
[data-theme="rui"] &:has(*:is([data-cell-content]:focus-visible)) {
|
|
5506
|
+
outline-style: var(--tw-outline-style);
|
|
5507
|
+
outline-width: 2px;
|
|
5508
|
+
}
|
|
5509
|
+
}
|
|
5510
|
+
[data-theme="rui"] .has-\[\[data-cell-content\]\:focus-visible\]\:-outline-offset-2 {
|
|
5511
|
+
[data-theme="rui"] &:has(*:is([data-cell-content]:focus-visible)) {
|
|
5512
|
+
outline-offset: calc(2px * -1);
|
|
5513
|
+
}
|
|
5514
|
+
}
|
|
5515
|
+
[data-theme="rui"] .has-\[\[data-cell-content\]\:focus-visible\]\:outline-ring\/50 {
|
|
5516
|
+
[data-theme="rui"] &:has(*:is([data-cell-content]:focus-visible)) {
|
|
5517
|
+
outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5518
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5519
|
+
outline-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5520
|
+
}
|
|
5521
|
+
}
|
|
5522
|
+
}
|
|
5523
|
+
[data-theme="rui"] .has-\[\[slot\=trigger\]\:focus-visible\]\:ui-state-focus {
|
|
5524
|
+
[data-theme="rui"] &:has(*:is([slot=trigger]:focus-visible)) {
|
|
5525
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
5526
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5527
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
5528
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5529
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
5530
|
+
}
|
|
5531
|
+
--tw-outline-style: none;
|
|
5532
|
+
outline-style: none;
|
|
5533
|
+
--ui-border-color: var(--color-ring);
|
|
5534
|
+
}
|
|
5535
|
+
}
|
|
5536
|
+
[data-theme="rui"] .has-\[input\[aria-readonly\=true\]\]\:bg-muted {
|
|
5537
|
+
[data-theme="rui"] &:has(*:is(input[aria-readonly=true])) {
|
|
5538
|
+
background-color: var(--color-stone-100);
|
|
5539
|
+
}
|
|
5540
|
+
}
|
|
5541
|
+
[data-theme="rui"] .has-\[input\[data-focused\=true\]\]\:\!border-ring {
|
|
5542
|
+
[data-theme="rui"] &:has(*:is(input[data-focused=true])) {
|
|
5543
|
+
border-color: var(--color-stone-400) !important;
|
|
5544
|
+
}
|
|
5545
|
+
}
|
|
5546
|
+
[data-theme="rui"] .has-\[input\[data-focused\=true\]\]\:ring-\[3px\] {
|
|
5547
|
+
[data-theme="rui"] &:has(*:is(input[data-focused=true])) {
|
|
5548
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4703
5549
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4704
5550
|
}
|
|
4705
5551
|
}
|
|
@@ -4735,6 +5581,11 @@
|
|
|
4735
5581
|
}
|
|
4736
5582
|
}
|
|
4737
5583
|
}
|
|
5584
|
+
[data-theme="rui"] .has-\[svg\]\:gap-1 {
|
|
5585
|
+
[data-theme="rui"] &:has(*:is(svg)) {
|
|
5586
|
+
gap: calc(var(--spacing) * 1);
|
|
5587
|
+
}
|
|
5588
|
+
}
|
|
4738
5589
|
[data-theme="rui"] .has-\[\+_\[aria-hidden\=true\]\]\:mb-0 {
|
|
4739
5590
|
[data-theme="rui"] &:has(+ [aria-hidden=true]) {
|
|
4740
5591
|
margin-bottom: calc(var(--spacing) * 0);
|
|
@@ -4794,6 +5645,11 @@
|
|
|
4794
5645
|
background-color: var(--color-stone-950);
|
|
4795
5646
|
}
|
|
4796
5647
|
}
|
|
5648
|
+
[data-theme="rui"] .aria-selected\:bg-muted {
|
|
5649
|
+
[data-theme="rui"] &[aria-selected="true"] {
|
|
5650
|
+
background-color: var(--color-stone-100);
|
|
5651
|
+
}
|
|
5652
|
+
}
|
|
4797
5653
|
[data-theme="rui"] .aria-selected\:text-brand-foreground {
|
|
4798
5654
|
[data-theme="rui"] &[aria-selected="true"] {
|
|
4799
5655
|
color: var(--color-stone-50);
|
|
@@ -4828,45 +5684,20 @@
|
|
|
4828
5684
|
cursor: not-allowed;
|
|
4829
5685
|
}
|
|
4830
5686
|
}
|
|
4831
|
-
[data-theme="rui"] .aria-\[
|
|
4832
|
-
[data-theme="rui"] &[aria-
|
|
4833
|
-
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
}
|
|
4841
|
-
[data-theme="rui"] .data-disabled\:bg-disabled {
|
|
4842
|
-
[data-theme="rui"] &[data-disabled] {
|
|
4843
|
-
background-color: var(--color-stone-200);
|
|
4844
|
-
}
|
|
4845
|
-
}
|
|
4846
|
-
[data-theme="rui"] .data-disabled\:text-disabled-foreground {
|
|
4847
|
-
[data-theme="rui"] &[data-disabled] {
|
|
4848
|
-
color: var(--color-stone-400);
|
|
4849
|
-
}
|
|
4850
|
-
}
|
|
4851
|
-
[data-theme="rui"] .data-focus-visible\:z-10 {
|
|
4852
|
-
[data-theme="rui"] &[data-focus-visible] {
|
|
4853
|
-
z-index: 10;
|
|
4854
|
-
}
|
|
4855
|
-
}
|
|
4856
|
-
[data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
|
|
4857
|
-
[data-theme="rui"] :is(& > *) {
|
|
4858
|
-
[data-theme="rui"] &[data-placeholder] {
|
|
4859
|
-
color: var(--color-stone-500);
|
|
5687
|
+
[data-theme="rui"] .aria-\[sort\]\:hover\:cursor-pointer {
|
|
5688
|
+
[data-theme="rui"] &[aria-sort] {
|
|
5689
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5690
|
+
cursor: pointer;
|
|
5691
|
+
}
|
|
5692
|
+
@media (hover: hover) {
|
|
5693
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
5694
|
+
cursor: pointer;
|
|
5695
|
+
}
|
|
4860
5696
|
}
|
|
4861
5697
|
}
|
|
4862
5698
|
}
|
|
4863
|
-
[data-theme="rui"] .
|
|
4864
|
-
[data-theme="rui"] &[
|
|
4865
|
-
color: var(--color-stone-950);
|
|
4866
|
-
}
|
|
4867
|
-
}
|
|
4868
|
-
[data-theme="rui"] .data-selected\:hover\:bg-hover {
|
|
4869
|
-
[data-theme="rui"] &[data-selected] {
|
|
5699
|
+
[data-theme="rui"] .aria-\[sort\]\:hover\:bg-muted {
|
|
5700
|
+
[data-theme="rui"] &[aria-sort] {
|
|
4870
5701
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4871
5702
|
background-color: var(--color-stone-100);
|
|
4872
5703
|
}
|
|
@@ -4877,70 +5708,57 @@
|
|
|
4877
5708
|
}
|
|
4878
5709
|
}
|
|
4879
5710
|
}
|
|
4880
|
-
[data-theme="rui"] .
|
|
4881
|
-
[data-theme="rui"] &[
|
|
4882
|
-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
|
|
4887
|
-
|
|
5711
|
+
[data-theme="rui"] .aria-\[sort\]\:hover\:text-foreground {
|
|
5712
|
+
[data-theme="rui"] &[aria-sort] {
|
|
5713
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5714
|
+
color: var(--color-stone-950);
|
|
5715
|
+
}
|
|
5716
|
+
@media (hover: hover) {
|
|
5717
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
5718
|
+
color: var(--color-stone-950);
|
|
5719
|
+
}
|
|
5720
|
+
}
|
|
4888
5721
|
}
|
|
4889
5722
|
}
|
|
4890
|
-
[data-theme="rui"]
|
|
4891
|
-
[data-theme="rui"] &
|
|
4892
|
-
|
|
5723
|
+
[data-theme="rui"] .\*\*\:data-cell-content\:outline-none {
|
|
5724
|
+
[data-theme="rui"] :is(& *) {
|
|
5725
|
+
[data-theme="rui"] &[data-cell-content] {
|
|
5726
|
+
--tw-outline-style: none;
|
|
5727
|
+
outline-style: none;
|
|
5728
|
+
}
|
|
4893
5729
|
}
|
|
4894
5730
|
}
|
|
4895
|
-
[data-theme="rui"] .data
|
|
4896
|
-
[data-theme="rui"] &[data-
|
|
4897
|
-
|
|
4898
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4899
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4900
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4901
|
-
}
|
|
4902
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4903
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5731
|
+
[data-theme="rui"] .data-disabled\:cursor-not-allowed {
|
|
5732
|
+
[data-theme="rui"] &[data-disabled] {
|
|
5733
|
+
cursor: not-allowed;
|
|
4904
5734
|
}
|
|
4905
5735
|
}
|
|
4906
|
-
[data-theme="rui"] .data-
|
|
4907
|
-
[data-theme="rui"] &[data-
|
|
4908
|
-
|
|
4909
|
-
border-color: var(--color-red-600);
|
|
4910
|
-
}
|
|
5736
|
+
[data-theme="rui"] .data-disabled\:bg-disabled {
|
|
5737
|
+
[data-theme="rui"] &[data-disabled] {
|
|
5738
|
+
background-color: var(--color-stone-200);
|
|
4911
5739
|
}
|
|
4912
5740
|
}
|
|
4913
|
-
[data-theme="rui"] .data-
|
|
4914
|
-
[data-theme="rui"] &[data-
|
|
4915
|
-
|
|
4916
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4917
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4918
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4919
|
-
}
|
|
4920
|
-
}
|
|
5741
|
+
[data-theme="rui"] .data-disabled\:text-disabled-foreground {
|
|
5742
|
+
[data-theme="rui"] &[data-disabled] {
|
|
5743
|
+
color: var(--color-stone-400);
|
|
4921
5744
|
}
|
|
4922
5745
|
}
|
|
4923
|
-
[data-theme="rui"] .data
|
|
4924
|
-
[data-theme="rui"] &[data-
|
|
4925
|
-
|
|
5746
|
+
[data-theme="rui"] .data-focus-visible\:z-10 {
|
|
5747
|
+
[data-theme="rui"] &[data-focus-visible] {
|
|
5748
|
+
z-index: 10;
|
|
4926
5749
|
}
|
|
4927
5750
|
}
|
|
4928
|
-
[data-theme="rui"] .data
|
|
5751
|
+
[data-theme="rui"] .data-focused\:bg-focus {
|
|
4929
5752
|
[data-theme="rui"] &[data-focused] {
|
|
4930
|
-
color: var(--color-stone-
|
|
5753
|
+
background-color: var(--color-stone-100);
|
|
4931
5754
|
}
|
|
4932
5755
|
}
|
|
4933
|
-
[data-theme="rui"] .data
|
|
5756
|
+
[data-theme="rui"] .data-focused\:text-foreground {
|
|
4934
5757
|
[data-theme="rui"] &[data-focused] {
|
|
4935
|
-
--
|
|
4936
|
-
outline-style: none;
|
|
4937
|
-
@media (forced-colors: active) {
|
|
4938
|
-
outline: 2px solid transparent;
|
|
4939
|
-
outline-offset: 2px;
|
|
4940
|
-
}
|
|
5758
|
+
color: var(--color-stone-950);
|
|
4941
5759
|
}
|
|
4942
5760
|
}
|
|
4943
|
-
[data-theme="rui"] .invalid\:data
|
|
5761
|
+
[data-theme="rui"] .invalid\:data-focused\:bg-destructive {
|
|
4944
5762
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4945
5763
|
[data-theme="rui"] &[data-focused] {
|
|
4946
5764
|
background-color: var(--color-red-600);
|
|
@@ -4952,7 +5770,7 @@
|
|
|
4952
5770
|
}
|
|
4953
5771
|
}
|
|
4954
5772
|
}
|
|
4955
|
-
[data-theme="rui"] .invalid\:data
|
|
5773
|
+
[data-theme="rui"] .invalid\:data-focused\:text-destructive-foreground {
|
|
4956
5774
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4957
5775
|
[data-theme="rui"] &[data-focused] {
|
|
4958
5776
|
color: var(--color-white);
|
|
@@ -4964,57 +5782,39 @@
|
|
|
4964
5782
|
}
|
|
4965
5783
|
}
|
|
4966
5784
|
}
|
|
4967
|
-
[data-theme="rui"] .data
|
|
5785
|
+
[data-theme="rui"] .data-hovered\:bg-hover {
|
|
4968
5786
|
[data-theme="rui"] &[data-hovered] {
|
|
4969
5787
|
background-color: var(--color-stone-100);
|
|
4970
5788
|
}
|
|
4971
5789
|
}
|
|
4972
|
-
[data-theme="rui"] .data
|
|
5790
|
+
[data-theme="rui"] .data-hovered\:text-foreground {
|
|
4973
5791
|
[data-theme="rui"] &[data-hovered] {
|
|
4974
5792
|
color: var(--color-stone-950);
|
|
4975
5793
|
}
|
|
4976
5794
|
}
|
|
4977
|
-
[data-theme="rui"] .data
|
|
5795
|
+
[data-theme="rui"] .data-large\:max-w-md {
|
|
4978
5796
|
[data-theme="rui"] &[data-large] {
|
|
4979
5797
|
max-width: var(--container-md);
|
|
4980
5798
|
}
|
|
4981
5799
|
}
|
|
4982
|
-
[data-theme="rui"] .data
|
|
5800
|
+
[data-theme="rui"] .data-medium\:max-w-xs {
|
|
4983
5801
|
[data-theme="rui"] &[data-medium] {
|
|
4984
5802
|
max-width: var(--container-xs);
|
|
4985
5803
|
}
|
|
4986
5804
|
}
|
|
4987
|
-
[data-theme="rui"] .data
|
|
4988
|
-
[data-theme="rui"] &[data-orientation="horizontal"] {
|
|
4989
|
-
height: 100%;
|
|
4990
|
-
}
|
|
4991
|
-
}
|
|
4992
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:h-full {
|
|
4993
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
4994
|
-
height: 100%;
|
|
4995
|
-
}
|
|
4996
|
-
}
|
|
4997
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:w-auto {
|
|
4998
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
4999
|
-
width: auto;
|
|
5000
|
-
}
|
|
5001
|
-
}
|
|
5002
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:w-full {
|
|
5003
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
5004
|
-
width: 100%;
|
|
5005
|
-
}
|
|
5006
|
-
}
|
|
5007
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:flex-col {
|
|
5008
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
5009
|
-
flex-direction: column;
|
|
5010
|
-
}
|
|
5011
|
-
}
|
|
5012
|
-
[data-theme="rui"] .data-\[placeholder\]\:text-placeholder {
|
|
5805
|
+
[data-theme="rui"] .data-placeholder\:text-placeholder {
|
|
5013
5806
|
[data-theme="rui"] &[data-placeholder] {
|
|
5014
5807
|
color: var(--color-stone-500);
|
|
5015
5808
|
}
|
|
5016
5809
|
}
|
|
5017
|
-
[data-theme="rui"]
|
|
5810
|
+
[data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
|
|
5811
|
+
[data-theme="rui"] :is(& > *) {
|
|
5812
|
+
[data-theme="rui"] &[data-placeholder] {
|
|
5813
|
+
color: var(--color-stone-500);
|
|
5814
|
+
}
|
|
5815
|
+
}
|
|
5816
|
+
}
|
|
5817
|
+
[data-theme="rui"] .data-placeholder\:disabled\:text-disabled-foreground {
|
|
5018
5818
|
[data-theme="rui"] &[data-placeholder] {
|
|
5019
5819
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5020
5820
|
color: var(--color-stone-400);
|
|
@@ -5024,14 +5824,14 @@
|
|
|
5024
5824
|
}
|
|
5025
5825
|
}
|
|
5026
5826
|
}
|
|
5027
|
-
[data-theme="rui"] .data
|
|
5827
|
+
[data-theme="rui"] .data-focused\:data-placeholder\:text-foreground {
|
|
5028
5828
|
[data-theme="rui"] &[data-focused] {
|
|
5029
5829
|
[data-theme="rui"] &[data-placeholder] {
|
|
5030
5830
|
color: var(--color-stone-950);
|
|
5031
5831
|
}
|
|
5032
5832
|
}
|
|
5033
5833
|
}
|
|
5034
|
-
[data-theme="rui"] .invalid\:data
|
|
5834
|
+
[data-theme="rui"] .invalid\:data-focused\:data-placeholder\:text-destructive-foreground {
|
|
5035
5835
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
5036
5836
|
[data-theme="rui"] &[data-focused] {
|
|
5037
5837
|
[data-theme="rui"] &[data-placeholder] {
|
|
@@ -5047,84 +5847,41 @@
|
|
|
5047
5847
|
}
|
|
5048
5848
|
}
|
|
5049
5849
|
}
|
|
5050
|
-
[data-theme="rui"] .data
|
|
5051
|
-
[data-theme="rui"] &[data-
|
|
5052
|
-
|
|
5053
|
-
}
|
|
5054
|
-
}
|
|
5055
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:left-0 {
|
|
5056
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5057
|
-
left: calc(var(--spacing) * 0);
|
|
5058
|
-
}
|
|
5059
|
-
}
|
|
5060
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:h-48 {
|
|
5061
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5062
|
-
height: calc(var(--spacing) * 48);
|
|
5063
|
-
}
|
|
5064
|
-
}
|
|
5065
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:h-64 {
|
|
5066
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5067
|
-
height: calc(var(--spacing) * 64);
|
|
5068
|
-
}
|
|
5069
|
-
}
|
|
5070
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:h-80 {
|
|
5071
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5072
|
-
height: calc(var(--spacing) * 80);
|
|
5073
|
-
}
|
|
5074
|
-
}
|
|
5075
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:w-full {
|
|
5076
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5077
|
-
width: 100%;
|
|
5078
|
-
}
|
|
5079
|
-
}
|
|
5080
|
-
[data-theme="rui"] .data-\[placement\=left\]\:top-0 {
|
|
5081
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
5082
|
-
top: calc(var(--spacing) * 0);
|
|
5083
|
-
}
|
|
5084
|
-
}
|
|
5085
|
-
[data-theme="rui"] .data-\[placement\=left\]\:left-0 {
|
|
5086
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
5087
|
-
left: calc(var(--spacing) * 0);
|
|
5088
|
-
}
|
|
5089
|
-
}
|
|
5090
|
-
[data-theme="rui"] .data-\[placement\=right\]\:top-0 {
|
|
5091
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
5092
|
-
top: calc(var(--spacing) * 0);
|
|
5093
|
-
}
|
|
5094
|
-
}
|
|
5095
|
-
[data-theme="rui"] .data-\[placement\=right\]\:right-0 {
|
|
5096
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
5097
|
-
right: calc(var(--spacing) * 0);
|
|
5098
|
-
}
|
|
5099
|
-
}
|
|
5100
|
-
[data-theme="rui"] .data-\[placement\=top\]\:top-0 {
|
|
5101
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
5102
|
-
top: calc(var(--spacing) * 0);
|
|
5103
|
-
}
|
|
5104
|
-
}
|
|
5105
|
-
[data-theme="rui"] .data-\[placement\=top\]\:left-0 {
|
|
5106
|
-
[data-theme="rui"] &[data-placement="top"] {
|
|
5107
|
-
left: calc(var(--spacing) * 0);
|
|
5850
|
+
[data-theme="rui"] .data-selection-mode\:cursor-pointer {
|
|
5851
|
+
[data-theme="rui"] &[data-selection-mode] {
|
|
5852
|
+
cursor: pointer;
|
|
5108
5853
|
}
|
|
5109
5854
|
}
|
|
5110
|
-
[data-theme="rui"] .data
|
|
5111
|
-
[data-theme="rui"] &[data-
|
|
5112
|
-
|
|
5855
|
+
[data-theme="rui"] .data-selection-mode\:hover\:bg-muted {
|
|
5856
|
+
[data-theme="rui"] &[data-selection-mode] {
|
|
5857
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
5858
|
+
background-color: var(--color-stone-100);
|
|
5859
|
+
}
|
|
5860
|
+
@media (hover: hover) {
|
|
5861
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
5862
|
+
background-color: var(--color-stone-100);
|
|
5863
|
+
}
|
|
5864
|
+
}
|
|
5113
5865
|
}
|
|
5114
5866
|
}
|
|
5115
|
-
[data-theme="rui"] .data
|
|
5116
|
-
[data-theme="rui"] &[data-
|
|
5117
|
-
|
|
5867
|
+
[data-theme="rui"] .data-small\:max-w-3xs {
|
|
5868
|
+
[data-theme="rui"] &[data-small] {
|
|
5869
|
+
max-width: var(--container-3xs);
|
|
5118
5870
|
}
|
|
5119
5871
|
}
|
|
5120
|
-
[data-theme="rui"] .data-\[
|
|
5121
|
-
[data-theme="rui"] &[data-
|
|
5122
|
-
|
|
5872
|
+
[data-theme="rui"] .data-\[drop-target\=true\]\:bg-muted {
|
|
5873
|
+
[data-theme="rui"] &[data-drop-target="true"] {
|
|
5874
|
+
background-color: var(--color-stone-100);
|
|
5123
5875
|
}
|
|
5124
5876
|
}
|
|
5125
|
-
[data-theme="rui"] .data-\[
|
|
5126
|
-
[data-theme="rui"] &[data-
|
|
5127
|
-
|
|
5877
|
+
[data-theme="rui"] .data-\[focused\]\:outline-hidden {
|
|
5878
|
+
[data-theme="rui"] &[data-focused] {
|
|
5879
|
+
--tw-outline-style: none;
|
|
5880
|
+
outline-style: none;
|
|
5881
|
+
@media (forced-colors: active) {
|
|
5882
|
+
outline: 2px solid transparent;
|
|
5883
|
+
outline-offset: 2px;
|
|
5884
|
+
}
|
|
5128
5885
|
}
|
|
5129
5886
|
}
|
|
5130
5887
|
[data-theme="rui"] .data-\[react-aria-pressable\=\"true\"\]\:cursor-pointer {
|
|
@@ -5132,20 +5889,22 @@
|
|
|
5132
5889
|
cursor: pointer;
|
|
5133
5890
|
}
|
|
5134
5891
|
}
|
|
5135
|
-
[data-theme="rui"] .data-\[selected\=true\]\:
|
|
5136
|
-
[data-theme="rui"] &[data-selected="true"] {
|
|
5137
|
-
border-style: var(--tw-border-style);
|
|
5138
|
-
border-width: 1px;
|
|
5139
|
-
}
|
|
5140
|
-
}
|
|
5141
|
-
[data-theme="rui"] .data-\[selected\=true\]\:border-input {
|
|
5892
|
+
[data-theme="rui"] .data-\[selected\=true\]\:ui-surface {
|
|
5142
5893
|
[data-theme="rui"] &[data-selected="true"] {
|
|
5143
|
-
|
|
5894
|
+
position: relative;
|
|
5895
|
+
border-radius: var(--radius-lg);
|
|
5896
|
+
transition-property: background,border,box-shadow;
|
|
5897
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
5898
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
5899
|
+
background: linear-gradient( to bottom, var(--ui-background-color, #fff), var(--ui-background-color, #fff) ), linear-gradient( to bottom, var(--ui-border-color, var(--color-surface-border)), oklch(from var(--ui-border-color, var(--color-surface-border)) calc(l - 0.1) c h) );
|
|
5900
|
+
background-clip: padding-box, border-box;
|
|
5901
|
+
background-origin: padding-box, border-box;
|
|
5902
|
+
border: 1px solid transparent;
|
|
5144
5903
|
}
|
|
5145
5904
|
}
|
|
5146
|
-
[data-theme="rui"] .data-\[selected\=true\]\:shadow-
|
|
5905
|
+
[data-theme="rui"] .data-\[selected\=true\]\:shadow-elevation-border {
|
|
5147
5906
|
[data-theme="rui"] &[data-selected="true"] {
|
|
5148
|
-
--tw-shadow: 0 1px 2px
|
|
5907
|
+
--tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.19)), 0.1px 1.1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.16));
|
|
5149
5908
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5150
5909
|
}
|
|
5151
5910
|
}
|
|
@@ -5157,34 +5916,30 @@
|
|
|
5157
5916
|
}
|
|
5158
5917
|
}
|
|
5159
5918
|
}
|
|
5160
|
-
[data-theme="rui"] .
|
|
5161
|
-
|
|
5162
|
-
|
|
5163
|
-
|
|
5164
|
-
|
|
5165
|
-
[data-theme="rui"] .data-\[type\=literal\]\:px-0 {
|
|
5166
|
-
[data-theme="rui"] &[data-type="literal"] {
|
|
5167
|
-
padding-inline: calc(var(--spacing) * 0);
|
|
5168
|
-
}
|
|
5169
|
-
}
|
|
5170
|
-
[data-theme="rui"] .data-\[type\=literal\]\:text-placeholder {
|
|
5171
|
-
[data-theme="rui"] &[data-type="literal"] {
|
|
5172
|
-
color: var(--color-stone-500);
|
|
5919
|
+
[data-theme="rui"] .max-\[600px\]\:in-aria-hidden\:overflow-hidden {
|
|
5920
|
+
@media (width < 600px) {
|
|
5921
|
+
[data-theme="rui"] :where(*[aria-hidden="true"]) & {
|
|
5922
|
+
overflow: hidden;
|
|
5923
|
+
}
|
|
5173
5924
|
}
|
|
5174
5925
|
}
|
|
5175
|
-
[data-theme="rui"] .
|
|
5176
|
-
|
|
5177
|
-
|
|
5926
|
+
[data-theme="rui"] .min-\[600px\]\:aspect-square {
|
|
5927
|
+
@media (width >= 600px) {
|
|
5928
|
+
aspect-ratio: 1 / 1;
|
|
5178
5929
|
}
|
|
5179
5930
|
}
|
|
5180
|
-
[data-theme="rui"] .
|
|
5181
|
-
|
|
5182
|
-
|
|
5931
|
+
[data-theme="rui"] .min-\[600px\]\:size-button {
|
|
5932
|
+
@media (width >= 600px) {
|
|
5933
|
+
width: 2.25rem;
|
|
5934
|
+
height: 2.25rem;
|
|
5183
5935
|
}
|
|
5184
5936
|
}
|
|
5185
|
-
[data-theme="rui"] .
|
|
5186
|
-
|
|
5187
|
-
|
|
5937
|
+
[data-theme="rui"] .min-\[600px\]\:text-foreground\/60 {
|
|
5938
|
+
@media (width >= 600px) {
|
|
5939
|
+
color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 60%, transparent);
|
|
5940
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5941
|
+
color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
|
|
5942
|
+
}
|
|
5188
5943
|
}
|
|
5189
5944
|
}
|
|
5190
5945
|
[data-theme="rui"] .sm\:max-h-\[75vh\] {
|
|
@@ -5252,6 +6007,16 @@
|
|
|
5252
6007
|
background-color: var(--color-gray-500);
|
|
5253
6008
|
}
|
|
5254
6009
|
}
|
|
6010
|
+
[data-theme="rui"] .placement-left\:top-0 {
|
|
6011
|
+
[data-theme="rui"] &[data-placement="left"] {
|
|
6012
|
+
top: calc(var(--spacing) * 0);
|
|
6013
|
+
}
|
|
6014
|
+
}
|
|
6015
|
+
[data-theme="rui"] .placement-left\:left-0 {
|
|
6016
|
+
[data-theme="rui"] &[data-placement="left"] {
|
|
6017
|
+
left: calc(var(--spacing) * 0);
|
|
6018
|
+
}
|
|
6019
|
+
}
|
|
5255
6020
|
[data-theme="rui"] .placement-left\:mr-1 {
|
|
5256
6021
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5257
6022
|
margin-right: calc(var(--spacing) * 1);
|
|
@@ -5262,6 +6027,22 @@
|
|
|
5262
6027
|
margin-right: calc(var(--spacing) * 2);
|
|
5263
6028
|
}
|
|
5264
6029
|
}
|
|
6030
|
+
[data-theme="rui"] .placement-left\:border-r {
|
|
6031
|
+
[data-theme="rui"] &[data-placement="left"] {
|
|
6032
|
+
border-right-style: var(--tw-border-style);
|
|
6033
|
+
border-right-width: 1px;
|
|
6034
|
+
}
|
|
6035
|
+
}
|
|
6036
|
+
[data-theme="rui"] .placement-right\:top-0 {
|
|
6037
|
+
[data-theme="rui"] &[data-placement="right"] {
|
|
6038
|
+
top: calc(var(--spacing) * 0);
|
|
6039
|
+
}
|
|
6040
|
+
}
|
|
6041
|
+
[data-theme="rui"] .placement-right\:right-0 {
|
|
6042
|
+
[data-theme="rui"] &[data-placement="right"] {
|
|
6043
|
+
right: calc(var(--spacing) * 0);
|
|
6044
|
+
}
|
|
6045
|
+
}
|
|
5265
6046
|
[data-theme="rui"] .placement-right\:ml-1 {
|
|
5266
6047
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5267
6048
|
margin-left: calc(var(--spacing) * 1);
|
|
@@ -5272,6 +6053,22 @@
|
|
|
5272
6053
|
margin-left: calc(var(--spacing) * 2);
|
|
5273
6054
|
}
|
|
5274
6055
|
}
|
|
6056
|
+
[data-theme="rui"] .placement-right\:border-l {
|
|
6057
|
+
[data-theme="rui"] &[data-placement="right"] {
|
|
6058
|
+
border-left-style: var(--tw-border-style);
|
|
6059
|
+
border-left-width: 1px;
|
|
6060
|
+
}
|
|
6061
|
+
}
|
|
6062
|
+
[data-theme="rui"] .placement-top\:top-0 {
|
|
6063
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6064
|
+
top: calc(var(--spacing) * 0);
|
|
6065
|
+
}
|
|
6066
|
+
}
|
|
6067
|
+
[data-theme="rui"] .placement-top\:left-0 {
|
|
6068
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6069
|
+
left: calc(var(--spacing) * 0);
|
|
6070
|
+
}
|
|
6071
|
+
}
|
|
5275
6072
|
[data-theme="rui"] .placement-top\:mb-1 {
|
|
5276
6073
|
[data-theme="rui"] &[data-placement="top"] {
|
|
5277
6074
|
margin-bottom: calc(var(--spacing) * 1);
|
|
@@ -5282,14 +6079,123 @@
|
|
|
5282
6079
|
margin-bottom: calc(var(--spacing) * 2);
|
|
5283
6080
|
}
|
|
5284
6081
|
}
|
|
6082
|
+
[data-theme="rui"] .placement-top\:w-full {
|
|
6083
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6084
|
+
width: 100%;
|
|
6085
|
+
}
|
|
6086
|
+
}
|
|
6087
|
+
[data-theme="rui"] .placement-top\:border-b {
|
|
6088
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6089
|
+
border-bottom-style: var(--tw-border-style);
|
|
6090
|
+
border-bottom-width: 1px;
|
|
6091
|
+
}
|
|
6092
|
+
}
|
|
6093
|
+
[data-theme="rui"] .placement-top\:sm\:h-48 {
|
|
6094
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6095
|
+
@media (width >= 40rem) {
|
|
6096
|
+
height: calc(var(--spacing) * 48);
|
|
6097
|
+
}
|
|
6098
|
+
}
|
|
6099
|
+
}
|
|
6100
|
+
[data-theme="rui"] .placement-top\:sm\:h-64 {
|
|
6101
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6102
|
+
@media (width >= 40rem) {
|
|
6103
|
+
height: calc(var(--spacing) * 64);
|
|
6104
|
+
}
|
|
6105
|
+
}
|
|
6106
|
+
}
|
|
6107
|
+
[data-theme="rui"] .placement-top\:sm\:h-80 {
|
|
6108
|
+
[data-theme="rui"] &[data-placement="top"] {
|
|
6109
|
+
@media (width >= 40rem) {
|
|
6110
|
+
height: calc(var(--spacing) * 80);
|
|
6111
|
+
}
|
|
6112
|
+
}
|
|
6113
|
+
}
|
|
6114
|
+
[data-theme="rui"] .placement-bottom\:bottom-0 {
|
|
6115
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6116
|
+
bottom: calc(var(--spacing) * 0);
|
|
6117
|
+
}
|
|
6118
|
+
}
|
|
6119
|
+
[data-theme="rui"] .placement-bottom\:left-0 {
|
|
6120
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6121
|
+
left: calc(var(--spacing) * 0);
|
|
6122
|
+
}
|
|
6123
|
+
}
|
|
5285
6124
|
[data-theme="rui"] .placement-bottom\:mt-1 {
|
|
5286
6125
|
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5287
6126
|
margin-top: calc(var(--spacing) * 1);
|
|
5288
6127
|
}
|
|
5289
6128
|
}
|
|
5290
|
-
[data-theme="rui"] .placement-bottom\:mt-2 {
|
|
5291
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5292
|
-
margin-top: calc(var(--spacing) * 2);
|
|
6129
|
+
[data-theme="rui"] .placement-bottom\:mt-2 {
|
|
6130
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6131
|
+
margin-top: calc(var(--spacing) * 2);
|
|
6132
|
+
}
|
|
6133
|
+
}
|
|
6134
|
+
[data-theme="rui"] .placement-bottom\:w-full {
|
|
6135
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6136
|
+
width: 100%;
|
|
6137
|
+
}
|
|
6138
|
+
}
|
|
6139
|
+
[data-theme="rui"] .placement-bottom\:border-t {
|
|
6140
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6141
|
+
border-top-style: var(--tw-border-style);
|
|
6142
|
+
border-top-width: 1px;
|
|
6143
|
+
}
|
|
6144
|
+
}
|
|
6145
|
+
[data-theme="rui"] .placement-bottom\:sm\:h-48 {
|
|
6146
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6147
|
+
@media (width >= 40rem) {
|
|
6148
|
+
height: calc(var(--spacing) * 48);
|
|
6149
|
+
}
|
|
6150
|
+
}
|
|
6151
|
+
}
|
|
6152
|
+
[data-theme="rui"] .placement-bottom\:sm\:h-64 {
|
|
6153
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6154
|
+
@media (width >= 40rem) {
|
|
6155
|
+
height: calc(var(--spacing) * 64);
|
|
6156
|
+
}
|
|
6157
|
+
}
|
|
6158
|
+
}
|
|
6159
|
+
[data-theme="rui"] .placement-bottom\:sm\:h-80 {
|
|
6160
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6161
|
+
@media (width >= 40rem) {
|
|
6162
|
+
height: calc(var(--spacing) * 80);
|
|
6163
|
+
}
|
|
6164
|
+
}
|
|
6165
|
+
}
|
|
6166
|
+
[data-theme="rui"] .type-literal\:px-0 {
|
|
6167
|
+
[data-theme="rui"] &[data-type="literal"] {
|
|
6168
|
+
padding-inline: calc(var(--spacing) * 0);
|
|
6169
|
+
}
|
|
6170
|
+
}
|
|
6171
|
+
[data-theme="rui"] .type-literal\:text-placeholder {
|
|
6172
|
+
[data-theme="rui"] &[data-type="literal"] {
|
|
6173
|
+
color: var(--color-stone-500);
|
|
6174
|
+
}
|
|
6175
|
+
}
|
|
6176
|
+
[data-theme="rui"] .orientation-horizontal\:h-full {
|
|
6177
|
+
[data-theme="rui"] &[data-orientation="horizontal"] {
|
|
6178
|
+
height: 100%;
|
|
6179
|
+
}
|
|
6180
|
+
}
|
|
6181
|
+
[data-theme="rui"] .orientation-vertical\:h-full {
|
|
6182
|
+
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
6183
|
+
height: 100%;
|
|
6184
|
+
}
|
|
6185
|
+
}
|
|
6186
|
+
[data-theme="rui"] .orientation-vertical\:w-auto {
|
|
6187
|
+
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
6188
|
+
width: auto;
|
|
6189
|
+
}
|
|
6190
|
+
}
|
|
6191
|
+
[data-theme="rui"] .orientation-vertical\:w-full {
|
|
6192
|
+
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
6193
|
+
width: 100%;
|
|
6194
|
+
}
|
|
6195
|
+
}
|
|
6196
|
+
[data-theme="rui"] .orientation-vertical\:flex-col {
|
|
6197
|
+
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
6198
|
+
flex-direction: column;
|
|
5293
6199
|
}
|
|
5294
6200
|
}
|
|
5295
6201
|
[data-theme="rui"] .expanded\:contents {
|
|
@@ -5308,21 +6214,15 @@
|
|
|
5308
6214
|
background-color: var(--color-stone-100);
|
|
5309
6215
|
}
|
|
5310
6216
|
}
|
|
5311
|
-
[data-theme="rui"] .
|
|
5312
|
-
[data-theme="rui"]
|
|
5313
|
-
|
|
5314
|
-
var(--ease-out-expo);
|
|
6217
|
+
[data-theme="rui"] .expanded\:\[--ui-background-color\:var\(--color-hover\)\] {
|
|
6218
|
+
[data-theme="rui"] &:where([data-rac])[data-expanded] {
|
|
6219
|
+
--ui-background-color: var(--color-hover);
|
|
5315
6220
|
}
|
|
5316
|
-
|
|
5317
|
-
|
|
5318
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5319
|
-
[data-theme="rui"] &[data-entering] {
|
|
5320
|
-
animation: slide-in-bottom var(--slide-in-duration)
|
|
5321
|
-
var(--ease-out-expo);
|
|
5322
|
-
}
|
|
6221
|
+
[data-theme="rui"] &:where(:not([data-rac]))[expanded] {
|
|
6222
|
+
--ui-background-color: var(--color-hover);
|
|
5323
6223
|
}
|
|
5324
6224
|
}
|
|
5325
|
-
[data-theme="rui"] .
|
|
6225
|
+
[data-theme="rui"] .placement-left\:entering\:animate-slide-in-left {
|
|
5326
6226
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5327
6227
|
[data-theme="rui"] &[data-entering] {
|
|
5328
6228
|
animation: slide-in-left var(--slide-in-duration)
|
|
@@ -5330,7 +6230,7 @@
|
|
|
5330
6230
|
}
|
|
5331
6231
|
}
|
|
5332
6232
|
}
|
|
5333
|
-
[data-theme="rui"] .
|
|
6233
|
+
[data-theme="rui"] .placement-right\:entering\:animate-slide-in-right {
|
|
5334
6234
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5335
6235
|
[data-theme="rui"] &[data-entering] {
|
|
5336
6236
|
animation: slide-in-right var(--slide-in-duration)
|
|
@@ -5338,7 +6238,7 @@
|
|
|
5338
6238
|
}
|
|
5339
6239
|
}
|
|
5340
6240
|
}
|
|
5341
|
-
[data-theme="rui"] .
|
|
6241
|
+
[data-theme="rui"] .placement-top\:entering\:animate-slide-in-top {
|
|
5342
6242
|
[data-theme="rui"] &[data-placement="top"] {
|
|
5343
6243
|
[data-theme="rui"] &[data-entering] {
|
|
5344
6244
|
animation: slide-in-top var(--slide-in-duration)
|
|
@@ -5346,39 +6246,62 @@
|
|
|
5346
6246
|
}
|
|
5347
6247
|
}
|
|
5348
6248
|
}
|
|
5349
|
-
[data-theme="rui"] .
|
|
5350
|
-
[data-theme="rui"] &[data-exiting] {
|
|
5351
|
-
animation: slide-in-left var(--slide-out-duration) reverse;
|
|
5352
|
-
}
|
|
5353
|
-
}
|
|
5354
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:exiting\:animate-slide-out-bottom {
|
|
6249
|
+
[data-theme="rui"] .placement-bottom\:entering\:animate-slide-in-bottom {
|
|
5355
6250
|
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5356
|
-
[data-theme="rui"] &[data-
|
|
5357
|
-
animation: slide-in-bottom var(--slide-
|
|
6251
|
+
[data-theme="rui"] &[data-entering] {
|
|
6252
|
+
animation: slide-in-bottom var(--slide-in-duration)
|
|
6253
|
+
var(--ease-out-expo);
|
|
5358
6254
|
}
|
|
5359
6255
|
}
|
|
5360
6256
|
}
|
|
5361
|
-
[data-theme="rui"] .
|
|
6257
|
+
[data-theme="rui"] .placement-left\:exiting\:animate-slide-out-left {
|
|
5362
6258
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5363
6259
|
[data-theme="rui"] &[data-exiting] {
|
|
5364
6260
|
animation: slide-in-left var(--slide-out-duration) reverse;
|
|
5365
6261
|
}
|
|
5366
6262
|
}
|
|
5367
6263
|
}
|
|
5368
|
-
[data-theme="rui"] .
|
|
6264
|
+
[data-theme="rui"] .placement-right\:exiting\:animate-slide-out-right {
|
|
5369
6265
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5370
6266
|
[data-theme="rui"] &[data-exiting] {
|
|
5371
6267
|
animation: slide-in-right var(--slide-out-duration) reverse;
|
|
5372
6268
|
}
|
|
5373
6269
|
}
|
|
5374
6270
|
}
|
|
5375
|
-
[data-theme="rui"] .
|
|
6271
|
+
[data-theme="rui"] .placement-top\:exiting\:animate-slide-out-top {
|
|
5376
6272
|
[data-theme="rui"] &[data-placement="top"] {
|
|
5377
6273
|
[data-theme="rui"] &[data-exiting] {
|
|
5378
6274
|
animation: slide-in-top var(--slide-out-duration) reverse;
|
|
5379
6275
|
}
|
|
5380
6276
|
}
|
|
5381
6277
|
}
|
|
6278
|
+
[data-theme="rui"] .placement-bottom\:exiting\:animate-slide-out-bottom {
|
|
6279
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6280
|
+
[data-theme="rui"] &[data-exiting] {
|
|
6281
|
+
animation: slide-in-bottom var(--slide-out-duration) reverse;
|
|
6282
|
+
}
|
|
6283
|
+
}
|
|
6284
|
+
}
|
|
6285
|
+
[data-theme="rui"] .unavailable\:pointer-events-none {
|
|
6286
|
+
[data-theme="rui"] &[data-unavailable] {
|
|
6287
|
+
pointer-events: none;
|
|
6288
|
+
}
|
|
6289
|
+
}
|
|
6290
|
+
[data-theme="rui"] .unavailable\:line-through {
|
|
6291
|
+
[data-theme="rui"] &[data-unavailable] {
|
|
6292
|
+
text-decoration-line: line-through;
|
|
6293
|
+
}
|
|
6294
|
+
}
|
|
6295
|
+
[data-theme="rui"] .unavailable\:opacity-30 {
|
|
6296
|
+
[data-theme="rui"] &[data-unavailable] {
|
|
6297
|
+
opacity: 30%;
|
|
6298
|
+
}
|
|
6299
|
+
}
|
|
6300
|
+
[data-theme="rui"] .outside-month\:hidden {
|
|
6301
|
+
[data-theme="rui"] &[data-outside-month] {
|
|
6302
|
+
display: none;
|
|
6303
|
+
}
|
|
6304
|
+
}
|
|
5382
6305
|
[data-theme="rui"] .pending\:cursor-not-allowed {
|
|
5383
6306
|
[data-theme="rui"] &[data-pending] {
|
|
5384
6307
|
cursor: not-allowed;
|
|
@@ -5400,9 +6323,9 @@
|
|
|
5400
6323
|
color: var(--color-stone-400);
|
|
5401
6324
|
}
|
|
5402
6325
|
}
|
|
5403
|
-
[data-theme="rui"] .pressed\:scale-\[0\.
|
|
6326
|
+
[data-theme="rui"] .pressed\:scale-\[0\.97\] {
|
|
5404
6327
|
[data-theme="rui"] &[data-pressed] {
|
|
5405
|
-
scale: 0.
|
|
6328
|
+
scale: 0.97;
|
|
5406
6329
|
}
|
|
5407
6330
|
}
|
|
5408
6331
|
[data-theme="rui"] .selected\:border-b-8 {
|
|
@@ -5437,11 +6360,70 @@
|
|
|
5437
6360
|
color: var(--color-stone-50);
|
|
5438
6361
|
}
|
|
5439
6362
|
}
|
|
6363
|
+
[data-theme="rui"] .selected\:text-foreground {
|
|
6364
|
+
[data-theme="rui"] &[data-selected] {
|
|
6365
|
+
color: var(--color-stone-950);
|
|
6366
|
+
}
|
|
6367
|
+
}
|
|
5440
6368
|
[data-theme="rui"] .selected\:text-white {
|
|
5441
6369
|
[data-theme="rui"] &[data-selected] {
|
|
5442
6370
|
color: var(--color-white);
|
|
5443
6371
|
}
|
|
5444
6372
|
}
|
|
6373
|
+
[data-theme="rui"] .selected\:shadow-none {
|
|
6374
|
+
[data-theme="rui"] &[data-selected] {
|
|
6375
|
+
--tw-shadow: 0 0 #0000;
|
|
6376
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6377
|
+
}
|
|
6378
|
+
}
|
|
6379
|
+
[data-theme="rui"] .selected\:\[--ui-background-color\:var\(--color-brand\)\] {
|
|
6380
|
+
[data-theme="rui"] &[data-selected] {
|
|
6381
|
+
--ui-background-color: var(--color-brand);
|
|
6382
|
+
}
|
|
6383
|
+
}
|
|
6384
|
+
[data-theme="rui"] .selected\:\[--ui-background-color\:var\(--color-input\)\] {
|
|
6385
|
+
[data-theme="rui"] &[data-selected] {
|
|
6386
|
+
--ui-background-color: var(--color-input);
|
|
6387
|
+
}
|
|
6388
|
+
}
|
|
6389
|
+
[data-theme="rui"] .selected\:hover\:bg-hover {
|
|
6390
|
+
[data-theme="rui"] &[data-selected] {
|
|
6391
|
+
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
6392
|
+
background-color: var(--color-stone-100);
|
|
6393
|
+
}
|
|
6394
|
+
@media (hover: hover) {
|
|
6395
|
+
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
6396
|
+
background-color: var(--color-stone-100);
|
|
6397
|
+
}
|
|
6398
|
+
}
|
|
6399
|
+
}
|
|
6400
|
+
}
|
|
6401
|
+
[data-theme="rui"] .dragging\:transform-gpu {
|
|
6402
|
+
[data-theme="rui"] &[data-dragging] {
|
|
6403
|
+
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
6404
|
+
}
|
|
6405
|
+
}
|
|
6406
|
+
[data-theme="rui"] .dragging\:opacity-50 {
|
|
6407
|
+
[data-theme="rui"] &[data-dragging] {
|
|
6408
|
+
opacity: 50%;
|
|
6409
|
+
}
|
|
6410
|
+
}
|
|
6411
|
+
[data-theme="rui"] .drop-target\:before\:z-10 {
|
|
6412
|
+
[data-theme="rui"] &[data-drop-target] {
|
|
6413
|
+
[data-theme="rui"] &::before {
|
|
6414
|
+
content: var(--tw-content);
|
|
6415
|
+
z-index: 10;
|
|
6416
|
+
}
|
|
6417
|
+
}
|
|
6418
|
+
}
|
|
6419
|
+
[data-theme="rui"] .drop-target\:before\:bg-stone-800 {
|
|
6420
|
+
[data-theme="rui"] &[data-drop-target] {
|
|
6421
|
+
[data-theme="rui"] &::before {
|
|
6422
|
+
content: var(--tw-content);
|
|
6423
|
+
background-color: var(--color-stone-800);
|
|
6424
|
+
}
|
|
6425
|
+
}
|
|
6426
|
+
}
|
|
5445
6427
|
[data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:invisible {
|
|
5446
6428
|
[data-theme="rui"] & .selection-indicator>svg {
|
|
5447
6429
|
visibility: hidden;
|
|
@@ -5481,11 +6463,6 @@
|
|
|
5481
6463
|
grid-row-start: 2;
|
|
5482
6464
|
}
|
|
5483
6465
|
}
|
|
5484
|
-
[data-theme="rui"] .\[\&_\[slot\=description\]\]\:hidden {
|
|
5485
|
-
[data-theme="rui"] & [slot=description] {
|
|
5486
|
-
display: none;
|
|
5487
|
-
}
|
|
5488
|
-
}
|
|
5489
6466
|
[data-theme="rui"] .\[\&_\[slot\=description\]\]\:text-xs {
|
|
5490
6467
|
[data-theme="rui"] & [slot=description] {
|
|
5491
6468
|
font-size: var(--text-xs);
|
|
@@ -5512,6 +6489,18 @@
|
|
|
5512
6489
|
cursor: not-allowed;
|
|
5513
6490
|
}
|
|
5514
6491
|
}
|
|
6492
|
+
[data-theme="rui"] .\[\&_div\]\:border-0\! {
|
|
6493
|
+
[data-theme="rui"] & div {
|
|
6494
|
+
border-style: var(--tw-border-style) !important;
|
|
6495
|
+
border-width: 0px !important;
|
|
6496
|
+
}
|
|
6497
|
+
}
|
|
6498
|
+
[data-theme="rui"] .\[\&_div\]\:shadow-none\! {
|
|
6499
|
+
[data-theme="rui"] & div {
|
|
6500
|
+
--tw-shadow: 0 0 #0000 !important;
|
|
6501
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
6502
|
+
}
|
|
6503
|
+
}
|
|
5515
6504
|
[data-theme="rui"] .\[\&_header\]\:px-2 {
|
|
5516
6505
|
[data-theme="rui"] & header {
|
|
5517
6506
|
padding-inline: calc(var(--spacing) * 2);
|
|
@@ -5556,6 +6545,12 @@
|
|
|
5556
6545
|
height: calc(var(--spacing) * 4);
|
|
5557
6546
|
}
|
|
5558
6547
|
}
|
|
6548
|
+
[data-theme="rui"] .\[\&_svg\]\:size-4\.5 {
|
|
6549
|
+
[data-theme="rui"] & svg {
|
|
6550
|
+
width: calc(var(--spacing) * 4.5);
|
|
6551
|
+
height: calc(var(--spacing) * 4.5);
|
|
6552
|
+
}
|
|
6553
|
+
}
|
|
5559
6554
|
[data-theme="rui"] .\[\&_svg\]\:size-5 {
|
|
5560
6555
|
[data-theme="rui"] & svg {
|
|
5561
6556
|
width: calc(var(--spacing) * 5);
|
|
@@ -5599,27 +6594,27 @@
|
|
|
5599
6594
|
}
|
|
5600
6595
|
}
|
|
5601
6596
|
}
|
|
5602
|
-
[data-theme="rui"] .
|
|
5603
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5604
|
-
[data-theme="rui"] & svg {
|
|
5605
|
-
rotate: 180deg;
|
|
5606
|
-
}
|
|
5607
|
-
}
|
|
5608
|
-
}
|
|
5609
|
-
[data-theme="rui"] .data-\[placement\=left\]\:\[\&_svg\]\:-rotate-90 {
|
|
6597
|
+
[data-theme="rui"] .placement-left\:\[\&_svg\]\:-rotate-90 {
|
|
5610
6598
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5611
6599
|
[data-theme="rui"] & svg {
|
|
5612
6600
|
rotate: calc(90deg * -1);
|
|
5613
6601
|
}
|
|
5614
6602
|
}
|
|
5615
6603
|
}
|
|
5616
|
-
[data-theme="rui"] .
|
|
6604
|
+
[data-theme="rui"] .placement-right\:\[\&_svg\]\:rotate-90 {
|
|
5617
6605
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5618
6606
|
[data-theme="rui"] & svg {
|
|
5619
6607
|
rotate: 90deg;
|
|
5620
6608
|
}
|
|
5621
6609
|
}
|
|
5622
6610
|
}
|
|
6611
|
+
[data-theme="rui"] .placement-bottom\:\[\&_svg\]\:rotate-180 {
|
|
6612
|
+
[data-theme="rui"] &[data-placement="bottom"] {
|
|
6613
|
+
[data-theme="rui"] & svg {
|
|
6614
|
+
rotate: 180deg;
|
|
6615
|
+
}
|
|
6616
|
+
}
|
|
6617
|
+
}
|
|
5623
6618
|
[data-theme="rui"] .\[\&_td\]\:border-border {
|
|
5624
6619
|
[data-theme="rui"] & td {
|
|
5625
6620
|
border-color: var(--color-stone-200);
|
|
@@ -5630,6 +6625,13 @@
|
|
|
5630
6625
|
padding: calc(var(--spacing) * 2);
|
|
5631
6626
|
}
|
|
5632
6627
|
}
|
|
6628
|
+
[data-theme="rui"] .\[\&_td\]\:group-\[\[role\=dialog\]\]\/tray\:p-0\.75 {
|
|
6629
|
+
[data-theme="rui"] & td {
|
|
6630
|
+
[data-theme="rui"] &:is(:where(.group\/tray):is([role=dialog]) *) {
|
|
6631
|
+
padding: calc(var(--spacing) * 0.75);
|
|
6632
|
+
}
|
|
6633
|
+
}
|
|
6634
|
+
}
|
|
5633
6635
|
[data-theme="rui"] .\[\&_td\:first-child\]\:relative {
|
|
5634
6636
|
[data-theme="rui"] & td:first-child {
|
|
5635
6637
|
position: relative;
|
|
@@ -5720,12 +6722,12 @@
|
|
|
5720
6722
|
border-bottom-width: 1px;
|
|
5721
6723
|
}
|
|
5722
6724
|
}
|
|
5723
|
-
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]
|
|
6725
|
+
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]\:bg-hover\! {
|
|
5724
6726
|
[data-theme="rui"] &.isFocused:not([aria-disabled=true]) {
|
|
5725
6727
|
background-color: var(--color-stone-100) !important;
|
|
5726
6728
|
}
|
|
5727
6729
|
}
|
|
5728
|
-
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]
|
|
6730
|
+
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]\:text-foreground\! {
|
|
5729
6731
|
[data-theme="rui"] &.isFocused:not([aria-disabled=true]) {
|
|
5730
6732
|
color: var(--color-stone-950) !important;
|
|
5731
6733
|
}
|
|
@@ -5735,6 +6737,43 @@
|
|
|
5735
6737
|
background-color: transparent;
|
|
5736
6738
|
}
|
|
5737
6739
|
}
|
|
6740
|
+
[data-theme="rui"] .\[\&\:\:-moz-color-swatch\]\:rounded-\[inherit\] {
|
|
6741
|
+
[data-theme="rui"] &::-moz-color-swatch {
|
|
6742
|
+
border-radius: inherit;
|
|
6743
|
+
}
|
|
6744
|
+
}
|
|
6745
|
+
[data-theme="rui"] .\[\&\:\:-moz-color-swatch\]\:border-0 {
|
|
6746
|
+
[data-theme="rui"] &::-moz-color-swatch {
|
|
6747
|
+
border-style: var(--tw-border-style);
|
|
6748
|
+
border-width: 0px;
|
|
6749
|
+
}
|
|
6750
|
+
}
|
|
6751
|
+
[data-theme="rui"] .\[\&\:\:-moz-color-swatch\]\:p-2 {
|
|
6752
|
+
[data-theme="rui"] &::-moz-color-swatch {
|
|
6753
|
+
padding: calc(var(--spacing) * 2);
|
|
6754
|
+
}
|
|
6755
|
+
}
|
|
6756
|
+
[data-theme="rui"] .\[\&\:\:-webkit-color-swatch\]\:rounded-\[inherit\] {
|
|
6757
|
+
[data-theme="rui"] &::-webkit-color-swatch {
|
|
6758
|
+
border-radius: inherit;
|
|
6759
|
+
}
|
|
6760
|
+
}
|
|
6761
|
+
[data-theme="rui"] .\[\&\:\:-webkit-color-swatch\]\:border-0 {
|
|
6762
|
+
[data-theme="rui"] &::-webkit-color-swatch {
|
|
6763
|
+
border-style: var(--tw-border-style);
|
|
6764
|
+
border-width: 0px;
|
|
6765
|
+
}
|
|
6766
|
+
}
|
|
6767
|
+
[data-theme="rui"] .\[\&\:\:-webkit-color-swatch\]\:p-2 {
|
|
6768
|
+
[data-theme="rui"] &::-webkit-color-swatch {
|
|
6769
|
+
padding: calc(var(--spacing) * 2);
|
|
6770
|
+
}
|
|
6771
|
+
}
|
|
6772
|
+
[data-theme="rui"] .\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0 {
|
|
6773
|
+
[data-theme="rui"] &::-webkit-color-swatch-wrapper {
|
|
6774
|
+
padding: calc(var(--spacing) * 0);
|
|
6775
|
+
}
|
|
6776
|
+
}
|
|
5738
6777
|
[data-theme="rui"] .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
|
|
5739
6778
|
[data-theme="rui"] &::-webkit-search-cancel-button {
|
|
5740
6779
|
display: none;
|
|
@@ -5760,6 +6799,51 @@
|
|
|
5760
6799
|
padding-right: calc(var(--spacing) * 0);
|
|
5761
6800
|
}
|
|
5762
6801
|
}
|
|
6802
|
+
[data-theme="rui"] .\*\*\:not-last\:\[\[role\=gridcell\]\]\:border-r {
|
|
6803
|
+
[data-theme="rui"] :is(& *) {
|
|
6804
|
+
[data-theme="rui"] &:not(*:last-child) {
|
|
6805
|
+
[data-theme="rui"] &:is([role=gridcell]) {
|
|
6806
|
+
border-right-style: var(--tw-border-style);
|
|
6807
|
+
border-right-width: 1px;
|
|
6808
|
+
}
|
|
6809
|
+
}
|
|
6810
|
+
}
|
|
6811
|
+
}
|
|
6812
|
+
[data-theme="rui"] .\*\*\:not-last\:\[\[role\=gridcell\]\]\:border-border {
|
|
6813
|
+
[data-theme="rui"] :is(& *) {
|
|
6814
|
+
[data-theme="rui"] &:not(*:last-child) {
|
|
6815
|
+
[data-theme="rui"] &:is([role=gridcell]) {
|
|
6816
|
+
border-color: var(--color-stone-200);
|
|
6817
|
+
}
|
|
6818
|
+
}
|
|
6819
|
+
}
|
|
6820
|
+
}
|
|
6821
|
+
[data-theme="rui"] .\*\*\:not-last\:\[\[role\=rowheader\]\]\:border-r {
|
|
6822
|
+
[data-theme="rui"] :is(& *) {
|
|
6823
|
+
[data-theme="rui"] &:not(*:last-child) {
|
|
6824
|
+
[data-theme="rui"] &:is([role=rowheader]) {
|
|
6825
|
+
border-right-style: var(--tw-border-style);
|
|
6826
|
+
border-right-width: 1px;
|
|
6827
|
+
}
|
|
6828
|
+
}
|
|
6829
|
+
}
|
|
6830
|
+
}
|
|
6831
|
+
[data-theme="rui"] .\*\*\:not-last\:\[\[role\=rowheader\]\]\:border-border {
|
|
6832
|
+
[data-theme="rui"] :is(& *) {
|
|
6833
|
+
[data-theme="rui"] &:not(*:last-child) {
|
|
6834
|
+
[data-theme="rui"] &:is([role=rowheader]) {
|
|
6835
|
+
border-color: var(--color-stone-200);
|
|
6836
|
+
}
|
|
6837
|
+
}
|
|
6838
|
+
}
|
|
6839
|
+
}
|
|
6840
|
+
[data-theme="rui"] .\*\*\:\[\[slot\=description\]\]\:hidden {
|
|
6841
|
+
[data-theme="rui"] :is(& *) {
|
|
6842
|
+
[data-theme="rui"] &:is([slot=description]) {
|
|
6843
|
+
display: none;
|
|
6844
|
+
}
|
|
6845
|
+
}
|
|
6846
|
+
}
|
|
5763
6847
|
[data-theme="rui"] .\[\&\>\:not\(\:last-child\)\]\:border-r {
|
|
5764
6848
|
[data-theme="rui"] &>:not(:last-child) {
|
|
5765
6849
|
border-right-style: var(--tw-border-style);
|
|
@@ -5776,6 +6860,11 @@
|
|
|
5776
6860
|
margin-left: calc(var(--spacing) * 0);
|
|
5777
6861
|
}
|
|
5778
6862
|
}
|
|
6863
|
+
[data-theme="rui"] .\[\&\[type\=color\]\]\:h-input {
|
|
6864
|
+
[data-theme="rui"] &[type=color] {
|
|
6865
|
+
height: 2.25rem;
|
|
6866
|
+
}
|
|
6867
|
+
}
|
|
5779
6868
|
[data-theme="rui"] .\[\&\[type\=color\]\]\:border-none {
|
|
5780
6869
|
[data-theme="rui"] &[type=color] {
|
|
5781
6870
|
--tw-border-style: none;
|
|
@@ -5792,6 +6881,11 @@
|
|
|
5792
6881
|
padding: calc(var(--spacing) * 0);
|
|
5793
6882
|
}
|
|
5794
6883
|
}
|
|
6884
|
+
[data-theme="rui"] .\[\&\[type\=file\]\]\:h-\[calc\(var\(--spacing-input\)-2px\)\] {
|
|
6885
|
+
[data-theme="rui"] &[type=file] {
|
|
6886
|
+
height: calc(var(--spacing-input) - 2px);
|
|
6887
|
+
}
|
|
6888
|
+
}
|
|
5795
6889
|
[data-theme="rui"] .\[\&\[type\=file\]\]\:cursor-pointer {
|
|
5796
6890
|
[data-theme="rui"] &[type=file] {
|
|
5797
6891
|
cursor: pointer;
|
|
@@ -5824,6 +6918,11 @@
|
|
|
5824
6918
|
padding-right: calc(var(--spacing) * 3);
|
|
5825
6919
|
}
|
|
5826
6920
|
}
|
|
6921
|
+
[data-theme="rui"] .\[\&\[type\=file\]\]\:pl-0 {
|
|
6922
|
+
[data-theme="rui"] &[type=file] {
|
|
6923
|
+
padding-left: calc(var(--spacing) * 0);
|
|
6924
|
+
}
|
|
6925
|
+
}
|
|
5827
6926
|
[data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground\/70 {
|
|
5828
6927
|
[data-theme="rui"] &[type=file] {
|
|
5829
6928
|
color: color-mix(in srgb, oklch(55.3% 0.013 58.071) 70%, transparent);
|
|
@@ -5845,11 +6944,14 @@
|
|
|
5845
6944
|
}
|
|
5846
6945
|
}
|
|
5847
6946
|
}
|
|
5848
|
-
[data-theme="rui"]
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5852
|
-
|
|
6947
|
+
[data-theme="rui"] .\[\.group\\\/editable-cell\:has\(\:focus-visible\)_\&\]\:opacity-100 {
|
|
6948
|
+
[data-theme="rui"] .group\/editable-cell:has(:focus-visible) & {
|
|
6949
|
+
opacity: 100%;
|
|
6950
|
+
}
|
|
6951
|
+
}
|
|
6952
|
+
[data-theme="rui"] .\[\[role\=row\]\:hover_\&\]\:opacity-100 {
|
|
6953
|
+
[data-theme="rui"] [role=row]:hover & {
|
|
6954
|
+
opacity: 100%;
|
|
5853
6955
|
}
|
|
5854
6956
|
}
|
|
5855
6957
|
}
|
|
@@ -5917,34 +7019,6 @@
|
|
|
5917
7019
|
inherits: false;
|
|
5918
7020
|
initial-value: solid;
|
|
5919
7021
|
}
|
|
5920
|
-
@property --tw-leading {
|
|
5921
|
-
syntax: "*";
|
|
5922
|
-
inherits: false;
|
|
5923
|
-
}
|
|
5924
|
-
@property --tw-font-weight {
|
|
5925
|
-
syntax: "*";
|
|
5926
|
-
inherits: false;
|
|
5927
|
-
}
|
|
5928
|
-
@property --tw-ordinal {
|
|
5929
|
-
syntax: "*";
|
|
5930
|
-
inherits: false;
|
|
5931
|
-
}
|
|
5932
|
-
@property --tw-slashed-zero {
|
|
5933
|
-
syntax: "*";
|
|
5934
|
-
inherits: false;
|
|
5935
|
-
}
|
|
5936
|
-
@property --tw-numeric-figure {
|
|
5937
|
-
syntax: "*";
|
|
5938
|
-
inherits: false;
|
|
5939
|
-
}
|
|
5940
|
-
@property --tw-numeric-spacing {
|
|
5941
|
-
syntax: "*";
|
|
5942
|
-
inherits: false;
|
|
5943
|
-
}
|
|
5944
|
-
@property --tw-numeric-fraction {
|
|
5945
|
-
syntax: "*";
|
|
5946
|
-
inherits: false;
|
|
5947
|
-
}
|
|
5948
7022
|
@property --tw-shadow {
|
|
5949
7023
|
syntax: "*";
|
|
5950
7024
|
inherits: false;
|
|
@@ -6010,6 +7084,76 @@
|
|
|
6010
7084
|
inherits: false;
|
|
6011
7085
|
initial-value: 0 0 #0000;
|
|
6012
7086
|
}
|
|
7087
|
+
@property --tw-gradient-position {
|
|
7088
|
+
syntax: "*";
|
|
7089
|
+
inherits: false;
|
|
7090
|
+
}
|
|
7091
|
+
@property --tw-gradient-from {
|
|
7092
|
+
syntax: "<color>";
|
|
7093
|
+
inherits: false;
|
|
7094
|
+
initial-value: #0000;
|
|
7095
|
+
}
|
|
7096
|
+
@property --tw-gradient-via {
|
|
7097
|
+
syntax: "<color>";
|
|
7098
|
+
inherits: false;
|
|
7099
|
+
initial-value: #0000;
|
|
7100
|
+
}
|
|
7101
|
+
@property --tw-gradient-to {
|
|
7102
|
+
syntax: "<color>";
|
|
7103
|
+
inherits: false;
|
|
7104
|
+
initial-value: #0000;
|
|
7105
|
+
}
|
|
7106
|
+
@property --tw-gradient-stops {
|
|
7107
|
+
syntax: "*";
|
|
7108
|
+
inherits: false;
|
|
7109
|
+
}
|
|
7110
|
+
@property --tw-gradient-via-stops {
|
|
7111
|
+
syntax: "*";
|
|
7112
|
+
inherits: false;
|
|
7113
|
+
}
|
|
7114
|
+
@property --tw-gradient-from-position {
|
|
7115
|
+
syntax: "<length-percentage>";
|
|
7116
|
+
inherits: false;
|
|
7117
|
+
initial-value: 0%;
|
|
7118
|
+
}
|
|
7119
|
+
@property --tw-gradient-via-position {
|
|
7120
|
+
syntax: "<length-percentage>";
|
|
7121
|
+
inherits: false;
|
|
7122
|
+
initial-value: 50%;
|
|
7123
|
+
}
|
|
7124
|
+
@property --tw-gradient-to-position {
|
|
7125
|
+
syntax: "<length-percentage>";
|
|
7126
|
+
inherits: false;
|
|
7127
|
+
initial-value: 100%;
|
|
7128
|
+
}
|
|
7129
|
+
@property --tw-leading {
|
|
7130
|
+
syntax: "*";
|
|
7131
|
+
inherits: false;
|
|
7132
|
+
}
|
|
7133
|
+
@property --tw-font-weight {
|
|
7134
|
+
syntax: "*";
|
|
7135
|
+
inherits: false;
|
|
7136
|
+
}
|
|
7137
|
+
@property --tw-ordinal {
|
|
7138
|
+
syntax: "*";
|
|
7139
|
+
inherits: false;
|
|
7140
|
+
}
|
|
7141
|
+
@property --tw-slashed-zero {
|
|
7142
|
+
syntax: "*";
|
|
7143
|
+
inherits: false;
|
|
7144
|
+
}
|
|
7145
|
+
@property --tw-numeric-figure {
|
|
7146
|
+
syntax: "*";
|
|
7147
|
+
inherits: false;
|
|
7148
|
+
}
|
|
7149
|
+
@property --tw-numeric-spacing {
|
|
7150
|
+
syntax: "*";
|
|
7151
|
+
inherits: false;
|
|
7152
|
+
}
|
|
7153
|
+
@property --tw-numeric-fraction {
|
|
7154
|
+
syntax: "*";
|
|
7155
|
+
inherits: false;
|
|
7156
|
+
}
|
|
6013
7157
|
@property --tw-outline-style {
|
|
6014
7158
|
syntax: "*";
|
|
6015
7159
|
inherits: false;
|
|
@@ -6203,13 +7347,6 @@
|
|
|
6203
7347
|
--tw-space-y-reverse: 0;
|
|
6204
7348
|
--tw-space-x-reverse: 0;
|
|
6205
7349
|
--tw-border-style: solid;
|
|
6206
|
-
--tw-leading: initial;
|
|
6207
|
-
--tw-font-weight: initial;
|
|
6208
|
-
--tw-ordinal: initial;
|
|
6209
|
-
--tw-slashed-zero: initial;
|
|
6210
|
-
--tw-numeric-figure: initial;
|
|
6211
|
-
--tw-numeric-spacing: initial;
|
|
6212
|
-
--tw-numeric-fraction: initial;
|
|
6213
7350
|
--tw-shadow: 0 0 #0000;
|
|
6214
7351
|
--tw-shadow-color: initial;
|
|
6215
7352
|
--tw-shadow-alpha: 100%;
|
|
@@ -6224,6 +7361,22 @@
|
|
|
6224
7361
|
--tw-ring-offset-width: 0px;
|
|
6225
7362
|
--tw-ring-offset-color: #fff;
|
|
6226
7363
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
7364
|
+
--tw-gradient-position: initial;
|
|
7365
|
+
--tw-gradient-from: #0000;
|
|
7366
|
+
--tw-gradient-via: #0000;
|
|
7367
|
+
--tw-gradient-to: #0000;
|
|
7368
|
+
--tw-gradient-stops: initial;
|
|
7369
|
+
--tw-gradient-via-stops: initial;
|
|
7370
|
+
--tw-gradient-from-position: 0%;
|
|
7371
|
+
--tw-gradient-via-position: 50%;
|
|
7372
|
+
--tw-gradient-to-position: 100%;
|
|
7373
|
+
--tw-leading: initial;
|
|
7374
|
+
--tw-font-weight: initial;
|
|
7375
|
+
--tw-ordinal: initial;
|
|
7376
|
+
--tw-slashed-zero: initial;
|
|
7377
|
+
--tw-numeric-figure: initial;
|
|
7378
|
+
--tw-numeric-spacing: initial;
|
|
7379
|
+
--tw-numeric-fraction: initial;
|
|
6227
7380
|
--tw-outline-style: solid;
|
|
6228
7381
|
--tw-blur: initial;
|
|
6229
7382
|
--tw-brightness: initial;
|