@marigold/theme-rui 4.0.2 → 5.0.1
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.cjs +495 -191
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +495 -191
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1872 -816
- package/dist/theme.css +63 -11
- package/dist/ui.css +88 -0
- package/dist/utils.css +51 -99
- package/dist/variants.css +5 -0
- package/package.json +8 -6
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,10 +39,9 @@
|
|
|
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);
|
|
@@ -60,9 +51,7 @@
|
|
|
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-700: oklch(37.3% 0.034 259.733);
|
|
64
54
|
--color-gray-800: oklch(27.8% 0.033 256.848);
|
|
65
|
-
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
66
55
|
--color-stone-50: oklch(98.5% 0.001 106.423);
|
|
67
56
|
--color-stone-100: oklch(97% 0.001 106.424);
|
|
68
57
|
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
@@ -81,6 +70,7 @@
|
|
|
81
70
|
--container-xs: 20rem;
|
|
82
71
|
--container-sm: 24rem;
|
|
83
72
|
--container-md: 28rem;
|
|
73
|
+
--container-2xl: 42rem;
|
|
84
74
|
--text-xs: 0.75rem;
|
|
85
75
|
--text-xs--line-height: calc(1 / 0.75);
|
|
86
76
|
--text-sm: 0.875rem;
|
|
@@ -116,7 +106,10 @@
|
|
|
116
106
|
--font-weight-bold: 700;
|
|
117
107
|
--font-weight-extrabold: 800;
|
|
118
108
|
--font-weight-black: 900;
|
|
109
|
+
--leading-tight: 1.25;
|
|
110
|
+
--leading-snug: 1.375;
|
|
119
111
|
--leading-normal: 1.5;
|
|
112
|
+
--leading-relaxed: 1.625;
|
|
120
113
|
--leading-loose: 2;
|
|
121
114
|
--radius-xs: 0.125rem;
|
|
122
115
|
--radius-sm: 0.25rem;
|
|
@@ -130,6 +123,7 @@
|
|
|
130
123
|
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
131
124
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
132
125
|
--blur-xs: 4px;
|
|
126
|
+
--aspect-video: 16 / 9;
|
|
133
127
|
--default-transition-duration: 150ms;
|
|
134
128
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
135
129
|
--default-font-family: Inter, system-ui, sans-serif;
|
|
@@ -181,6 +175,18 @@
|
|
|
181
175
|
--color-scrollbar: var(--color-stone-300);
|
|
182
176
|
--color-scrollbar-hover: var(--color-stone-950);
|
|
183
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);
|
|
184
190
|
--surface-sunken: var(--color-muted);
|
|
185
191
|
--surface-sunken-shadow: 0 0 #0000;
|
|
186
192
|
--surface-body: var(--color-background);
|
|
@@ -196,10 +202,28 @@
|
|
|
196
202
|
--spacing-button-small: 2rem;
|
|
197
203
|
--spacing-button-large: 2.5rem;
|
|
198
204
|
--spacing-container: 50rem;
|
|
199
|
-
--spacing-
|
|
200
|
-
--spacing-
|
|
201
|
-
--spacing-
|
|
202
|
-
--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);
|
|
203
227
|
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
204
228
|
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
205
229
|
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
@@ -421,18 +445,26 @@
|
|
|
421
445
|
height: 100%;
|
|
422
446
|
min-height: 24px;
|
|
423
447
|
min-width: 24px;
|
|
424
|
-
z-index:
|
|
448
|
+
z-index: 100;
|
|
425
449
|
}
|
|
426
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
|
+
}
|
|
427
462
|
[data-theme="rui"] .absolute {
|
|
428
463
|
position: absolute;
|
|
429
464
|
}
|
|
430
465
|
[data-theme="rui"] .fixed {
|
|
431
466
|
position: fixed;
|
|
432
467
|
}
|
|
433
|
-
[data-theme="rui"] .fixed\! {
|
|
434
|
-
position: fixed !important;
|
|
435
|
-
}
|
|
436
468
|
[data-theme="rui"] .relative {
|
|
437
469
|
position: relative;
|
|
438
470
|
}
|
|
@@ -445,9 +477,6 @@
|
|
|
445
477
|
[data-theme="rui"] .inset-0 {
|
|
446
478
|
inset: calc(var(--spacing) * 0);
|
|
447
479
|
}
|
|
448
|
-
[data-theme="rui"] .-top-2 {
|
|
449
|
-
top: calc(var(--spacing) * -2);
|
|
450
|
-
}
|
|
451
480
|
[data-theme="rui"] .top-0 {
|
|
452
481
|
top: calc(var(--spacing) * 0);
|
|
453
482
|
}
|
|
@@ -466,9 +495,6 @@
|
|
|
466
495
|
[data-theme="rui"] .top-\[50\%\] {
|
|
467
496
|
top: 50%;
|
|
468
497
|
}
|
|
469
|
-
[data-theme="rui"] .top-auto\! {
|
|
470
|
-
top: auto !important;
|
|
471
|
-
}
|
|
472
498
|
[data-theme="rui"] .right-0 {
|
|
473
499
|
right: calc(var(--spacing) * 0);
|
|
474
500
|
}
|
|
@@ -484,26 +510,20 @@
|
|
|
484
510
|
[data-theme="rui"] .right-auto {
|
|
485
511
|
right: auto;
|
|
486
512
|
}
|
|
487
|
-
[data-theme="rui"] .bottom-0\! {
|
|
488
|
-
bottom: calc(var(--spacing) * 0) !important;
|
|
489
|
-
}
|
|
490
513
|
[data-theme="rui"] .bottom-4 {
|
|
491
514
|
bottom: calc(var(--spacing) * 4);
|
|
492
515
|
}
|
|
493
516
|
[data-theme="rui"] .left-0 {
|
|
494
517
|
left: calc(var(--spacing) * 0);
|
|
495
518
|
}
|
|
496
|
-
[data-theme="rui"] .left-0\! {
|
|
497
|
-
left: calc(var(--spacing) * 0) !important;
|
|
498
|
-
}
|
|
499
519
|
[data-theme="rui"] .left-1 {
|
|
500
520
|
left: calc(var(--spacing) * 1);
|
|
501
521
|
}
|
|
502
522
|
[data-theme="rui"] .left-1\/2 {
|
|
503
523
|
left: calc(1/2 * 100%);
|
|
504
524
|
}
|
|
505
|
-
[data-theme="rui"] .left-2 {
|
|
506
|
-
left: calc(var(--spacing) * 2);
|
|
525
|
+
[data-theme="rui"] .left-2\.5 {
|
|
526
|
+
left: calc(var(--spacing) * 2.5);
|
|
507
527
|
}
|
|
508
528
|
[data-theme="rui"] .left-4 {
|
|
509
529
|
left: calc(var(--spacing) * 4);
|
|
@@ -511,12 +531,24 @@
|
|
|
511
531
|
[data-theme="rui"] .z-1 {
|
|
512
532
|
z-index: 1;
|
|
513
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
|
+
}
|
|
514
543
|
[data-theme="rui"] .z-40 {
|
|
515
544
|
z-index: 40;
|
|
516
545
|
}
|
|
517
546
|
[data-theme="rui"] .z-50 {
|
|
518
547
|
z-index: 50;
|
|
519
548
|
}
|
|
549
|
+
[data-theme="rui"] .z-80 {
|
|
550
|
+
z-index: 80;
|
|
551
|
+
}
|
|
520
552
|
[data-theme="rui"] .order-last {
|
|
521
553
|
order: 9999;
|
|
522
554
|
}
|
|
@@ -550,30 +582,18 @@
|
|
|
550
582
|
[data-theme="rui"] .m-0 {
|
|
551
583
|
margin: calc(var(--spacing) * 0);
|
|
552
584
|
}
|
|
553
|
-
[data-theme="rui"] .m-1 {
|
|
554
|
-
margin: calc(var(--spacing) * 1);
|
|
555
|
-
}
|
|
556
|
-
[data-theme="rui"] .m-2 {
|
|
557
|
-
margin: calc(var(--spacing) * 2);
|
|
558
|
-
}
|
|
559
585
|
[data-theme="rui"] .mx-auto {
|
|
560
586
|
margin-inline: auto;
|
|
561
587
|
}
|
|
562
588
|
[data-theme="rui"] .-my-1\.5 {
|
|
563
589
|
margin-block: calc(var(--spacing) * -1.5);
|
|
564
590
|
}
|
|
565
|
-
[data-theme="rui"] .ms-\[auto\] {
|
|
566
|
-
margin-inline-start: auto;
|
|
567
|
-
}
|
|
568
591
|
[data-theme="rui"] .ms-auto {
|
|
569
592
|
margin-inline-start: auto;
|
|
570
593
|
}
|
|
571
594
|
[data-theme="rui"] .-me-2 {
|
|
572
595
|
margin-inline-end: calc(var(--spacing) * -2);
|
|
573
596
|
}
|
|
574
|
-
[data-theme="rui"] .me-\[auto\] {
|
|
575
|
-
margin-inline-end: auto;
|
|
576
|
-
}
|
|
577
597
|
[data-theme="rui"] .me-auto {
|
|
578
598
|
margin-inline-end: auto;
|
|
579
599
|
}
|
|
@@ -586,15 +606,18 @@
|
|
|
586
606
|
[data-theme="rui"] .mt-0\.5 {
|
|
587
607
|
margin-top: calc(var(--spacing) * 0.5);
|
|
588
608
|
}
|
|
609
|
+
[data-theme="rui"] .mt-2 {
|
|
610
|
+
margin-top: calc(var(--spacing) * 2);
|
|
611
|
+
}
|
|
589
612
|
[data-theme="rui"] .mt-4 {
|
|
590
613
|
margin-top: calc(var(--spacing) * 4);
|
|
591
614
|
}
|
|
615
|
+
[data-theme="rui"] .mt-6 {
|
|
616
|
+
margin-top: calc(var(--spacing) * 6);
|
|
617
|
+
}
|
|
592
618
|
[data-theme="rui"] .mb-0 {
|
|
593
619
|
margin-bottom: calc(var(--spacing) * 0);
|
|
594
620
|
}
|
|
595
|
-
[data-theme="rui"] .mb-0\.5 {
|
|
596
|
-
margin-bottom: calc(var(--spacing) * 0.5);
|
|
597
|
-
}
|
|
598
621
|
[data-theme="rui"] .mb-1 {
|
|
599
622
|
margin-bottom: calc(var(--spacing) * 1);
|
|
600
623
|
}
|
|
@@ -607,8 +630,8 @@
|
|
|
607
630
|
[data-theme="rui"] .mb-6 {
|
|
608
631
|
margin-bottom: calc(var(--spacing) * 6);
|
|
609
632
|
}
|
|
610
|
-
[data-theme="rui"] .
|
|
611
|
-
margin-
|
|
633
|
+
[data-theme="rui"] .ml-1\.5 {
|
|
634
|
+
margin-left: calc(var(--spacing) * 1.5);
|
|
612
635
|
}
|
|
613
636
|
[data-theme="rui"] .ml-2 {
|
|
614
637
|
margin-left: calc(var(--spacing) * 2);
|
|
@@ -692,9 +715,21 @@
|
|
|
692
715
|
[data-theme="rui"] .aspect-square {
|
|
693
716
|
aspect-ratio: 1 / 1;
|
|
694
717
|
}
|
|
695
|
-
[data-theme="rui"] .
|
|
696
|
-
|
|
697
|
-
|
|
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
|
+
}
|
|
698
733
|
}
|
|
699
734
|
[data-theme="rui"] .size-4 {
|
|
700
735
|
width: calc(var(--spacing) * 4);
|
|
@@ -748,14 +783,6 @@
|
|
|
748
783
|
width: 2.25rem;
|
|
749
784
|
height: 2.25rem;
|
|
750
785
|
}
|
|
751
|
-
[data-theme="rui"] .size-button-large {
|
|
752
|
-
width: 2.5rem;
|
|
753
|
-
height: 2.5rem;
|
|
754
|
-
}
|
|
755
|
-
[data-theme="rui"] .size-button-small {
|
|
756
|
-
width: 2rem;
|
|
757
|
-
height: 2rem;
|
|
758
|
-
}
|
|
759
786
|
[data-theme="rui"] .size-fit {
|
|
760
787
|
width: fit-content;
|
|
761
788
|
height: fit-content;
|
|
@@ -767,6 +794,9 @@
|
|
|
767
794
|
[data-theme="rui"] .h-\(--disclosure-panel-height\) {
|
|
768
795
|
height: var(--disclosure-panel-height);
|
|
769
796
|
}
|
|
797
|
+
[data-theme="rui"] .h-\(--header-height\) {
|
|
798
|
+
height: var(--header-height);
|
|
799
|
+
}
|
|
770
800
|
[data-theme="rui"] .h-\(--height\) {
|
|
771
801
|
height: var(--height);
|
|
772
802
|
}
|
|
@@ -968,6 +998,9 @@
|
|
|
968
998
|
[data-theme="rui"] .h-\[300px\] {
|
|
969
999
|
height: 300px;
|
|
970
1000
|
}
|
|
1001
|
+
[data-theme="rui"] .h-\[initial\] {
|
|
1002
|
+
height: initial;
|
|
1003
|
+
}
|
|
971
1004
|
[data-theme="rui"] .h-auto {
|
|
972
1005
|
height: auto;
|
|
973
1006
|
}
|
|
@@ -1013,12 +1046,12 @@
|
|
|
1013
1046
|
[data-theme="rui"] .max-h-\[80vh\] {
|
|
1014
1047
|
max-height: 80vh;
|
|
1015
1048
|
}
|
|
1049
|
+
[data-theme="rui"] .max-h-\[95vh\] {
|
|
1050
|
+
max-height: 95vh;
|
|
1051
|
+
}
|
|
1016
1052
|
[data-theme="rui"] .max-h-\[300px\] {
|
|
1017
1053
|
max-height: 300px;
|
|
1018
1054
|
}
|
|
1019
|
-
[data-theme="rui"] .max-h-fit\! {
|
|
1020
|
-
max-height: fit-content !important;
|
|
1021
|
-
}
|
|
1022
1055
|
[data-theme="rui"] .min-h-0 {
|
|
1023
1056
|
min-height: calc(var(--spacing) * 0);
|
|
1024
1057
|
}
|
|
@@ -1028,12 +1061,24 @@
|
|
|
1028
1061
|
[data-theme="rui"] .min-h-52 {
|
|
1029
1062
|
min-height: calc(var(--spacing) * 52);
|
|
1030
1063
|
}
|
|
1064
|
+
[data-theme="rui"] .min-h-\[36px\] {
|
|
1065
|
+
min-height: 36px;
|
|
1066
|
+
}
|
|
1031
1067
|
[data-theme="rui"] .min-h-\[350px\] {
|
|
1032
1068
|
min-height: 350px;
|
|
1033
1069
|
}
|
|
1034
1070
|
[data-theme="rui"] .min-h-input {
|
|
1035
1071
|
min-height: 2.25rem;
|
|
1036
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
|
+
}
|
|
1037
1082
|
[data-theme="rui"] .w-0 {
|
|
1038
1083
|
width: calc(var(--spacing) * 0);
|
|
1039
1084
|
}
|
|
@@ -1217,6 +1262,9 @@
|
|
|
1217
1262
|
[data-theme="rui"] .w-96 {
|
|
1218
1263
|
width: calc(var(--spacing) * 96);
|
|
1219
1264
|
}
|
|
1265
|
+
[data-theme="rui"] .w-125 {
|
|
1266
|
+
width: calc(var(--spacing) * 125);
|
|
1267
|
+
}
|
|
1220
1268
|
[data-theme="rui"] .w-\[24px\] {
|
|
1221
1269
|
width: 24px;
|
|
1222
1270
|
}
|
|
@@ -1226,15 +1274,12 @@
|
|
|
1226
1274
|
[data-theme="rui"] .w-\[200px\] {
|
|
1227
1275
|
width: 200px;
|
|
1228
1276
|
}
|
|
1229
|
-
[data-theme="rui"] .w-\[400px\] {
|
|
1230
|
-
width: 400px;
|
|
1231
|
-
}
|
|
1232
|
-
[data-theme="rui"] .w-\[800px\] {
|
|
1233
|
-
width: 800px;
|
|
1234
|
-
}
|
|
1235
1277
|
[data-theme="rui"] .w-\[900px\] {
|
|
1236
1278
|
width: 900px;
|
|
1237
1279
|
}
|
|
1280
|
+
[data-theme="rui"] .w-\[min\(100\%-3rem\,60ch\)\] {
|
|
1281
|
+
width: min(100% - 3rem, 60ch);
|
|
1282
|
+
}
|
|
1238
1283
|
[data-theme="rui"] .w-\[min\(100\%_-_3rem\,60ch\)\] {
|
|
1239
1284
|
width: min(100% - 3rem, 60ch);
|
|
1240
1285
|
}
|
|
@@ -1331,6 +1376,9 @@
|
|
|
1331
1376
|
[data-theme="rui"] .max-w-2\/12 {
|
|
1332
1377
|
max-width: calc(2/12 * 100%);
|
|
1333
1378
|
}
|
|
1379
|
+
[data-theme="rui"] .max-w-2xl {
|
|
1380
|
+
max-width: var(--container-2xl);
|
|
1381
|
+
}
|
|
1334
1382
|
[data-theme="rui"] .max-w-3 {
|
|
1335
1383
|
max-width: calc(var(--spacing) * 3);
|
|
1336
1384
|
}
|
|
@@ -1508,6 +1556,9 @@
|
|
|
1508
1556
|
[data-theme="rui"] .min-w-0 {
|
|
1509
1557
|
min-width: calc(var(--spacing) * 0);
|
|
1510
1558
|
}
|
|
1559
|
+
[data-theme="rui"] .min-w-\[250px\] {
|
|
1560
|
+
min-width: 250px;
|
|
1561
|
+
}
|
|
1511
1562
|
[data-theme="rui"] .min-w-\[300px\] {
|
|
1512
1563
|
min-width: 300px;
|
|
1513
1564
|
}
|
|
@@ -1541,7 +1592,7 @@
|
|
|
1541
1592
|
[data-theme="rui"] .basis-4 {
|
|
1542
1593
|
flex-basis: calc(var(--spacing) * 4);
|
|
1543
1594
|
}
|
|
1544
|
-
[data-theme="rui"] .basis-\[calc\(\(var\(--collapseAt\)
|
|
1595
|
+
[data-theme="rui"] .basis-\[calc\(\(var\(--collapseAt\)-100\%\)\*999\)\] {
|
|
1545
1596
|
flex-basis: calc((var(--collapseAt) - 100%) * 999);
|
|
1546
1597
|
}
|
|
1547
1598
|
[data-theme="rui"] .border-collapse {
|
|
@@ -1580,12 +1631,20 @@
|
|
|
1580
1631
|
[data-theme="rui"] .rotate-180 {
|
|
1581
1632
|
rotate: 180deg;
|
|
1582
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
|
+
}
|
|
1583
1637
|
[data-theme="rui"] .animate-progress-cycle {
|
|
1584
1638
|
animation: progress-cycle 1.5s linear infinite;
|
|
1585
1639
|
}
|
|
1586
1640
|
[data-theme="rui"] .animate-rotate-spinner {
|
|
1587
1641
|
animation: rotate-spinner 2s linear infinite;
|
|
1588
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
|
+
}
|
|
1589
1648
|
[data-theme="rui"] .cursor-alias {
|
|
1590
1649
|
cursor: alias;
|
|
1591
1650
|
}
|
|
@@ -1667,6 +1726,9 @@
|
|
|
1667
1726
|
[data-theme="rui"] .resize {
|
|
1668
1727
|
resize: both;
|
|
1669
1728
|
}
|
|
1729
|
+
[data-theme="rui"] .resize-x {
|
|
1730
|
+
resize: horizontal;
|
|
1731
|
+
}
|
|
1670
1732
|
[data-theme="rui"] .list-outside {
|
|
1671
1733
|
list-style-position: outside;
|
|
1672
1734
|
}
|
|
@@ -1691,6 +1753,9 @@
|
|
|
1691
1753
|
[data-theme="rui"] .grid-cols-3 {
|
|
1692
1754
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1693
1755
|
}
|
|
1756
|
+
[data-theme="rui"] .grid-cols-\[1fr_auto\] {
|
|
1757
|
+
grid-template-columns: 1fr auto;
|
|
1758
|
+
}
|
|
1694
1759
|
[data-theme="rui"] .grid-cols-\[auto_1fr\] {
|
|
1695
1760
|
grid-template-columns: auto 1fr;
|
|
1696
1761
|
}
|
|
@@ -1709,6 +1774,9 @@
|
|
|
1709
1774
|
[data-theme="rui"] .grid-rows-\[auto_auto\] {
|
|
1710
1775
|
grid-template-rows: auto auto;
|
|
1711
1776
|
}
|
|
1777
|
+
[data-theme="rui"] .grid-rows-\[auto_auto_1fr_auto\] {
|
|
1778
|
+
grid-template-rows: auto auto 1fr auto;
|
|
1779
|
+
}
|
|
1712
1780
|
[data-theme="rui"] .flex-col {
|
|
1713
1781
|
flex-direction: column;
|
|
1714
1782
|
}
|
|
@@ -1766,6 +1834,9 @@
|
|
|
1766
1834
|
[data-theme="rui"] .justify-start {
|
|
1767
1835
|
justify-content: flex-start;
|
|
1768
1836
|
}
|
|
1837
|
+
[data-theme="rui"] .justify-items-center {
|
|
1838
|
+
justify-items: center;
|
|
1839
|
+
}
|
|
1769
1840
|
[data-theme="rui"] .gap-\(--space\) {
|
|
1770
1841
|
gap: var(--space);
|
|
1771
1842
|
}
|
|
@@ -1781,6 +1852,9 @@
|
|
|
1781
1852
|
[data-theme="rui"] .gap-1\.5 {
|
|
1782
1853
|
gap: calc(var(--spacing) * 1.5);
|
|
1783
1854
|
}
|
|
1855
|
+
[data-theme="rui"] .gap-1\.75 {
|
|
1856
|
+
gap: calc(var(--spacing) * 1.75);
|
|
1857
|
+
}
|
|
1784
1858
|
[data-theme="rui"] .gap-2 {
|
|
1785
1859
|
gap: calc(var(--spacing) * 2);
|
|
1786
1860
|
}
|
|
@@ -1880,9 +1954,6 @@
|
|
|
1880
1954
|
[data-theme="rui"] .gap-\[1ch\] {
|
|
1881
1955
|
gap: 1ch;
|
|
1882
1956
|
}
|
|
1883
|
-
[data-theme="rui"] .gap-\[7px\] {
|
|
1884
|
-
gap: 7px;
|
|
1885
|
-
}
|
|
1886
1957
|
[data-theme="rui"] .gap-\[10px\] {
|
|
1887
1958
|
gap: 10px;
|
|
1888
1959
|
}
|
|
@@ -1947,6 +2018,9 @@
|
|
|
1947
2018
|
[data-theme="rui"] .gap-y-0 {
|
|
1948
2019
|
row-gap: calc(var(--spacing) * 0);
|
|
1949
2020
|
}
|
|
2021
|
+
[data-theme="rui"] .gap-y-0\.5 {
|
|
2022
|
+
row-gap: calc(var(--spacing) * 0.5);
|
|
2023
|
+
}
|
|
1950
2024
|
[data-theme="rui"] .gap-y-1 {
|
|
1951
2025
|
row-gap: calc(var(--spacing) * 1);
|
|
1952
2026
|
}
|
|
@@ -1970,14 +2044,14 @@
|
|
|
1970
2044
|
[data-theme="rui"] .overflow-hidden {
|
|
1971
2045
|
overflow: hidden;
|
|
1972
2046
|
}
|
|
1973
|
-
[data-theme="rui"] .overflow-x-
|
|
1974
|
-
overflow-x:
|
|
2047
|
+
[data-theme="rui"] .overflow-x-auto {
|
|
2048
|
+
overflow-x: auto;
|
|
1975
2049
|
}
|
|
1976
2050
|
[data-theme="rui"] .overflow-y-auto {
|
|
1977
2051
|
overflow-y: auto;
|
|
1978
2052
|
}
|
|
1979
|
-
[data-theme="rui"] .overscroll-
|
|
1980
|
-
overscroll-behavior:
|
|
2053
|
+
[data-theme="rui"] .overscroll-auto {
|
|
2054
|
+
overscroll-behavior: auto;
|
|
1981
2055
|
}
|
|
1982
2056
|
[data-theme="rui"] .rounded {
|
|
1983
2057
|
border-radius: 0.25rem;
|
|
@@ -1988,6 +2062,9 @@
|
|
|
1988
2062
|
[data-theme="rui"] .rounded-\[3px\] {
|
|
1989
2063
|
border-radius: 3px;
|
|
1990
2064
|
}
|
|
2065
|
+
[data-theme="rui"] .rounded-\[calc\(var\(--radius-surface\)-3px\)\] {
|
|
2066
|
+
border-radius: calc(var(--radius-surface) - 3px);
|
|
2067
|
+
}
|
|
1991
2068
|
[data-theme="rui"] .rounded-full {
|
|
1992
2069
|
border-radius: calc(infinity * 1px);
|
|
1993
2070
|
}
|
|
@@ -2000,12 +2077,19 @@
|
|
|
2000
2077
|
[data-theme="rui"] .rounded-sm {
|
|
2001
2078
|
border-radius: var(--radius-sm);
|
|
2002
2079
|
}
|
|
2080
|
+
[data-theme="rui"] .rounded-surface {
|
|
2081
|
+
border-radius: var(--radius-lg);
|
|
2082
|
+
}
|
|
2003
2083
|
[data-theme="rui"] .rounded-xl {
|
|
2004
2084
|
border-radius: var(--radius-xl);
|
|
2005
2085
|
}
|
|
2006
2086
|
[data-theme="rui"] .rounded-xs {
|
|
2007
2087
|
border-radius: var(--radius-xs);
|
|
2008
2088
|
}
|
|
2089
|
+
[data-theme="rui"] .rounded-b-none {
|
|
2090
|
+
border-bottom-right-radius: 0;
|
|
2091
|
+
border-bottom-left-radius: 0;
|
|
2092
|
+
}
|
|
2009
2093
|
[data-theme="rui"] .border {
|
|
2010
2094
|
border-style: var(--tw-border-style);
|
|
2011
2095
|
border-width: 1px;
|
|
@@ -2034,6 +2118,10 @@
|
|
|
2034
2118
|
--tw-border-style: dashed;
|
|
2035
2119
|
border-style: dashed;
|
|
2036
2120
|
}
|
|
2121
|
+
[data-theme="rui"] .border-hidden {
|
|
2122
|
+
--tw-border-style: hidden;
|
|
2123
|
+
border-style: hidden;
|
|
2124
|
+
}
|
|
2037
2125
|
[data-theme="rui"] .border-none {
|
|
2038
2126
|
--tw-border-style: none;
|
|
2039
2127
|
border-style: none;
|
|
@@ -2042,6 +2130,31 @@
|
|
|
2042
2130
|
--tw-border-style: solid;
|
|
2043
2131
|
border-style: solid;
|
|
2044
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
|
+
}
|
|
2045
2158
|
[data-theme="rui"] .border-\[\#364fc7\] {
|
|
2046
2159
|
border-color: #364fc7;
|
|
2047
2160
|
}
|
|
@@ -2072,9 +2185,6 @@
|
|
|
2072
2185
|
border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
|
|
2073
2186
|
}
|
|
2074
2187
|
}
|
|
2075
|
-
[data-theme="rui"] .border-blue-700 {
|
|
2076
|
-
border-color: var(--color-blue-700);
|
|
2077
|
-
}
|
|
2078
2188
|
[data-theme="rui"] .border-border {
|
|
2079
2189
|
border-color: var(--color-stone-200);
|
|
2080
2190
|
}
|
|
@@ -2084,9 +2194,6 @@
|
|
|
2084
2194
|
[data-theme="rui"] .border-destructive-muted-accent {
|
|
2085
2195
|
border-color: var(--color-red-600);
|
|
2086
2196
|
}
|
|
2087
|
-
[data-theme="rui"] .border-gray-700 {
|
|
2088
|
-
border-color: var(--color-gray-700);
|
|
2089
|
-
}
|
|
2090
2197
|
[data-theme="rui"] .border-info-muted-accent {
|
|
2091
2198
|
border-color: var(--color-blue-600);
|
|
2092
2199
|
}
|
|
@@ -2096,18 +2203,21 @@
|
|
|
2096
2203
|
[data-theme="rui"] .border-input\! {
|
|
2097
2204
|
border-color: var(--color-stone-300) !important;
|
|
2098
2205
|
}
|
|
2099
|
-
[data-theme="rui"] .border-lime-400 {
|
|
2100
|
-
border-color: var(--color-lime-400);
|
|
2101
|
-
}
|
|
2102
2206
|
[data-theme="rui"] .border-red-400 {
|
|
2103
2207
|
border-color: var(--color-red-400);
|
|
2104
2208
|
}
|
|
2105
2209
|
[data-theme="rui"] .border-slate-300 {
|
|
2106
2210
|
border-color: var(--color-slate-300);
|
|
2107
2211
|
}
|
|
2212
|
+
[data-theme="rui"] .border-stone-800 {
|
|
2213
|
+
border-color: var(--color-stone-800);
|
|
2214
|
+
}
|
|
2108
2215
|
[data-theme="rui"] .border-success-muted-accent {
|
|
2109
2216
|
border-color: var(--color-green-600);
|
|
2110
2217
|
}
|
|
2218
|
+
[data-theme="rui"] .border-surface-border {
|
|
2219
|
+
border-color: var(--color-stone-300);
|
|
2220
|
+
}
|
|
2111
2221
|
[data-theme="rui"] .border-transparent {
|
|
2112
2222
|
border-color: transparent;
|
|
2113
2223
|
}
|
|
@@ -2165,6 +2275,12 @@
|
|
|
2165
2275
|
background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
2166
2276
|
}
|
|
2167
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
|
+
}
|
|
2168
2284
|
[data-theme="rui"] .bg-black\/80 {
|
|
2169
2285
|
background-color: color-mix(in srgb, #000 80%, transparent);
|
|
2170
2286
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2186,6 +2302,9 @@
|
|
|
2186
2302
|
[data-theme="rui"] .bg-brand {
|
|
2187
2303
|
background-color: var(--color-stone-950);
|
|
2188
2304
|
}
|
|
2305
|
+
[data-theme="rui"] .bg-brand-foreground {
|
|
2306
|
+
background-color: var(--color-stone-50);
|
|
2307
|
+
}
|
|
2189
2308
|
[data-theme="rui"] .bg-current {
|
|
2190
2309
|
background-color: currentcolor;
|
|
2191
2310
|
}
|
|
@@ -2201,33 +2320,18 @@
|
|
|
2201
2320
|
[data-theme="rui"] .bg-gray-500 {
|
|
2202
2321
|
background-color: var(--color-gray-500);
|
|
2203
2322
|
}
|
|
2204
|
-
[data-theme="rui"] .bg-green-300 {
|
|
2205
|
-
background-color: var(--color-green-300);
|
|
2206
|
-
}
|
|
2207
|
-
[data-theme="rui"] .bg-green-400 {
|
|
2208
|
-
background-color: var(--color-green-400);
|
|
2209
|
-
}
|
|
2210
|
-
[data-theme="rui"] .bg-green-500 {
|
|
2211
|
-
background-color: var(--color-green-500);
|
|
2212
|
-
}
|
|
2213
2323
|
[data-theme="rui"] .bg-info-muted {
|
|
2214
2324
|
background-color: var(--color-blue-100);
|
|
2215
2325
|
}
|
|
2216
2326
|
[data-theme="rui"] .bg-input {
|
|
2217
2327
|
background-color: var(--color-stone-300);
|
|
2218
2328
|
}
|
|
2219
|
-
[data-theme="rui"] .bg-lime-300 {
|
|
2220
|
-
background-color: var(--color-lime-300);
|
|
2221
|
-
}
|
|
2222
2329
|
[data-theme="rui"] .bg-muted {
|
|
2223
2330
|
background-color: var(--color-stone-100);
|
|
2224
2331
|
}
|
|
2225
2332
|
[data-theme="rui"] .bg-orange-100 {
|
|
2226
2333
|
background-color: #fff1d5;
|
|
2227
2334
|
}
|
|
2228
|
-
[data-theme="rui"] .bg-pink-600 {
|
|
2229
|
-
background-color: var(--color-pink-600);
|
|
2230
|
-
}
|
|
2231
2335
|
[data-theme="rui"] .bg-red-300 {
|
|
2232
2336
|
background-color: var(--color-red-300);
|
|
2233
2337
|
}
|
|
@@ -2282,6 +2386,12 @@
|
|
|
2282
2386
|
[data-theme="rui"] .bg-success-muted {
|
|
2283
2387
|
background-color: var(--color-green-100);
|
|
2284
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
|
+
}
|
|
2285
2395
|
[data-theme="rui"] .bg-transparent {
|
|
2286
2396
|
background-color: transparent;
|
|
2287
2397
|
}
|
|
@@ -2291,9 +2401,6 @@
|
|
|
2291
2401
|
[data-theme="rui"] .bg-white {
|
|
2292
2402
|
background-color: var(--color-white);
|
|
2293
2403
|
}
|
|
2294
|
-
[data-theme="rui"] .bg-yellow-300 {
|
|
2295
|
-
background-color: var(--color-yellow-300);
|
|
2296
|
-
}
|
|
2297
2404
|
[data-theme="rui"] .bg-yellow-500 {
|
|
2298
2405
|
background-color: var(--color-yellow-500);
|
|
2299
2406
|
}
|
|
@@ -2312,9 +2419,6 @@
|
|
|
2312
2419
|
--tw-gradient-to: var(--color-white);
|
|
2313
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));
|
|
2314
2421
|
}
|
|
2315
|
-
[data-theme="rui"] .fill-\[\#990000\] {
|
|
2316
|
-
fill: #990000;
|
|
2317
|
-
}
|
|
2318
2422
|
[data-theme="rui"] .fill-brand {
|
|
2319
2423
|
fill: var(--color-stone-950);
|
|
2320
2424
|
}
|
|
@@ -2333,15 +2437,18 @@
|
|
|
2333
2437
|
[data-theme="rui"] .fill-white {
|
|
2334
2438
|
fill: var(--color-white);
|
|
2335
2439
|
}
|
|
2336
|
-
[data-theme="rui"] .stroke-border {
|
|
2337
|
-
stroke: var(--color-stone-200);
|
|
2338
|
-
}
|
|
2339
2440
|
[data-theme="rui"] .stroke-brand {
|
|
2340
2441
|
stroke: var(--color-stone-950);
|
|
2341
2442
|
}
|
|
2443
|
+
[data-theme="rui"] .stroke-current {
|
|
2444
|
+
stroke: currentcolor;
|
|
2445
|
+
}
|
|
2342
2446
|
[data-theme="rui"] .stroke-foreground {
|
|
2343
2447
|
stroke: var(--color-stone-950);
|
|
2344
2448
|
}
|
|
2449
|
+
[data-theme="rui"] .stroke-input {
|
|
2450
|
+
stroke: var(--color-stone-300);
|
|
2451
|
+
}
|
|
2345
2452
|
[data-theme="rui"] .stroke-secondary {
|
|
2346
2453
|
stroke: var(--color-stone-50);
|
|
2347
2454
|
}
|
|
@@ -2360,7 +2467,7 @@
|
|
|
2360
2467
|
[data-theme="rui"] .object-center {
|
|
2361
2468
|
object-position: center;
|
|
2362
2469
|
}
|
|
2363
|
-
[data-theme="rui"] .object-left
|
|
2470
|
+
[data-theme="rui"] .object-top-left {
|
|
2364
2471
|
object-position: left top;
|
|
2365
2472
|
}
|
|
2366
2473
|
[data-theme="rui"] .p-0 {
|
|
@@ -2471,6 +2578,30 @@
|
|
|
2471
2578
|
[data-theme="rui"] .p-px {
|
|
2472
2579
|
padding: 1px;
|
|
2473
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
|
+
}
|
|
2474
2605
|
[data-theme="rui"] .px-0 {
|
|
2475
2606
|
padding-inline: calc(var(--spacing) * 0);
|
|
2476
2607
|
}
|
|
@@ -2573,6 +2704,30 @@
|
|
|
2573
2704
|
[data-theme="rui"] .px-96 {
|
|
2574
2705
|
padding-inline: calc(var(--spacing) * 96);
|
|
2575
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
|
+
}
|
|
2576
2731
|
[data-theme="rui"] .py-0 {
|
|
2577
2732
|
padding-block: calc(var(--spacing) * 0);
|
|
2578
2733
|
}
|
|
@@ -2690,8 +2845,26 @@
|
|
|
2690
2845
|
[data-theme="rui"] .py-\[var\(--spacing-section\)\] {
|
|
2691
2846
|
padding-block: var(--spacing-section);
|
|
2692
2847
|
}
|
|
2693
|
-
[data-theme="rui"] .
|
|
2694
|
-
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);
|
|
2695
2868
|
}
|
|
2696
2869
|
[data-theme="rui"] .pt-0 {
|
|
2697
2870
|
padding-top: calc(var(--spacing) * 0);
|
|
@@ -2795,6 +2968,27 @@
|
|
|
2795
2968
|
[data-theme="rui"] .pt-96 {
|
|
2796
2969
|
padding-top: calc(var(--spacing) * 96);
|
|
2797
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
|
+
}
|
|
2798
2992
|
[data-theme="rui"] .pr-0 {
|
|
2799
2993
|
padding-right: calc(var(--spacing) * 0);
|
|
2800
2994
|
}
|
|
@@ -2897,6 +3091,27 @@
|
|
|
2897
3091
|
[data-theme="rui"] .pr-96 {
|
|
2898
3092
|
padding-right: calc(var(--spacing) * 96);
|
|
2899
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
|
+
}
|
|
2900
3115
|
[data-theme="rui"] .pb-0 {
|
|
2901
3116
|
padding-bottom: calc(var(--spacing) * 0);
|
|
2902
3117
|
}
|
|
@@ -2999,6 +3214,27 @@
|
|
|
2999
3214
|
[data-theme="rui"] .pb-96 {
|
|
3000
3215
|
padding-bottom: calc(var(--spacing) * 96);
|
|
3001
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
|
+
}
|
|
3002
3238
|
[data-theme="rui"] .pl-0 {
|
|
3003
3239
|
padding-left: calc(var(--spacing) * 0);
|
|
3004
3240
|
}
|
|
@@ -3101,6 +3337,27 @@
|
|
|
3101
3337
|
[data-theme="rui"] .pl-96 {
|
|
3102
3338
|
padding-left: calc(var(--spacing) * 96);
|
|
3103
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
|
+
}
|
|
3104
3361
|
[data-theme="rui"] .text-center {
|
|
3105
3362
|
text-align: center;
|
|
3106
3363
|
}
|
|
@@ -3113,9 +3370,15 @@
|
|
|
3113
3370
|
[data-theme="rui"] .align-baseline {
|
|
3114
3371
|
vertical-align: baseline;
|
|
3115
3372
|
}
|
|
3373
|
+
[data-theme="rui"] .align-bottom {
|
|
3374
|
+
vertical-align: bottom;
|
|
3375
|
+
}
|
|
3116
3376
|
[data-theme="rui"] .align-middle {
|
|
3117
3377
|
vertical-align: middle;
|
|
3118
3378
|
}
|
|
3379
|
+
[data-theme="rui"] .align-top {
|
|
3380
|
+
vertical-align: top;
|
|
3381
|
+
}
|
|
3119
3382
|
[data-theme="rui"] .text-2xl {
|
|
3120
3383
|
font-size: var(--text-2xl);
|
|
3121
3384
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
@@ -3168,9 +3431,6 @@
|
|
|
3168
3431
|
font-size: var(--text-xs);
|
|
3169
3432
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
3170
3433
|
}
|
|
3171
|
-
[data-theme="rui"] .text-\[2rem\] {
|
|
3172
|
-
font-size: 2rem;
|
|
3173
|
-
}
|
|
3174
3434
|
[data-theme="rui"] .text-\[13px\] {
|
|
3175
3435
|
font-size: 13px;
|
|
3176
3436
|
}
|
|
@@ -3198,6 +3458,18 @@
|
|
|
3198
3458
|
--tw-leading: var(--leading-normal);
|
|
3199
3459
|
line-height: var(--leading-normal);
|
|
3200
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
|
+
}
|
|
3201
3473
|
[data-theme="rui"] .font-black {
|
|
3202
3474
|
--tw-font-weight: var(--font-weight-black);
|
|
3203
3475
|
font-weight: var(--font-weight-black);
|
|
@@ -3285,12 +3557,6 @@
|
|
|
3285
3557
|
[data-theme="rui"] .text-blue-500 {
|
|
3286
3558
|
color: var(--color-blue-500);
|
|
3287
3559
|
}
|
|
3288
|
-
[data-theme="rui"] .text-blue-600 {
|
|
3289
|
-
color: var(--color-blue-600);
|
|
3290
|
-
}
|
|
3291
|
-
[data-theme="rui"] .text-blue-700 {
|
|
3292
|
-
color: var(--color-blue-700);
|
|
3293
|
-
}
|
|
3294
3560
|
[data-theme="rui"] .text-brand {
|
|
3295
3561
|
color: var(--color-stone-950);
|
|
3296
3562
|
}
|
|
@@ -3315,8 +3581,11 @@
|
|
|
3315
3581
|
[data-theme="rui"] .text-foreground {
|
|
3316
3582
|
color: var(--color-stone-950);
|
|
3317
3583
|
}
|
|
3318
|
-
[data-theme="rui"] .text-
|
|
3319
|
-
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
|
+
}
|
|
3320
3589
|
}
|
|
3321
3590
|
[data-theme="rui"] .text-gray-800 {
|
|
3322
3591
|
color: var(--color-gray-800);
|
|
@@ -3324,30 +3593,12 @@
|
|
|
3324
3593
|
[data-theme="rui"] .text-green-300 {
|
|
3325
3594
|
color: var(--color-green-300);
|
|
3326
3595
|
}
|
|
3327
|
-
[data-theme="rui"] .text-green-600 {
|
|
3328
|
-
color: var(--color-green-600);
|
|
3329
|
-
}
|
|
3330
|
-
[data-theme="rui"] .text-green-700 {
|
|
3331
|
-
color: var(--color-green-700);
|
|
3332
|
-
}
|
|
3333
|
-
[data-theme="rui"] .text-green-800 {
|
|
3334
|
-
color: var(--color-green-800);
|
|
3335
|
-
}
|
|
3336
3596
|
[data-theme="rui"] .text-info-muted-accent {
|
|
3337
3597
|
color: var(--color-blue-600);
|
|
3338
3598
|
}
|
|
3339
3599
|
[data-theme="rui"] .text-info-muted-foreground {
|
|
3340
3600
|
color: var(--color-blue-950);
|
|
3341
3601
|
}
|
|
3342
|
-
[data-theme="rui"] .text-lime-300 {
|
|
3343
|
-
color: var(--color-lime-300);
|
|
3344
|
-
}
|
|
3345
|
-
[data-theme="rui"] .text-lime-500 {
|
|
3346
|
-
color: var(--color-lime-500);
|
|
3347
|
-
}
|
|
3348
|
-
[data-theme="rui"] .text-lime-600 {
|
|
3349
|
-
color: var(--color-lime-600);
|
|
3350
|
-
}
|
|
3351
3602
|
[data-theme="rui"] .text-link {
|
|
3352
3603
|
color: var(--color-blue-600);
|
|
3353
3604
|
}
|
|
@@ -3360,9 +3611,6 @@
|
|
|
3360
3611
|
color: color-mix(in oklab, var(--color-stone-500) 80%, transparent);
|
|
3361
3612
|
}
|
|
3362
3613
|
}
|
|
3363
|
-
[data-theme="rui"] .text-orange-700 {
|
|
3364
|
-
color: #c2520c;
|
|
3365
|
-
}
|
|
3366
3614
|
[data-theme="rui"] .text-red-500 {
|
|
3367
3615
|
color: var(--color-red-500);
|
|
3368
3616
|
}
|
|
@@ -3378,9 +3626,6 @@
|
|
|
3378
3626
|
[data-theme="rui"] .text-success-muted-foreground {
|
|
3379
3627
|
color: var(--color-green-950);
|
|
3380
3628
|
}
|
|
3381
|
-
[data-theme="rui"] .text-violet-500 {
|
|
3382
|
-
color: var(--color-violet-500);
|
|
3383
|
-
}
|
|
3384
3629
|
[data-theme="rui"] .text-warning-muted-accent {
|
|
3385
3630
|
color: var(--color-yellow-600);
|
|
3386
3631
|
}
|
|
@@ -3390,12 +3635,6 @@
|
|
|
3390
3635
|
[data-theme="rui"] .text-white {
|
|
3391
3636
|
color: var(--color-white);
|
|
3392
3637
|
}
|
|
3393
|
-
[data-theme="rui"] .text-zinc-600 {
|
|
3394
|
-
color: var(--color-zinc-600);
|
|
3395
|
-
}
|
|
3396
|
-
[data-theme="rui"] .uppercase {
|
|
3397
|
-
text-transform: uppercase;
|
|
3398
|
-
}
|
|
3399
3638
|
[data-theme="rui"] .italic {
|
|
3400
3639
|
font-style: italic;
|
|
3401
3640
|
}
|
|
@@ -3415,9 +3654,6 @@
|
|
|
3415
3654
|
[data-theme="rui"] .opacity-0 {
|
|
3416
3655
|
opacity: 0%;
|
|
3417
3656
|
}
|
|
3418
|
-
[data-theme="rui"] .opacity-5 {
|
|
3419
|
-
opacity: 5%;
|
|
3420
|
-
}
|
|
3421
3657
|
[data-theme="rui"] .opacity-50 {
|
|
3422
3658
|
opacity: 50%;
|
|
3423
3659
|
}
|
|
@@ -3427,18 +3663,28 @@
|
|
|
3427
3663
|
[data-theme="rui"] .opacity-100 {
|
|
3428
3664
|
opacity: 100%;
|
|
3429
3665
|
}
|
|
3430
|
-
[data-theme="rui"] .util-surface-overlay {
|
|
3431
|
-
background: var(--surface-overlay);
|
|
3432
|
-
border: 1px var(--tw-border-style) var(--surface-overlay-border);
|
|
3433
|
-
--tw-shadow: var(--surface-overlay-shadow);
|
|
3434
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3435
|
-
}
|
|
3436
3666
|
[data-theme="rui"] .util-surface-raised {
|
|
3437
3667
|
background: var(--surface-raised);
|
|
3438
3668
|
border: 1px var(--tw-border-style) var(--surface-raised-border);
|
|
3439
3669
|
--tw-shadow: var(--surface-raised-shadow);
|
|
3440
3670
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3441
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
|
+
}
|
|
3442
3688
|
[data-theme="rui"] .shadow-lg {
|
|
3443
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));
|
|
3444
3690
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -3451,6 +3697,17 @@
|
|
|
3451
3697
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
3452
3698
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3453
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
|
+
}
|
|
3454
3711
|
[data-theme="rui"] .ring {
|
|
3455
3712
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3456
3713
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -3463,6 +3720,34 @@
|
|
|
3463
3720
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3464
3721
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3465
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
|
+
}
|
|
3466
3751
|
[data-theme="rui"] .outline-hidden {
|
|
3467
3752
|
--tw-outline-style: none;
|
|
3468
3753
|
outline-style: none;
|
|
@@ -3498,10 +3783,6 @@
|
|
|
3498
3783
|
--tw-blur: blur(8px);
|
|
3499
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,);
|
|
3500
3785
|
}
|
|
3501
|
-
[data-theme="rui"] .blur-xs {
|
|
3502
|
-
--tw-blur: blur(var(--blur-xs));
|
|
3503
|
-
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,);
|
|
3504
|
-
}
|
|
3505
3786
|
[data-theme="rui"] .drop-shadow-lg {
|
|
3506
3787
|
--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
|
|
3507
3788
|
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
|
|
@@ -3515,6 +3796,31 @@
|
|
|
3515
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,);
|
|
3516
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,);
|
|
3517
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
|
+
}
|
|
3518
3824
|
[data-theme="rui"] .transition-\[color\,box-shadow\,transform\] {
|
|
3519
3825
|
transition-property: color,box-shadow,transform;
|
|
3520
3826
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -3550,9 +3856,6 @@
|
|
|
3550
3856
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3551
3857
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3552
3858
|
}
|
|
3553
|
-
[data-theme="rui"] .\[transition-property\:color\,background-color\,border-radius\,box-shadow\] {
|
|
3554
|
-
transition-property: color,background-color,border-radius,box-shadow;
|
|
3555
|
-
}
|
|
3556
3859
|
[data-theme="rui"] .duration-150 {
|
|
3557
3860
|
--tw-duration: 150ms;
|
|
3558
3861
|
transition-duration: 150ms;
|
|
@@ -3607,6 +3910,28 @@
|
|
|
3607
3910
|
-webkit-user-select: none;
|
|
3608
3911
|
user-select: none;
|
|
3609
3912
|
}
|
|
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
|
+
}
|
|
3610
3935
|
[data-theme="rui"] .\[--dialog-spacing-x\:1rem\] {
|
|
3611
3936
|
--dialog-spacing-x: 1rem;
|
|
3612
3937
|
}
|
|
@@ -3619,6 +3944,15 @@
|
|
|
3619
3944
|
[data-theme="rui"] .\[--dialog-width\:768px\] {
|
|
3620
3945
|
--dialog-width: 768px;
|
|
3621
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
|
+
}
|
|
3622
3956
|
[data-theme="rui"] .\[grid-area\:action\] {
|
|
3623
3957
|
grid-area: action;
|
|
3624
3958
|
}
|
|
@@ -3634,18 +3968,36 @@
|
|
|
3634
3968
|
[data-theme="rui"] .\[grid-area\:description\] {
|
|
3635
3969
|
grid-area: description;
|
|
3636
3970
|
}
|
|
3971
|
+
[data-theme="rui"] .\[grid-area\:drag\] {
|
|
3972
|
+
grid-area: drag;
|
|
3973
|
+
}
|
|
3637
3974
|
[data-theme="rui"] .\[grid-area\:icon\] {
|
|
3638
3975
|
grid-area: icon;
|
|
3639
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
|
+
}
|
|
3640
3983
|
[data-theme="rui"] .\[grid-area\:title\] {
|
|
3641
3984
|
grid-area: title;
|
|
3642
3985
|
}
|
|
3986
|
+
[data-theme="rui"] .\[grid-template-areas\:\'drag\'_\'title\'_\'content\'_\'actions\'\] {
|
|
3987
|
+
grid-template-areas: 'drag' 'title' 'content' 'actions';
|
|
3988
|
+
}
|
|
3643
3989
|
[data-theme="rui"] .\[grid-template-areas\:\'icon_title_action_close\'\'icon_description_action_close\'\] {
|
|
3644
3990
|
grid-template-areas: 'icon title action close''icon description action close';
|
|
3645
3991
|
}
|
|
3646
3992
|
[data-theme="rui"] .\[grid-template-areas\:\'icon_title_close\'\'icon_content_content\'\] {
|
|
3647
3993
|
grid-template-areas: 'icon title close''icon content content';
|
|
3648
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
|
+
}
|
|
3649
4001
|
[data-theme="rui"] .\[grid-template-areas\:\'title\'_\'content\'_\'actions\'\] {
|
|
3650
4002
|
grid-template-areas: 'title' 'content' 'actions';
|
|
3651
4003
|
}
|
|
@@ -3679,6 +4031,9 @@
|
|
|
3679
4031
|
[data-theme="rui"] .fade-out {
|
|
3680
4032
|
--tw-exit-opacity: 0;
|
|
3681
4033
|
}
|
|
4034
|
+
[data-theme="rui"] .ui-state-readonly {
|
|
4035
|
+
--ui-background-color: var(--color-muted);
|
|
4036
|
+
}
|
|
3682
4037
|
[data-theme="rui"] .\*\:col-\[1\] {
|
|
3683
4038
|
[data-theme="rui"] :is(& > *) {
|
|
3684
4039
|
grid-column: 1;
|
|
@@ -3705,17 +4060,78 @@
|
|
|
3705
4060
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
3706
4061
|
}
|
|
3707
4062
|
}
|
|
3708
|
-
[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 {
|
|
3709
4076
|
[data-theme="rui"] &:not(*[data-files]) {
|
|
3710
4077
|
justify-content: center;
|
|
3711
4078
|
}
|
|
3712
4079
|
}
|
|
3713
|
-
[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 {
|
|
3714
4086
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3715
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
|
+
}
|
|
3716
4110
|
}
|
|
3717
4111
|
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3718
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
|
+
}
|
|
3719
4135
|
}
|
|
3720
4136
|
}
|
|
3721
4137
|
[data-theme="rui"] .group-invalid\/field\:fill-destructive {
|
|
@@ -3734,70 +4150,100 @@
|
|
|
3734
4150
|
color: var(--color-red-600);
|
|
3735
4151
|
}
|
|
3736
4152
|
}
|
|
3737
|
-
[data-theme="rui"] .group-read-only\/field\:
|
|
4153
|
+
[data-theme="rui"] .group-read-only\/field\:cursor-default {
|
|
3738
4154
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-readonly] *) {
|
|
3739
|
-
|
|
4155
|
+
cursor: default;
|
|
3740
4156
|
}
|
|
3741
4157
|
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):read-only *) {
|
|
3742
|
-
|
|
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);
|
|
3743
4175
|
}
|
|
3744
4176
|
}
|
|
3745
|
-
[data-theme="rui"] .group-focus-visible\/checkbox\:
|
|
4177
|
+
[data-theme="rui"] .group-focus-visible\/checkbox\:ui-state-focus {
|
|
3746
4178
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
|
|
3747
|
-
|
|
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);
|
|
3748
4181
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3749
4182
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3750
4183
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3751
4184
|
}
|
|
3752
|
-
--tw-
|
|
3753
|
-
|
|
4185
|
+
--tw-outline-style: none;
|
|
4186
|
+
outline-style: none;
|
|
4187
|
+
--ui-border-color: var(--color-ring);
|
|
3754
4188
|
}
|
|
3755
4189
|
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):focus-visible *) {
|
|
3756
|
-
|
|
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);
|
|
3757
4192
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3758
4193
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3759
4194
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3760
4195
|
}
|
|
3761
|
-
--tw-
|
|
3762
|
-
|
|
4196
|
+
--tw-outline-style: none;
|
|
4197
|
+
outline-style: none;
|
|
4198
|
+
--ui-border-color: var(--color-ring);
|
|
3763
4199
|
}
|
|
3764
4200
|
}
|
|
3765
|
-
[data-theme="rui"] .group-focus-visible\/radio\:
|
|
4201
|
+
[data-theme="rui"] .group-focus-visible\/radio\:ui-state-focus {
|
|
3766
4202
|
[data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-focus-visible] *) {
|
|
3767
|
-
|
|
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);
|
|
3768
4205
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3769
4206
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3770
4207
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3771
4208
|
}
|
|
3772
|
-
--tw-
|
|
3773
|
-
|
|
4209
|
+
--tw-outline-style: none;
|
|
4210
|
+
outline-style: none;
|
|
4211
|
+
--ui-border-color: var(--color-ring);
|
|
3774
4212
|
}
|
|
3775
4213
|
[data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):focus-visible *) {
|
|
3776
|
-
|
|
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);
|
|
3777
4216
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3778
4217
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3779
4218
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3780
4219
|
}
|
|
3781
|
-
--tw-
|
|
3782
|
-
|
|
4220
|
+
--tw-outline-style: none;
|
|
4221
|
+
outline-style: none;
|
|
4222
|
+
--ui-border-color: var(--color-ring);
|
|
3783
4223
|
}
|
|
3784
4224
|
}
|
|
3785
|
-
[data-theme="rui"] .group-focus-visible\/switch\:
|
|
4225
|
+
[data-theme="rui"] .group-focus-visible\/switch\:ui-state-focus {
|
|
3786
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);
|
|
3787
4229
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3788
4230
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3789
4231
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3790
4232
|
}
|
|
3791
|
-
--tw-
|
|
3792
|
-
|
|
4233
|
+
--tw-outline-style: none;
|
|
4234
|
+
outline-style: none;
|
|
4235
|
+
--ui-border-color: var(--color-ring);
|
|
3793
4236
|
}
|
|
3794
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);
|
|
3795
4240
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
3796
4241
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3797
4242
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
3798
4243
|
}
|
|
3799
|
-
--tw-
|
|
3800
|
-
|
|
4244
|
+
--tw-outline-style: none;
|
|
4245
|
+
outline-style: none;
|
|
4246
|
+
--ui-border-color: var(--color-ring);
|
|
3801
4247
|
}
|
|
3802
4248
|
}
|
|
3803
4249
|
[data-theme="rui"] .group-disabled\/checkbox\:cursor-not-allowed {
|
|
@@ -3824,6 +4270,18 @@
|
|
|
3824
4270
|
color: var(--color-stone-400);
|
|
3825
4271
|
}
|
|
3826
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
|
+
}
|
|
3827
4285
|
[data-theme="rui"] .group-disabled\/field\:cursor-not-allowed {
|
|
3828
4286
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
3829
4287
|
cursor: not-allowed;
|
|
@@ -3885,6 +4343,77 @@
|
|
|
3885
4343
|
display: none;
|
|
3886
4344
|
}
|
|
3887
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
|
+
}
|
|
3888
4417
|
[data-theme="rui"] .group-data-\[action\]\/input\:pr-8 {
|
|
3889
4418
|
[data-theme="rui"] &:is(:where(.group\/input)[data-action] *) {
|
|
3890
4419
|
padding-right: calc(var(--spacing) * 8);
|
|
@@ -3991,25 +4520,26 @@
|
|
|
3991
4520
|
font-weight: var(--font-weight-normal);
|
|
3992
4521
|
}
|
|
3993
4522
|
}
|
|
3994
|
-
[data-theme="rui"] .group-\[\[
|
|
3995
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
3996
|
-
|
|
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;
|
|
3997
4526
|
}
|
|
3998
4527
|
}
|
|
3999
|
-
[data-theme="rui"] .group-\[\[
|
|
4000
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
4001
|
-
|
|
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;
|
|
4002
4532
|
}
|
|
4003
4533
|
}
|
|
4004
|
-
[data-theme="rui"] .group-\[\[
|
|
4005
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
4006
|
-
|
|
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);
|
|
4007
4537
|
}
|
|
4008
4538
|
}
|
|
4009
|
-
[data-theme="rui"] .group-\[\[
|
|
4010
|
-
[data-theme="rui"] &:is(:where(.group\/
|
|
4011
|
-
|
|
4012
|
-
|
|
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);
|
|
4013
4543
|
}
|
|
4014
4544
|
}
|
|
4015
4545
|
[data-theme="rui"] .group-\[indeterminate\]\/checkbox\:border-brand {
|
|
@@ -4128,6 +4658,37 @@
|
|
|
4128
4658
|
color: var(--color-stone-500);
|
|
4129
4659
|
}
|
|
4130
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
|
+
}
|
|
4131
4692
|
[data-theme="rui"] .after\:absolute {
|
|
4132
4693
|
[data-theme="rui"] &::after {
|
|
4133
4694
|
content: var(--tw-content);
|
|
@@ -4140,6 +4701,12 @@
|
|
|
4140
4701
|
inset-inline: calc(var(--spacing) * 0);
|
|
4141
4702
|
}
|
|
4142
4703
|
}
|
|
4704
|
+
[data-theme="rui"] .after\:top-full {
|
|
4705
|
+
[data-theme="rui"] &::after {
|
|
4706
|
+
content: var(--tw-content);
|
|
4707
|
+
top: 100%;
|
|
4708
|
+
}
|
|
4709
|
+
}
|
|
4143
4710
|
[data-theme="rui"] .after\:bottom-0 {
|
|
4144
4711
|
[data-theme="rui"] &::after {
|
|
4145
4712
|
content: var(--tw-content);
|
|
@@ -4158,6 +4725,24 @@
|
|
|
4158
4725
|
height: calc(var(--spacing) * 0.5);
|
|
4159
4726
|
}
|
|
4160
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
|
+
}
|
|
4161
4746
|
[data-theme="rui"] .group-required\/field\:after\:-ml-1 {
|
|
4162
4747
|
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
|
|
4163
4748
|
[data-theme="rui"] &::after {
|
|
@@ -4200,90 +4785,56 @@
|
|
|
4200
4785
|
}
|
|
4201
4786
|
}
|
|
4202
4787
|
}
|
|
4203
|
-
[data-theme="rui"] .last\:border-b {
|
|
4204
|
-
[data-theme="rui"] &:last-child {
|
|
4205
|
-
border-bottom-style: var(--tw-border-style);
|
|
4206
|
-
border-bottom-width: 1px;
|
|
4207
|
-
}
|
|
4208
|
-
}
|
|
4209
4788
|
[data-theme="rui"] .last\:border-b-0 {
|
|
4210
4789
|
[data-theme="rui"] &:last-child {
|
|
4211
4790
|
border-bottom-style: var(--tw-border-style);
|
|
4212
4791
|
border-bottom-width: 0px;
|
|
4213
4792
|
}
|
|
4214
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
|
+
}
|
|
4215
4800
|
[data-theme="rui"] .first-of-type\:border-r\! {
|
|
4216
4801
|
[data-theme="rui"] &:first-of-type {
|
|
4217
4802
|
border-right-style: var(--tw-border-style) !important;
|
|
4218
4803
|
border-right-width: 1px !important;
|
|
4219
4804
|
}
|
|
4220
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
|
+
}
|
|
4221
4812
|
[data-theme="rui"] .last-of-type\:border-l\! {
|
|
4222
4813
|
[data-theme="rui"] &:last-of-type {
|
|
4223
4814
|
border-left-style: var(--tw-border-style) !important;
|
|
4224
4815
|
border-left-width: 1px !important;
|
|
4225
4816
|
}
|
|
4226
4817
|
}
|
|
4227
|
-
[data-theme="rui"] .
|
|
4228
|
-
[data-theme="rui"] &:checked {
|
|
4229
|
-
color: var(--color-blue-700);
|
|
4230
|
-
}
|
|
4231
|
-
}
|
|
4232
|
-
[data-theme="rui"] .invalid\:text-destructive {
|
|
4233
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4234
|
-
color: var(--color-red-600);
|
|
4235
|
-
}
|
|
4236
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4237
|
-
color: var(--color-red-600);
|
|
4238
|
-
}
|
|
4239
|
-
}
|
|
4240
|
-
[data-theme="rui"] .invalid\:placeholder\:text-destructive {
|
|
4241
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4242
|
-
[data-theme="rui"] &::placeholder {
|
|
4243
|
-
color: var(--color-red-600);
|
|
4244
|
-
}
|
|
4245
|
-
}
|
|
4246
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4247
|
-
[data-theme="rui"] &::placeholder {
|
|
4248
|
-
color: var(--color-red-600);
|
|
4249
|
-
}
|
|
4250
|
-
}
|
|
4251
|
-
}
|
|
4252
|
-
[data-theme="rui"] .read-only\:cursor-default {
|
|
4253
|
-
[data-theme="rui"] &:where([data-rac])[data-readonly] {
|
|
4254
|
-
cursor: default;
|
|
4255
|
-
}
|
|
4256
|
-
[data-theme="rui"] &:where(:not([data-rac])):read-only {
|
|
4257
|
-
cursor: default;
|
|
4258
|
-
}
|
|
4259
|
-
}
|
|
4260
|
-
[data-theme="rui"] .invalid\:focus-within\:border-destructive {
|
|
4818
|
+
[data-theme="rui"] .invalid\:ui-state-error {
|
|
4261
4819
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4262
|
-
|
|
4263
|
-
|
|
4264
|
-
|
|
4265
|
-
|
|
4266
|
-
border-color: var(--color-red-600);
|
|
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);
|
|
4267
4824
|
}
|
|
4268
|
-
|
|
4269
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4270
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4825
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4271
4826
|
border-color: var(--color-red-600);
|
|
4272
4827
|
}
|
|
4273
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4828
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4274
4829
|
border-color: var(--color-red-600);
|
|
4275
4830
|
}
|
|
4276
|
-
|
|
4277
|
-
}
|
|
4278
|
-
[data-theme="rui"] .invalid\:focus-within\:ring-destructive\/20 {
|
|
4279
|
-
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4280
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4831
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4281
4832
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4282
4833
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4283
4834
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4284
4835
|
}
|
|
4285
4836
|
}
|
|
4286
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4837
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4287
4838
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4288
4839
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4289
4840
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
@@ -4291,13 +4842,24 @@
|
|
|
4291
4842
|
}
|
|
4292
4843
|
}
|
|
4293
4844
|
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
4294
|
-
|
|
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] {
|
|
4295
4857
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4296
4858
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4297
4859
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4298
4860
|
}
|
|
4299
4861
|
}
|
|
4300
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4862
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4301
4863
|
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4302
4864
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4303
4865
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
@@ -4305,6 +4867,42 @@
|
|
|
4305
4867
|
}
|
|
4306
4868
|
}
|
|
4307
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
|
+
}
|
|
4308
4906
|
[data-theme="rui"] .hover\:bg-brand\/90 {
|
|
4309
4907
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4310
4908
|
background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 90%, transparent);
|
|
@@ -4403,24 +5001,14 @@
|
|
|
4403
5001
|
}
|
|
4404
5002
|
}
|
|
4405
5003
|
}
|
|
4406
|
-
[data-theme="rui"] .
|
|
4407
|
-
[data-theme="rui"] &:where([data-rac])[data-
|
|
4408
|
-
|
|
4409
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4410
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4411
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4412
|
-
}
|
|
4413
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4414
|
-
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);
|
|
4415
5007
|
}
|
|
4416
|
-
|
|
4417
|
-
|
|
4418
|
-
|
|
4419
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4420
|
-
--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);
|
|
4421
5011
|
}
|
|
4422
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4423
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4424
5012
|
}
|
|
4425
5013
|
}
|
|
4426
5014
|
[data-theme="rui"] .focus\:bg-destructive\/10 {
|
|
@@ -4445,130 +5033,74 @@
|
|
|
4445
5033
|
background-color: var(--color-stone-100);
|
|
4446
5034
|
}
|
|
4447
5035
|
}
|
|
4448
|
-
[data-theme="rui"] .
|
|
4449
|
-
[data-theme="rui"] &:
|
|
4450
|
-
|
|
4451
|
-
|
|
4452
|
-
}
|
|
4453
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4454
|
-
border-color: var(--color-red-600);
|
|
4455
|
-
}
|
|
4456
|
-
}
|
|
4457
|
-
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
4458
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4459
|
-
border-color: var(--color-red-600);
|
|
4460
|
-
}
|
|
4461
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4462
|
-
border-color: var(--color-red-600);
|
|
4463
|
-
}
|
|
4464
|
-
}
|
|
4465
|
-
}
|
|
4466
|
-
[data-theme="rui"] .group-invalid\/field\:focus\:ring-destructive\/20 {
|
|
4467
|
-
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
4468
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4469
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4470
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4471
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4472
|
-
}
|
|
4473
|
-
}
|
|
4474
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4475
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4476
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4477
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4478
|
-
}
|
|
4479
|
-
}
|
|
4480
|
-
}
|
|
4481
|
-
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
4482
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
4483
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4484
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4485
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4486
|
-
}
|
|
4487
|
-
}
|
|
4488
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
4489
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4490
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4491
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4492
|
-
}
|
|
4493
|
-
}
|
|
4494
|
-
}
|
|
4495
|
-
}
|
|
4496
|
-
[data-theme="rui"] .focus-visible\:z-1 {
|
|
4497
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4498
|
-
z-index: 1;
|
|
4499
|
-
}
|
|
4500
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4501
|
-
z-index: 1;
|
|
4502
|
-
}
|
|
4503
|
-
}
|
|
4504
|
-
[data-theme="rui"] .focus-visible\:util-focus-ring {
|
|
4505
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4506
|
-
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);
|
|
4507
5040
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4508
5041
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4509
5042
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4510
5043
|
}
|
|
4511
|
-
--tw-
|
|
4512
|
-
|
|
5044
|
+
--tw-outline-style: none;
|
|
5045
|
+
outline-style: none;
|
|
5046
|
+
--ui-border-color: var(--color-ring);
|
|
4513
5047
|
}
|
|
4514
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus
|
|
4515
|
-
|
|
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);
|
|
4516
5051
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4517
5052
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4518
5053
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4519
5054
|
}
|
|
4520
|
-
--tw-
|
|
4521
|
-
|
|
5055
|
+
--tw-outline-style: none;
|
|
5056
|
+
outline-style: none;
|
|
5057
|
+
--ui-border-color: var(--color-ring);
|
|
4522
5058
|
}
|
|
4523
5059
|
}
|
|
4524
|
-
[data-theme="rui"] .focus-visible\:
|
|
5060
|
+
[data-theme="rui"] .focus-visible\:z-1 {
|
|
4525
5061
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4526
|
-
|
|
5062
|
+
z-index: 1;
|
|
4527
5063
|
}
|
|
4528
5064
|
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4529
|
-
|
|
5065
|
+
z-index: 1;
|
|
4530
5066
|
}
|
|
4531
5067
|
}
|
|
4532
|
-
[data-theme="rui"] .focus-visible\:
|
|
5068
|
+
[data-theme="rui"] .focus-visible\:bg-focus\/50 {
|
|
4533
5069
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4534
|
-
|
|
5070
|
+
background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 50%, transparent);
|
|
4535
5071
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4536
|
-
|
|
5072
|
+
background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
|
|
4537
5073
|
}
|
|
4538
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4539
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4540
5074
|
}
|
|
4541
5075
|
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4542
|
-
|
|
5076
|
+
background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 50%, transparent);
|
|
4543
5077
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4544
|
-
|
|
5078
|
+
background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
|
|
4545
5079
|
}
|
|
4546
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4547
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4548
5080
|
}
|
|
4549
5081
|
}
|
|
4550
|
-
[data-theme="rui"] .focus-visible\:
|
|
5082
|
+
[data-theme="rui"] .focus-visible\:ui-state-focus {
|
|
4551
5083
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4552
5084
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4553
5085
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4554
|
-
}
|
|
4555
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4556
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
4557
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4558
|
-
}
|
|
4559
|
-
}
|
|
4560
|
-
[data-theme="rui"] .focus-visible\:ring-ring\/50 {
|
|
4561
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4562
5086
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4563
5087
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4564
5088
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4565
5089
|
}
|
|
5090
|
+
--tw-outline-style: none;
|
|
5091
|
+
outline-style: none;
|
|
5092
|
+
--ui-border-color: var(--color-ring);
|
|
4566
5093
|
}
|
|
4567
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);
|
|
4568
5097
|
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4569
5098
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4570
5099
|
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4571
5100
|
}
|
|
5101
|
+
--tw-outline-style: none;
|
|
5102
|
+
outline-style: none;
|
|
5103
|
+
--ui-border-color: var(--color-ring);
|
|
4572
5104
|
}
|
|
4573
5105
|
}
|
|
4574
5106
|
[data-theme="rui"] .focus-visible\:outline-2 {
|
|
@@ -4581,12 +5113,34 @@
|
|
|
4581
5113
|
outline-width: 2px;
|
|
4582
5114
|
}
|
|
4583
5115
|
}
|
|
4584
|
-
[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\] {
|
|
4585
5139
|
[data-theme="rui"] &:where([data-rac])[data-active] {
|
|
4586
|
-
scale: 0.
|
|
5140
|
+
scale: 0.97;
|
|
4587
5141
|
}
|
|
4588
5142
|
[data-theme="rui"] &:where(:not([data-rac])):active {
|
|
4589
|
-
scale: 0.
|
|
5143
|
+
scale: 0.97;
|
|
4590
5144
|
}
|
|
4591
5145
|
}
|
|
4592
5146
|
[data-theme="rui"] .disabled\:pointer-events-none {
|
|
@@ -4597,24 +5151,16 @@
|
|
|
4597
5151
|
pointer-events: none;
|
|
4598
5152
|
}
|
|
4599
5153
|
}
|
|
4600
|
-
[data-theme="rui"] .disabled\:
|
|
5154
|
+
[data-theme="rui"] .disabled\:ui-state-disabled {
|
|
4601
5155
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4602
|
-
background-color: var(--color-disabled);
|
|
4603
|
-
color: var(--color-disabled-foreground);
|
|
4604
5156
|
cursor: not-allowed;
|
|
4605
|
-
--
|
|
4606
|
-
|
|
4607
|
-
--tw-shadow: 0 0 #0000;
|
|
4608
|
-
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);
|
|
4609
5159
|
}
|
|
4610
5160
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4611
|
-
background-color: var(--color-disabled);
|
|
4612
|
-
color: var(--color-disabled-foreground);
|
|
4613
5161
|
cursor: not-allowed;
|
|
4614
|
-
--
|
|
4615
|
-
|
|
4616
|
-
--tw-shadow: 0 0 #0000;
|
|
4617
|
-
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);
|
|
4618
5164
|
}
|
|
4619
5165
|
}
|
|
4620
5166
|
[data-theme="rui"] .disabled\:cursor-not-allowed {
|
|
@@ -4625,6 +5171,16 @@
|
|
|
4625
5171
|
cursor: not-allowed;
|
|
4626
5172
|
}
|
|
4627
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
|
+
}
|
|
4628
5184
|
[data-theme="rui"] .disabled\:bg-disabled {
|
|
4629
5185
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4630
5186
|
background-color: var(--color-stone-200);
|
|
@@ -4649,12 +5205,12 @@
|
|
|
4649
5205
|
color: var(--color-stone-400);
|
|
4650
5206
|
}
|
|
4651
5207
|
}
|
|
4652
|
-
[data-theme="rui"] .disabled\:text-gray-
|
|
5208
|
+
[data-theme="rui"] .disabled\:text-gray-50 {
|
|
4653
5209
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4654
|
-
color: var(--color-gray-
|
|
5210
|
+
color: var(--color-gray-50);
|
|
4655
5211
|
}
|
|
4656
5212
|
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4657
|
-
color: var(--color-gray-
|
|
5213
|
+
color: var(--color-gray-50);
|
|
4658
5214
|
}
|
|
4659
5215
|
}
|
|
4660
5216
|
[data-theme="rui"] .disabled\:opacity-30 {
|
|
@@ -4673,99 +5229,343 @@
|
|
|
4673
5229
|
opacity: 50%;
|
|
4674
5230
|
}
|
|
4675
5231
|
}
|
|
4676
|
-
[data-theme="rui"] .
|
|
4677
|
-
[data-theme="rui"]
|
|
4678
|
-
|
|
4679
|
-
border-top-width: 0px;
|
|
4680
|
-
}
|
|
4681
|
-
}
|
|
4682
|
-
[data-theme="rui"] .has-focus-visible\:util-focus-ring {
|
|
4683
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
4684
|
-
border-color: var(--color-stone-400);
|
|
4685
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4686
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4687
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4688
|
-
}
|
|
4689
|
-
--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;
|
|
4690
5235
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4691
5236
|
}
|
|
4692
|
-
[data-theme="rui"] &:
|
|
4693
|
-
|
|
4694
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4695
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4696
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4697
|
-
}
|
|
4698
|
-
--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;
|
|
4699
5239
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4700
5240
|
}
|
|
4701
5241
|
}
|
|
4702
|
-
[data-theme="rui"] .
|
|
4703
|
-
[data-theme="rui"] &:
|
|
4704
|
-
|
|
4705
|
-
}
|
|
4706
|
-
}
|
|
4707
|
-
[data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_minmax\(0\,max-content\)_1fr\] {
|
|
4708
|
-
[data-theme="rui"] &:has(*:is([data-breakout])) {
|
|
4709
|
-
grid-template-columns: 1fr minmax(0,max-content) 1fr;
|
|
4710
|
-
}
|
|
4711
|
-
}
|
|
4712
|
-
[data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[minmax\(0\,max-content\)_1fr_1fr\] {
|
|
4713
|
-
[data-theme="rui"] &:has(*:is([data-breakout])) {
|
|
4714
|
-
grid-template-columns: minmax(0,max-content) 1fr 1fr;
|
|
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);
|
|
4715
5245
|
}
|
|
4716
|
-
|
|
4717
|
-
|
|
4718
|
-
[data-theme="rui"] &:has(*:is(input:focus)) {
|
|
4719
|
-
border-color: var(--color-stone-400);
|
|
5246
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
5247
|
+
--ui-background-color: var(--color-disabled);
|
|
4720
5248
|
}
|
|
4721
5249
|
}
|
|
4722
|
-
[data-theme="rui"] .
|
|
4723
|
-
[data-theme="rui"]
|
|
4724
|
-
|
|
4725
|
-
|
|
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;
|
|
4726
5254
|
}
|
|
4727
5255
|
}
|
|
4728
|
-
[data-theme="rui"] .
|
|
4729
|
-
[data-theme="rui"]
|
|
4730
|
-
|
|
4731
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4732
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4733
|
-
}
|
|
5256
|
+
[data-theme="rui"] .in-\[\.group\]\:rounded-none {
|
|
5257
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5258
|
+
border-radius: 0;
|
|
4734
5259
|
}
|
|
4735
5260
|
}
|
|
4736
|
-
[data-theme="rui"] .
|
|
4737
|
-
[data-theme="rui"]
|
|
4738
|
-
|
|
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;
|
|
4739
5265
|
}
|
|
4740
5266
|
}
|
|
4741
|
-
[data-theme="rui"] .
|
|
4742
|
-
[data-theme="rui"]
|
|
4743
|
-
border-
|
|
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;
|
|
4744
5271
|
}
|
|
4745
5272
|
}
|
|
4746
|
-
[data-theme="rui"] .
|
|
4747
|
-
[data-theme="rui"]
|
|
4748
|
-
--tw-
|
|
5273
|
+
[data-theme="rui"] .in-\[\.group\]\:shadow-none {
|
|
5274
|
+
[data-theme="rui"] :where(*:is(.group)) & {
|
|
5275
|
+
--tw-shadow: 0 0 #0000;
|
|
4749
5276
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4750
5277
|
}
|
|
4751
5278
|
}
|
|
4752
|
-
[data-theme="rui"] .
|
|
4753
|
-
[data-theme="rui"]
|
|
4754
|
-
|
|
4755
|
-
|
|
4756
|
-
|
|
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);
|
|
4757
5284
|
}
|
|
4758
5285
|
}
|
|
4759
5286
|
}
|
|
4760
|
-
[data-theme="rui"] .
|
|
4761
|
-
[data-theme="rui"]
|
|
4762
|
-
|
|
4763
|
-
|
|
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
|
+
}
|
|
4764
5293
|
}
|
|
4765
5294
|
}
|
|
4766
|
-
[data-theme="rui"] .
|
|
4767
|
-
[data-theme="rui"]
|
|
4768
|
-
|
|
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
|
+
}
|
|
5301
|
+
}
|
|
5302
|
+
}
|
|
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);
|
|
5549
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5550
|
+
}
|
|
5551
|
+
}
|
|
5552
|
+
[data-theme="rui"] .has-\[input\[data-focused\=true\]\]\:\!ring-ring\/50 {
|
|
5553
|
+
[data-theme="rui"] &:has(*:is(input[data-focused=true])) {
|
|
5554
|
+
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent) !important;
|
|
5555
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5556
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent) !important;
|
|
5557
|
+
}
|
|
5558
|
+
}
|
|
5559
|
+
}
|
|
5560
|
+
[data-theme="rui"] .has-\[input\[data-focused\=true\]\]\:\!outline-none {
|
|
5561
|
+
[data-theme="rui"] &:has(*:is(input[data-focused=true])) {
|
|
5562
|
+
--tw-outline-style: none !important;
|
|
5563
|
+
outline-style: none !important;
|
|
5564
|
+
}
|
|
5565
|
+
}
|
|
5566
|
+
[data-theme="rui"] .has-\[input\[data-invalid\=true\]\]\:border-destructive {
|
|
5567
|
+
[data-theme="rui"] &:has(*:is(input[data-invalid=true])) {
|
|
5568
|
+
border-color: var(--color-red-600);
|
|
4769
5569
|
}
|
|
4770
5570
|
}
|
|
4771
5571
|
[data-theme="rui"] .has-\[input\[data-invalid\=true\]\[data-focused\=true\]\]\:\!border-destructive {
|
|
@@ -4781,6 +5581,11 @@
|
|
|
4781
5581
|
}
|
|
4782
5582
|
}
|
|
4783
5583
|
}
|
|
5584
|
+
[data-theme="rui"] .has-\[svg\]\:gap-1 {
|
|
5585
|
+
[data-theme="rui"] &:has(*:is(svg)) {
|
|
5586
|
+
gap: calc(var(--spacing) * 1);
|
|
5587
|
+
}
|
|
5588
|
+
}
|
|
4784
5589
|
[data-theme="rui"] .has-\[\+_\[aria-hidden\=true\]\]\:mb-0 {
|
|
4785
5590
|
[data-theme="rui"] &:has(+ [aria-hidden=true]) {
|
|
4786
5591
|
margin-bottom: calc(var(--spacing) * 0);
|
|
@@ -4840,6 +5645,11 @@
|
|
|
4840
5645
|
background-color: var(--color-stone-950);
|
|
4841
5646
|
}
|
|
4842
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
|
+
}
|
|
4843
5653
|
[data-theme="rui"] .aria-selected\:text-brand-foreground {
|
|
4844
5654
|
[data-theme="rui"] &[aria-selected="true"] {
|
|
4845
5655
|
color: var(--color-stone-50);
|
|
@@ -4874,45 +5684,20 @@
|
|
|
4874
5684
|
cursor: not-allowed;
|
|
4875
5685
|
}
|
|
4876
5686
|
}
|
|
4877
|
-
[data-theme="rui"] .aria-\[
|
|
4878
|
-
[data-theme="rui"] &[aria-
|
|
4879
|
-
|
|
4880
|
-
|
|
4881
|
-
|
|
4882
|
-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
}
|
|
4887
|
-
[data-theme="rui"] .data-disabled\:bg-disabled {
|
|
4888
|
-
[data-theme="rui"] &[data-disabled] {
|
|
4889
|
-
background-color: var(--color-stone-200);
|
|
4890
|
-
}
|
|
4891
|
-
}
|
|
4892
|
-
[data-theme="rui"] .data-disabled\:text-disabled-foreground {
|
|
4893
|
-
[data-theme="rui"] &[data-disabled] {
|
|
4894
|
-
color: var(--color-stone-400);
|
|
4895
|
-
}
|
|
4896
|
-
}
|
|
4897
|
-
[data-theme="rui"] .data-focus-visible\:z-10 {
|
|
4898
|
-
[data-theme="rui"] &[data-focus-visible] {
|
|
4899
|
-
z-index: 10;
|
|
4900
|
-
}
|
|
4901
|
-
}
|
|
4902
|
-
[data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
|
|
4903
|
-
[data-theme="rui"] :is(& > *) {
|
|
4904
|
-
[data-theme="rui"] &[data-placeholder] {
|
|
4905
|
-
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
|
+
}
|
|
4906
5696
|
}
|
|
4907
5697
|
}
|
|
4908
5698
|
}
|
|
4909
|
-
[data-theme="rui"] .
|
|
4910
|
-
[data-theme="rui"] &[
|
|
4911
|
-
color: var(--color-stone-950);
|
|
4912
|
-
}
|
|
4913
|
-
}
|
|
4914
|
-
[data-theme="rui"] .data-selected\:hover\:bg-hover {
|
|
4915
|
-
[data-theme="rui"] &[data-selected] {
|
|
5699
|
+
[data-theme="rui"] .aria-\[sort\]\:hover\:bg-muted {
|
|
5700
|
+
[data-theme="rui"] &[aria-sort] {
|
|
4916
5701
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4917
5702
|
background-color: var(--color-stone-100);
|
|
4918
5703
|
}
|
|
@@ -4923,70 +5708,57 @@
|
|
|
4923
5708
|
}
|
|
4924
5709
|
}
|
|
4925
5710
|
}
|
|
4926
|
-
[data-theme="rui"] .
|
|
4927
|
-
[data-theme="rui"] &[
|
|
4928
|
-
|
|
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
|
+
}
|
|
4929
5721
|
}
|
|
4930
5722
|
}
|
|
4931
|
-
[data-theme="rui"]
|
|
4932
|
-
[data-theme="rui"] &
|
|
4933
|
-
|
|
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
|
+
}
|
|
4934
5729
|
}
|
|
4935
5730
|
}
|
|
4936
|
-
[data-theme="rui"] .data
|
|
4937
|
-
[data-theme="rui"] &[data-
|
|
4938
|
-
|
|
5731
|
+
[data-theme="rui"] .data-disabled\:cursor-not-allowed {
|
|
5732
|
+
[data-theme="rui"] &[data-disabled] {
|
|
5733
|
+
cursor: not-allowed;
|
|
4939
5734
|
}
|
|
4940
5735
|
}
|
|
4941
|
-
[data-theme="rui"] .data
|
|
4942
|
-
[data-theme="rui"] &[data-
|
|
4943
|
-
|
|
4944
|
-
--tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
|
|
4945
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4946
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4947
|
-
}
|
|
4948
|
-
--tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, currentcolor);
|
|
4949
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5736
|
+
[data-theme="rui"] .data-disabled\:bg-disabled {
|
|
5737
|
+
[data-theme="rui"] &[data-disabled] {
|
|
5738
|
+
background-color: var(--color-stone-200);
|
|
4950
5739
|
}
|
|
4951
5740
|
}
|
|
4952
|
-
[data-theme="rui"] .data-
|
|
4953
|
-
[data-theme="rui"] &[data-
|
|
4954
|
-
|
|
4955
|
-
border-color: var(--color-red-600);
|
|
4956
|
-
}
|
|
5741
|
+
[data-theme="rui"] .data-disabled\:text-disabled-foreground {
|
|
5742
|
+
[data-theme="rui"] &[data-disabled] {
|
|
5743
|
+
color: var(--color-stone-400);
|
|
4957
5744
|
}
|
|
4958
5745
|
}
|
|
4959
|
-
[data-theme="rui"] .data-
|
|
4960
|
-
[data-theme="rui"] &[data-
|
|
4961
|
-
|
|
4962
|
-
--tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
|
|
4963
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4964
|
-
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
4965
|
-
}
|
|
4966
|
-
}
|
|
5746
|
+
[data-theme="rui"] .data-focus-visible\:z-10 {
|
|
5747
|
+
[data-theme="rui"] &[data-focus-visible] {
|
|
5748
|
+
z-index: 10;
|
|
4967
5749
|
}
|
|
4968
5750
|
}
|
|
4969
|
-
[data-theme="rui"] .data
|
|
5751
|
+
[data-theme="rui"] .data-focused\:bg-focus {
|
|
4970
5752
|
[data-theme="rui"] &[data-focused] {
|
|
4971
5753
|
background-color: var(--color-stone-100);
|
|
4972
5754
|
}
|
|
4973
5755
|
}
|
|
4974
|
-
[data-theme="rui"] .data
|
|
5756
|
+
[data-theme="rui"] .data-focused\:text-foreground {
|
|
4975
5757
|
[data-theme="rui"] &[data-focused] {
|
|
4976
5758
|
color: var(--color-stone-950);
|
|
4977
5759
|
}
|
|
4978
5760
|
}
|
|
4979
|
-
[data-theme="rui"] .data
|
|
4980
|
-
[data-theme="rui"] &[data-focused] {
|
|
4981
|
-
--tw-outline-style: none;
|
|
4982
|
-
outline-style: none;
|
|
4983
|
-
@media (forced-colors: active) {
|
|
4984
|
-
outline: 2px solid transparent;
|
|
4985
|
-
outline-offset: 2px;
|
|
4986
|
-
}
|
|
4987
|
-
}
|
|
4988
|
-
}
|
|
4989
|
-
[data-theme="rui"] .invalid\:data-\[focused\]\:bg-destructive {
|
|
5761
|
+
[data-theme="rui"] .invalid\:data-focused\:bg-destructive {
|
|
4990
5762
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4991
5763
|
[data-theme="rui"] &[data-focused] {
|
|
4992
5764
|
background-color: var(--color-red-600);
|
|
@@ -4998,7 +5770,7 @@
|
|
|
4998
5770
|
}
|
|
4999
5771
|
}
|
|
5000
5772
|
}
|
|
5001
|
-
[data-theme="rui"] .invalid\:data
|
|
5773
|
+
[data-theme="rui"] .invalid\:data-focused\:text-destructive-foreground {
|
|
5002
5774
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
5003
5775
|
[data-theme="rui"] &[data-focused] {
|
|
5004
5776
|
color: var(--color-white);
|
|
@@ -5010,57 +5782,39 @@
|
|
|
5010
5782
|
}
|
|
5011
5783
|
}
|
|
5012
5784
|
}
|
|
5013
|
-
[data-theme="rui"] .data
|
|
5785
|
+
[data-theme="rui"] .data-hovered\:bg-hover {
|
|
5014
5786
|
[data-theme="rui"] &[data-hovered] {
|
|
5015
5787
|
background-color: var(--color-stone-100);
|
|
5016
5788
|
}
|
|
5017
5789
|
}
|
|
5018
|
-
[data-theme="rui"] .data
|
|
5790
|
+
[data-theme="rui"] .data-hovered\:text-foreground {
|
|
5019
5791
|
[data-theme="rui"] &[data-hovered] {
|
|
5020
5792
|
color: var(--color-stone-950);
|
|
5021
5793
|
}
|
|
5022
5794
|
}
|
|
5023
|
-
[data-theme="rui"] .data
|
|
5795
|
+
[data-theme="rui"] .data-large\:max-w-md {
|
|
5024
5796
|
[data-theme="rui"] &[data-large] {
|
|
5025
5797
|
max-width: var(--container-md);
|
|
5026
5798
|
}
|
|
5027
5799
|
}
|
|
5028
|
-
[data-theme="rui"] .data
|
|
5800
|
+
[data-theme="rui"] .data-medium\:max-w-xs {
|
|
5029
5801
|
[data-theme="rui"] &[data-medium] {
|
|
5030
5802
|
max-width: var(--container-xs);
|
|
5031
5803
|
}
|
|
5032
5804
|
}
|
|
5033
|
-
[data-theme="rui"] .data
|
|
5034
|
-
[data-theme="rui"] &[data-orientation="horizontal"] {
|
|
5035
|
-
height: 100%;
|
|
5036
|
-
}
|
|
5037
|
-
}
|
|
5038
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:h-full {
|
|
5039
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
5040
|
-
height: 100%;
|
|
5041
|
-
}
|
|
5042
|
-
}
|
|
5043
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:w-auto {
|
|
5044
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
5045
|
-
width: auto;
|
|
5046
|
-
}
|
|
5047
|
-
}
|
|
5048
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:w-full {
|
|
5049
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
5050
|
-
width: 100%;
|
|
5051
|
-
}
|
|
5052
|
-
}
|
|
5053
|
-
[data-theme="rui"] .data-\[orientation\=vertical\]\:flex-col {
|
|
5054
|
-
[data-theme="rui"] &[data-orientation="vertical"] {
|
|
5055
|
-
flex-direction: column;
|
|
5056
|
-
}
|
|
5057
|
-
}
|
|
5058
|
-
[data-theme="rui"] .data-\[placeholder\]\:text-placeholder {
|
|
5805
|
+
[data-theme="rui"] .data-placeholder\:text-placeholder {
|
|
5059
5806
|
[data-theme="rui"] &[data-placeholder] {
|
|
5060
5807
|
color: var(--color-stone-500);
|
|
5061
5808
|
}
|
|
5062
5809
|
}
|
|
5063
|
-
[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 {
|
|
5064
5818
|
[data-theme="rui"] &[data-placeholder] {
|
|
5065
5819
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
5066
5820
|
color: var(--color-stone-400);
|
|
@@ -5070,107 +5824,64 @@
|
|
|
5070
5824
|
}
|
|
5071
5825
|
}
|
|
5072
5826
|
}
|
|
5073
|
-
[data-theme="rui"] .data
|
|
5827
|
+
[data-theme="rui"] .data-focused\:data-placeholder\:text-foreground {
|
|
5074
5828
|
[data-theme="rui"] &[data-focused] {
|
|
5075
5829
|
[data-theme="rui"] &[data-placeholder] {
|
|
5076
5830
|
color: var(--color-stone-950);
|
|
5077
5831
|
}
|
|
5078
5832
|
}
|
|
5079
5833
|
}
|
|
5080
|
-
[data-theme="rui"] .invalid\:data
|
|
5834
|
+
[data-theme="rui"] .invalid\:data-focused\:data-placeholder\:text-destructive-foreground {
|
|
5081
5835
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
5082
5836
|
[data-theme="rui"] &[data-focused] {
|
|
5083
|
-
[data-theme="rui"] &[data-placeholder] {
|
|
5084
|
-
color: var(--color-white);
|
|
5085
|
-
}
|
|
5086
|
-
}
|
|
5087
|
-
}
|
|
5088
|
-
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
5089
|
-
[data-theme="rui"] &[data-focused] {
|
|
5090
|
-
[data-theme="rui"] &[data-placeholder] {
|
|
5091
|
-
color: var(--color-white);
|
|
5092
|
-
}
|
|
5093
|
-
}
|
|
5094
|
-
}
|
|
5095
|
-
}
|
|
5096
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:bottom-0 {
|
|
5097
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5098
|
-
bottom: calc(var(--spacing) * 0);
|
|
5099
|
-
}
|
|
5100
|
-
}
|
|
5101
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:left-0 {
|
|
5102
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5103
|
-
left: calc(var(--spacing) * 0);
|
|
5104
|
-
}
|
|
5105
|
-
}
|
|
5106
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:h-48 {
|
|
5107
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5108
|
-
height: calc(var(--spacing) * 48);
|
|
5109
|
-
}
|
|
5110
|
-
}
|
|
5111
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:h-64 {
|
|
5112
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5113
|
-
height: calc(var(--spacing) * 64);
|
|
5114
|
-
}
|
|
5115
|
-
}
|
|
5116
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:h-80 {
|
|
5117
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5118
|
-
height: calc(var(--spacing) * 80);
|
|
5119
|
-
}
|
|
5120
|
-
}
|
|
5121
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:w-full {
|
|
5122
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5123
|
-
width: 100%;
|
|
5124
|
-
}
|
|
5125
|
-
}
|
|
5126
|
-
[data-theme="rui"] .data-\[placement\=left\]\:top-0 {
|
|
5127
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
5128
|
-
top: calc(var(--spacing) * 0);
|
|
5129
|
-
}
|
|
5130
|
-
}
|
|
5131
|
-
[data-theme="rui"] .data-\[placement\=left\]\:left-0 {
|
|
5132
|
-
[data-theme="rui"] &[data-placement="left"] {
|
|
5133
|
-
left: calc(var(--spacing) * 0);
|
|
5134
|
-
}
|
|
5135
|
-
}
|
|
5136
|
-
[data-theme="rui"] .data-\[placement\=right\]\:top-0 {
|
|
5137
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
5138
|
-
top: calc(var(--spacing) * 0);
|
|
5139
|
-
}
|
|
5140
|
-
}
|
|
5141
|
-
[data-theme="rui"] .data-\[placement\=right\]\:right-0 {
|
|
5142
|
-
[data-theme="rui"] &[data-placement="right"] {
|
|
5143
|
-
right: calc(var(--spacing) * 0);
|
|
5837
|
+
[data-theme="rui"] &[data-placeholder] {
|
|
5838
|
+
color: var(--color-white);
|
|
5839
|
+
}
|
|
5840
|
+
}
|
|
5144
5841
|
}
|
|
5145
|
-
|
|
5146
|
-
|
|
5147
|
-
|
|
5148
|
-
|
|
5842
|
+
[data-theme="rui"] &:where(:not([data-rac])):invalid {
|
|
5843
|
+
[data-theme="rui"] &[data-focused] {
|
|
5844
|
+
[data-theme="rui"] &[data-placeholder] {
|
|
5845
|
+
color: var(--color-white);
|
|
5846
|
+
}
|
|
5847
|
+
}
|
|
5149
5848
|
}
|
|
5150
5849
|
}
|
|
5151
|
-
[data-theme="rui"] .data
|
|
5152
|
-
[data-theme="rui"] &[data-
|
|
5153
|
-
|
|
5850
|
+
[data-theme="rui"] .data-selection-mode\:cursor-pointer {
|
|
5851
|
+
[data-theme="rui"] &[data-selection-mode] {
|
|
5852
|
+
cursor: pointer;
|
|
5154
5853
|
}
|
|
5155
5854
|
}
|
|
5156
|
-
[data-theme="rui"] .data
|
|
5157
|
-
[data-theme="rui"] &[data-
|
|
5158
|
-
|
|
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
|
+
}
|
|
5159
5865
|
}
|
|
5160
5866
|
}
|
|
5161
|
-
[data-theme="rui"] .data
|
|
5162
|
-
[data-theme="rui"] &[data-
|
|
5163
|
-
|
|
5867
|
+
[data-theme="rui"] .data-small\:max-w-3xs {
|
|
5868
|
+
[data-theme="rui"] &[data-small] {
|
|
5869
|
+
max-width: var(--container-3xs);
|
|
5164
5870
|
}
|
|
5165
5871
|
}
|
|
5166
|
-
[data-theme="rui"] .data-\[
|
|
5167
|
-
[data-theme="rui"] &[data-
|
|
5168
|
-
|
|
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);
|
|
5169
5875
|
}
|
|
5170
5876
|
}
|
|
5171
|
-
[data-theme="rui"] .data-\[
|
|
5172
|
-
[data-theme="rui"] &[data-
|
|
5173
|
-
|
|
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
|
+
}
|
|
5174
5885
|
}
|
|
5175
5886
|
}
|
|
5176
5887
|
[data-theme="rui"] .data-\[react-aria-pressable\=\"true\"\]\:cursor-pointer {
|
|
@@ -5178,20 +5889,22 @@
|
|
|
5178
5889
|
cursor: pointer;
|
|
5179
5890
|
}
|
|
5180
5891
|
}
|
|
5181
|
-
[data-theme="rui"] .data-\[selected\=true\]\:
|
|
5182
|
-
[data-theme="rui"] &[data-selected="true"] {
|
|
5183
|
-
border-style: var(--tw-border-style);
|
|
5184
|
-
border-width: 1px;
|
|
5185
|
-
}
|
|
5186
|
-
}
|
|
5187
|
-
[data-theme="rui"] .data-\[selected\=true\]\:border-input {
|
|
5892
|
+
[data-theme="rui"] .data-\[selected\=true\]\:ui-surface {
|
|
5188
5893
|
[data-theme="rui"] &[data-selected="true"] {
|
|
5189
|
-
|
|
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;
|
|
5190
5903
|
}
|
|
5191
5904
|
}
|
|
5192
|
-
[data-theme="rui"] .data-\[selected\=true\]\:shadow-
|
|
5905
|
+
[data-theme="rui"] .data-\[selected\=true\]\:shadow-elevation-border {
|
|
5193
5906
|
[data-theme="rui"] &[data-selected="true"] {
|
|
5194
|
-
--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));
|
|
5195
5908
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5196
5909
|
}
|
|
5197
5910
|
}
|
|
@@ -5203,34 +5916,30 @@
|
|
|
5203
5916
|
}
|
|
5204
5917
|
}
|
|
5205
5918
|
}
|
|
5206
|
-
[data-theme="rui"] .
|
|
5207
|
-
|
|
5208
|
-
|
|
5209
|
-
|
|
5210
|
-
|
|
5211
|
-
[data-theme="rui"] .data-\[type\=literal\]\:px-0 {
|
|
5212
|
-
[data-theme="rui"] &[data-type="literal"] {
|
|
5213
|
-
padding-inline: calc(var(--spacing) * 0);
|
|
5214
|
-
}
|
|
5215
|
-
}
|
|
5216
|
-
[data-theme="rui"] .data-\[type\=literal\]\:text-placeholder {
|
|
5217
|
-
[data-theme="rui"] &[data-type="literal"] {
|
|
5218
|
-
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
|
+
}
|
|
5219
5924
|
}
|
|
5220
5925
|
}
|
|
5221
|
-
[data-theme="rui"] .
|
|
5222
|
-
|
|
5223
|
-
|
|
5926
|
+
[data-theme="rui"] .min-\[600px\]\:aspect-square {
|
|
5927
|
+
@media (width >= 600px) {
|
|
5928
|
+
aspect-ratio: 1 / 1;
|
|
5224
5929
|
}
|
|
5225
5930
|
}
|
|
5226
|
-
[data-theme="rui"] .
|
|
5227
|
-
|
|
5228
|
-
|
|
5931
|
+
[data-theme="rui"] .min-\[600px\]\:size-button {
|
|
5932
|
+
@media (width >= 600px) {
|
|
5933
|
+
width: 2.25rem;
|
|
5934
|
+
height: 2.25rem;
|
|
5229
5935
|
}
|
|
5230
5936
|
}
|
|
5231
|
-
[data-theme="rui"] .
|
|
5232
|
-
|
|
5233
|
-
|
|
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
|
+
}
|
|
5234
5943
|
}
|
|
5235
5944
|
}
|
|
5236
5945
|
[data-theme="rui"] .sm\:max-h-\[75vh\] {
|
|
@@ -5298,6 +6007,16 @@
|
|
|
5298
6007
|
background-color: var(--color-gray-500);
|
|
5299
6008
|
}
|
|
5300
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
|
+
}
|
|
5301
6020
|
[data-theme="rui"] .placement-left\:mr-1 {
|
|
5302
6021
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5303
6022
|
margin-right: calc(var(--spacing) * 1);
|
|
@@ -5308,6 +6027,22 @@
|
|
|
5308
6027
|
margin-right: calc(var(--spacing) * 2);
|
|
5309
6028
|
}
|
|
5310
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
|
+
}
|
|
5311
6046
|
[data-theme="rui"] .placement-right\:ml-1 {
|
|
5312
6047
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5313
6048
|
margin-left: calc(var(--spacing) * 1);
|
|
@@ -5318,6 +6053,22 @@
|
|
|
5318
6053
|
margin-left: calc(var(--spacing) * 2);
|
|
5319
6054
|
}
|
|
5320
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
|
+
}
|
|
5321
6072
|
[data-theme="rui"] .placement-top\:mb-1 {
|
|
5322
6073
|
[data-theme="rui"] &[data-placement="top"] {
|
|
5323
6074
|
margin-bottom: calc(var(--spacing) * 1);
|
|
@@ -5328,6 +6079,48 @@
|
|
|
5328
6079
|
margin-bottom: calc(var(--spacing) * 2);
|
|
5329
6080
|
}
|
|
5330
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
|
+
}
|
|
5331
6124
|
[data-theme="rui"] .placement-bottom\:mt-1 {
|
|
5332
6125
|
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5333
6126
|
margin-top: calc(var(--spacing) * 1);
|
|
@@ -5338,6 +6131,73 @@
|
|
|
5338
6131
|
margin-top: calc(var(--spacing) * 2);
|
|
5339
6132
|
}
|
|
5340
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;
|
|
6199
|
+
}
|
|
6200
|
+
}
|
|
5341
6201
|
[data-theme="rui"] .expanded\:contents {
|
|
5342
6202
|
[data-theme="rui"] &:where([data-rac])[data-expanded] {
|
|
5343
6203
|
display: contents;
|
|
@@ -5354,21 +6214,15 @@
|
|
|
5354
6214
|
background-color: var(--color-stone-100);
|
|
5355
6215
|
}
|
|
5356
6216
|
}
|
|
5357
|
-
[data-theme="rui"] .
|
|
5358
|
-
[data-theme="rui"]
|
|
5359
|
-
|
|
5360
|
-
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);
|
|
5361
6220
|
}
|
|
5362
|
-
|
|
5363
|
-
|
|
5364
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5365
|
-
[data-theme="rui"] &[data-entering] {
|
|
5366
|
-
animation: slide-in-bottom var(--slide-in-duration)
|
|
5367
|
-
var(--ease-out-expo);
|
|
5368
|
-
}
|
|
6221
|
+
[data-theme="rui"] &:where(:not([data-rac]))[expanded] {
|
|
6222
|
+
--ui-background-color: var(--color-hover);
|
|
5369
6223
|
}
|
|
5370
6224
|
}
|
|
5371
|
-
[data-theme="rui"] .
|
|
6225
|
+
[data-theme="rui"] .placement-left\:entering\:animate-slide-in-left {
|
|
5372
6226
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5373
6227
|
[data-theme="rui"] &[data-entering] {
|
|
5374
6228
|
animation: slide-in-left var(--slide-in-duration)
|
|
@@ -5376,7 +6230,7 @@
|
|
|
5376
6230
|
}
|
|
5377
6231
|
}
|
|
5378
6232
|
}
|
|
5379
|
-
[data-theme="rui"] .
|
|
6233
|
+
[data-theme="rui"] .placement-right\:entering\:animate-slide-in-right {
|
|
5380
6234
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5381
6235
|
[data-theme="rui"] &[data-entering] {
|
|
5382
6236
|
animation: slide-in-right var(--slide-in-duration)
|
|
@@ -5384,7 +6238,7 @@
|
|
|
5384
6238
|
}
|
|
5385
6239
|
}
|
|
5386
6240
|
}
|
|
5387
|
-
[data-theme="rui"] .
|
|
6241
|
+
[data-theme="rui"] .placement-top\:entering\:animate-slide-in-top {
|
|
5388
6242
|
[data-theme="rui"] &[data-placement="top"] {
|
|
5389
6243
|
[data-theme="rui"] &[data-entering] {
|
|
5390
6244
|
animation: slide-in-top var(--slide-in-duration)
|
|
@@ -5392,39 +6246,62 @@
|
|
|
5392
6246
|
}
|
|
5393
6247
|
}
|
|
5394
6248
|
}
|
|
5395
|
-
[data-theme="rui"] .
|
|
5396
|
-
[data-theme="rui"] &[data-exiting] {
|
|
5397
|
-
animation: slide-in-left var(--slide-out-duration) reverse;
|
|
5398
|
-
}
|
|
5399
|
-
}
|
|
5400
|
-
[data-theme="rui"] .data-\[placement\=bottom\]\:exiting\:animate-slide-out-bottom {
|
|
6249
|
+
[data-theme="rui"] .placement-bottom\:entering\:animate-slide-in-bottom {
|
|
5401
6250
|
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5402
|
-
[data-theme="rui"] &[data-
|
|
5403
|
-
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);
|
|
5404
6254
|
}
|
|
5405
6255
|
}
|
|
5406
6256
|
}
|
|
5407
|
-
[data-theme="rui"] .
|
|
6257
|
+
[data-theme="rui"] .placement-left\:exiting\:animate-slide-out-left {
|
|
5408
6258
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5409
6259
|
[data-theme="rui"] &[data-exiting] {
|
|
5410
6260
|
animation: slide-in-left var(--slide-out-duration) reverse;
|
|
5411
6261
|
}
|
|
5412
6262
|
}
|
|
5413
6263
|
}
|
|
5414
|
-
[data-theme="rui"] .
|
|
6264
|
+
[data-theme="rui"] .placement-right\:exiting\:animate-slide-out-right {
|
|
5415
6265
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5416
6266
|
[data-theme="rui"] &[data-exiting] {
|
|
5417
6267
|
animation: slide-in-right var(--slide-out-duration) reverse;
|
|
5418
6268
|
}
|
|
5419
6269
|
}
|
|
5420
6270
|
}
|
|
5421
|
-
[data-theme="rui"] .
|
|
6271
|
+
[data-theme="rui"] .placement-top\:exiting\:animate-slide-out-top {
|
|
5422
6272
|
[data-theme="rui"] &[data-placement="top"] {
|
|
5423
6273
|
[data-theme="rui"] &[data-exiting] {
|
|
5424
6274
|
animation: slide-in-top var(--slide-out-duration) reverse;
|
|
5425
6275
|
}
|
|
5426
6276
|
}
|
|
5427
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
|
+
}
|
|
5428
6305
|
[data-theme="rui"] .pending\:cursor-not-allowed {
|
|
5429
6306
|
[data-theme="rui"] &[data-pending] {
|
|
5430
6307
|
cursor: not-allowed;
|
|
@@ -5446,9 +6323,9 @@
|
|
|
5446
6323
|
color: var(--color-stone-400);
|
|
5447
6324
|
}
|
|
5448
6325
|
}
|
|
5449
|
-
[data-theme="rui"] .pressed\:scale-\[0\.
|
|
6326
|
+
[data-theme="rui"] .pressed\:scale-\[0\.97\] {
|
|
5450
6327
|
[data-theme="rui"] &[data-pressed] {
|
|
5451
|
-
scale: 0.
|
|
6328
|
+
scale: 0.97;
|
|
5452
6329
|
}
|
|
5453
6330
|
}
|
|
5454
6331
|
[data-theme="rui"] .selected\:border-b-8 {
|
|
@@ -5468,24 +6345,83 @@
|
|
|
5468
6345
|
border-color: var(--color-red-500);
|
|
5469
6346
|
}
|
|
5470
6347
|
}
|
|
5471
|
-
[data-theme="rui"] .selected\:bg-brand {
|
|
6348
|
+
[data-theme="rui"] .selected\:bg-brand {
|
|
6349
|
+
[data-theme="rui"] &[data-selected] {
|
|
6350
|
+
background-color: var(--color-stone-950);
|
|
6351
|
+
}
|
|
6352
|
+
}
|
|
6353
|
+
[data-theme="rui"] .selected\:bg-selected {
|
|
6354
|
+
[data-theme="rui"] &[data-selected] {
|
|
6355
|
+
background-color: var(--color-stone-100);
|
|
6356
|
+
}
|
|
6357
|
+
}
|
|
6358
|
+
[data-theme="rui"] .selected\:text-brand-foreground {
|
|
6359
|
+
[data-theme="rui"] &[data-selected] {
|
|
6360
|
+
color: var(--color-stone-50);
|
|
6361
|
+
}
|
|
6362
|
+
}
|
|
6363
|
+
[data-theme="rui"] .selected\:text-foreground {
|
|
6364
|
+
[data-theme="rui"] &[data-selected] {
|
|
6365
|
+
color: var(--color-stone-950);
|
|
6366
|
+
}
|
|
6367
|
+
}
|
|
6368
|
+
[data-theme="rui"] .selected\:text-white {
|
|
6369
|
+
[data-theme="rui"] &[data-selected] {
|
|
6370
|
+
color: var(--color-white);
|
|
6371
|
+
}
|
|
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 {
|
|
5472
6390
|
[data-theme="rui"] &[data-selected] {
|
|
5473
|
-
|
|
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
|
+
}
|
|
5474
6399
|
}
|
|
5475
6400
|
}
|
|
5476
|
-
[data-theme="rui"] .
|
|
5477
|
-
[data-theme="rui"] &[data-
|
|
5478
|
-
|
|
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,);
|
|
5479
6404
|
}
|
|
5480
6405
|
}
|
|
5481
|
-
[data-theme="rui"] .
|
|
5482
|
-
[data-theme="rui"] &[data-
|
|
5483
|
-
|
|
6406
|
+
[data-theme="rui"] .dragging\:opacity-50 {
|
|
6407
|
+
[data-theme="rui"] &[data-dragging] {
|
|
6408
|
+
opacity: 50%;
|
|
5484
6409
|
}
|
|
5485
6410
|
}
|
|
5486
|
-
[data-theme="rui"] .
|
|
5487
|
-
[data-theme="rui"] &[data-
|
|
5488
|
-
|
|
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
|
+
}
|
|
5489
6425
|
}
|
|
5490
6426
|
}
|
|
5491
6427
|
[data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:invisible {
|
|
@@ -5527,11 +6463,6 @@
|
|
|
5527
6463
|
grid-row-start: 2;
|
|
5528
6464
|
}
|
|
5529
6465
|
}
|
|
5530
|
-
[data-theme="rui"] .\[\&_\[slot\=description\]\]\:hidden {
|
|
5531
|
-
[data-theme="rui"] & [slot=description] {
|
|
5532
|
-
display: none;
|
|
5533
|
-
}
|
|
5534
|
-
}
|
|
5535
6466
|
[data-theme="rui"] .\[\&_\[slot\=description\]\]\:text-xs {
|
|
5536
6467
|
[data-theme="rui"] & [slot=description] {
|
|
5537
6468
|
font-size: var(--text-xs);
|
|
@@ -5558,6 +6489,18 @@
|
|
|
5558
6489
|
cursor: not-allowed;
|
|
5559
6490
|
}
|
|
5560
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
|
+
}
|
|
5561
6504
|
[data-theme="rui"] .\[\&_header\]\:px-2 {
|
|
5562
6505
|
[data-theme="rui"] & header {
|
|
5563
6506
|
padding-inline: calc(var(--spacing) * 2);
|
|
@@ -5602,6 +6545,12 @@
|
|
|
5602
6545
|
height: calc(var(--spacing) * 4);
|
|
5603
6546
|
}
|
|
5604
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
|
+
}
|
|
5605
6554
|
[data-theme="rui"] .\[\&_svg\]\:size-5 {
|
|
5606
6555
|
[data-theme="rui"] & svg {
|
|
5607
6556
|
width: calc(var(--spacing) * 5);
|
|
@@ -5645,27 +6594,27 @@
|
|
|
5645
6594
|
}
|
|
5646
6595
|
}
|
|
5647
6596
|
}
|
|
5648
|
-
[data-theme="rui"] .
|
|
5649
|
-
[data-theme="rui"] &[data-placement="bottom"] {
|
|
5650
|
-
[data-theme="rui"] & svg {
|
|
5651
|
-
rotate: 180deg;
|
|
5652
|
-
}
|
|
5653
|
-
}
|
|
5654
|
-
}
|
|
5655
|
-
[data-theme="rui"] .data-\[placement\=left\]\:\[\&_svg\]\:-rotate-90 {
|
|
6597
|
+
[data-theme="rui"] .placement-left\:\[\&_svg\]\:-rotate-90 {
|
|
5656
6598
|
[data-theme="rui"] &[data-placement="left"] {
|
|
5657
6599
|
[data-theme="rui"] & svg {
|
|
5658
6600
|
rotate: calc(90deg * -1);
|
|
5659
6601
|
}
|
|
5660
6602
|
}
|
|
5661
6603
|
}
|
|
5662
|
-
[data-theme="rui"] .
|
|
6604
|
+
[data-theme="rui"] .placement-right\:\[\&_svg\]\:rotate-90 {
|
|
5663
6605
|
[data-theme="rui"] &[data-placement="right"] {
|
|
5664
6606
|
[data-theme="rui"] & svg {
|
|
5665
6607
|
rotate: 90deg;
|
|
5666
6608
|
}
|
|
5667
6609
|
}
|
|
5668
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
|
+
}
|
|
5669
6618
|
[data-theme="rui"] .\[\&_td\]\:border-border {
|
|
5670
6619
|
[data-theme="rui"] & td {
|
|
5671
6620
|
border-color: var(--color-stone-200);
|
|
@@ -5676,6 +6625,13 @@
|
|
|
5676
6625
|
padding: calc(var(--spacing) * 2);
|
|
5677
6626
|
}
|
|
5678
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
|
+
}
|
|
5679
6635
|
[data-theme="rui"] .\[\&_td\:first-child\]\:relative {
|
|
5680
6636
|
[data-theme="rui"] & td:first-child {
|
|
5681
6637
|
position: relative;
|
|
@@ -5766,12 +6722,12 @@
|
|
|
5766
6722
|
border-bottom-width: 1px;
|
|
5767
6723
|
}
|
|
5768
6724
|
}
|
|
5769
|
-
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]
|
|
6725
|
+
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]\:bg-hover\! {
|
|
5770
6726
|
[data-theme="rui"] &.isFocused:not([aria-disabled=true]) {
|
|
5771
6727
|
background-color: var(--color-stone-100) !important;
|
|
5772
6728
|
}
|
|
5773
6729
|
}
|
|
5774
|
-
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]
|
|
6730
|
+
[data-theme="rui"] .\[\&\.isFocused\:not\(\[aria-disabled\=true\]\)\]\:text-foreground\! {
|
|
5775
6731
|
[data-theme="rui"] &.isFocused:not([aria-disabled=true]) {
|
|
5776
6732
|
color: var(--color-stone-950) !important;
|
|
5777
6733
|
}
|
|
@@ -5781,6 +6737,43 @@
|
|
|
5781
6737
|
background-color: transparent;
|
|
5782
6738
|
}
|
|
5783
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
|
+
}
|
|
5784
6777
|
[data-theme="rui"] .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
|
|
5785
6778
|
[data-theme="rui"] &::-webkit-search-cancel-button {
|
|
5786
6779
|
display: none;
|
|
@@ -5806,6 +6799,51 @@
|
|
|
5806
6799
|
padding-right: calc(var(--spacing) * 0);
|
|
5807
6800
|
}
|
|
5808
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
|
+
}
|
|
5809
6847
|
[data-theme="rui"] .\[\&\>\:not\(\:last-child\)\]\:border-r {
|
|
5810
6848
|
[data-theme="rui"] &>:not(:last-child) {
|
|
5811
6849
|
border-right-style: var(--tw-border-style);
|
|
@@ -5822,6 +6860,11 @@
|
|
|
5822
6860
|
margin-left: calc(var(--spacing) * 0);
|
|
5823
6861
|
}
|
|
5824
6862
|
}
|
|
6863
|
+
[data-theme="rui"] .\[\&\[type\=color\]\]\:h-input {
|
|
6864
|
+
[data-theme="rui"] &[type=color] {
|
|
6865
|
+
height: 2.25rem;
|
|
6866
|
+
}
|
|
6867
|
+
}
|
|
5825
6868
|
[data-theme="rui"] .\[\&\[type\=color\]\]\:border-none {
|
|
5826
6869
|
[data-theme="rui"] &[type=color] {
|
|
5827
6870
|
--tw-border-style: none;
|
|
@@ -5838,6 +6881,11 @@
|
|
|
5838
6881
|
padding: calc(var(--spacing) * 0);
|
|
5839
6882
|
}
|
|
5840
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
|
+
}
|
|
5841
6889
|
[data-theme="rui"] .\[\&\[type\=file\]\]\:cursor-pointer {
|
|
5842
6890
|
[data-theme="rui"] &[type=file] {
|
|
5843
6891
|
cursor: pointer;
|
|
@@ -5870,6 +6918,11 @@
|
|
|
5870
6918
|
padding-right: calc(var(--spacing) * 3);
|
|
5871
6919
|
}
|
|
5872
6920
|
}
|
|
6921
|
+
[data-theme="rui"] .\[\&\[type\=file\]\]\:pl-0 {
|
|
6922
|
+
[data-theme="rui"] &[type=file] {
|
|
6923
|
+
padding-left: calc(var(--spacing) * 0);
|
|
6924
|
+
}
|
|
6925
|
+
}
|
|
5873
6926
|
[data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground\/70 {
|
|
5874
6927
|
[data-theme="rui"] &[type=file] {
|
|
5875
6928
|
color: color-mix(in srgb, oklch(55.3% 0.013 58.071) 70%, transparent);
|
|
@@ -5891,11 +6944,14 @@
|
|
|
5891
6944
|
}
|
|
5892
6945
|
}
|
|
5893
6946
|
}
|
|
5894
|
-
[data-theme="rui"]
|
|
5895
|
-
|
|
5896
|
-
|
|
5897
|
-
|
|
5898
|
-
|
|
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%;
|
|
5899
6955
|
}
|
|
5900
6956
|
}
|
|
5901
6957
|
}
|
|
@@ -5963,140 +7019,140 @@
|
|
|
5963
7019
|
inherits: false;
|
|
5964
7020
|
initial-value: solid;
|
|
5965
7021
|
}
|
|
5966
|
-
@property --tw-
|
|
7022
|
+
@property --tw-shadow {
|
|
5967
7023
|
syntax: "*";
|
|
5968
7024
|
inherits: false;
|
|
7025
|
+
initial-value: 0 0 #0000;
|
|
5969
7026
|
}
|
|
5970
|
-
@property --tw-
|
|
5971
|
-
syntax: "
|
|
5972
|
-
inherits: false;
|
|
5973
|
-
initial-value: #0000;
|
|
5974
|
-
}
|
|
5975
|
-
@property --tw-gradient-via {
|
|
5976
|
-
syntax: "<color>";
|
|
7027
|
+
@property --tw-shadow-color {
|
|
7028
|
+
syntax: "*";
|
|
5977
7029
|
inherits: false;
|
|
5978
|
-
initial-value: #0000;
|
|
5979
7030
|
}
|
|
5980
|
-
@property --tw-
|
|
5981
|
-
syntax: "<
|
|
7031
|
+
@property --tw-shadow-alpha {
|
|
7032
|
+
syntax: "<percentage>";
|
|
5982
7033
|
inherits: false;
|
|
5983
|
-
initial-value:
|
|
7034
|
+
initial-value: 100%;
|
|
5984
7035
|
}
|
|
5985
|
-
@property --tw-
|
|
7036
|
+
@property --tw-inset-shadow {
|
|
5986
7037
|
syntax: "*";
|
|
5987
7038
|
inherits: false;
|
|
7039
|
+
initial-value: 0 0 #0000;
|
|
5988
7040
|
}
|
|
5989
|
-
@property --tw-
|
|
7041
|
+
@property --tw-inset-shadow-color {
|
|
5990
7042
|
syntax: "*";
|
|
5991
7043
|
inherits: false;
|
|
5992
7044
|
}
|
|
5993
|
-
@property --tw-
|
|
5994
|
-
syntax: "<
|
|
5995
|
-
inherits: false;
|
|
5996
|
-
initial-value: 0%;
|
|
5997
|
-
}
|
|
5998
|
-
@property --tw-gradient-via-position {
|
|
5999
|
-
syntax: "<length-percentage>";
|
|
6000
|
-
inherits: false;
|
|
6001
|
-
initial-value: 50%;
|
|
6002
|
-
}
|
|
6003
|
-
@property --tw-gradient-to-position {
|
|
6004
|
-
syntax: "<length-percentage>";
|
|
7045
|
+
@property --tw-inset-shadow-alpha {
|
|
7046
|
+
syntax: "<percentage>";
|
|
6005
7047
|
inherits: false;
|
|
6006
7048
|
initial-value: 100%;
|
|
6007
7049
|
}
|
|
6008
|
-
@property --tw-
|
|
7050
|
+
@property --tw-ring-color {
|
|
6009
7051
|
syntax: "*";
|
|
6010
7052
|
inherits: false;
|
|
6011
7053
|
}
|
|
6012
|
-
@property --tw-
|
|
7054
|
+
@property --tw-ring-shadow {
|
|
6013
7055
|
syntax: "*";
|
|
6014
7056
|
inherits: false;
|
|
7057
|
+
initial-value: 0 0 #0000;
|
|
6015
7058
|
}
|
|
6016
|
-
@property --tw-
|
|
7059
|
+
@property --tw-inset-ring-color {
|
|
6017
7060
|
syntax: "*";
|
|
6018
7061
|
inherits: false;
|
|
6019
7062
|
}
|
|
6020
|
-
@property --tw-
|
|
7063
|
+
@property --tw-inset-ring-shadow {
|
|
6021
7064
|
syntax: "*";
|
|
6022
7065
|
inherits: false;
|
|
7066
|
+
initial-value: 0 0 #0000;
|
|
6023
7067
|
}
|
|
6024
|
-
@property --tw-
|
|
7068
|
+
@property --tw-ring-inset {
|
|
6025
7069
|
syntax: "*";
|
|
6026
7070
|
inherits: false;
|
|
6027
7071
|
}
|
|
6028
|
-
@property --tw-
|
|
6029
|
-
syntax: "
|
|
7072
|
+
@property --tw-ring-offset-width {
|
|
7073
|
+
syntax: "<length>";
|
|
6030
7074
|
inherits: false;
|
|
7075
|
+
initial-value: 0px;
|
|
6031
7076
|
}
|
|
6032
|
-
@property --tw-
|
|
7077
|
+
@property --tw-ring-offset-color {
|
|
6033
7078
|
syntax: "*";
|
|
6034
7079
|
inherits: false;
|
|
7080
|
+
initial-value: #fff;
|
|
6035
7081
|
}
|
|
6036
|
-
@property --tw-shadow {
|
|
7082
|
+
@property --tw-ring-offset-shadow {
|
|
6037
7083
|
syntax: "*";
|
|
6038
7084
|
inherits: false;
|
|
6039
7085
|
initial-value: 0 0 #0000;
|
|
6040
7086
|
}
|
|
6041
|
-
@property --tw-
|
|
7087
|
+
@property --tw-gradient-position {
|
|
6042
7088
|
syntax: "*";
|
|
6043
7089
|
inherits: false;
|
|
6044
7090
|
}
|
|
6045
|
-
@property --tw-
|
|
6046
|
-
syntax: "<
|
|
7091
|
+
@property --tw-gradient-from {
|
|
7092
|
+
syntax: "<color>";
|
|
6047
7093
|
inherits: false;
|
|
6048
|
-
initial-value:
|
|
7094
|
+
initial-value: #0000;
|
|
6049
7095
|
}
|
|
6050
|
-
@property --tw-
|
|
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 {
|
|
6051
7107
|
syntax: "*";
|
|
6052
7108
|
inherits: false;
|
|
6053
|
-
initial-value: 0 0 #0000;
|
|
6054
7109
|
}
|
|
6055
|
-
@property --tw-
|
|
7110
|
+
@property --tw-gradient-via-stops {
|
|
6056
7111
|
syntax: "*";
|
|
6057
7112
|
inherits: false;
|
|
6058
7113
|
}
|
|
6059
|
-
@property --tw-
|
|
6060
|
-
syntax: "<percentage>";
|
|
7114
|
+
@property --tw-gradient-from-position {
|
|
7115
|
+
syntax: "<length-percentage>";
|
|
6061
7116
|
inherits: false;
|
|
6062
|
-
initial-value:
|
|
7117
|
+
initial-value: 0%;
|
|
6063
7118
|
}
|
|
6064
|
-
@property --tw-
|
|
6065
|
-
syntax: "
|
|
7119
|
+
@property --tw-gradient-via-position {
|
|
7120
|
+
syntax: "<length-percentage>";
|
|
6066
7121
|
inherits: false;
|
|
7122
|
+
initial-value: 50%;
|
|
6067
7123
|
}
|
|
6068
|
-
@property --tw-
|
|
7124
|
+
@property --tw-gradient-to-position {
|
|
7125
|
+
syntax: "<length-percentage>";
|
|
7126
|
+
inherits: false;
|
|
7127
|
+
initial-value: 100%;
|
|
7128
|
+
}
|
|
7129
|
+
@property --tw-leading {
|
|
6069
7130
|
syntax: "*";
|
|
6070
7131
|
inherits: false;
|
|
6071
|
-
initial-value: 0 0 #0000;
|
|
6072
7132
|
}
|
|
6073
|
-
@property --tw-
|
|
7133
|
+
@property --tw-font-weight {
|
|
6074
7134
|
syntax: "*";
|
|
6075
7135
|
inherits: false;
|
|
6076
7136
|
}
|
|
6077
|
-
@property --tw-
|
|
7137
|
+
@property --tw-ordinal {
|
|
6078
7138
|
syntax: "*";
|
|
6079
7139
|
inherits: false;
|
|
6080
|
-
initial-value: 0 0 #0000;
|
|
6081
7140
|
}
|
|
6082
|
-
@property --tw-
|
|
7141
|
+
@property --tw-slashed-zero {
|
|
6083
7142
|
syntax: "*";
|
|
6084
7143
|
inherits: false;
|
|
6085
7144
|
}
|
|
6086
|
-
@property --tw-
|
|
6087
|
-
syntax: "
|
|
7145
|
+
@property --tw-numeric-figure {
|
|
7146
|
+
syntax: "*";
|
|
6088
7147
|
inherits: false;
|
|
6089
|
-
initial-value: 0px;
|
|
6090
7148
|
}
|
|
6091
|
-
@property --tw-
|
|
7149
|
+
@property --tw-numeric-spacing {
|
|
6092
7150
|
syntax: "*";
|
|
6093
7151
|
inherits: false;
|
|
6094
|
-
initial-value: #fff;
|
|
6095
7152
|
}
|
|
6096
|
-
@property --tw-
|
|
7153
|
+
@property --tw-numeric-fraction {
|
|
6097
7154
|
syntax: "*";
|
|
6098
7155
|
inherits: false;
|
|
6099
|
-
initial-value: 0 0 #0000;
|
|
6100
7156
|
}
|
|
6101
7157
|
@property --tw-outline-style {
|
|
6102
7158
|
syntax: "*";
|
|
@@ -6291,6 +7347,20 @@
|
|
|
6291
7347
|
--tw-space-y-reverse: 0;
|
|
6292
7348
|
--tw-space-x-reverse: 0;
|
|
6293
7349
|
--tw-border-style: solid;
|
|
7350
|
+
--tw-shadow: 0 0 #0000;
|
|
7351
|
+
--tw-shadow-color: initial;
|
|
7352
|
+
--tw-shadow-alpha: 100%;
|
|
7353
|
+
--tw-inset-shadow: 0 0 #0000;
|
|
7354
|
+
--tw-inset-shadow-color: initial;
|
|
7355
|
+
--tw-inset-shadow-alpha: 100%;
|
|
7356
|
+
--tw-ring-color: initial;
|
|
7357
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
7358
|
+
--tw-inset-ring-color: initial;
|
|
7359
|
+
--tw-inset-ring-shadow: 0 0 #0000;
|
|
7360
|
+
--tw-ring-inset: initial;
|
|
7361
|
+
--tw-ring-offset-width: 0px;
|
|
7362
|
+
--tw-ring-offset-color: #fff;
|
|
7363
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
6294
7364
|
--tw-gradient-position: initial;
|
|
6295
7365
|
--tw-gradient-from: #0000;
|
|
6296
7366
|
--tw-gradient-via: #0000;
|
|
@@ -6307,20 +7377,6 @@
|
|
|
6307
7377
|
--tw-numeric-figure: initial;
|
|
6308
7378
|
--tw-numeric-spacing: initial;
|
|
6309
7379
|
--tw-numeric-fraction: initial;
|
|
6310
|
-
--tw-shadow: 0 0 #0000;
|
|
6311
|
-
--tw-shadow-color: initial;
|
|
6312
|
-
--tw-shadow-alpha: 100%;
|
|
6313
|
-
--tw-inset-shadow: 0 0 #0000;
|
|
6314
|
-
--tw-inset-shadow-color: initial;
|
|
6315
|
-
--tw-inset-shadow-alpha: 100%;
|
|
6316
|
-
--tw-ring-color: initial;
|
|
6317
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
6318
|
-
--tw-inset-ring-color: initial;
|
|
6319
|
-
--tw-inset-ring-shadow: 0 0 #0000;
|
|
6320
|
-
--tw-ring-inset: initial;
|
|
6321
|
-
--tw-ring-offset-width: 0px;
|
|
6322
|
-
--tw-ring-offset-color: #fff;
|
|
6323
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
6324
7380
|
--tw-outline-style: solid;
|
|
6325
7381
|
--tw-blur: initial;
|
|
6326
7382
|
--tw-brightness: initial;
|