@segmentify/ui 0.0.28 → 0.0.31
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/components/atoms/alert-dialog.d.ts +18 -0
- package/dist/components/atoms/combobox.d.ts +24 -0
- package/dist/components/atoms/content-wrapper.d.ts +1 -1
- package/dist/components/atoms/input-group.d.ts +16 -0
- package/dist/components/molecules/combobox-field.d.ts +19 -24
- package/dist/components/molecules/date-range-picker.d.ts +7 -7
- package/dist/components/organisms/data-table/column-visibility.d.ts +1 -2
- package/dist/components/organisms/date-preset/context.d.ts +8 -0
- package/dist/components/organisms/date-preset/date-preset.d.ts +9 -0
- package/dist/components/organisms/date-preset/index.d.ts +8 -0
- package/dist/components/organisms/date-preset/presets.d.ts +21 -0
- package/dist/components/organisms/date-preset/root.d.ts +9 -0
- package/dist/components/organisms/form-combobox.d.ts +9 -14
- package/dist/components/organisms/timeline.d.ts +23 -0
- package/dist/index.d.ts +6 -1
- package/dist/lib/design-variants.d.ts +1 -1
- package/dist/mock.d.ts +3 -0
- package/dist/segmentify-ui.cjs +97 -72
- package/dist/segmentify-ui.js +30886 -24333
- package/dist/ui.css +884 -34
- package/package.json +24 -21
package/dist/ui.css
CHANGED
|
@@ -8,18 +8,42 @@
|
|
|
8
8
|
--ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
9
|
"Courier New", monospace;
|
|
10
10
|
--ui-color-red-500: oklch(63.7% 0.237 25.331);
|
|
11
|
+
--ui-color-orange-600: #f25847;
|
|
12
|
+
--ui-color-amber-50: oklch(98.7% 0.022 95.277);
|
|
11
13
|
--ui-color-amber-200: oklch(92.4% 0.12 95.746);
|
|
14
|
+
--ui-color-amber-500: oklch(76.9% 0.188 70.08);
|
|
15
|
+
--ui-color-amber-600: oklch(66.6% 0.179 58.318);
|
|
16
|
+
--ui-color-amber-800: oklch(47.3% 0.137 46.201);
|
|
12
17
|
--ui-color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
18
|
+
--ui-color-green-50: oklch(98.2% 0.018 155.826);
|
|
13
19
|
--ui-color-green-200: oklch(92.5% 0.084 155.995);
|
|
14
20
|
--ui-color-green-400: oklch(79.2% 0.209 151.711);
|
|
15
21
|
--ui-color-green-500: oklch(72.3% 0.219 149.579);
|
|
22
|
+
--ui-color-green-700: oklch(52.7% 0.154 150.069);
|
|
23
|
+
--ui-color-green-800: oklch(44.8% 0.119 151.328);
|
|
24
|
+
--ui-color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
25
|
+
--ui-color-emerald-600: oklch(59.6% 0.145 163.225);
|
|
26
|
+
--ui-color-teal-600: oklch(60% 0.118 184.704);
|
|
27
|
+
--ui-color-cyan-600: oklch(60.9% 0.126 221.723);
|
|
28
|
+
--ui-color-blue-50: oklch(97% 0.014 254.604);
|
|
29
|
+
--ui-color-blue-200: oklch(88.2% 0.059 254.128);
|
|
16
30
|
--ui-color-blue-500: oklch(62.3% 0.214 259.815);
|
|
31
|
+
--ui-color-blue-600: oklch(54.6% 0.245 262.881);
|
|
32
|
+
--ui-color-blue-800: oklch(42.4% 0.199 265.638);
|
|
33
|
+
--ui-color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
34
|
+
--ui-color-violet-600: oklch(54.1% 0.281 293.009);
|
|
17
35
|
--ui-color-purple-500: oklch(62.7% 0.265 303.9);
|
|
36
|
+
--ui-color-pink-600: oklch(59.2% 0.249 0.584);
|
|
37
|
+
--ui-color-rose-500: oklch(64.5% 0.246 16.439);
|
|
38
|
+
--ui-color-rose-600: oklch(58.6% 0.253 17.585);
|
|
39
|
+
--ui-color-slate-50: oklch(98.4% 0.003 247.858);
|
|
40
|
+
--ui-color-slate-200: oklch(92.9% 0.013 255.508);
|
|
18
41
|
--ui-color-gray-200: #e5e7eb;
|
|
19
42
|
--ui-color-gray-300: #d2d6dc;
|
|
20
43
|
--ui-color-gray-400: #9fa6b2;
|
|
21
44
|
--ui-color-gray-500: #6b7280;
|
|
22
45
|
--ui-color-gray-600: #4b5563;
|
|
46
|
+
--ui-color-zinc-50: oklch(98.5% 0 0);
|
|
23
47
|
--ui-color-neutral-500: oklch(55.6% 0 0);
|
|
24
48
|
--ui-color-neutral-700: oklch(37.1% 0 0);
|
|
25
49
|
--ui-color-neutral-800: oklch(26.9% 0 0);
|
|
@@ -44,6 +68,8 @@
|
|
|
44
68
|
--ui-text-lg--line-height: calc(1.75 / 1.125);
|
|
45
69
|
--ui-text-xl: 1.25rem;
|
|
46
70
|
--ui-text-xl--line-height: calc(1.75 / 1.25);
|
|
71
|
+
--ui-text-2xl: 1.5rem;
|
|
72
|
+
--ui-text-2xl--line-height: calc(2 / 1.5);
|
|
47
73
|
--ui-text-3xl: 1.875rem;
|
|
48
74
|
--ui-text-3xl--line-height: calc(2.25 / 1.875);
|
|
49
75
|
--ui-text-4xl: 2.25rem;
|
|
@@ -315,6 +341,9 @@
|
|
|
315
341
|
.ui\:top-4 {
|
|
316
342
|
top: calc(var(--ui-spacing) * 4);
|
|
317
343
|
}
|
|
344
|
+
.ui\:top-11 {
|
|
345
|
+
top: calc(var(--ui-spacing) * 11);
|
|
346
|
+
}
|
|
318
347
|
.ui\:top-\[50\%\] {
|
|
319
348
|
top: 50%;
|
|
320
349
|
}
|
|
@@ -342,6 +371,9 @@
|
|
|
342
371
|
.ui\:bottom-0 {
|
|
343
372
|
bottom: calc(var(--ui-spacing) * 0);
|
|
344
373
|
}
|
|
374
|
+
.ui\:bottom-4 {
|
|
375
|
+
bottom: calc(var(--ui-spacing) * 4);
|
|
376
|
+
}
|
|
345
377
|
.ui\:-left-12 {
|
|
346
378
|
left: calc(var(--ui-spacing) * -12);
|
|
347
379
|
}
|
|
@@ -354,9 +386,15 @@
|
|
|
354
386
|
.ui\:left-2 {
|
|
355
387
|
left: calc(var(--ui-spacing) * 2);
|
|
356
388
|
}
|
|
389
|
+
.ui\:left-5 {
|
|
390
|
+
left: calc(var(--ui-spacing) * 5);
|
|
391
|
+
}
|
|
357
392
|
.ui\:left-\[50\%\] {
|
|
358
393
|
left: 50%;
|
|
359
394
|
}
|
|
395
|
+
.ui\:isolate {
|
|
396
|
+
isolation: isolate;
|
|
397
|
+
}
|
|
360
398
|
.ui\:z-10 {
|
|
361
399
|
z-index: 10;
|
|
362
400
|
}
|
|
@@ -372,6 +410,9 @@
|
|
|
372
410
|
.ui\:z-\[102\] {
|
|
373
411
|
z-index: 102;
|
|
374
412
|
}
|
|
413
|
+
.ui\:order-first {
|
|
414
|
+
order: -9999;
|
|
415
|
+
}
|
|
375
416
|
.ui\:order-last {
|
|
376
417
|
order: 9999;
|
|
377
418
|
}
|
|
@@ -441,6 +482,9 @@
|
|
|
441
482
|
.ui\:mt-6 {
|
|
442
483
|
margin-top: calc(var(--ui-spacing) * 6);
|
|
443
484
|
}
|
|
485
|
+
.ui\:mt-8 {
|
|
486
|
+
margin-top: calc(var(--ui-spacing) * 8);
|
|
487
|
+
}
|
|
444
488
|
.ui\:mt-24 {
|
|
445
489
|
margin-top: calc(var(--ui-spacing) * 24);
|
|
446
490
|
}
|
|
@@ -468,6 +512,12 @@
|
|
|
468
512
|
.ui\:mb-6 {
|
|
469
513
|
margin-bottom: calc(var(--ui-spacing) * 6);
|
|
470
514
|
}
|
|
515
|
+
.ui\:mb-8 {
|
|
516
|
+
margin-bottom: calc(var(--ui-spacing) * 8);
|
|
517
|
+
}
|
|
518
|
+
.ui\:-ml-1 {
|
|
519
|
+
margin-left: calc(var(--ui-spacing) * -1);
|
|
520
|
+
}
|
|
471
521
|
.ui\:-ml-4 {
|
|
472
522
|
margin-left: calc(var(--ui-spacing) * -4);
|
|
473
523
|
}
|
|
@@ -477,6 +527,12 @@
|
|
|
477
527
|
.ui\:ml-auto {
|
|
478
528
|
margin-left: auto;
|
|
479
529
|
}
|
|
530
|
+
.ui\:line-clamp-1 {
|
|
531
|
+
overflow: hidden;
|
|
532
|
+
display: -webkit-box;
|
|
533
|
+
-webkit-box-orient: vertical;
|
|
534
|
+
-webkit-line-clamp: 1;
|
|
535
|
+
}
|
|
480
536
|
.ui\:block {
|
|
481
537
|
display: block;
|
|
482
538
|
}
|
|
@@ -532,6 +588,10 @@
|
|
|
532
588
|
width: calc(var(--ui-spacing) * 5);
|
|
533
589
|
height: calc(var(--ui-spacing) * 5);
|
|
534
590
|
}
|
|
591
|
+
.ui\:size-6 {
|
|
592
|
+
width: calc(var(--ui-spacing) * 6);
|
|
593
|
+
height: calc(var(--ui-spacing) * 6);
|
|
594
|
+
}
|
|
535
595
|
.ui\:size-7 {
|
|
536
596
|
width: calc(var(--ui-spacing) * 7);
|
|
537
597
|
height: calc(var(--ui-spacing) * 7);
|
|
@@ -548,10 +608,18 @@
|
|
|
548
608
|
width: calc(var(--ui-spacing) * 10);
|
|
549
609
|
height: calc(var(--ui-spacing) * 10);
|
|
550
610
|
}
|
|
611
|
+
.ui\:size-11 {
|
|
612
|
+
width: calc(var(--ui-spacing) * 11);
|
|
613
|
+
height: calc(var(--ui-spacing) * 11);
|
|
614
|
+
}
|
|
551
615
|
.ui\:size-12 {
|
|
552
616
|
width: calc(var(--ui-spacing) * 12);
|
|
553
617
|
height: calc(var(--ui-spacing) * 12);
|
|
554
618
|
}
|
|
619
|
+
.ui\:size-16 {
|
|
620
|
+
width: calc(var(--ui-spacing) * 16);
|
|
621
|
+
height: calc(var(--ui-spacing) * 16);
|
|
622
|
+
}
|
|
555
623
|
.ui\:size-auto {
|
|
556
624
|
width: auto;
|
|
557
625
|
height: auto;
|
|
@@ -578,6 +646,9 @@
|
|
|
578
646
|
.ui\:h-5 {
|
|
579
647
|
height: calc(var(--ui-spacing) * 5);
|
|
580
648
|
}
|
|
649
|
+
.ui\:h-6 {
|
|
650
|
+
height: calc(var(--ui-spacing) * 6);
|
|
651
|
+
}
|
|
581
652
|
.ui\:h-7 {
|
|
582
653
|
height: calc(var(--ui-spacing) * 7);
|
|
583
654
|
}
|
|
@@ -608,6 +679,9 @@
|
|
|
608
679
|
.ui\:h-\[200px\] {
|
|
609
680
|
height: 200px;
|
|
610
681
|
}
|
|
682
|
+
.ui\:h-\[calc\(--spacing\(5\.5\)\)\] {
|
|
683
|
+
height: calc(calc(var(--ui-spacing) * 5.5));
|
|
684
|
+
}
|
|
611
685
|
.ui\:h-\[calc\(100\%-1px\)\] {
|
|
612
686
|
height: calc(100% - 1px);
|
|
613
687
|
}
|
|
@@ -647,9 +721,15 @@
|
|
|
647
721
|
.ui\:max-h-\[300px\] {
|
|
648
722
|
max-height: 300px;
|
|
649
723
|
}
|
|
724
|
+
.ui\:max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
|
|
725
|
+
max-height: min(calc(calc(var(--ui-spacing) * 96) - calc(var(--ui-spacing) * 9)), calc(var(--available-height) - calc(var(--ui-spacing) * 9)));
|
|
726
|
+
}
|
|
650
727
|
.ui\:min-h-0 {
|
|
651
728
|
min-height: calc(var(--ui-spacing) * 0);
|
|
652
729
|
}
|
|
730
|
+
.ui\:min-h-9 {
|
|
731
|
+
min-height: calc(var(--ui-spacing) * 9);
|
|
732
|
+
}
|
|
653
733
|
.ui\:min-h-10\! {
|
|
654
734
|
min-height: calc(var(--ui-spacing) * 10) !important;
|
|
655
735
|
}
|
|
@@ -668,6 +748,9 @@
|
|
|
668
748
|
.ui\:min-h-svh {
|
|
669
749
|
min-height: 100svh;
|
|
670
750
|
}
|
|
751
|
+
.ui\:w-\(--anchor-width\) {
|
|
752
|
+
width: var(--anchor-width);
|
|
753
|
+
}
|
|
671
754
|
.ui\:w-\(--cell-size\) {
|
|
672
755
|
width: var(--cell-size);
|
|
673
756
|
}
|
|
@@ -677,6 +760,9 @@
|
|
|
677
760
|
.ui\:w-0 {
|
|
678
761
|
width: calc(var(--ui-spacing) * 0);
|
|
679
762
|
}
|
|
763
|
+
.ui\:w-0\.5 {
|
|
764
|
+
width: calc(var(--ui-spacing) * 0.5);
|
|
765
|
+
}
|
|
680
766
|
.ui\:w-1 {
|
|
681
767
|
width: calc(var(--ui-spacing) * 1);
|
|
682
768
|
}
|
|
@@ -755,6 +841,9 @@
|
|
|
755
841
|
.ui\:w-px {
|
|
756
842
|
width: 1px;
|
|
757
843
|
}
|
|
844
|
+
.ui\:max-w-\(--available-width\) {
|
|
845
|
+
max-width: var(--available-width);
|
|
846
|
+
}
|
|
758
847
|
.ui\:max-w-\(--skeleton-width\) {
|
|
759
848
|
max-width: var(--skeleton-width);
|
|
760
849
|
}
|
|
@@ -785,6 +874,9 @@
|
|
|
785
874
|
.ui\:max-w-\[calc\(100\%-2rem\)\] {
|
|
786
875
|
max-width: calc(100% - 2rem);
|
|
787
876
|
}
|
|
877
|
+
.ui\:max-w-full {
|
|
878
|
+
max-width: 100%;
|
|
879
|
+
}
|
|
788
880
|
.ui\:max-w-max {
|
|
789
881
|
max-width: max-content;
|
|
790
882
|
}
|
|
@@ -809,15 +901,24 @@
|
|
|
809
901
|
.ui\:min-w-5 {
|
|
810
902
|
min-width: calc(var(--ui-spacing) * 5);
|
|
811
903
|
}
|
|
904
|
+
.ui\:min-w-16 {
|
|
905
|
+
min-width: calc(var(--ui-spacing) * 16);
|
|
906
|
+
}
|
|
812
907
|
.ui\:min-w-32 {
|
|
813
908
|
min-width: calc(var(--ui-spacing) * 32);
|
|
814
909
|
}
|
|
815
910
|
.ui\:min-w-44 {
|
|
816
911
|
min-width: calc(var(--ui-spacing) * 44);
|
|
817
912
|
}
|
|
913
|
+
.ui\:min-w-64 {
|
|
914
|
+
min-width: calc(var(--ui-spacing) * 64);
|
|
915
|
+
}
|
|
818
916
|
.ui\:min-w-\[8rem\] {
|
|
819
917
|
min-width: 8rem;
|
|
820
918
|
}
|
|
919
|
+
.ui\:min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
|
|
920
|
+
min-width: calc(var(--anchor-width) + calc(var(--ui-spacing) * 7));
|
|
921
|
+
}
|
|
821
922
|
.ui\:flex-1 {
|
|
822
923
|
flex: 1;
|
|
823
924
|
}
|
|
@@ -848,6 +949,9 @@
|
|
|
848
949
|
.ui\:origin-\(--radix-tooltip-content-transform-origin\) {
|
|
849
950
|
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
850
951
|
}
|
|
952
|
+
.ui\:origin-\(--transform-origin\) {
|
|
953
|
+
transform-origin: var(--transform-origin);
|
|
954
|
+
}
|
|
851
955
|
.ui\:-translate-x-1\/2 {
|
|
852
956
|
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
853
957
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -913,6 +1017,9 @@
|
|
|
913
1017
|
.ui\:cursor-pointer {
|
|
914
1018
|
cursor: pointer;
|
|
915
1019
|
}
|
|
1020
|
+
.ui\:cursor-text {
|
|
1021
|
+
cursor: text;
|
|
1022
|
+
}
|
|
916
1023
|
.ui\:touch-none {
|
|
917
1024
|
touch-action: none;
|
|
918
1025
|
}
|
|
@@ -937,12 +1044,18 @@
|
|
|
937
1044
|
.ui\:auto-rows-min {
|
|
938
1045
|
grid-auto-rows: min-content;
|
|
939
1046
|
}
|
|
1047
|
+
.ui\:grid-cols-1 {
|
|
1048
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1049
|
+
}
|
|
940
1050
|
.ui\:grid-cols-2 {
|
|
941
1051
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
942
1052
|
}
|
|
943
1053
|
.ui\:grid-cols-3 {
|
|
944
1054
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
945
1055
|
}
|
|
1056
|
+
.ui\:grid-rows-\[auto_1fr\] {
|
|
1057
|
+
grid-template-rows: auto 1fr;
|
|
1058
|
+
}
|
|
946
1059
|
.ui\:grid-rows-\[auto_auto\] {
|
|
947
1060
|
grid-template-rows: auto auto;
|
|
948
1061
|
}
|
|
@@ -961,6 +1074,9 @@
|
|
|
961
1074
|
.ui\:place-content-center {
|
|
962
1075
|
place-content: center;
|
|
963
1076
|
}
|
|
1077
|
+
.ui\:place-items-center {
|
|
1078
|
+
place-items: center;
|
|
1079
|
+
}
|
|
964
1080
|
.ui\:items-center {
|
|
965
1081
|
align-items: center;
|
|
966
1082
|
}
|
|
@@ -1069,13 +1185,6 @@
|
|
|
1069
1185
|
margin-inline-end: calc(calc(var(--ui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
1070
1186
|
}
|
|
1071
1187
|
}
|
|
1072
|
-
.ui\:space-x-4 {
|
|
1073
|
-
:where(& > :not(:last-child)) {
|
|
1074
|
-
--tw-space-x-reverse: 0;
|
|
1075
|
-
margin-inline-start: calc(calc(var(--ui-spacing) * 4) * var(--tw-space-x-reverse));
|
|
1076
|
-
margin-inline-end: calc(calc(var(--ui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
|
|
1077
|
-
}
|
|
1078
|
-
}
|
|
1079
1188
|
.ui\:self-start {
|
|
1080
1189
|
align-self: flex-start;
|
|
1081
1190
|
}
|
|
@@ -1111,6 +1220,9 @@
|
|
|
1111
1220
|
.ui\:rounded-\[4px\] {
|
|
1112
1221
|
border-radius: 4px;
|
|
1113
1222
|
}
|
|
1223
|
+
.ui\:rounded-\[calc\(var\(--radius\)-5px\)\] {
|
|
1224
|
+
border-radius: calc(var(--radius) - 5px);
|
|
1225
|
+
}
|
|
1114
1226
|
.ui\:rounded-\[inherit\] {
|
|
1115
1227
|
border-radius: inherit;
|
|
1116
1228
|
}
|
|
@@ -1156,10 +1268,6 @@
|
|
|
1156
1268
|
border-top-right-radius: var(--ui-radius-md);
|
|
1157
1269
|
border-bottom-right-radius: var(--ui-radius-md);
|
|
1158
1270
|
}
|
|
1159
|
-
.ui\:rounded-b-none {
|
|
1160
|
-
border-bottom-right-radius: 0;
|
|
1161
|
-
border-bottom-left-radius: 0;
|
|
1162
|
-
}
|
|
1163
1271
|
.ui\:border {
|
|
1164
1272
|
border-style: var(--tw-border-style);
|
|
1165
1273
|
border-width: 1px;
|
|
@@ -1192,10 +1300,6 @@
|
|
|
1192
1300
|
border-bottom-style: var(--tw-border-style);
|
|
1193
1301
|
border-bottom-width: 1px;
|
|
1194
1302
|
}
|
|
1195
|
-
.ui\:border-b-0\! {
|
|
1196
|
-
border-bottom-style: var(--tw-border-style) !important;
|
|
1197
|
-
border-bottom-width: 0px !important;
|
|
1198
|
-
}
|
|
1199
1303
|
.ui\:border-l {
|
|
1200
1304
|
border-left-style: var(--tw-border-style);
|
|
1201
1305
|
border-left-width: 1px;
|
|
@@ -1204,10 +1308,6 @@
|
|
|
1204
1308
|
--tw-border-style: dashed;
|
|
1205
1309
|
border-style: dashed;
|
|
1206
1310
|
}
|
|
1207
|
-
.ui\:border-none\! {
|
|
1208
|
-
--tw-border-style: none !important;
|
|
1209
|
-
border-style: none !important;
|
|
1210
|
-
}
|
|
1211
1311
|
.ui\:border-solid {
|
|
1212
1312
|
--tw-border-style: solid;
|
|
1213
1313
|
border-style: solid;
|
|
@@ -1215,6 +1315,12 @@
|
|
|
1215
1315
|
.ui\:border-\(--color-border\) {
|
|
1216
1316
|
border-color: var(--color-border);
|
|
1217
1317
|
}
|
|
1318
|
+
.ui\:border-amber-200 {
|
|
1319
|
+
border-color: var(--ui-color-amber-200);
|
|
1320
|
+
}
|
|
1321
|
+
.ui\:border-blue-200 {
|
|
1322
|
+
border-color: var(--ui-color-blue-200);
|
|
1323
|
+
}
|
|
1218
1324
|
.ui\:border-border {
|
|
1219
1325
|
border-color: var(--ui-color-border);
|
|
1220
1326
|
}
|
|
@@ -1233,6 +1339,9 @@
|
|
|
1233
1339
|
.ui\:border-gray-200 {
|
|
1234
1340
|
border-color: var(--ui-color-gray-200);
|
|
1235
1341
|
}
|
|
1342
|
+
.ui\:border-green-200 {
|
|
1343
|
+
border-color: var(--ui-color-green-200);
|
|
1344
|
+
}
|
|
1236
1345
|
.ui\:border-input {
|
|
1237
1346
|
border-color: var(--ui-color-input);
|
|
1238
1347
|
}
|
|
@@ -1242,15 +1351,27 @@
|
|
|
1242
1351
|
.ui\:border-primary\! {
|
|
1243
1352
|
border-color: var(--ui-color-primary) !important;
|
|
1244
1353
|
}
|
|
1354
|
+
.ui\:border-primary\/30 {
|
|
1355
|
+
border-color: var(--ui-color-primary);
|
|
1356
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1357
|
+
border-color: color-mix(in oklab, var(--ui-color-primary) 30%, transparent);
|
|
1358
|
+
}
|
|
1359
|
+
}
|
|
1245
1360
|
.ui\:border-segmentify-200 {
|
|
1246
1361
|
border-color: var(--ui-color-segmentify-200);
|
|
1247
1362
|
}
|
|
1248
1363
|
.ui\:border-sidebar-border {
|
|
1249
1364
|
border-color: var(--ui-sidebar-border);
|
|
1250
1365
|
}
|
|
1366
|
+
.ui\:border-slate-200 {
|
|
1367
|
+
border-color: var(--ui-color-slate-200);
|
|
1368
|
+
}
|
|
1251
1369
|
.ui\:border-transparent {
|
|
1252
1370
|
border-color: transparent;
|
|
1253
1371
|
}
|
|
1372
|
+
.ui\:border-zinc-50 {
|
|
1373
|
+
border-color: var(--ui-color-zinc-50);
|
|
1374
|
+
}
|
|
1254
1375
|
.ui\:border-t-transparent {
|
|
1255
1376
|
border-top-color: transparent;
|
|
1256
1377
|
}
|
|
@@ -1263,9 +1384,24 @@
|
|
|
1263
1384
|
.ui\:bg-accent {
|
|
1264
1385
|
background-color: var(--ui-color-accent);
|
|
1265
1386
|
}
|
|
1387
|
+
.ui\:bg-amber-50 {
|
|
1388
|
+
background-color: var(--ui-color-amber-50);
|
|
1389
|
+
}
|
|
1266
1390
|
.ui\:bg-amber-200 {
|
|
1267
1391
|
background-color: var(--ui-color-amber-200);
|
|
1268
1392
|
}
|
|
1393
|
+
.ui\:bg-amber-500\/10 {
|
|
1394
|
+
background-color: var(--ui-color-amber-500);
|
|
1395
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1396
|
+
background-color: color-mix(in oklab, var(--ui-color-amber-500) 10%, transparent);
|
|
1397
|
+
}
|
|
1398
|
+
}
|
|
1399
|
+
.ui\:bg-amber-600\/10 {
|
|
1400
|
+
background-color: var(--ui-color-amber-600);
|
|
1401
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1402
|
+
background-color: color-mix(in oklab, var(--ui-color-amber-600) 10%, transparent);
|
|
1403
|
+
}
|
|
1404
|
+
}
|
|
1269
1405
|
.ui\:bg-background {
|
|
1270
1406
|
background-color: var(--ui-color-background);
|
|
1271
1407
|
}
|
|
@@ -1275,21 +1411,54 @@
|
|
|
1275
1411
|
background-color: color-mix(in oklab, var(--ui-color-black) 50%, transparent);
|
|
1276
1412
|
}
|
|
1277
1413
|
}
|
|
1414
|
+
.ui\:bg-blue-50 {
|
|
1415
|
+
background-color: var(--ui-color-blue-50);
|
|
1416
|
+
}
|
|
1278
1417
|
.ui\:bg-blue-500\/30 {
|
|
1279
1418
|
background-color: var(--ui-color-blue-500);
|
|
1280
1419
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1281
1420
|
background-color: color-mix(in oklab, var(--ui-color-blue-500) 30%, transparent);
|
|
1282
1421
|
}
|
|
1283
1422
|
}
|
|
1423
|
+
.ui\:bg-blue-600\/10 {
|
|
1424
|
+
background-color: var(--ui-color-blue-600);
|
|
1425
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1426
|
+
background-color: color-mix(in oklab, var(--ui-color-blue-600) 10%, transparent);
|
|
1427
|
+
}
|
|
1428
|
+
}
|
|
1284
1429
|
.ui\:bg-border {
|
|
1285
1430
|
background-color: var(--ui-color-border);
|
|
1286
1431
|
}
|
|
1432
|
+
.ui\:bg-border\/60 {
|
|
1433
|
+
background-color: var(--ui-color-border);
|
|
1434
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1435
|
+
background-color: color-mix(in oklab, var(--ui-color-border) 60%, transparent);
|
|
1436
|
+
}
|
|
1437
|
+
}
|
|
1287
1438
|
.ui\:bg-card {
|
|
1288
1439
|
background-color: var(--ui-color-card);
|
|
1289
1440
|
}
|
|
1441
|
+
.ui\:bg-cyan-600\/10 {
|
|
1442
|
+
background-color: var(--ui-color-cyan-600);
|
|
1443
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1444
|
+
background-color: color-mix(in oklab, var(--ui-color-cyan-600) 10%, transparent);
|
|
1445
|
+
}
|
|
1446
|
+
}
|
|
1290
1447
|
.ui\:bg-destructive {
|
|
1291
1448
|
background-color: var(--ui-color-destructive);
|
|
1292
1449
|
}
|
|
1450
|
+
.ui\:bg-emerald-500\/10 {
|
|
1451
|
+
background-color: var(--ui-color-emerald-500);
|
|
1452
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1453
|
+
background-color: color-mix(in oklab, var(--ui-color-emerald-500) 10%, transparent);
|
|
1454
|
+
}
|
|
1455
|
+
}
|
|
1456
|
+
.ui\:bg-emerald-600\/10 {
|
|
1457
|
+
background-color: var(--ui-color-emerald-600);
|
|
1458
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1459
|
+
background-color: color-mix(in oklab, var(--ui-color-emerald-600) 10%, transparent);
|
|
1460
|
+
}
|
|
1461
|
+
}
|
|
1293
1462
|
.ui\:bg-foreground {
|
|
1294
1463
|
background-color: var(--ui-color-foreground);
|
|
1295
1464
|
}
|
|
@@ -1299,12 +1468,21 @@
|
|
|
1299
1468
|
.ui\:bg-gray-500 {
|
|
1300
1469
|
background-color: var(--ui-color-gray-500);
|
|
1301
1470
|
}
|
|
1471
|
+
.ui\:bg-green-50 {
|
|
1472
|
+
background-color: var(--ui-color-green-50);
|
|
1473
|
+
}
|
|
1302
1474
|
.ui\:bg-green-400 {
|
|
1303
1475
|
background-color: var(--ui-color-green-400);
|
|
1304
1476
|
}
|
|
1305
1477
|
.ui\:bg-green-500 {
|
|
1306
1478
|
background-color: var(--ui-color-green-500);
|
|
1307
1479
|
}
|
|
1480
|
+
.ui\:bg-indigo-600\/10 {
|
|
1481
|
+
background-color: var(--ui-color-indigo-600);
|
|
1482
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1483
|
+
background-color: color-mix(in oklab, var(--ui-color-indigo-600) 10%, transparent);
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1308
1486
|
.ui\:bg-kashmir-blue-500 {
|
|
1309
1487
|
background-color: var(--ui-color-kashmir-blue-500);
|
|
1310
1488
|
}
|
|
@@ -1332,6 +1510,18 @@
|
|
|
1332
1510
|
.ui\:bg-neutral-700 {
|
|
1333
1511
|
background-color: var(--ui-color-neutral-700);
|
|
1334
1512
|
}
|
|
1513
|
+
.ui\:bg-orange-600\/10 {
|
|
1514
|
+
background-color: var(--ui-color-orange-600);
|
|
1515
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1516
|
+
background-color: color-mix(in oklab, var(--ui-color-orange-600) 10%, transparent);
|
|
1517
|
+
}
|
|
1518
|
+
}
|
|
1519
|
+
.ui\:bg-pink-600\/10 {
|
|
1520
|
+
background-color: var(--ui-color-pink-600);
|
|
1521
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1522
|
+
background-color: color-mix(in oklab, var(--ui-color-pink-600) 10%, transparent);
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1335
1525
|
.ui\:bg-popover {
|
|
1336
1526
|
background-color: var(--ui-color-popover);
|
|
1337
1527
|
}
|
|
@@ -1359,6 +1549,18 @@
|
|
|
1359
1549
|
.ui\:bg-red-500 {
|
|
1360
1550
|
background-color: var(--ui-color-red-500);
|
|
1361
1551
|
}
|
|
1552
|
+
.ui\:bg-rose-500\/10 {
|
|
1553
|
+
background-color: var(--ui-color-rose-500);
|
|
1554
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1555
|
+
background-color: color-mix(in oklab, var(--ui-color-rose-500) 10%, transparent);
|
|
1556
|
+
}
|
|
1557
|
+
}
|
|
1558
|
+
.ui\:bg-rose-600\/10 {
|
|
1559
|
+
background-color: var(--ui-color-rose-600);
|
|
1560
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1561
|
+
background-color: color-mix(in oklab, var(--ui-color-rose-600) 10%, transparent);
|
|
1562
|
+
}
|
|
1563
|
+
}
|
|
1362
1564
|
.ui\:bg-secondary {
|
|
1363
1565
|
background-color: var(--ui-color-secondary);
|
|
1364
1566
|
}
|
|
@@ -1380,15 +1582,36 @@
|
|
|
1380
1582
|
.ui\:bg-sidebar-border {
|
|
1381
1583
|
background-color: var(--ui-sidebar-border);
|
|
1382
1584
|
}
|
|
1585
|
+
.ui\:bg-slate-50 {
|
|
1586
|
+
background-color: var(--ui-color-slate-50);
|
|
1587
|
+
}
|
|
1588
|
+
.ui\:bg-teal-600\/10 {
|
|
1589
|
+
background-color: var(--ui-color-teal-600);
|
|
1590
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1591
|
+
background-color: color-mix(in oklab, var(--ui-color-teal-600) 10%, transparent);
|
|
1592
|
+
}
|
|
1593
|
+
}
|
|
1383
1594
|
.ui\:bg-transparent {
|
|
1384
1595
|
background-color: transparent;
|
|
1385
1596
|
}
|
|
1597
|
+
.ui\:bg-violet-600\/10 {
|
|
1598
|
+
background-color: var(--ui-color-violet-600);
|
|
1599
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1600
|
+
background-color: color-mix(in oklab, var(--ui-color-violet-600) 10%, transparent);
|
|
1601
|
+
}
|
|
1602
|
+
}
|
|
1386
1603
|
.ui\:bg-white {
|
|
1387
1604
|
background-color: var(--ui-color-white);
|
|
1388
1605
|
}
|
|
1389
1606
|
.ui\:bg-yellow-500 {
|
|
1390
1607
|
background-color: var(--ui-color-yellow-500);
|
|
1391
1608
|
}
|
|
1609
|
+
.ui\:bg-clip-padding {
|
|
1610
|
+
background-clip: padding-box;
|
|
1611
|
+
}
|
|
1612
|
+
.ui\:fill-amber-500 {
|
|
1613
|
+
fill: var(--ui-color-amber-500);
|
|
1614
|
+
}
|
|
1392
1615
|
.ui\:fill-current {
|
|
1393
1616
|
fill: currentcolor;
|
|
1394
1617
|
}
|
|
@@ -1398,6 +1621,9 @@
|
|
|
1398
1621
|
.ui\:fill-primary {
|
|
1399
1622
|
fill: var(--ui-color-primary);
|
|
1400
1623
|
}
|
|
1624
|
+
.ui\:fill-rose-500 {
|
|
1625
|
+
fill: var(--ui-color-rose-500);
|
|
1626
|
+
}
|
|
1401
1627
|
.ui\:object-cover {
|
|
1402
1628
|
object-fit: cover;
|
|
1403
1629
|
}
|
|
@@ -1440,6 +1666,9 @@
|
|
|
1440
1666
|
.ui\:px-1 {
|
|
1441
1667
|
padding-inline: calc(var(--ui-spacing) * 1);
|
|
1442
1668
|
}
|
|
1669
|
+
.ui\:px-1\.5 {
|
|
1670
|
+
padding-inline: calc(var(--ui-spacing) * 1.5);
|
|
1671
|
+
}
|
|
1443
1672
|
.ui\:px-2 {
|
|
1444
1673
|
padding-inline: calc(var(--ui-spacing) * 2);
|
|
1445
1674
|
}
|
|
@@ -1461,6 +1690,9 @@
|
|
|
1461
1690
|
.ui\:py-1 {
|
|
1462
1691
|
padding-block: calc(var(--ui-spacing) * 1);
|
|
1463
1692
|
}
|
|
1693
|
+
.ui\:py-1\! {
|
|
1694
|
+
padding-block: calc(var(--ui-spacing) * 1) !important;
|
|
1695
|
+
}
|
|
1464
1696
|
.ui\:py-1\.5 {
|
|
1465
1697
|
padding-block: calc(var(--ui-spacing) * 1.5);
|
|
1466
1698
|
}
|
|
@@ -1500,6 +1732,9 @@
|
|
|
1500
1732
|
.ui\:pr-2 {
|
|
1501
1733
|
padding-right: calc(var(--ui-spacing) * 2);
|
|
1502
1734
|
}
|
|
1735
|
+
.ui\:pr-3 {
|
|
1736
|
+
padding-right: calc(var(--ui-spacing) * 3);
|
|
1737
|
+
}
|
|
1503
1738
|
.ui\:pr-8 {
|
|
1504
1739
|
padding-right: calc(var(--ui-spacing) * 8);
|
|
1505
1740
|
}
|
|
@@ -1509,12 +1744,18 @@
|
|
|
1509
1744
|
.ui\:pb-0 {
|
|
1510
1745
|
padding-bottom: calc(var(--ui-spacing) * 0);
|
|
1511
1746
|
}
|
|
1747
|
+
.ui\:pb-2 {
|
|
1748
|
+
padding-bottom: calc(var(--ui-spacing) * 2);
|
|
1749
|
+
}
|
|
1512
1750
|
.ui\:pb-3 {
|
|
1513
1751
|
padding-bottom: calc(var(--ui-spacing) * 3);
|
|
1514
1752
|
}
|
|
1515
1753
|
.ui\:pb-4 {
|
|
1516
1754
|
padding-bottom: calc(var(--ui-spacing) * 4);
|
|
1517
1755
|
}
|
|
1756
|
+
.ui\:pb-6 {
|
|
1757
|
+
padding-bottom: calc(var(--ui-spacing) * 6);
|
|
1758
|
+
}
|
|
1518
1759
|
.ui\:pl-2 {
|
|
1519
1760
|
padding-left: calc(var(--ui-spacing) * 2);
|
|
1520
1761
|
}
|
|
@@ -1548,6 +1789,10 @@
|
|
|
1548
1789
|
.ui\:font-sans {
|
|
1549
1790
|
font-family: var(--ui-font-sans);
|
|
1550
1791
|
}
|
|
1792
|
+
.ui\:text-2xl {
|
|
1793
|
+
font-size: var(--ui-text-2xl);
|
|
1794
|
+
line-height: var(--tw-leading, var(--ui-text-2xl--line-height));
|
|
1795
|
+
}
|
|
1551
1796
|
.ui\:text-3xl {
|
|
1552
1797
|
font-size: var(--ui-text-3xl);
|
|
1553
1798
|
line-height: var(--tw-leading, var(--ui-text-3xl--line-height));
|
|
@@ -1638,6 +1883,15 @@
|
|
|
1638
1883
|
.ui\:text-accent-foreground {
|
|
1639
1884
|
color: var(--ui-color-accent-foreground);
|
|
1640
1885
|
}
|
|
1886
|
+
.ui\:text-amber-500 {
|
|
1887
|
+
color: var(--ui-color-amber-500);
|
|
1888
|
+
}
|
|
1889
|
+
.ui\:text-amber-600 {
|
|
1890
|
+
color: var(--ui-color-amber-600);
|
|
1891
|
+
}
|
|
1892
|
+
.ui\:text-amber-800 {
|
|
1893
|
+
color: var(--ui-color-amber-800);
|
|
1894
|
+
}
|
|
1641
1895
|
.ui\:text-background {
|
|
1642
1896
|
color: var(--ui-color-background);
|
|
1643
1897
|
}
|
|
@@ -1653,18 +1907,33 @@
|
|
|
1653
1907
|
.ui\:text-black-950\! {
|
|
1654
1908
|
color: var(--ui-color-black-950) !important;
|
|
1655
1909
|
}
|
|
1910
|
+
.ui\:text-blue-600 {
|
|
1911
|
+
color: var(--ui-color-blue-600);
|
|
1912
|
+
}
|
|
1913
|
+
.ui\:text-blue-800 {
|
|
1914
|
+
color: var(--ui-color-blue-800);
|
|
1915
|
+
}
|
|
1656
1916
|
.ui\:text-card-foreground {
|
|
1657
1917
|
color: var(--ui-color-card-foreground);
|
|
1658
1918
|
}
|
|
1659
1919
|
.ui\:text-current {
|
|
1660
1920
|
color: currentcolor;
|
|
1661
1921
|
}
|
|
1922
|
+
.ui\:text-cyan-600 {
|
|
1923
|
+
color: var(--ui-color-cyan-600);
|
|
1924
|
+
}
|
|
1662
1925
|
.ui\:text-destructive {
|
|
1663
1926
|
color: var(--ui-color-destructive);
|
|
1664
1927
|
}
|
|
1665
1928
|
.ui\:text-destructive-foreground {
|
|
1666
1929
|
color: var(--ui-color-destructive-foreground);
|
|
1667
1930
|
}
|
|
1931
|
+
.ui\:text-emerald-500 {
|
|
1932
|
+
color: var(--ui-color-emerald-500);
|
|
1933
|
+
}
|
|
1934
|
+
.ui\:text-emerald-600 {
|
|
1935
|
+
color: var(--ui-color-emerald-600);
|
|
1936
|
+
}
|
|
1668
1937
|
.ui\:text-foreground {
|
|
1669
1938
|
color: var(--ui-color-foreground);
|
|
1670
1939
|
}
|
|
@@ -1674,9 +1943,27 @@
|
|
|
1674
1943
|
.ui\:text-gray-600 {
|
|
1675
1944
|
color: var(--ui-color-gray-600);
|
|
1676
1945
|
}
|
|
1946
|
+
.ui\:text-green-700 {
|
|
1947
|
+
color: var(--ui-color-green-700);
|
|
1948
|
+
}
|
|
1949
|
+
.ui\:text-green-800 {
|
|
1950
|
+
color: var(--ui-color-green-800);
|
|
1951
|
+
}
|
|
1952
|
+
.ui\:text-indigo-600 {
|
|
1953
|
+
color: var(--ui-color-indigo-600);
|
|
1954
|
+
}
|
|
1677
1955
|
.ui\:text-muted-foreground {
|
|
1678
1956
|
color: var(--ui-color-muted-foreground);
|
|
1679
1957
|
}
|
|
1958
|
+
.ui\:text-muted-foreground\! {
|
|
1959
|
+
color: var(--ui-color-muted-foreground) !important;
|
|
1960
|
+
}
|
|
1961
|
+
.ui\:text-orange-600 {
|
|
1962
|
+
color: var(--ui-color-orange-600);
|
|
1963
|
+
}
|
|
1964
|
+
.ui\:text-pink-600 {
|
|
1965
|
+
color: var(--ui-color-pink-600);
|
|
1966
|
+
}
|
|
1680
1967
|
.ui\:text-popover-foreground {
|
|
1681
1968
|
color: var(--ui-color-popover-foreground);
|
|
1682
1969
|
}
|
|
@@ -1695,6 +1982,12 @@
|
|
|
1695
1982
|
.ui\:text-red-500 {
|
|
1696
1983
|
color: var(--ui-color-red-500);
|
|
1697
1984
|
}
|
|
1985
|
+
.ui\:text-rose-500 {
|
|
1986
|
+
color: var(--ui-color-rose-500);
|
|
1987
|
+
}
|
|
1988
|
+
.ui\:text-rose-600 {
|
|
1989
|
+
color: var(--ui-color-rose-600);
|
|
1990
|
+
}
|
|
1698
1991
|
.ui\:text-secondary-foreground {
|
|
1699
1992
|
color: var(--ui-color-secondary-foreground);
|
|
1700
1993
|
}
|
|
@@ -1713,6 +2006,12 @@
|
|
|
1713
2006
|
color: color-mix(in oklab, var(--ui-sidebar-foreground) 70%, transparent);
|
|
1714
2007
|
}
|
|
1715
2008
|
}
|
|
2009
|
+
.ui\:text-teal-600 {
|
|
2010
|
+
color: var(--ui-color-teal-600);
|
|
2011
|
+
}
|
|
2012
|
+
.ui\:text-violet-600 {
|
|
2013
|
+
color: var(--ui-color-violet-600);
|
|
2014
|
+
}
|
|
1716
2015
|
.ui\:text-white {
|
|
1717
2016
|
color: var(--ui-color-white);
|
|
1718
2017
|
}
|
|
@@ -1747,9 +2046,6 @@
|
|
|
1747
2046
|
.ui\:opacity-70 {
|
|
1748
2047
|
opacity: 70%;
|
|
1749
2048
|
}
|
|
1750
|
-
.ui\:opacity-100 {
|
|
1751
|
-
opacity: 100%;
|
|
1752
|
-
}
|
|
1753
2049
|
.ui\:shadow {
|
|
1754
2050
|
--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));
|
|
1755
2051
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1808,6 +2104,12 @@
|
|
|
1808
2104
|
--tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 50%, transparent) !important;
|
|
1809
2105
|
}
|
|
1810
2106
|
}
|
|
2107
|
+
.ui\:ring-foreground\/10 {
|
|
2108
|
+
--tw-ring-color: var(--ui-color-foreground);
|
|
2109
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2110
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-foreground) 10%, transparent);
|
|
2111
|
+
}
|
|
2112
|
+
}
|
|
1811
2113
|
.ui\:ring-primary {
|
|
1812
2114
|
--tw-ring-color: var(--ui-color-primary);
|
|
1813
2115
|
}
|
|
@@ -1892,6 +2194,10 @@
|
|
|
1892
2194
|
.ui\:transition-none {
|
|
1893
2195
|
transition-property: none;
|
|
1894
2196
|
}
|
|
2197
|
+
.ui\:duration-100 {
|
|
2198
|
+
--tw-duration: 100ms;
|
|
2199
|
+
transition-duration: 100ms;
|
|
2200
|
+
}
|
|
1895
2201
|
.ui\:duration-200 {
|
|
1896
2202
|
--tw-duration: 200ms;
|
|
1897
2203
|
transition-duration: 200ms;
|
|
@@ -1958,6 +2264,31 @@
|
|
|
1958
2264
|
padding-right: calc(var(--ui-spacing) * 8);
|
|
1959
2265
|
}
|
|
1960
2266
|
}
|
|
2267
|
+
.ui\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden {
|
|
2268
|
+
&:is(:where(.ui\:group\/input-group):has(*[data-slot="combobox-clear"]) *) {
|
|
2269
|
+
display: none;
|
|
2270
|
+
}
|
|
2271
|
+
}
|
|
2272
|
+
.ui\:group-has-\[\>input\]\/input-group\:pt-2\.5 {
|
|
2273
|
+
&:is(:where(.ui\:group\/input-group):has(>input) *) {
|
|
2274
|
+
padding-top: calc(var(--ui-spacing) * 2.5);
|
|
2275
|
+
}
|
|
2276
|
+
}
|
|
2277
|
+
.ui\:group-has-\[\>input\]\/input-group\:pb-2\.5 {
|
|
2278
|
+
&:is(:where(.ui\:group\/input-group):has(>input) *) {
|
|
2279
|
+
padding-bottom: calc(var(--ui-spacing) * 2.5);
|
|
2280
|
+
}
|
|
2281
|
+
}
|
|
2282
|
+
.ui\:group-data-empty\/combobox-content\:flex {
|
|
2283
|
+
&:is(:where(.ui\:group\/combobox-content)[data-empty] *) {
|
|
2284
|
+
display: flex;
|
|
2285
|
+
}
|
|
2286
|
+
}
|
|
2287
|
+
.ui\:group-data-empty\/combobox-content\:hidden {
|
|
2288
|
+
&:is(:where(.ui\:group\/combobox-content)[data-empty] *) {
|
|
2289
|
+
display: none;
|
|
2290
|
+
}
|
|
2291
|
+
}
|
|
1961
2292
|
.ui\:group-data-\[collapsible\=icon\]\:-mt-8 {
|
|
1962
2293
|
&:is(:where(.ui\:group)[data-collapsible="icon"] *) {
|
|
1963
2294
|
margin-top: calc(var(--ui-spacing) * -8);
|
|
@@ -2030,6 +2361,11 @@
|
|
|
2030
2361
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
2031
2362
|
}
|
|
2032
2363
|
}
|
|
2364
|
+
.ui\:group-data-\[disabled\=true\]\/input-group\:opacity-50 {
|
|
2365
|
+
&:is(:where(.ui\:group\/input-group)[data-disabled="true"] *) {
|
|
2366
|
+
opacity: 50%;
|
|
2367
|
+
}
|
|
2368
|
+
}
|
|
2033
2369
|
.ui\:group-data-\[focused\=true\]\/day\:relative {
|
|
2034
2370
|
&:is(:where(.ui\:group\/day)[data-focused="true"] *) {
|
|
2035
2371
|
position: relative;
|
|
@@ -2086,6 +2422,16 @@
|
|
|
2086
2422
|
border-left-width: 1px;
|
|
2087
2423
|
}
|
|
2088
2424
|
}
|
|
2425
|
+
.ui\:group-data-\[size\=sm\]\/alert-dialog-content\:grid {
|
|
2426
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="sm"] *) {
|
|
2427
|
+
display: grid;
|
|
2428
|
+
}
|
|
2429
|
+
}
|
|
2430
|
+
.ui\:group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
|
|
2431
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="sm"] *) {
|
|
2432
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2433
|
+
}
|
|
2434
|
+
}
|
|
2089
2435
|
.ui\:group-data-\[variant\=floating\]\:rounded-lg {
|
|
2090
2436
|
&:is(:where(.ui\:group)[data-variant="floating"] *) {
|
|
2091
2437
|
border-radius: var(--ui-radius-lg);
|
|
@@ -2347,6 +2693,30 @@
|
|
|
2347
2693
|
border-bottom-width: 0px;
|
|
2348
2694
|
}
|
|
2349
2695
|
}
|
|
2696
|
+
.ui\:last\:pb-0 {
|
|
2697
|
+
&:last-child {
|
|
2698
|
+
padding-bottom: calc(var(--ui-spacing) * 0);
|
|
2699
|
+
}
|
|
2700
|
+
}
|
|
2701
|
+
.ui\:focus-within\:border-ring {
|
|
2702
|
+
&:focus-within {
|
|
2703
|
+
border-color: var(--ui-color-ring);
|
|
2704
|
+
}
|
|
2705
|
+
}
|
|
2706
|
+
.ui\:focus-within\:ring-\[3px\] {
|
|
2707
|
+
&:focus-within {
|
|
2708
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2709
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2710
|
+
}
|
|
2711
|
+
}
|
|
2712
|
+
.ui\:focus-within\:ring-ring\/50 {
|
|
2713
|
+
&:focus-within {
|
|
2714
|
+
--tw-ring-color: var(--ui-color-ring);
|
|
2715
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2716
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-ring) 50%, transparent);
|
|
2717
|
+
}
|
|
2718
|
+
}
|
|
2719
|
+
}
|
|
2350
2720
|
.ui\:hover\:scale-110 {
|
|
2351
2721
|
&:hover {
|
|
2352
2722
|
@media (hover: hover) {
|
|
@@ -2561,6 +2931,14 @@
|
|
|
2561
2931
|
}
|
|
2562
2932
|
}
|
|
2563
2933
|
}
|
|
2934
|
+
.ui\:hover\:shadow-sm {
|
|
2935
|
+
&:hover {
|
|
2936
|
+
@media (hover: hover) {
|
|
2937
|
+
--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));
|
|
2938
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2939
|
+
}
|
|
2940
|
+
}
|
|
2941
|
+
}
|
|
2564
2942
|
.ui\:hover\:ring-4 {
|
|
2565
2943
|
&:hover {
|
|
2566
2944
|
@media (hover: hover) {
|
|
@@ -2646,6 +3024,12 @@
|
|
|
2646
3024
|
border-color: var(--ui-color-ring);
|
|
2647
3025
|
}
|
|
2648
3026
|
}
|
|
3027
|
+
.ui\:focus-visible\:ring-0 {
|
|
3028
|
+
&:focus-visible {
|
|
3029
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3030
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3031
|
+
}
|
|
3032
|
+
}
|
|
2649
3033
|
.ui\:focus-visible\:ring-2 {
|
|
2650
3034
|
&:focus-visible {
|
|
2651
3035
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
@@ -2784,6 +3168,16 @@
|
|
|
2784
3168
|
cursor: e-resize;
|
|
2785
3169
|
}
|
|
2786
3170
|
}
|
|
3171
|
+
.ui\:in-data-\[slot\=card-content\]\:bg-transparent {
|
|
3172
|
+
:where(*[data-slot="card-content"]) & {
|
|
3173
|
+
background-color: transparent;
|
|
3174
|
+
}
|
|
3175
|
+
}
|
|
3176
|
+
.ui\:in-data-\[slot\=popover-content\]\:bg-transparent {
|
|
3177
|
+
:where(*[data-slot="popover-content"]) & {
|
|
3178
|
+
background-color: transparent;
|
|
3179
|
+
}
|
|
3180
|
+
}
|
|
2787
3181
|
.ui\:has-focus\:border-ring {
|
|
2788
3182
|
&:has(*:focus) {
|
|
2789
3183
|
border-color: var(--ui-color-ring);
|
|
@@ -2803,26 +3197,162 @@
|
|
|
2803
3197
|
}
|
|
2804
3198
|
}
|
|
2805
3199
|
}
|
|
3200
|
+
.ui\:has-disabled\:pointer-events-none {
|
|
3201
|
+
&:has(*:disabled) {
|
|
3202
|
+
pointer-events: none;
|
|
3203
|
+
}
|
|
3204
|
+
}
|
|
3205
|
+
.ui\:has-disabled\:cursor-not-allowed {
|
|
3206
|
+
&:has(*:disabled) {
|
|
3207
|
+
cursor: not-allowed;
|
|
3208
|
+
}
|
|
3209
|
+
}
|
|
2806
3210
|
.ui\:has-disabled\:opacity-50 {
|
|
2807
3211
|
&:has(*:disabled) {
|
|
2808
3212
|
opacity: 50%;
|
|
2809
3213
|
}
|
|
2810
3214
|
}
|
|
3215
|
+
.ui\:has-aria-invalid\:border-destructive {
|
|
3216
|
+
&:has(*[aria-invalid="true"]) {
|
|
3217
|
+
border-color: var(--ui-color-destructive);
|
|
3218
|
+
}
|
|
3219
|
+
}
|
|
3220
|
+
.ui\:has-aria-invalid\:ring-\[3px\] {
|
|
3221
|
+
&:has(*[aria-invalid="true"]) {
|
|
3222
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3223
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3224
|
+
}
|
|
3225
|
+
}
|
|
3226
|
+
.ui\:has-aria-invalid\:ring-destructive\/20 {
|
|
3227
|
+
&:has(*[aria-invalid="true"]) {
|
|
3228
|
+
--tw-ring-color: var(--ui-color-destructive);
|
|
3229
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3230
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 20%, transparent);
|
|
3231
|
+
}
|
|
3232
|
+
}
|
|
3233
|
+
}
|
|
3234
|
+
.ui\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\] {
|
|
3235
|
+
&:has(*[data-slot="alert-dialog-media"]) {
|
|
3236
|
+
grid-template-rows: auto auto 1fr;
|
|
3237
|
+
}
|
|
3238
|
+
}
|
|
3239
|
+
.ui\:has-data-\[slot\=alert-dialog-media\]\:gap-x-6 {
|
|
3240
|
+
&:has(*[data-slot="alert-dialog-media"]) {
|
|
3241
|
+
column-gap: calc(var(--ui-spacing) * 6);
|
|
3242
|
+
}
|
|
3243
|
+
}
|
|
2811
3244
|
.ui\:has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
|
|
2812
3245
|
&:has(*[data-slot="card-action"]) {
|
|
2813
3246
|
grid-template-columns: 1fr auto;
|
|
2814
3247
|
}
|
|
2815
3248
|
}
|
|
3249
|
+
.ui\:has-data-\[slot\=combobox-chip\]\:px-1\.5 {
|
|
3250
|
+
&:has(*[data-slot="combobox-chip"]) {
|
|
3251
|
+
padding-inline: calc(var(--ui-spacing) * 1.5);
|
|
3252
|
+
}
|
|
3253
|
+
}
|
|
3254
|
+
.ui\:has-data-\[slot\=combobox-chip-remove\]\:pr-0 {
|
|
3255
|
+
&:has(*[data-slot="combobox-chip-remove"]) {
|
|
3256
|
+
padding-right: calc(var(--ui-spacing) * 0);
|
|
3257
|
+
}
|
|
3258
|
+
}
|
|
2816
3259
|
.ui\:has-data-\[variant\=inset\]\:bg-sidebar {
|
|
2817
3260
|
&:has(*[data-variant="inset"]) {
|
|
2818
3261
|
background-color: var(--ui-sidebar);
|
|
2819
3262
|
}
|
|
2820
3263
|
}
|
|
3264
|
+
.ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
|
|
3265
|
+
&:has(*:is([data-slot=input-group-control]:focus-visible)) {
|
|
3266
|
+
border-color: var(--ui-color-ring);
|
|
3267
|
+
}
|
|
3268
|
+
}
|
|
3269
|
+
.ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] {
|
|
3270
|
+
&:has(*:is([data-slot=input-group-control]:focus-visible)) {
|
|
3271
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3272
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3273
|
+
}
|
|
3274
|
+
}
|
|
3275
|
+
.ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
|
|
3276
|
+
&:has(*:is([data-slot=input-group-control]:focus-visible)) {
|
|
3277
|
+
--tw-ring-color: var(--ui-color-ring);
|
|
3278
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3279
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-ring) 50%, transparent);
|
|
3280
|
+
}
|
|
3281
|
+
}
|
|
3282
|
+
}
|
|
3283
|
+
.ui\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
|
|
3284
|
+
&:has(*:is([data-slot][aria-invalid=true])) {
|
|
3285
|
+
border-color: var(--ui-color-destructive);
|
|
3286
|
+
}
|
|
3287
|
+
}
|
|
3288
|
+
.ui\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
|
|
3289
|
+
&:has(*:is([data-slot][aria-invalid=true])) {
|
|
3290
|
+
--tw-ring-color: var(--ui-color-destructive);
|
|
3291
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3292
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 20%, transparent);
|
|
3293
|
+
}
|
|
3294
|
+
}
|
|
3295
|
+
}
|
|
2821
3296
|
.ui\:has-\[select\:disabled\]\:opacity-50 {
|
|
2822
3297
|
&:has(*:is(select:disabled)) {
|
|
2823
3298
|
opacity: 50%;
|
|
2824
3299
|
}
|
|
2825
3300
|
}
|
|
3301
|
+
.ui\:has-\[\>\[data-align\=block-end\]\]\:h-auto {
|
|
3302
|
+
&:has(>[data-align=block-end]) {
|
|
3303
|
+
height: auto;
|
|
3304
|
+
}
|
|
3305
|
+
}
|
|
3306
|
+
.ui\:has-\[\>\[data-align\=block-end\]\]\:flex-col {
|
|
3307
|
+
&:has(>[data-align=block-end]) {
|
|
3308
|
+
flex-direction: column;
|
|
3309
|
+
}
|
|
3310
|
+
}
|
|
3311
|
+
.ui\:has-\[\>\[data-align\=block-start\]\]\:h-auto {
|
|
3312
|
+
&:has(>[data-align=block-start]) {
|
|
3313
|
+
height: auto;
|
|
3314
|
+
}
|
|
3315
|
+
}
|
|
3316
|
+
.ui\:has-\[\>\[data-align\=block-start\]\]\:flex-col {
|
|
3317
|
+
&:has(>[data-align=block-start]) {
|
|
3318
|
+
flex-direction: column;
|
|
3319
|
+
}
|
|
3320
|
+
}
|
|
3321
|
+
.ui\:has-\[\>button\]\:mr-\[-0\.45rem\] {
|
|
3322
|
+
&:has(>button) {
|
|
3323
|
+
margin-right: -0.45rem;
|
|
3324
|
+
}
|
|
3325
|
+
}
|
|
3326
|
+
.ui\:has-\[\>button\]\:ml-\[-0\.45rem\] {
|
|
3327
|
+
&:has(>button) {
|
|
3328
|
+
margin-left: -0.45rem;
|
|
3329
|
+
}
|
|
3330
|
+
}
|
|
3331
|
+
.ui\:has-\[\>kbd\]\:mr-\[-0\.35rem\] {
|
|
3332
|
+
&:has(>kbd) {
|
|
3333
|
+
margin-right: -0.35rem;
|
|
3334
|
+
}
|
|
3335
|
+
}
|
|
3336
|
+
.ui\:has-\[\>kbd\]\:ml-\[-0\.35rem\] {
|
|
3337
|
+
&:has(>kbd) {
|
|
3338
|
+
margin-left: -0.35rem;
|
|
3339
|
+
}
|
|
3340
|
+
}
|
|
3341
|
+
.ui\:has-\[\>svg\]\:p-0 {
|
|
3342
|
+
&:has(>svg) {
|
|
3343
|
+
padding: calc(var(--ui-spacing) * 0);
|
|
3344
|
+
}
|
|
3345
|
+
}
|
|
3346
|
+
.ui\:has-\[\>svg\]\:px-0 {
|
|
3347
|
+
&:has(>svg) {
|
|
3348
|
+
padding-inline: calc(var(--ui-spacing) * 0);
|
|
3349
|
+
}
|
|
3350
|
+
}
|
|
3351
|
+
.ui\:has-\[\>svg\]\:px-2 {
|
|
3352
|
+
&:has(>svg) {
|
|
3353
|
+
padding-inline: calc(var(--ui-spacing) * 2);
|
|
3354
|
+
}
|
|
3355
|
+
}
|
|
2826
3356
|
.ui\:has-\[\>svg\]\:px-2\.5 {
|
|
2827
3357
|
&:has(>svg) {
|
|
2828
3358
|
padding-inline: calc(var(--ui-spacing) * 2.5);
|
|
@@ -2838,6 +3368,16 @@
|
|
|
2838
3368
|
padding-inline: calc(var(--ui-spacing) * 4);
|
|
2839
3369
|
}
|
|
2840
3370
|
}
|
|
3371
|
+
.ui\:has-\[\>svg\]\:py-0 {
|
|
3372
|
+
&:has(>svg) {
|
|
3373
|
+
padding-block: calc(var(--ui-spacing) * 0);
|
|
3374
|
+
}
|
|
3375
|
+
}
|
|
3376
|
+
.ui\:has-\[\>textarea\]\:h-auto {
|
|
3377
|
+
&:has(>textarea) {
|
|
3378
|
+
height: auto;
|
|
3379
|
+
}
|
|
3380
|
+
}
|
|
2841
3381
|
.ui\:aria-disabled\:pointer-events-none {
|
|
2842
3382
|
&[aria-disabled="true"] {
|
|
2843
3383
|
pointer-events: none;
|
|
@@ -2861,9 +3401,26 @@
|
|
|
2861
3401
|
}
|
|
2862
3402
|
}
|
|
2863
3403
|
}
|
|
2864
|
-
.ui\:aria-selected\:text-muted-foreground {
|
|
3404
|
+
.ui\:aria-selected\:text-muted-foreground\! {
|
|
2865
3405
|
&[aria-selected="true"] {
|
|
2866
|
-
color: var(--ui-color-muted-foreground);
|
|
3406
|
+
color: var(--ui-color-muted-foreground) !important;
|
|
3407
|
+
}
|
|
3408
|
+
}
|
|
3409
|
+
.ui\:data-closed\:animate-out {
|
|
3410
|
+
&[data-closed] {
|
|
3411
|
+
animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
3412
|
+
}
|
|
3413
|
+
}
|
|
3414
|
+
.ui\:data-closed\:fade-out-0 {
|
|
3415
|
+
&[data-closed] {
|
|
3416
|
+
--tw-exit-opacity: calc(0/100);
|
|
3417
|
+
--tw-exit-opacity: 0;
|
|
3418
|
+
}
|
|
3419
|
+
}
|
|
3420
|
+
.ui\:data-closed\:zoom-out-95 {
|
|
3421
|
+
&[data-closed] {
|
|
3422
|
+
--tw-exit-scale: calc(95*1%);
|
|
3423
|
+
--tw-exit-scale: .95;
|
|
2867
3424
|
}
|
|
2868
3425
|
}
|
|
2869
3426
|
.ui\:data-disabled\:pointer-events-none {
|
|
@@ -2876,6 +3433,43 @@
|
|
|
2876
3433
|
opacity: 50%;
|
|
2877
3434
|
}
|
|
2878
3435
|
}
|
|
3436
|
+
.ui\:data-empty\:p-0 {
|
|
3437
|
+
&[data-empty] {
|
|
3438
|
+
padding: calc(var(--ui-spacing) * 0);
|
|
3439
|
+
}
|
|
3440
|
+
}
|
|
3441
|
+
.ui\:data-highlighted\:bg-accent {
|
|
3442
|
+
&[data-highlighted] {
|
|
3443
|
+
background-color: var(--ui-color-accent);
|
|
3444
|
+
}
|
|
3445
|
+
}
|
|
3446
|
+
.ui\:data-highlighted\:text-accent-foreground {
|
|
3447
|
+
&[data-highlighted] {
|
|
3448
|
+
color: var(--ui-color-accent-foreground);
|
|
3449
|
+
}
|
|
3450
|
+
}
|
|
3451
|
+
.ui\:data-open\:animate-in {
|
|
3452
|
+
&[data-open] {
|
|
3453
|
+
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
3454
|
+
}
|
|
3455
|
+
}
|
|
3456
|
+
.ui\:data-open\:fade-in-0 {
|
|
3457
|
+
&[data-open] {
|
|
3458
|
+
--tw-enter-opacity: calc(0/100);
|
|
3459
|
+
--tw-enter-opacity: 0;
|
|
3460
|
+
}
|
|
3461
|
+
}
|
|
3462
|
+
.ui\:data-open\:zoom-in-95 {
|
|
3463
|
+
&[data-open] {
|
|
3464
|
+
--tw-enter-scale: calc(95*1%);
|
|
3465
|
+
--tw-enter-scale: .95;
|
|
3466
|
+
}
|
|
3467
|
+
}
|
|
3468
|
+
.ui\:data-pressed\:bg-transparent {
|
|
3469
|
+
&[data-pressed] {
|
|
3470
|
+
background-color: transparent;
|
|
3471
|
+
}
|
|
3472
|
+
}
|
|
2879
3473
|
.ui\:data-\[active\=true\]\:bg-sidebar-accent {
|
|
2880
3474
|
&[data-active="true"] {
|
|
2881
3475
|
background-color: var(--ui-sidebar-accent);
|
|
@@ -2892,6 +3486,11 @@
|
|
|
2892
3486
|
color: var(--ui-sidebar-accent-foreground);
|
|
2893
3487
|
}
|
|
2894
3488
|
}
|
|
3489
|
+
.ui\:data-\[chips\=true\]\:min-w-\(--anchor-width\) {
|
|
3490
|
+
&[data-chips="true"] {
|
|
3491
|
+
min-width: var(--anchor-width);
|
|
3492
|
+
}
|
|
3493
|
+
}
|
|
2895
3494
|
.ui\:data-\[disabled\]\:pointer-events-none {
|
|
2896
3495
|
&[data-disabled] {
|
|
2897
3496
|
pointer-events: none;
|
|
@@ -2972,6 +3571,11 @@
|
|
|
2972
3571
|
flex-direction: column;
|
|
2973
3572
|
}
|
|
2974
3573
|
}
|
|
3574
|
+
.ui\:data-\[outside\=true\]\:text-muted-foreground {
|
|
3575
|
+
&[data-outside="true"] {
|
|
3576
|
+
color: var(--ui-color-muted-foreground);
|
|
3577
|
+
}
|
|
3578
|
+
}
|
|
2975
3579
|
.ui\:data-\[range-end\=true\]\:rounded-md {
|
|
2976
3580
|
&[data-range-end="true"] {
|
|
2977
3581
|
border-radius: var(--ui-radius-md);
|
|
@@ -3098,6 +3702,11 @@
|
|
|
3098
3702
|
height: calc(var(--ui-spacing) * 8);
|
|
3099
3703
|
}
|
|
3100
3704
|
}
|
|
3705
|
+
.ui\:data-\[size\=sm\]\:max-w-xs {
|
|
3706
|
+
&[data-size="sm"] {
|
|
3707
|
+
max-width: var(--ui-container-xs);
|
|
3708
|
+
}
|
|
3709
|
+
}
|
|
3101
3710
|
.ui\:data-\[size\=sm\]\:py-1 {
|
|
3102
3711
|
&[data-size="sm"] {
|
|
3103
3712
|
padding-block: calc(var(--ui-spacing) * 1);
|
|
@@ -3110,6 +3719,55 @@
|
|
|
3110
3719
|
}
|
|
3111
3720
|
}
|
|
3112
3721
|
}
|
|
3722
|
+
.ui\:\*\:data-\[slot\=input-group\]\:m-1 {
|
|
3723
|
+
:is(& > *) {
|
|
3724
|
+
&[data-slot="input-group"] {
|
|
3725
|
+
margin: calc(var(--ui-spacing) * 1);
|
|
3726
|
+
}
|
|
3727
|
+
}
|
|
3728
|
+
}
|
|
3729
|
+
.ui\:\*\:data-\[slot\=input-group\]\:mb-0 {
|
|
3730
|
+
:is(& > *) {
|
|
3731
|
+
&[data-slot="input-group"] {
|
|
3732
|
+
margin-bottom: calc(var(--ui-spacing) * 0);
|
|
3733
|
+
}
|
|
3734
|
+
}
|
|
3735
|
+
}
|
|
3736
|
+
.ui\:\*\:data-\[slot\=input-group\]\:h-8 {
|
|
3737
|
+
:is(& > *) {
|
|
3738
|
+
&[data-slot="input-group"] {
|
|
3739
|
+
height: calc(var(--ui-spacing) * 8);
|
|
3740
|
+
}
|
|
3741
|
+
}
|
|
3742
|
+
}
|
|
3743
|
+
.ui\:\*\:data-\[slot\=input-group\]\:border-input\/30 {
|
|
3744
|
+
:is(& > *) {
|
|
3745
|
+
&[data-slot="input-group"] {
|
|
3746
|
+
border-color: var(--ui-color-input);
|
|
3747
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3748
|
+
border-color: color-mix(in oklab, var(--ui-color-input) 30%, transparent);
|
|
3749
|
+
}
|
|
3750
|
+
}
|
|
3751
|
+
}
|
|
3752
|
+
}
|
|
3753
|
+
.ui\:\*\:data-\[slot\=input-group\]\:bg-input\/30 {
|
|
3754
|
+
:is(& > *) {
|
|
3755
|
+
&[data-slot="input-group"] {
|
|
3756
|
+
background-color: var(--ui-color-input);
|
|
3757
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3758
|
+
background-color: color-mix(in oklab, var(--ui-color-input) 30%, transparent);
|
|
3759
|
+
}
|
|
3760
|
+
}
|
|
3761
|
+
}
|
|
3762
|
+
}
|
|
3763
|
+
.ui\:\*\:data-\[slot\=input-group\]\:shadow-none {
|
|
3764
|
+
:is(& > *) {
|
|
3765
|
+
&[data-slot="input-group"] {
|
|
3766
|
+
--tw-shadow: 0 0 #0000;
|
|
3767
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3768
|
+
}
|
|
3769
|
+
}
|
|
3770
|
+
}
|
|
3113
3771
|
.ui\:data-\[state\=active\]\:bg-background {
|
|
3114
3772
|
&[data-state="active"] {
|
|
3115
3773
|
background-color: var(--ui-color-background);
|
|
@@ -3486,6 +4144,52 @@
|
|
|
3486
4144
|
text-align: left;
|
|
3487
4145
|
}
|
|
3488
4146
|
}
|
|
4147
|
+
.ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
|
|
4148
|
+
@media (width >= 40rem) {
|
|
4149
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
|
|
4150
|
+
grid-row: span 2 / span 2;
|
|
4151
|
+
}
|
|
4152
|
+
}
|
|
4153
|
+
}
|
|
4154
|
+
.ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
|
|
4155
|
+
@media (width >= 40rem) {
|
|
4156
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
|
|
4157
|
+
place-items: start;
|
|
4158
|
+
}
|
|
4159
|
+
}
|
|
4160
|
+
}
|
|
4161
|
+
.ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
|
|
4162
|
+
@media (width >= 40rem) {
|
|
4163
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
|
|
4164
|
+
text-align: left;
|
|
4165
|
+
}
|
|
4166
|
+
}
|
|
4167
|
+
}
|
|
4168
|
+
.ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2 {
|
|
4169
|
+
@media (width >= 40rem) {
|
|
4170
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
|
|
4171
|
+
&:is(:where(.ui\:group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
|
|
4172
|
+
grid-column-start: 2;
|
|
4173
|
+
}
|
|
4174
|
+
}
|
|
4175
|
+
}
|
|
4176
|
+
}
|
|
4177
|
+
.ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\] {
|
|
4178
|
+
@media (width >= 40rem) {
|
|
4179
|
+
&:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
|
|
4180
|
+
&:has(*[data-slot="alert-dialog-media"]) {
|
|
4181
|
+
grid-template-rows: auto 1fr;
|
|
4182
|
+
}
|
|
4183
|
+
}
|
|
4184
|
+
}
|
|
4185
|
+
}
|
|
4186
|
+
.ui\:data-\[size\=default\]\:sm\:max-w-lg {
|
|
4187
|
+
&[data-size="default"] {
|
|
4188
|
+
@media (width >= 40rem) {
|
|
4189
|
+
max-width: var(--ui-container-lg);
|
|
4190
|
+
}
|
|
4191
|
+
}
|
|
4192
|
+
}
|
|
3489
4193
|
.ui\:data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
|
|
3490
4194
|
&[data-vaul-drawer-direction="left"] {
|
|
3491
4195
|
@media (width >= 40rem) {
|
|
@@ -3510,6 +4214,11 @@
|
|
|
3510
4214
|
display: flex;
|
|
3511
4215
|
}
|
|
3512
4216
|
}
|
|
4217
|
+
.ui\:md\:w-max {
|
|
4218
|
+
@media (width >= 48rem) {
|
|
4219
|
+
width: max-content;
|
|
4220
|
+
}
|
|
4221
|
+
}
|
|
3513
4222
|
.ui\:md\:min-w-\[450px\] {
|
|
3514
4223
|
@media (width >= 48rem) {
|
|
3515
4224
|
min-width: 450px;
|
|
@@ -3520,6 +4229,26 @@
|
|
|
3520
4229
|
flex-basis: calc(1/2 * 100%);
|
|
3521
4230
|
}
|
|
3522
4231
|
}
|
|
4232
|
+
.ui\:md\:grid-cols-2 {
|
|
4233
|
+
@media (width >= 48rem) {
|
|
4234
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
4235
|
+
}
|
|
4236
|
+
}
|
|
4237
|
+
.ui\:md\:grid-cols-3 {
|
|
4238
|
+
@media (width >= 48rem) {
|
|
4239
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
4240
|
+
}
|
|
4241
|
+
}
|
|
4242
|
+
.ui\:md\:flex-row {
|
|
4243
|
+
@media (width >= 48rem) {
|
|
4244
|
+
flex-direction: row;
|
|
4245
|
+
}
|
|
4246
|
+
}
|
|
4247
|
+
.ui\:md\:justify-end {
|
|
4248
|
+
@media (width >= 48rem) {
|
|
4249
|
+
justify-content: flex-end;
|
|
4250
|
+
}
|
|
4251
|
+
}
|
|
3523
4252
|
.ui\:md\:gap-1\.5 {
|
|
3524
4253
|
@media (width >= 48rem) {
|
|
3525
4254
|
gap: calc(var(--ui-spacing) * 1.5);
|
|
@@ -3607,6 +4336,11 @@
|
|
|
3607
4336
|
flex-basis: calc(1/3 * 100%);
|
|
3608
4337
|
}
|
|
3609
4338
|
}
|
|
4339
|
+
.ui\:lg\:grid-cols-3 {
|
|
4340
|
+
@media (width >= 64rem) {
|
|
4341
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
4342
|
+
}
|
|
4343
|
+
}
|
|
3610
4344
|
.ui\:dark\:bg-input\/30 {
|
|
3611
4345
|
&:is(.dark *) {
|
|
3612
4346
|
background-color: var(--ui-color-input);
|
|
@@ -3615,6 +4349,11 @@
|
|
|
3615
4349
|
}
|
|
3616
4350
|
}
|
|
3617
4351
|
}
|
|
4352
|
+
.ui\:dark\:bg-transparent {
|
|
4353
|
+
&:is(.dark *) {
|
|
4354
|
+
background-color: transparent;
|
|
4355
|
+
}
|
|
4356
|
+
}
|
|
3618
4357
|
.ui\:dark\:text-muted-foreground {
|
|
3619
4358
|
&:is(.dark *) {
|
|
3620
4359
|
color: var(--ui-color-muted-foreground);
|
|
@@ -3641,6 +4380,36 @@
|
|
|
3641
4380
|
}
|
|
3642
4381
|
}
|
|
3643
4382
|
}
|
|
4383
|
+
.ui\:dark\:has-aria-invalid\:border-destructive\/50 {
|
|
4384
|
+
&:is(.dark *) {
|
|
4385
|
+
&:has(*[aria-invalid="true"]) {
|
|
4386
|
+
border-color: var(--ui-color-destructive);
|
|
4387
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4388
|
+
border-color: color-mix(in oklab, var(--ui-color-destructive) 50%, transparent);
|
|
4389
|
+
}
|
|
4390
|
+
}
|
|
4391
|
+
}
|
|
4392
|
+
}
|
|
4393
|
+
.ui\:dark\:has-aria-invalid\:ring-destructive\/40 {
|
|
4394
|
+
&:is(.dark *) {
|
|
4395
|
+
&:has(*[aria-invalid="true"]) {
|
|
4396
|
+
--tw-ring-color: var(--ui-color-destructive);
|
|
4397
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4398
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 40%, transparent);
|
|
4399
|
+
}
|
|
4400
|
+
}
|
|
4401
|
+
}
|
|
4402
|
+
}
|
|
4403
|
+
.ui\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
|
|
4404
|
+
&:is(.dark *) {
|
|
4405
|
+
&:has(*:is([data-slot][aria-invalid=true])) {
|
|
4406
|
+
--tw-ring-color: var(--ui-color-destructive);
|
|
4407
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4408
|
+
--tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 40%, transparent);
|
|
4409
|
+
}
|
|
4410
|
+
}
|
|
4411
|
+
}
|
|
4412
|
+
}
|
|
3644
4413
|
.ui\:dark\:aria-invalid\:ring-destructive\/40 {
|
|
3645
4414
|
&:is(.dark *) {
|
|
3646
4415
|
&[aria-invalid="true"] {
|
|
@@ -3718,6 +4487,28 @@
|
|
|
3718
4487
|
}
|
|
3719
4488
|
}
|
|
3720
4489
|
}
|
|
4490
|
+
.ui\:pointer-coarse\:size-5 {
|
|
4491
|
+
@media (pointer: coarse) {
|
|
4492
|
+
width: calc(var(--ui-spacing) * 5);
|
|
4493
|
+
height: calc(var(--ui-spacing) * 5);
|
|
4494
|
+
}
|
|
4495
|
+
}
|
|
4496
|
+
.ui\:pointer-coarse\:px-3 {
|
|
4497
|
+
@media (pointer: coarse) {
|
|
4498
|
+
padding-inline: calc(var(--ui-spacing) * 3);
|
|
4499
|
+
}
|
|
4500
|
+
}
|
|
4501
|
+
.ui\:pointer-coarse\:py-2 {
|
|
4502
|
+
@media (pointer: coarse) {
|
|
4503
|
+
padding-block: calc(var(--ui-spacing) * 2);
|
|
4504
|
+
}
|
|
4505
|
+
}
|
|
4506
|
+
.ui\:pointer-coarse\:text-sm {
|
|
4507
|
+
@media (pointer: coarse) {
|
|
4508
|
+
font-size: var(--ui-text-sm);
|
|
4509
|
+
line-height: var(--tw-leading, var(--ui-text-sm--line-height));
|
|
4510
|
+
}
|
|
4511
|
+
}
|
|
3721
4512
|
.ui\:\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
|
|
3722
4513
|
& .recharts-cartesian-axis-tick text {
|
|
3723
4514
|
fill: var(--ui-color-muted-foreground);
|
|
@@ -3901,6 +4692,12 @@
|
|
|
3901
4692
|
color: var(--ui-color-muted-foreground);
|
|
3902
4693
|
}
|
|
3903
4694
|
}
|
|
4695
|
+
.ui\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
|
|
4696
|
+
& svg:not([class*=size-]) {
|
|
4697
|
+
width: calc(var(--ui-spacing) * 4);
|
|
4698
|
+
height: calc(var(--ui-spacing) * 4);
|
|
4699
|
+
}
|
|
4700
|
+
}
|
|
3904
4701
|
.ui\:\[\&_tr\]\:border-b {
|
|
3905
4702
|
& tr {
|
|
3906
4703
|
border-bottom-style: var(--tw-border-style);
|
|
@@ -3919,11 +4716,21 @@
|
|
|
3919
4716
|
border-bottom-left-radius: var(--ui-radius-md);
|
|
3920
4717
|
}
|
|
3921
4718
|
}
|
|
4719
|
+
.ui\:\[\.border-b\]\:pb-3 {
|
|
4720
|
+
&:is(.border-b) {
|
|
4721
|
+
padding-bottom: calc(var(--ui-spacing) * 3);
|
|
4722
|
+
}
|
|
4723
|
+
}
|
|
3922
4724
|
.ui\:\[\.border-b\]\:pb-6 {
|
|
3923
4725
|
&:is(.border-b) {
|
|
3924
4726
|
padding-bottom: calc(var(--ui-spacing) * 6);
|
|
3925
4727
|
}
|
|
3926
4728
|
}
|
|
4729
|
+
.ui\:\[\.border-t\]\:pt-3 {
|
|
4730
|
+
&:is(.border-t) {
|
|
4731
|
+
padding-top: calc(var(--ui-spacing) * 3);
|
|
4732
|
+
}
|
|
4733
|
+
}
|
|
3927
4734
|
.ui\:\[\.border-t\]\:pt-6 {
|
|
3928
4735
|
&:is(.border-t) {
|
|
3929
4736
|
padding-top: calc(var(--ui-spacing) * 6);
|
|
@@ -3991,6 +4798,14 @@
|
|
|
3991
4798
|
}
|
|
3992
4799
|
}
|
|
3993
4800
|
}
|
|
4801
|
+
.ui\:\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-8 {
|
|
4802
|
+
:is(& > *) {
|
|
4803
|
+
&:is(svg:not([class*=size-])) {
|
|
4804
|
+
width: calc(var(--ui-spacing) * 8);
|
|
4805
|
+
height: calc(var(--ui-spacing) * 8);
|
|
4806
|
+
}
|
|
4807
|
+
}
|
|
4808
|
+
}
|
|
3994
4809
|
.ui\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md {
|
|
3995
4810
|
&:nth-child(2)[data-selected=true] button {
|
|
3996
4811
|
border-top-left-radius: var(--ui-radius-md);
|
|
@@ -4017,6 +4832,39 @@
|
|
|
4017
4832
|
display: none;
|
|
4018
4833
|
}
|
|
4019
4834
|
}
|
|
4835
|
+
.ui\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
|
|
4836
|
+
&:has(>[data-align=block-end]) {
|
|
4837
|
+
&>input {
|
|
4838
|
+
padding-top: calc(var(--ui-spacing) * 3);
|
|
4839
|
+
}
|
|
4840
|
+
}
|
|
4841
|
+
}
|
|
4842
|
+
.ui\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
|
|
4843
|
+
&:has(>[data-align=block-start]) {
|
|
4844
|
+
&>input {
|
|
4845
|
+
padding-bottom: calc(var(--ui-spacing) * 3);
|
|
4846
|
+
}
|
|
4847
|
+
}
|
|
4848
|
+
}
|
|
4849
|
+
.ui\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 {
|
|
4850
|
+
&:has(>[data-align=inline-end]) {
|
|
4851
|
+
&>input {
|
|
4852
|
+
padding-right: calc(var(--ui-spacing) * 2);
|
|
4853
|
+
}
|
|
4854
|
+
}
|
|
4855
|
+
}
|
|
4856
|
+
.ui\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 {
|
|
4857
|
+
&:has(>[data-align=inline-start]) {
|
|
4858
|
+
&>input {
|
|
4859
|
+
padding-left: calc(var(--ui-spacing) * 2);
|
|
4860
|
+
}
|
|
4861
|
+
}
|
|
4862
|
+
}
|
|
4863
|
+
.ui\:\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
|
|
4864
|
+
&>kbd {
|
|
4865
|
+
border-radius: calc(var(--radius) - 5px);
|
|
4866
|
+
}
|
|
4867
|
+
}
|
|
4020
4868
|
.ui\:\[\&\>span\]\:line-clamp-1 {
|
|
4021
4869
|
&>span {
|
|
4022
4870
|
overflow: hidden;
|
|
@@ -4101,6 +4949,18 @@
|
|
|
4101
4949
|
color: var(--ui-sidebar-accent-foreground);
|
|
4102
4950
|
}
|
|
4103
4951
|
}
|
|
4952
|
+
.ui\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 {
|
|
4953
|
+
&>svg:not([class*=size-]) {
|
|
4954
|
+
width: calc(var(--ui-spacing) * 3.5);
|
|
4955
|
+
height: calc(var(--ui-spacing) * 3.5);
|
|
4956
|
+
}
|
|
4957
|
+
}
|
|
4958
|
+
.ui\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
|
|
4959
|
+
&>svg:not([class*=size-]) {
|
|
4960
|
+
width: calc(var(--ui-spacing) * 4);
|
|
4961
|
+
height: calc(var(--ui-spacing) * 4);
|
|
4962
|
+
}
|
|
4963
|
+
}
|
|
4104
4964
|
.ui\:\[\&\>tr\]\:last\:border-b-0 {
|
|
4105
4965
|
&>tr {
|
|
4106
4966
|
&:last-child {
|
|
@@ -4134,16 +4994,6 @@
|
|
|
4134
4994
|
cursor: w-resize;
|
|
4135
4995
|
}
|
|
4136
4996
|
}
|
|
4137
|
-
.ui\:\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
|
|
4138
|
-
[data-slot=card-content] & {
|
|
4139
|
-
background-color: transparent;
|
|
4140
|
-
}
|
|
4141
|
-
}
|
|
4142
|
-
.ui\:\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
|
|
4143
|
-
[data-slot=popover-content] & {
|
|
4144
|
-
background-color: transparent;
|
|
4145
|
-
}
|
|
4146
|
-
}
|
|
4147
4997
|
.ui\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
|
|
4148
4998
|
[data-slot=tooltip-content] & {
|
|
4149
4999
|
background-color: var(--ui-color-background);
|