shadcn-ui-react 0.2.7 → 0.2.8
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 +60 -64
- package/dist/index.cjs +794 -834
- package/dist/index.d.cts +95 -66
- package/dist/index.d.ts +95 -66
- package/dist/index.js +763 -799
- package/dist/style.css +198 -57
- package/package.json +76 -57
package/dist/style.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* src/index.css */
|
|
2
|
+
@layer properties;
|
|
2
3
|
@layer theme, base, components, utilities;
|
|
3
4
|
@layer theme {
|
|
4
5
|
:root,
|
|
@@ -20,13 +21,14 @@
|
|
|
20
21
|
"Liberation Mono",
|
|
21
22
|
"Courier New",
|
|
22
23
|
monospace;
|
|
23
|
-
--color-red-50: oklch(
|
|
24
|
-
--color-red-300: oklch(
|
|
25
|
-
--color-red-400: oklch(
|
|
26
|
-
--color-red-
|
|
27
|
-
--color-
|
|
28
|
-
--color-gray-
|
|
29
|
-
--color-gray-
|
|
24
|
+
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
25
|
+
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
26
|
+
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
27
|
+
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
28
|
+
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
29
|
+
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
30
|
+
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
31
|
+
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
30
32
|
--color-black: #000;
|
|
31
33
|
--spacing: 0.25rem;
|
|
32
34
|
--container-sm: 24rem;
|
|
@@ -48,17 +50,14 @@
|
|
|
48
50
|
--tracking-tight: -0.025em;
|
|
49
51
|
--tracking-widest: 0.1em;
|
|
50
52
|
--leading-relaxed: 1.625;
|
|
53
|
+
--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
|
|
51
54
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
52
55
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
53
56
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
54
57
|
--default-transition-duration: 150ms;
|
|
55
58
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
56
59
|
--default-font-family: var(--font-sans);
|
|
57
|
-
--default-font-feature-settings: var(--font-sans--font-feature-settings);
|
|
58
|
-
--default-font-variation-settings: var( --font-sans--font-variation-settings );
|
|
59
60
|
--default-mono-font-family: var(--font-mono);
|
|
60
|
-
--default-mono-font-feature-settings: var( --font-mono--font-feature-settings );
|
|
61
|
-
--default-mono-font-variation-settings: var( --font-mono--font-variation-settings );
|
|
62
61
|
}
|
|
63
62
|
}
|
|
64
63
|
@layer base {
|
|
@@ -79,14 +78,11 @@
|
|
|
79
78
|
-moz-tab-size: 4;
|
|
80
79
|
-o-tab-size: 4;
|
|
81
80
|
tab-size: 4;
|
|
82
|
-
font-family: var(
|
|
81
|
+
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
83
82
|
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
84
|
-
font-variation-settings: var(
|
|
83
|
+
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
85
84
|
-webkit-tap-highlight-color: transparent;
|
|
86
85
|
}
|
|
87
|
-
body {
|
|
88
|
-
line-height: inherit;
|
|
89
|
-
}
|
|
90
86
|
hr {
|
|
91
87
|
height: 0;
|
|
92
88
|
color: inherit;
|
|
@@ -118,9 +114,9 @@
|
|
|
118
114
|
kbd,
|
|
119
115
|
samp,
|
|
120
116
|
pre {
|
|
121
|
-
font-family: var(
|
|
122
|
-
font-feature-settings: var(
|
|
123
|
-
font-variation-settings: var(
|
|
117
|
+
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
118
|
+
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
119
|
+
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
124
120
|
font-size: 1em;
|
|
125
121
|
}
|
|
126
122
|
small {
|
|
@@ -200,11 +196,23 @@
|
|
|
200
196
|
}
|
|
201
197
|
::-moz-placeholder {
|
|
202
198
|
opacity: 1;
|
|
203
|
-
color: color-mix(in oklab, currentColor 50%, transparent);
|
|
204
199
|
}
|
|
205
200
|
::placeholder {
|
|
206
201
|
opacity: 1;
|
|
207
|
-
|
|
202
|
+
}
|
|
203
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
204
|
+
::-moz-placeholder {
|
|
205
|
+
color: currentcolor;
|
|
206
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
207
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
::placeholder {
|
|
211
|
+
color: currentcolor;
|
|
212
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
213
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
214
|
+
}
|
|
215
|
+
}
|
|
208
216
|
}
|
|
209
217
|
textarea {
|
|
210
218
|
resize: vertical;
|
|
@@ -664,7 +672,7 @@
|
|
|
664
672
|
rotate: 90deg;
|
|
665
673
|
}
|
|
666
674
|
.transform {
|
|
667
|
-
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
675
|
+
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
668
676
|
}
|
|
669
677
|
.animate-pulse {
|
|
670
678
|
animation: var(--animate-pulse);
|
|
@@ -842,7 +850,10 @@
|
|
|
842
850
|
border-color: var(--destructive);
|
|
843
851
|
}
|
|
844
852
|
.border-destructive\/50 {
|
|
845
|
-
border-color:
|
|
853
|
+
border-color: var(--destructive);
|
|
854
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
855
|
+
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
|
|
856
|
+
}
|
|
846
857
|
}
|
|
847
858
|
.border-input {
|
|
848
859
|
border-color: var(--input);
|
|
@@ -851,7 +862,10 @@
|
|
|
851
862
|
border-color: var(--primary);
|
|
852
863
|
}
|
|
853
864
|
.border-primary\/50 {
|
|
854
|
-
border-color:
|
|
865
|
+
border-color: var(--primary);
|
|
866
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
867
|
+
border-color: color-mix(in oklab, var(--primary) 50%, transparent);
|
|
868
|
+
}
|
|
855
869
|
}
|
|
856
870
|
.border-transparent {
|
|
857
871
|
border-color: transparent;
|
|
@@ -869,7 +883,10 @@
|
|
|
869
883
|
background-color: var(--background);
|
|
870
884
|
}
|
|
871
885
|
.bg-black\/80 {
|
|
872
|
-
background-color: color-mix(in
|
|
886
|
+
background-color: color-mix(in srgb, #000 80%, transparent);
|
|
887
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
888
|
+
background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
|
|
889
|
+
}
|
|
873
890
|
}
|
|
874
891
|
.bg-border {
|
|
875
892
|
background-color: var(--border);
|
|
@@ -893,7 +910,10 @@
|
|
|
893
910
|
background-color: var(--muted);
|
|
894
911
|
}
|
|
895
912
|
.bg-muted\/50 {
|
|
896
|
-
background-color:
|
|
913
|
+
background-color: var(--muted);
|
|
914
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
915
|
+
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
|
|
916
|
+
}
|
|
897
917
|
}
|
|
898
918
|
.bg-popover {
|
|
899
919
|
background-color: var(--popover);
|
|
@@ -902,10 +922,16 @@
|
|
|
902
922
|
background-color: var(--primary);
|
|
903
923
|
}
|
|
904
924
|
.bg-primary\/10 {
|
|
905
|
-
background-color:
|
|
925
|
+
background-color: var(--primary);
|
|
926
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
927
|
+
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
|
|
928
|
+
}
|
|
906
929
|
}
|
|
907
930
|
.bg-primary\/20 {
|
|
908
|
-
background-color:
|
|
931
|
+
background-color: var(--primary);
|
|
932
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
933
|
+
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
|
|
934
|
+
}
|
|
909
935
|
}
|
|
910
936
|
.bg-secondary {
|
|
911
937
|
background-color: var(--secondary);
|
|
@@ -914,7 +940,7 @@
|
|
|
914
940
|
background-color: transparent;
|
|
915
941
|
}
|
|
916
942
|
.fill-current {
|
|
917
|
-
fill:
|
|
943
|
+
fill: currentcolor;
|
|
918
944
|
}
|
|
919
945
|
.fill-primary {
|
|
920
946
|
fill: var(--primary);
|
|
@@ -1088,7 +1114,7 @@
|
|
|
1088
1114
|
color: var(--card-foreground);
|
|
1089
1115
|
}
|
|
1090
1116
|
.text-current {
|
|
1091
|
-
color:
|
|
1117
|
+
color: currentcolor;
|
|
1092
1118
|
}
|
|
1093
1119
|
.text-destructive {
|
|
1094
1120
|
color: var(--destructive);
|
|
@@ -1100,7 +1126,10 @@
|
|
|
1100
1126
|
color: var(--foreground);
|
|
1101
1127
|
}
|
|
1102
1128
|
.text-foreground\/50 {
|
|
1103
|
-
color:
|
|
1129
|
+
color: var(--foreground);
|
|
1130
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1131
|
+
color: color-mix(in oklab, var(--foreground) 50%, transparent);
|
|
1132
|
+
}
|
|
1104
1133
|
}
|
|
1105
1134
|
.text-gray-100 {
|
|
1106
1135
|
color: var(--color-gray-100);
|
|
@@ -1117,6 +1146,9 @@
|
|
|
1117
1146
|
.text-primary-foreground {
|
|
1118
1147
|
color: var(--primary-foreground);
|
|
1119
1148
|
}
|
|
1149
|
+
.text-red-500 {
|
|
1150
|
+
color: var(--color-red-500);
|
|
1151
|
+
}
|
|
1120
1152
|
.text-secondary-foreground {
|
|
1121
1153
|
color: var(--secondary-foreground);
|
|
1122
1154
|
}
|
|
@@ -1156,6 +1188,15 @@
|
|
|
1156
1188
|
var(--tw-ring-shadow),
|
|
1157
1189
|
var(--tw-shadow);
|
|
1158
1190
|
}
|
|
1191
|
+
.shadow-inner {
|
|
1192
|
+
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1193
|
+
box-shadow:
|
|
1194
|
+
var(--tw-inset-shadow),
|
|
1195
|
+
var(--tw-inset-ring-shadow),
|
|
1196
|
+
var(--tw-ring-offset-shadow),
|
|
1197
|
+
var(--tw-ring-shadow),
|
|
1198
|
+
var(--tw-shadow);
|
|
1199
|
+
}
|
|
1159
1200
|
.shadow-lg {
|
|
1160
1201
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1161
1202
|
box-shadow:
|
|
@@ -1184,7 +1225,7 @@
|
|
|
1184
1225
|
var(--tw-shadow);
|
|
1185
1226
|
}
|
|
1186
1227
|
.ring-0 {
|
|
1187
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1228
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1188
1229
|
box-shadow:
|
|
1189
1230
|
var(--tw-inset-shadow),
|
|
1190
1231
|
var(--tw-inset-ring-shadow),
|
|
@@ -1193,7 +1234,7 @@
|
|
|
1193
1234
|
var(--tw-shadow);
|
|
1194
1235
|
}
|
|
1195
1236
|
.ring-1 {
|
|
1196
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1237
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1197
1238
|
box-shadow:
|
|
1198
1239
|
var(--tw-inset-shadow),
|
|
1199
1240
|
var(--tw-inset-ring-shadow),
|
|
@@ -1211,7 +1252,9 @@
|
|
|
1211
1252
|
outline-style: var(--tw-outline-style);
|
|
1212
1253
|
outline-width: 1px;
|
|
1213
1254
|
}
|
|
1214
|
-
.
|
|
1255
|
+
.drop-shadow-xl {
|
|
1256
|
+
--tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
|
|
1257
|
+
--tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
|
|
1215
1258
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
1216
1259
|
}
|
|
1217
1260
|
.transition {
|
|
@@ -1345,7 +1388,10 @@
|
|
|
1345
1388
|
}
|
|
1346
1389
|
.group-\[\.destructive\]\:border-muted\/40 {
|
|
1347
1390
|
&:is(:where(.group):is(.destructive) *) {
|
|
1348
|
-
border-color:
|
|
1391
|
+
border-color: var(--muted);
|
|
1392
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1393
|
+
border-color: color-mix(in oklab, var(--muted) 40%, transparent);
|
|
1394
|
+
}
|
|
1349
1395
|
}
|
|
1350
1396
|
}
|
|
1351
1397
|
.group-\[\.destructive\]\:text-red-300 {
|
|
@@ -1509,14 +1555,20 @@
|
|
|
1509
1555
|
.hover\:bg-destructive\/80 {
|
|
1510
1556
|
&:hover {
|
|
1511
1557
|
@media (hover: hover) {
|
|
1512
|
-
background-color:
|
|
1558
|
+
background-color: var(--destructive);
|
|
1559
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1560
|
+
background-color: color-mix(in oklab, var(--destructive) 80%, transparent);
|
|
1561
|
+
}
|
|
1513
1562
|
}
|
|
1514
1563
|
}
|
|
1515
1564
|
}
|
|
1516
1565
|
.hover\:bg-destructive\/90 {
|
|
1517
1566
|
&:hover {
|
|
1518
1567
|
@media (hover: hover) {
|
|
1519
|
-
background-color:
|
|
1568
|
+
background-color: var(--destructive);
|
|
1569
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1570
|
+
background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
|
|
1571
|
+
}
|
|
1520
1572
|
}
|
|
1521
1573
|
}
|
|
1522
1574
|
}
|
|
@@ -1530,7 +1582,10 @@
|
|
|
1530
1582
|
.hover\:bg-muted\/50 {
|
|
1531
1583
|
&:hover {
|
|
1532
1584
|
@media (hover: hover) {
|
|
1533
|
-
background-color:
|
|
1585
|
+
background-color: var(--muted);
|
|
1586
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1587
|
+
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
|
|
1588
|
+
}
|
|
1534
1589
|
}
|
|
1535
1590
|
}
|
|
1536
1591
|
}
|
|
@@ -1544,14 +1599,20 @@
|
|
|
1544
1599
|
.hover\:bg-primary\/80 {
|
|
1545
1600
|
&:hover {
|
|
1546
1601
|
@media (hover: hover) {
|
|
1547
|
-
background-color:
|
|
1602
|
+
background-color: var(--primary);
|
|
1603
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1604
|
+
background-color: color-mix(in oklab, var(--primary) 80%, transparent);
|
|
1605
|
+
}
|
|
1548
1606
|
}
|
|
1549
1607
|
}
|
|
1550
1608
|
}
|
|
1551
1609
|
.hover\:bg-primary\/90 {
|
|
1552
1610
|
&:hover {
|
|
1553
1611
|
@media (hover: hover) {
|
|
1554
|
-
background-color:
|
|
1612
|
+
background-color: var(--primary);
|
|
1613
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1614
|
+
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
|
|
1615
|
+
}
|
|
1555
1616
|
}
|
|
1556
1617
|
}
|
|
1557
1618
|
}
|
|
@@ -1565,7 +1626,10 @@
|
|
|
1565
1626
|
.hover\:bg-secondary\/80 {
|
|
1566
1627
|
&:hover {
|
|
1567
1628
|
@media (hover: hover) {
|
|
1568
|
-
background-color:
|
|
1629
|
+
background-color: var(--secondary);
|
|
1630
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1631
|
+
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
|
|
1632
|
+
}
|
|
1569
1633
|
}
|
|
1570
1634
|
}
|
|
1571
1635
|
}
|
|
@@ -1622,7 +1686,10 @@
|
|
|
1622
1686
|
&:is(:where(.group):is(.destructive) *) {
|
|
1623
1687
|
&:hover {
|
|
1624
1688
|
@media (hover: hover) {
|
|
1625
|
-
border-color:
|
|
1689
|
+
border-color: var(--destructive);
|
|
1690
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1691
|
+
border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
|
|
1692
|
+
}
|
|
1626
1693
|
}
|
|
1627
1694
|
}
|
|
1628
1695
|
}
|
|
@@ -1681,7 +1748,7 @@
|
|
|
1681
1748
|
}
|
|
1682
1749
|
.focus\:ring-1 {
|
|
1683
1750
|
&:focus {
|
|
1684
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1751
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1685
1752
|
box-shadow:
|
|
1686
1753
|
var(--tw-inset-shadow),
|
|
1687
1754
|
var(--tw-inset-ring-shadow),
|
|
@@ -1692,7 +1759,7 @@
|
|
|
1692
1759
|
}
|
|
1693
1760
|
.focus\:ring-2 {
|
|
1694
1761
|
&:focus {
|
|
1695
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1762
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1696
1763
|
box-shadow:
|
|
1697
1764
|
var(--tw-inset-shadow),
|
|
1698
1765
|
var(--tw-inset-ring-shadow),
|
|
@@ -1741,7 +1808,7 @@
|
|
|
1741
1808
|
}
|
|
1742
1809
|
.focus-visible\:ring-1 {
|
|
1743
1810
|
&:focus-visible {
|
|
1744
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1811
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1745
1812
|
box-shadow:
|
|
1746
1813
|
var(--tw-inset-shadow),
|
|
1747
1814
|
var(--tw-inset-ring-shadow),
|
|
@@ -1752,7 +1819,7 @@
|
|
|
1752
1819
|
}
|
|
1753
1820
|
.focus-visible\:ring-2 {
|
|
1754
1821
|
&:focus-visible {
|
|
1755
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1822
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1756
1823
|
box-shadow:
|
|
1757
1824
|
var(--tw-inset-shadow),
|
|
1758
1825
|
var(--tw-inset-ring-shadow),
|
|
@@ -1816,7 +1883,10 @@
|
|
|
1816
1883
|
}
|
|
1817
1884
|
.aria-selected\:bg-accent\/50 {
|
|
1818
1885
|
&[aria-selected=true] {
|
|
1819
|
-
background-color:
|
|
1886
|
+
background-color: var(--accent);
|
|
1887
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1888
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
1889
|
+
}
|
|
1820
1890
|
}
|
|
1821
1891
|
}
|
|
1822
1892
|
.aria-selected\:text-accent-foreground {
|
|
@@ -1841,7 +1911,10 @@
|
|
|
1841
1911
|
}
|
|
1842
1912
|
.data-\[active\]\:bg-accent\/50 {
|
|
1843
1913
|
&[data-active] {
|
|
1844
|
-
background-color:
|
|
1914
|
+
background-color: var(--accent);
|
|
1915
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1916
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
1917
|
+
}
|
|
1845
1918
|
}
|
|
1846
1919
|
}
|
|
1847
1920
|
.data-\[disabled\]\:pointer-events-none {
|
|
@@ -2149,7 +2222,10 @@
|
|
|
2149
2222
|
}
|
|
2150
2223
|
.data-\[state\=open\]\:bg-accent\/50 {
|
|
2151
2224
|
&[data-state=open] {
|
|
2152
|
-
background-color:
|
|
2225
|
+
background-color: var(--accent);
|
|
2226
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2227
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
2228
|
+
}
|
|
2153
2229
|
}
|
|
2154
2230
|
}
|
|
2155
2231
|
.data-\[state\=open\]\:bg-secondary {
|
|
@@ -2601,7 +2677,10 @@
|
|
|
2601
2677
|
}
|
|
2602
2678
|
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50 {
|
|
2603
2679
|
&:has([aria-selected].day-outside) {
|
|
2604
|
-
background-color:
|
|
2680
|
+
background-color: var(--accent);
|
|
2681
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2682
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
2683
|
+
}
|
|
2605
2684
|
}
|
|
2606
2685
|
}
|
|
2607
2686
|
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
|
|
@@ -2762,7 +2841,10 @@
|
|
|
2762
2841
|
@layer base {
|
|
2763
2842
|
* {
|
|
2764
2843
|
border-color: var(--border);
|
|
2765
|
-
outline-color:
|
|
2844
|
+
outline-color: var(--ring);
|
|
2845
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2846
|
+
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
|
|
2847
|
+
}
|
|
2766
2848
|
}
|
|
2767
2849
|
body {
|
|
2768
2850
|
background-color: var(--background);
|
|
@@ -2784,11 +2866,11 @@
|
|
|
2784
2866
|
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2785
2867
|
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2786
2868
|
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2787
|
-
@property --tw-rotate-x { syntax: "*"; inherits: false;
|
|
2788
|
-
@property --tw-rotate-y { syntax: "*"; inherits: false;
|
|
2789
|
-
@property --tw-rotate-z { syntax: "*"; inherits: false;
|
|
2790
|
-
@property --tw-skew-x { syntax: "*"; inherits: false;
|
|
2791
|
-
@property --tw-skew-y { syntax: "*"; inherits: false;
|
|
2869
|
+
@property --tw-rotate-x { syntax: "*"; inherits: false; }
|
|
2870
|
+
@property --tw-rotate-y { syntax: "*"; inherits: false; }
|
|
2871
|
+
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
2872
|
+
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
2873
|
+
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
2792
2874
|
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2793
2875
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2794
2876
|
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
|
|
@@ -2797,8 +2879,10 @@
|
|
|
2797
2879
|
@property --tw-tracking { syntax: "*"; inherits: false; }
|
|
2798
2880
|
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
2799
2881
|
@property --tw-shadow-color { syntax: "*"; inherits: false; }
|
|
2882
|
+
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
2800
2883
|
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
2801
2884
|
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
|
|
2885
|
+
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
2802
2886
|
@property --tw-ring-color { syntax: "*"; inherits: false; }
|
|
2803
2887
|
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
2804
2888
|
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
|
|
@@ -2818,6 +2902,9 @@
|
|
|
2818
2902
|
@property --tw-saturate { syntax: "*"; inherits: false; }
|
|
2819
2903
|
@property --tw-sepia { syntax: "*"; inherits: false; }
|
|
2820
2904
|
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
|
|
2905
|
+
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
|
|
2906
|
+
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
2907
|
+
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
|
|
2821
2908
|
@property --tw-duration { syntax: "*"; inherits: false; }
|
|
2822
2909
|
@property --tw-ease { syntax: "*"; inherits: false; }
|
|
2823
2910
|
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
|
|
@@ -2826,4 +2913,58 @@
|
|
|
2826
2913
|
opacity: 0.5;
|
|
2827
2914
|
}
|
|
2828
2915
|
}
|
|
2829
|
-
|
|
2916
|
+
@layer properties {
|
|
2917
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
2918
|
+
*,
|
|
2919
|
+
::before,
|
|
2920
|
+
::after,
|
|
2921
|
+
::backdrop {
|
|
2922
|
+
--tw-translate-x: 0;
|
|
2923
|
+
--tw-translate-y: 0;
|
|
2924
|
+
--tw-translate-z: 0;
|
|
2925
|
+
--tw-rotate-x: initial;
|
|
2926
|
+
--tw-rotate-y: initial;
|
|
2927
|
+
--tw-rotate-z: initial;
|
|
2928
|
+
--tw-skew-x: initial;
|
|
2929
|
+
--tw-skew-y: initial;
|
|
2930
|
+
--tw-space-y-reverse: 0;
|
|
2931
|
+
--tw-space-x-reverse: 0;
|
|
2932
|
+
--tw-border-style: solid;
|
|
2933
|
+
--tw-leading: initial;
|
|
2934
|
+
--tw-font-weight: initial;
|
|
2935
|
+
--tw-tracking: initial;
|
|
2936
|
+
--tw-shadow: 0 0 #0000;
|
|
2937
|
+
--tw-shadow-color: initial;
|
|
2938
|
+
--tw-shadow-alpha: 100%;
|
|
2939
|
+
--tw-inset-shadow: 0 0 #0000;
|
|
2940
|
+
--tw-inset-shadow-color: initial;
|
|
2941
|
+
--tw-inset-shadow-alpha: 100%;
|
|
2942
|
+
--tw-ring-color: initial;
|
|
2943
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
2944
|
+
--tw-inset-ring-color: initial;
|
|
2945
|
+
--tw-inset-ring-shadow: 0 0 #0000;
|
|
2946
|
+
--tw-ring-inset: initial;
|
|
2947
|
+
--tw-ring-offset-width: 0px;
|
|
2948
|
+
--tw-ring-offset-color: #fff;
|
|
2949
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
2950
|
+
--tw-outline-style: solid;
|
|
2951
|
+
--tw-blur: initial;
|
|
2952
|
+
--tw-brightness: initial;
|
|
2953
|
+
--tw-contrast: initial;
|
|
2954
|
+
--tw-grayscale: initial;
|
|
2955
|
+
--tw-hue-rotate: initial;
|
|
2956
|
+
--tw-invert: initial;
|
|
2957
|
+
--tw-opacity: initial;
|
|
2958
|
+
--tw-saturate: initial;
|
|
2959
|
+
--tw-sepia: initial;
|
|
2960
|
+
--tw-drop-shadow: initial;
|
|
2961
|
+
--tw-drop-shadow-color: initial;
|
|
2962
|
+
--tw-drop-shadow-alpha: 100%;
|
|
2963
|
+
--tw-drop-shadow-size: initial;
|
|
2964
|
+
--tw-duration: initial;
|
|
2965
|
+
--tw-ease: initial;
|
|
2966
|
+
--tw-content: "";
|
|
2967
|
+
}
|
|
2968
|
+
}
|
|
2969
|
+
}
|
|
2970
|
+
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
|