shadcn-ui-react 0.5.2 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +74 -26
- package/dist/index.cjs +333 -132
- package/dist/index.d.cts +146 -9
- package/dist/index.d.ts +146 -9
- package/dist/index.js +340 -138
- package/dist/style.css +535 -21
- package/package.json +4 -4
package/dist/style.css
CHANGED
|
@@ -56,13 +56,18 @@
|
|
|
56
56
|
--font-weight-semibold: 600;
|
|
57
57
|
--font-weight-bold: 700;
|
|
58
58
|
--tracking-tight: -0.025em;
|
|
59
|
+
--tracking-wide: 0.025em;
|
|
60
|
+
--tracking-wider: 0.05em;
|
|
59
61
|
--tracking-widest: 0.1em;
|
|
60
62
|
--leading-relaxed: 1.625;
|
|
63
|
+
--radius-2xl: 1rem;
|
|
64
|
+
--radius-3xl: 1.5rem;
|
|
61
65
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
62
66
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
63
67
|
--animate-spin: spin 1s linear infinite;
|
|
64
68
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
65
69
|
--blur-sm: 8px;
|
|
70
|
+
--blur-xl: 24px;
|
|
66
71
|
--default-transition-duration: 150ms;
|
|
67
72
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
68
73
|
--default-font-family: var(--font-sans);
|
|
@@ -391,6 +396,9 @@
|
|
|
391
396
|
.z-10 {
|
|
392
397
|
z-index: 10;
|
|
393
398
|
}
|
|
399
|
+
.z-20 {
|
|
400
|
+
z-index: 20;
|
|
401
|
+
}
|
|
394
402
|
.z-50 {
|
|
395
403
|
z-index: 50;
|
|
396
404
|
}
|
|
@@ -554,6 +562,9 @@
|
|
|
554
562
|
.h-\[1px\] {
|
|
555
563
|
height: 1px;
|
|
556
564
|
}
|
|
565
|
+
.h-\[420px\] {
|
|
566
|
+
height: 420px;
|
|
567
|
+
}
|
|
557
568
|
.h-\[clamp\(22rem\,80vh\,44rem\)\] {
|
|
558
569
|
height: clamp(22rem, 80vh, 44rem);
|
|
559
570
|
}
|
|
@@ -620,9 +631,6 @@
|
|
|
620
631
|
.w-20 {
|
|
621
632
|
width: calc(var(--spacing) * 20);
|
|
622
633
|
}
|
|
623
|
-
.w-21 {
|
|
624
|
-
width: calc(var(--spacing) * 21);
|
|
625
|
-
}
|
|
626
634
|
.w-24 {
|
|
627
635
|
width: calc(var(--spacing) * 24);
|
|
628
636
|
}
|
|
@@ -647,6 +655,12 @@
|
|
|
647
655
|
.w-\[1px\] {
|
|
648
656
|
width: 1px;
|
|
649
657
|
}
|
|
658
|
+
.w-\[4\.5rem\] {
|
|
659
|
+
width: 4.5rem;
|
|
660
|
+
}
|
|
661
|
+
.w-\[5rem\] {
|
|
662
|
+
width: 5rem;
|
|
663
|
+
}
|
|
650
664
|
.w-\[100px\] {
|
|
651
665
|
width: 100px;
|
|
652
666
|
}
|
|
@@ -676,15 +690,18 @@
|
|
|
676
690
|
.min-w-32 {
|
|
677
691
|
min-width: calc(var(--spacing) * 32);
|
|
678
692
|
}
|
|
679
|
-
.min-w-35 {
|
|
680
|
-
min-width: calc(var(--spacing) * 35);
|
|
681
|
-
}
|
|
682
693
|
.min-w-\[8rem\] {
|
|
683
694
|
min-width: 8rem;
|
|
684
695
|
}
|
|
696
|
+
.min-w-\[9\.25rem\] {
|
|
697
|
+
min-width: 9.25rem;
|
|
698
|
+
}
|
|
685
699
|
.min-w-\[12rem\] {
|
|
686
700
|
min-width: 12rem;
|
|
687
701
|
}
|
|
702
|
+
.min-w-full {
|
|
703
|
+
min-width: 100%;
|
|
704
|
+
}
|
|
688
705
|
.flex-1 {
|
|
689
706
|
flex: 1;
|
|
690
707
|
}
|
|
@@ -706,6 +723,18 @@
|
|
|
706
723
|
.border-collapse {
|
|
707
724
|
border-collapse: collapse;
|
|
708
725
|
}
|
|
726
|
+
.border-separate {
|
|
727
|
+
border-collapse: separate;
|
|
728
|
+
}
|
|
729
|
+
.border-spacing-0 {
|
|
730
|
+
--tw-border-spacing-x: calc(var(--spacing) * 0);
|
|
731
|
+
--tw-border-spacing-y: calc(var(--spacing) * 0);
|
|
732
|
+
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
733
|
+
}
|
|
734
|
+
.border-spacing-y-2 {
|
|
735
|
+
--tw-border-spacing-y: calc(var(--spacing) * 2);
|
|
736
|
+
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
737
|
+
}
|
|
709
738
|
.-translate-x-1\/2 {
|
|
710
739
|
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
711
740
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -862,15 +891,18 @@
|
|
|
862
891
|
.overflow-hidden {
|
|
863
892
|
overflow: hidden;
|
|
864
893
|
}
|
|
865
|
-
.overflow-visible {
|
|
866
|
-
overflow: visible;
|
|
867
|
-
}
|
|
868
894
|
.overflow-x-hidden {
|
|
869
895
|
overflow-x: hidden;
|
|
870
896
|
}
|
|
871
897
|
.overflow-y-auto {
|
|
872
898
|
overflow-y: auto;
|
|
873
899
|
}
|
|
900
|
+
.rounded-2xl {
|
|
901
|
+
border-radius: var(--radius-2xl);
|
|
902
|
+
}
|
|
903
|
+
.rounded-3xl {
|
|
904
|
+
border-radius: var(--radius-3xl);
|
|
905
|
+
}
|
|
874
906
|
.rounded-\[inherit\] {
|
|
875
907
|
border-radius: inherit;
|
|
876
908
|
}
|
|
@@ -927,6 +959,10 @@
|
|
|
927
959
|
border-bottom-style: var(--tw-border-style);
|
|
928
960
|
border-bottom-width: 1px;
|
|
929
961
|
}
|
|
962
|
+
.border-b-0 {
|
|
963
|
+
border-bottom-style: var(--tw-border-style);
|
|
964
|
+
border-bottom-width: 0px;
|
|
965
|
+
}
|
|
930
966
|
.border-l {
|
|
931
967
|
border-left-style: var(--tw-border-style);
|
|
932
968
|
border-left-width: 1px;
|
|
@@ -956,9 +992,21 @@
|
|
|
956
992
|
.border-input {
|
|
957
993
|
border-color: var(--input);
|
|
958
994
|
}
|
|
995
|
+
.border-muted-foreground\/20 {
|
|
996
|
+
border-color: var(--muted-foreground);
|
|
997
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
998
|
+
border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
|
|
999
|
+
}
|
|
1000
|
+
}
|
|
959
1001
|
.border-primary {
|
|
960
1002
|
border-color: var(--primary);
|
|
961
1003
|
}
|
|
1004
|
+
.border-primary\/20 {
|
|
1005
|
+
border-color: var(--primary);
|
|
1006
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1007
|
+
border-color: color-mix(in oklab, var(--primary) 20%, transparent);
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
962
1010
|
.border-primary\/50 {
|
|
963
1011
|
border-color: var(--primary);
|
|
964
1012
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -980,10 +1028,10 @@
|
|
|
980
1028
|
.bg-background {
|
|
981
1029
|
background-color: var(--background);
|
|
982
1030
|
}
|
|
983
|
-
.bg-background\/
|
|
1031
|
+
.bg-background\/55 {
|
|
984
1032
|
background-color: var(--background);
|
|
985
1033
|
@supports (color: color-mix(in lab, red, red)) {
|
|
986
|
-
background-color: color-mix(in oklab, var(--background)
|
|
1034
|
+
background-color: color-mix(in oklab, var(--background) 55%, transparent);
|
|
987
1035
|
}
|
|
988
1036
|
}
|
|
989
1037
|
.bg-background\/70 {
|
|
@@ -998,6 +1046,12 @@
|
|
|
998
1046
|
background-color: color-mix(in oklab, var(--background) 80%, transparent);
|
|
999
1047
|
}
|
|
1000
1048
|
}
|
|
1049
|
+
.bg-background\/85 {
|
|
1050
|
+
background-color: var(--background);
|
|
1051
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1052
|
+
background-color: color-mix(in oklab, var(--background) 85%, transparent);
|
|
1053
|
+
}
|
|
1054
|
+
}
|
|
1001
1055
|
.bg-black\/80 {
|
|
1002
1056
|
background-color: color-mix(in srgb, #000 80%, transparent);
|
|
1003
1057
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1013,6 +1067,12 @@
|
|
|
1013
1067
|
.bg-card {
|
|
1014
1068
|
background-color: var(--card);
|
|
1015
1069
|
}
|
|
1070
|
+
.bg-card\/95 {
|
|
1071
|
+
background-color: var(--card);
|
|
1072
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1073
|
+
background-color: color-mix(in oklab, var(--card) 95%, transparent);
|
|
1074
|
+
}
|
|
1075
|
+
}
|
|
1016
1076
|
.bg-destructive {
|
|
1017
1077
|
background-color: var(--destructive);
|
|
1018
1078
|
}
|
|
@@ -1158,6 +1218,9 @@
|
|
|
1158
1218
|
.py-6 {
|
|
1159
1219
|
padding-block: calc(var(--spacing) * 6);
|
|
1160
1220
|
}
|
|
1221
|
+
.py-10 {
|
|
1222
|
+
padding-block: calc(var(--spacing) * 10);
|
|
1223
|
+
}
|
|
1161
1224
|
.pt-0 {
|
|
1162
1225
|
padding-top: calc(var(--spacing) * 0);
|
|
1163
1226
|
}
|
|
@@ -1247,6 +1310,12 @@
|
|
|
1247
1310
|
.text-\[1rem\] {
|
|
1248
1311
|
font-size: 1rem;
|
|
1249
1312
|
}
|
|
1313
|
+
.text-\[10px\] {
|
|
1314
|
+
font-size: 10px;
|
|
1315
|
+
}
|
|
1316
|
+
.text-\[11px\] {
|
|
1317
|
+
font-size: 11px;
|
|
1318
|
+
}
|
|
1250
1319
|
.leading-none {
|
|
1251
1320
|
--tw-leading: 1;
|
|
1252
1321
|
line-height: 1;
|
|
@@ -1271,6 +1340,14 @@
|
|
|
1271
1340
|
--tw-tracking: var(--tracking-tight);
|
|
1272
1341
|
letter-spacing: var(--tracking-tight);
|
|
1273
1342
|
}
|
|
1343
|
+
.tracking-wide {
|
|
1344
|
+
--tw-tracking: var(--tracking-wide);
|
|
1345
|
+
letter-spacing: var(--tracking-wide);
|
|
1346
|
+
}
|
|
1347
|
+
.tracking-wider {
|
|
1348
|
+
--tw-tracking: var(--tracking-wider);
|
|
1349
|
+
letter-spacing: var(--tracking-wider);
|
|
1350
|
+
}
|
|
1274
1351
|
.tracking-widest {
|
|
1275
1352
|
--tw-tracking: var(--tracking-widest);
|
|
1276
1353
|
letter-spacing: var(--tracking-widest);
|
|
@@ -1335,6 +1412,9 @@
|
|
|
1335
1412
|
.text-white {
|
|
1336
1413
|
color: var(--color-white);
|
|
1337
1414
|
}
|
|
1415
|
+
.uppercase {
|
|
1416
|
+
text-transform: uppercase;
|
|
1417
|
+
}
|
|
1338
1418
|
.underline-offset-4 {
|
|
1339
1419
|
text-underline-offset: 4px;
|
|
1340
1420
|
}
|
|
@@ -1458,6 +1538,10 @@
|
|
|
1458
1538
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
1459
1539
|
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,);
|
|
1460
1540
|
}
|
|
1541
|
+
.backdrop-blur-xl {
|
|
1542
|
+
--tw-backdrop-blur: blur(var(--blur-xl));
|
|
1543
|
+
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,);
|
|
1544
|
+
}
|
|
1461
1545
|
.transition {
|
|
1462
1546
|
transition-property:
|
|
1463
1547
|
color,
|
|
@@ -1667,6 +1751,36 @@
|
|
|
1667
1751
|
color: var(--muted-foreground);
|
|
1668
1752
|
}
|
|
1669
1753
|
}
|
|
1754
|
+
.before\:absolute {
|
|
1755
|
+
&::before {
|
|
1756
|
+
content: var(--tw-content);
|
|
1757
|
+
position: absolute;
|
|
1758
|
+
}
|
|
1759
|
+
}
|
|
1760
|
+
.before\:inset-x-0 {
|
|
1761
|
+
&::before {
|
|
1762
|
+
content: var(--tw-content);
|
|
1763
|
+
inset-inline: calc(var(--spacing) * 0);
|
|
1764
|
+
}
|
|
1765
|
+
}
|
|
1766
|
+
.before\:top-0 {
|
|
1767
|
+
&::before {
|
|
1768
|
+
content: var(--tw-content);
|
|
1769
|
+
top: calc(var(--spacing) * 0);
|
|
1770
|
+
}
|
|
1771
|
+
}
|
|
1772
|
+
.before\:h-\[2px\] {
|
|
1773
|
+
&::before {
|
|
1774
|
+
content: var(--tw-content);
|
|
1775
|
+
height: 2px;
|
|
1776
|
+
}
|
|
1777
|
+
}
|
|
1778
|
+
.before\:bg-transparent {
|
|
1779
|
+
&::before {
|
|
1780
|
+
content: var(--tw-content);
|
|
1781
|
+
background-color: transparent;
|
|
1782
|
+
}
|
|
1783
|
+
}
|
|
1670
1784
|
.after\:absolute {
|
|
1671
1785
|
&::after {
|
|
1672
1786
|
content: var(--tw-content);
|
|
@@ -1733,6 +1847,16 @@
|
|
|
1733
1847
|
}
|
|
1734
1848
|
}
|
|
1735
1849
|
}
|
|
1850
|
+
.hover\:border-muted-foreground\/40 {
|
|
1851
|
+
&:hover {
|
|
1852
|
+
@media (hover: hover) {
|
|
1853
|
+
border-color: var(--muted-foreground);
|
|
1854
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1855
|
+
border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
|
|
1856
|
+
}
|
|
1857
|
+
}
|
|
1858
|
+
}
|
|
1859
|
+
}
|
|
1736
1860
|
.hover\:border-primary\/60 {
|
|
1737
1861
|
&:hover {
|
|
1738
1862
|
@media (hover: hover) {
|
|
@@ -1777,22 +1901,42 @@
|
|
|
1777
1901
|
}
|
|
1778
1902
|
}
|
|
1779
1903
|
}
|
|
1780
|
-
.hover\:bg-muted\/
|
|
1904
|
+
.hover\:bg-muted\/25 {
|
|
1781
1905
|
&:hover {
|
|
1782
1906
|
@media (hover: hover) {
|
|
1783
1907
|
background-color: var(--muted);
|
|
1784
1908
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1785
|
-
background-color: color-mix(in oklab, var(--muted)
|
|
1909
|
+
background-color: color-mix(in oklab, var(--muted) 25%, transparent);
|
|
1910
|
+
}
|
|
1911
|
+
}
|
|
1912
|
+
}
|
|
1913
|
+
}
|
|
1914
|
+
.hover\:bg-muted\/30 {
|
|
1915
|
+
&:hover {
|
|
1916
|
+
@media (hover: hover) {
|
|
1917
|
+
background-color: var(--muted);
|
|
1918
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1919
|
+
background-color: color-mix(in oklab, var(--muted) 30%, transparent);
|
|
1786
1920
|
}
|
|
1787
1921
|
}
|
|
1788
1922
|
}
|
|
1789
1923
|
}
|
|
1790
|
-
.hover\:bg-muted\/
|
|
1924
|
+
.hover\:bg-muted\/35 {
|
|
1791
1925
|
&:hover {
|
|
1792
1926
|
@media (hover: hover) {
|
|
1793
1927
|
background-color: var(--muted);
|
|
1794
1928
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1795
|
-
background-color: color-mix(in oklab, var(--muted)
|
|
1929
|
+
background-color: color-mix(in oklab, var(--muted) 35%, transparent);
|
|
1930
|
+
}
|
|
1931
|
+
}
|
|
1932
|
+
}
|
|
1933
|
+
}
|
|
1934
|
+
.hover\:bg-muted\/50 {
|
|
1935
|
+
&:hover {
|
|
1936
|
+
@media (hover: hover) {
|
|
1937
|
+
background-color: var(--muted);
|
|
1938
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1939
|
+
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
|
|
1796
1940
|
}
|
|
1797
1941
|
}
|
|
1798
1942
|
}
|
|
@@ -2144,11 +2288,27 @@
|
|
|
2144
2288
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
2145
2289
|
}
|
|
2146
2290
|
}
|
|
2147
|
-
.active\:bg-muted\/
|
|
2291
|
+
.active\:bg-muted\/35 {
|
|
2292
|
+
&:active {
|
|
2293
|
+
background-color: var(--muted);
|
|
2294
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2295
|
+
background-color: color-mix(in oklab, var(--muted) 35%, transparent);
|
|
2296
|
+
}
|
|
2297
|
+
}
|
|
2298
|
+
}
|
|
2299
|
+
.active\:bg-muted\/40 {
|
|
2300
|
+
&:active {
|
|
2301
|
+
background-color: var(--muted);
|
|
2302
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2303
|
+
background-color: color-mix(in oklab, var(--muted) 40%, transparent);
|
|
2304
|
+
}
|
|
2305
|
+
}
|
|
2306
|
+
}
|
|
2307
|
+
.active\:bg-muted\/45 {
|
|
2148
2308
|
&:active {
|
|
2149
2309
|
background-color: var(--muted);
|
|
2150
2310
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2151
|
-
background-color: color-mix(in oklab, var(--muted)
|
|
2311
|
+
background-color: color-mix(in oklab, var(--muted) 45%, transparent);
|
|
2152
2312
|
}
|
|
2153
2313
|
}
|
|
2154
2314
|
}
|
|
@@ -2220,6 +2380,92 @@
|
|
|
2220
2380
|
opacity: 50%;
|
|
2221
2381
|
}
|
|
2222
2382
|
}
|
|
2383
|
+
.data-\[accent\=on\]\:before\:bg-\[color\:var\(--dt-accent\)\] {
|
|
2384
|
+
&[data-accent=on] {
|
|
2385
|
+
&::before {
|
|
2386
|
+
content: var(--tw-content);
|
|
2387
|
+
background-color: var(--dt-accent);
|
|
2388
|
+
}
|
|
2389
|
+
}
|
|
2390
|
+
}
|
|
2391
|
+
.data-\[accent\=on\]\:hover\:border-\[color\:var\(--dt-accent\)\]\/45 {
|
|
2392
|
+
&[data-accent=on] {
|
|
2393
|
+
&:hover {
|
|
2394
|
+
@media (hover: hover) {
|
|
2395
|
+
border-color: var(--dt-accent);
|
|
2396
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2397
|
+
border-color: color-mix(in oklab, var(--dt-accent) 45%, transparent);
|
|
2398
|
+
}
|
|
2399
|
+
}
|
|
2400
|
+
}
|
|
2401
|
+
}
|
|
2402
|
+
}
|
|
2403
|
+
.data-\[accent\=on\]\:hover\:bg-\[color\:var\(--dt-accent\)\]\/7 {
|
|
2404
|
+
&[data-accent=on] {
|
|
2405
|
+
&:hover {
|
|
2406
|
+
@media (hover: hover) {
|
|
2407
|
+
background-color: var(--dt-accent);
|
|
2408
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2409
|
+
background-color: color-mix(in oklab, var(--dt-accent) 7%, transparent);
|
|
2410
|
+
}
|
|
2411
|
+
}
|
|
2412
|
+
}
|
|
2413
|
+
}
|
|
2414
|
+
}
|
|
2415
|
+
.data-\[accent\=on\]\:hover\:bg-\[color\:var\(--dt-accent\)\]\/8 {
|
|
2416
|
+
&[data-accent=on] {
|
|
2417
|
+
&:hover {
|
|
2418
|
+
@media (hover: hover) {
|
|
2419
|
+
background-color: var(--dt-accent);
|
|
2420
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2421
|
+
background-color: color-mix(in oklab, var(--dt-accent) 8%, transparent);
|
|
2422
|
+
}
|
|
2423
|
+
}
|
|
2424
|
+
}
|
|
2425
|
+
}
|
|
2426
|
+
}
|
|
2427
|
+
.data-\[accent\=on\]\:hover\:bg-\[color\:var\(--dt-accent\)\]\/10 {
|
|
2428
|
+
&[data-accent=on] {
|
|
2429
|
+
&:hover {
|
|
2430
|
+
@media (hover: hover) {
|
|
2431
|
+
background-color: var(--dt-accent);
|
|
2432
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2433
|
+
background-color: color-mix(in oklab, var(--dt-accent) 10%, transparent);
|
|
2434
|
+
}
|
|
2435
|
+
}
|
|
2436
|
+
}
|
|
2437
|
+
}
|
|
2438
|
+
}
|
|
2439
|
+
.data-\[accent\=on\]\:focus-visible\:ring-\[color\:var\(--dt-accent\)\]\/35 {
|
|
2440
|
+
&[data-accent=on] {
|
|
2441
|
+
&:focus-visible {
|
|
2442
|
+
--tw-ring-color: var(--dt-accent);
|
|
2443
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2444
|
+
--tw-ring-color: color-mix(in oklab, var(--dt-accent) 35%, transparent);
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
}
|
|
2448
|
+
}
|
|
2449
|
+
.data-\[accent\=on\]\:active\:bg-\[color\:var\(--dt-accent\)\]\/10 {
|
|
2450
|
+
&[data-accent=on] {
|
|
2451
|
+
&:active {
|
|
2452
|
+
background-color: var(--dt-accent);
|
|
2453
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2454
|
+
background-color: color-mix(in oklab, var(--dt-accent) 10%, transparent);
|
|
2455
|
+
}
|
|
2456
|
+
}
|
|
2457
|
+
}
|
|
2458
|
+
}
|
|
2459
|
+
.data-\[accent\=on\]\:active\:bg-\[color\:var\(--dt-accent\)\]\/12 {
|
|
2460
|
+
&[data-accent=on] {
|
|
2461
|
+
&:active {
|
|
2462
|
+
background-color: var(--dt-accent);
|
|
2463
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2464
|
+
background-color: color-mix(in oklab, var(--dt-accent) 12%, transparent);
|
|
2465
|
+
}
|
|
2466
|
+
}
|
|
2467
|
+
}
|
|
2468
|
+
}
|
|
2223
2469
|
.data-\[active\]\:bg-accent\/50 {
|
|
2224
2470
|
&[data-active] {
|
|
2225
2471
|
background-color: var(--accent);
|
|
@@ -2626,6 +2872,29 @@
|
|
|
2626
2872
|
background-color: var(--muted);
|
|
2627
2873
|
}
|
|
2628
2874
|
}
|
|
2875
|
+
.data-\[state\=selected\]\:bg-muted\/35 {
|
|
2876
|
+
&[data-state=selected] {
|
|
2877
|
+
background-color: var(--muted);
|
|
2878
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2879
|
+
background-color: color-mix(in oklab, var(--muted) 35%, transparent);
|
|
2880
|
+
}
|
|
2881
|
+
}
|
|
2882
|
+
}
|
|
2883
|
+
.data-\[state\=selected\]\:opacity-100 {
|
|
2884
|
+
&[data-state=selected] {
|
|
2885
|
+
opacity: 100%;
|
|
2886
|
+
}
|
|
2887
|
+
}
|
|
2888
|
+
.data-\[accent\=on\]\:data-\[state\=selected\]\:bg-\[color\:var\(--dt-accent\)\]\/10 {
|
|
2889
|
+
&[data-accent=on] {
|
|
2890
|
+
&[data-state=selected] {
|
|
2891
|
+
background-color: var(--dt-accent);
|
|
2892
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2893
|
+
background-color: color-mix(in oklab, var(--dt-accent) 10%, transparent);
|
|
2894
|
+
}
|
|
2895
|
+
}
|
|
2896
|
+
}
|
|
2897
|
+
}
|
|
2629
2898
|
.data-\[state\=unchecked\]\:translate-x-0 {
|
|
2630
2899
|
&[data-state=unchecked] {
|
|
2631
2900
|
--tw-translate-x: calc(var(--spacing) * 0);
|
|
@@ -2687,19 +2956,51 @@
|
|
|
2687
2956
|
transition-property: none;
|
|
2688
2957
|
}
|
|
2689
2958
|
}
|
|
2690
|
-
.supports
|
|
2959
|
+
.supports-\[backdrop-filter\]\:bg-background\/25 {
|
|
2960
|
+
@supports (backdrop-filter: var(--tw)) {
|
|
2961
|
+
background-color: var(--background);
|
|
2962
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2963
|
+
background-color: color-mix(in oklab, var(--background) 25%, transparent);
|
|
2964
|
+
}
|
|
2965
|
+
}
|
|
2966
|
+
}
|
|
2967
|
+
.supports-\[backdrop-filter\]\:bg-background\/35 {
|
|
2968
|
+
@supports (backdrop-filter: var(--tw)) {
|
|
2969
|
+
background-color: var(--background);
|
|
2970
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2971
|
+
background-color: color-mix(in oklab, var(--background) 35%, transparent);
|
|
2972
|
+
}
|
|
2973
|
+
}
|
|
2974
|
+
}
|
|
2975
|
+
.supports-\[backdrop-filter\]\:bg-background\/45 {
|
|
2691
2976
|
@supports (backdrop-filter: var(--tw)) {
|
|
2692
2977
|
background-color: var(--background);
|
|
2693
2978
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2694
|
-
background-color: color-mix(in oklab, var(--background)
|
|
2979
|
+
background-color: color-mix(in oklab, var(--background) 45%, transparent);
|
|
2695
2980
|
}
|
|
2696
2981
|
}
|
|
2697
2982
|
}
|
|
2698
|
-
.supports
|
|
2983
|
+
.supports-\[backdrop-filter\]\:bg-background\/55 {
|
|
2699
2984
|
@supports (backdrop-filter: var(--tw)) {
|
|
2700
2985
|
background-color: var(--background);
|
|
2701
2986
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2702
|
-
background-color: color-mix(in oklab, var(--background)
|
|
2987
|
+
background-color: color-mix(in oklab, var(--background) 55%, transparent);
|
|
2988
|
+
}
|
|
2989
|
+
}
|
|
2990
|
+
}
|
|
2991
|
+
.supports-\[backdrop-filter\]\:bg-background\/60 {
|
|
2992
|
+
@supports (backdrop-filter: var(--tw)) {
|
|
2993
|
+
background-color: var(--background);
|
|
2994
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2995
|
+
background-color: color-mix(in oklab, var(--background) 60%, transparent);
|
|
2996
|
+
}
|
|
2997
|
+
}
|
|
2998
|
+
}
|
|
2999
|
+
.supports-\[backdrop-filter\]\:bg-card\/75 {
|
|
3000
|
+
@supports (backdrop-filter: var(--tw)) {
|
|
3001
|
+
background-color: var(--card);
|
|
3002
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3003
|
+
background-color: color-mix(in oklab, var(--card) 75%, transparent);
|
|
2703
3004
|
}
|
|
2704
3005
|
}
|
|
2705
3006
|
}
|
|
@@ -2969,6 +3270,180 @@
|
|
|
2969
3270
|
line-height: var(--leading-relaxed);
|
|
2970
3271
|
}
|
|
2971
3272
|
}
|
|
3273
|
+
.\[\&_tbody_tr_td\]\:bg-background {
|
|
3274
|
+
& tbody tr td {
|
|
3275
|
+
background-color: var(--background);
|
|
3276
|
+
}
|
|
3277
|
+
}
|
|
3278
|
+
.\[\&_tbody_tr_td\]\:shadow-sm {
|
|
3279
|
+
& tbody tr td {
|
|
3280
|
+
--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));
|
|
3281
|
+
box-shadow:
|
|
3282
|
+
var(--tw-inset-shadow),
|
|
3283
|
+
var(--tw-inset-ring-shadow),
|
|
3284
|
+
var(--tw-ring-offset-shadow),
|
|
3285
|
+
var(--tw-ring-shadow),
|
|
3286
|
+
var(--tw-shadow);
|
|
3287
|
+
}
|
|
3288
|
+
}
|
|
3289
|
+
.\[\&_tbody_tr_td\:first-child\]\:rounded-l-xl {
|
|
3290
|
+
& tbody tr td:first-child {
|
|
3291
|
+
border-top-left-radius: calc(var(--radius) + 4px);
|
|
3292
|
+
border-bottom-left-radius: calc(var(--radius) + 4px);
|
|
3293
|
+
}
|
|
3294
|
+
}
|
|
3295
|
+
.\[\&_tbody_tr_td\:last-child\]\:rounded-r-xl {
|
|
3296
|
+
& tbody tr td:last-child {
|
|
3297
|
+
border-top-right-radius: calc(var(--radius) + 4px);
|
|
3298
|
+
border-bottom-right-radius: calc(var(--radius) + 4px);
|
|
3299
|
+
}
|
|
3300
|
+
}
|
|
3301
|
+
.\[\&_td\]\:border-b {
|
|
3302
|
+
& td {
|
|
3303
|
+
border-bottom-style: var(--tw-border-style);
|
|
3304
|
+
border-bottom-width: 1px;
|
|
3305
|
+
}
|
|
3306
|
+
}
|
|
3307
|
+
.\[\&_td\]\:border-muted-foreground\/10 {
|
|
3308
|
+
& td {
|
|
3309
|
+
border-color: var(--muted-foreground);
|
|
3310
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3311
|
+
border-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
|
|
3312
|
+
}
|
|
3313
|
+
}
|
|
3314
|
+
}
|
|
3315
|
+
.\[\&_td\]\:transition-colors {
|
|
3316
|
+
& td {
|
|
3317
|
+
transition-property:
|
|
3318
|
+
color,
|
|
3319
|
+
background-color,
|
|
3320
|
+
border-color,
|
|
3321
|
+
outline-color,
|
|
3322
|
+
text-decoration-color,
|
|
3323
|
+
fill,
|
|
3324
|
+
stroke,
|
|
3325
|
+
--tw-gradient-from,
|
|
3326
|
+
--tw-gradient-via,
|
|
3327
|
+
--tw-gradient-to;
|
|
3328
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3329
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3330
|
+
}
|
|
3331
|
+
}
|
|
3332
|
+
.hover\:\[\&_td\]\:bg-muted\/25 {
|
|
3333
|
+
&:hover {
|
|
3334
|
+
@media (hover: hover) {
|
|
3335
|
+
& td {
|
|
3336
|
+
background-color: var(--muted);
|
|
3337
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3338
|
+
background-color: color-mix(in oklab, var(--muted) 25%, transparent);
|
|
3339
|
+
}
|
|
3340
|
+
}
|
|
3341
|
+
}
|
|
3342
|
+
}
|
|
3343
|
+
}
|
|
3344
|
+
.active\:\[\&_td\]\:bg-muted\/35 {
|
|
3345
|
+
&:active {
|
|
3346
|
+
& td {
|
|
3347
|
+
background-color: var(--muted);
|
|
3348
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3349
|
+
background-color: color-mix(in oklab, var(--muted) 35%, transparent);
|
|
3350
|
+
}
|
|
3351
|
+
}
|
|
3352
|
+
}
|
|
3353
|
+
}
|
|
3354
|
+
.data-\[accent\=on\]\:hover\:\[\&_td\]\:bg-\[color\:var\(--dt-accent\)\]\/7 {
|
|
3355
|
+
&[data-accent=on] {
|
|
3356
|
+
&:hover {
|
|
3357
|
+
@media (hover: hover) {
|
|
3358
|
+
& td {
|
|
3359
|
+
background-color: var(--dt-accent);
|
|
3360
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3361
|
+
background-color: color-mix(in oklab, var(--dt-accent) 7%, transparent);
|
|
3362
|
+
}
|
|
3363
|
+
}
|
|
3364
|
+
}
|
|
3365
|
+
}
|
|
3366
|
+
}
|
|
3367
|
+
}
|
|
3368
|
+
.data-\[accent\=on\]\:active\:\[\&_td\]\:bg-\[color\:var\(--dt-accent\)\]\/10 {
|
|
3369
|
+
&[data-accent=on] {
|
|
3370
|
+
&:active {
|
|
3371
|
+
& td {
|
|
3372
|
+
background-color: var(--dt-accent);
|
|
3373
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3374
|
+
background-color: color-mix(in oklab, var(--dt-accent) 10%, transparent);
|
|
3375
|
+
}
|
|
3376
|
+
}
|
|
3377
|
+
}
|
|
3378
|
+
}
|
|
3379
|
+
}
|
|
3380
|
+
.data-\[state\=selected\]\:\[\&_td\]\:ring-1 {
|
|
3381
|
+
&[data-state=selected] {
|
|
3382
|
+
& td {
|
|
3383
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3384
|
+
box-shadow:
|
|
3385
|
+
var(--tw-inset-shadow),
|
|
3386
|
+
var(--tw-inset-ring-shadow),
|
|
3387
|
+
var(--tw-ring-offset-shadow),
|
|
3388
|
+
var(--tw-ring-shadow),
|
|
3389
|
+
var(--tw-shadow);
|
|
3390
|
+
}
|
|
3391
|
+
}
|
|
3392
|
+
}
|
|
3393
|
+
.data-\[state\=selected\]\:\[\&_td\]\:ring-muted-foreground\/15 {
|
|
3394
|
+
&[data-state=selected] {
|
|
3395
|
+
& td {
|
|
3396
|
+
--tw-ring-color: var(--muted-foreground);
|
|
3397
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3398
|
+
--tw-ring-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
|
|
3399
|
+
}
|
|
3400
|
+
}
|
|
3401
|
+
}
|
|
3402
|
+
}
|
|
3403
|
+
.data-\[accent\=on\]\:data-\[state\=selected\]\:\[\&_td\]\:ring-\[color\:var\(--dt-accent\)\]\/25 {
|
|
3404
|
+
&[data-accent=on] {
|
|
3405
|
+
&[data-state=selected] {
|
|
3406
|
+
& td {
|
|
3407
|
+
--tw-ring-color: var(--dt-accent);
|
|
3408
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3409
|
+
--tw-ring-color: color-mix(in oklab, var(--dt-accent) 25%, transparent);
|
|
3410
|
+
}
|
|
3411
|
+
}
|
|
3412
|
+
}
|
|
3413
|
+
}
|
|
3414
|
+
}
|
|
3415
|
+
.\[\&_td\:not\(\:last-child\)\]\:border-r {
|
|
3416
|
+
& td:not(:last-child) {
|
|
3417
|
+
border-right-style: var(--tw-border-style);
|
|
3418
|
+
border-right-width: 1px;
|
|
3419
|
+
}
|
|
3420
|
+
}
|
|
3421
|
+
.\[\&_th\]\:border-b {
|
|
3422
|
+
& th {
|
|
3423
|
+
border-bottom-style: var(--tw-border-style);
|
|
3424
|
+
border-bottom-width: 1px;
|
|
3425
|
+
}
|
|
3426
|
+
}
|
|
3427
|
+
.\[\&_th\]\:border-muted-foreground\/15 {
|
|
3428
|
+
& th {
|
|
3429
|
+
border-color: var(--muted-foreground);
|
|
3430
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3431
|
+
border-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
|
|
3432
|
+
}
|
|
3433
|
+
}
|
|
3434
|
+
}
|
|
3435
|
+
.\[\&_th\:not\(\:last-child\)\]\:border-r {
|
|
3436
|
+
& th:not(:last-child) {
|
|
3437
|
+
border-right-style: var(--tw-border-style);
|
|
3438
|
+
border-right-width: 1px;
|
|
3439
|
+
}
|
|
3440
|
+
}
|
|
3441
|
+
.\[\&_thead_tr\]\:border-b {
|
|
3442
|
+
& thead tr {
|
|
3443
|
+
border-bottom-style: var(--tw-border-style);
|
|
3444
|
+
border-bottom-width: 1px;
|
|
3445
|
+
}
|
|
3446
|
+
}
|
|
2972
3447
|
.\[\&_tr\]\:border-b {
|
|
2973
3448
|
& tr {
|
|
2974
3449
|
border-bottom-style: var(--tw-border-style);
|
|
@@ -2981,6 +3456,12 @@
|
|
|
2981
3456
|
border-width: 0px;
|
|
2982
3457
|
}
|
|
2983
3458
|
}
|
|
3459
|
+
.\[\&_tr\:last-child_td\]\:border-b-0 {
|
|
3460
|
+
& tr:last-child td {
|
|
3461
|
+
border-bottom-style: var(--tw-border-style);
|
|
3462
|
+
border-bottom-width: 0px;
|
|
3463
|
+
}
|
|
3464
|
+
}
|
|
2984
3465
|
.\[\&\+div\]\:text-xs {
|
|
2985
3466
|
& + div {
|
|
2986
3467
|
font-size: var(--text-xs);
|
|
@@ -3110,6 +3591,35 @@
|
|
|
3110
3591
|
}
|
|
3111
3592
|
}
|
|
3112
3593
|
}
|
|
3594
|
+
.\[\&\>tr\:nth-child\(even\)\]\:bg-background\/20 {
|
|
3595
|
+
& > tr:nth-child(even) {
|
|
3596
|
+
background-color: var(--background);
|
|
3597
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3598
|
+
background-color: color-mix(in oklab, var(--background) 20%, transparent);
|
|
3599
|
+
}
|
|
3600
|
+
}
|
|
3601
|
+
}
|
|
3602
|
+
.\[\&\>tr\:nth-child\(even\)\]\:bg-muted\/10 {
|
|
3603
|
+
& > tr:nth-child(even) {
|
|
3604
|
+
background-color: var(--muted);
|
|
3605
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3606
|
+
background-color: color-mix(in oklab, var(--muted) 10%, transparent);
|
|
3607
|
+
}
|
|
3608
|
+
}
|
|
3609
|
+
}
|
|
3610
|
+
.\[\&\>tr\:nth-child\(even\)\]\:bg-muted\/20 {
|
|
3611
|
+
& > tr:nth-child(even) {
|
|
3612
|
+
background-color: var(--muted);
|
|
3613
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3614
|
+
background-color: color-mix(in oklab, var(--muted) 20%, transparent);
|
|
3615
|
+
}
|
|
3616
|
+
}
|
|
3617
|
+
}
|
|
3618
|
+
.\[\&\>tr\:nth-child\(even\)\]\:bg-transparent {
|
|
3619
|
+
& > tr:nth-child(even) {
|
|
3620
|
+
background-color: transparent;
|
|
3621
|
+
}
|
|
3622
|
+
}
|
|
3113
3623
|
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
|
|
3114
3624
|
&[data-panel-group-direction=vertical] > div {
|
|
3115
3625
|
rotate: 90deg;
|
|
@@ -3215,6 +3725,8 @@
|
|
|
3215
3725
|
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
|
|
3216
3726
|
}
|
|
3217
3727
|
}
|
|
3728
|
+
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
|
|
3729
|
+
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }
|
|
3218
3730
|
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
3219
3731
|
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
3220
3732
|
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
|
|
@@ -3275,6 +3787,8 @@
|
|
|
3275
3787
|
::before,
|
|
3276
3788
|
::after,
|
|
3277
3789
|
::backdrop {
|
|
3790
|
+
--tw-border-spacing-x: 0;
|
|
3791
|
+
--tw-border-spacing-y: 0;
|
|
3278
3792
|
--tw-translate-x: 0;
|
|
3279
3793
|
--tw-translate-y: 0;
|
|
3280
3794
|
--tw-translate-z: 0;
|