shadcn-ui-react 0.2.7 → 0.3.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 +215 -91
- package/dist/index.cjs +889 -892
- package/dist/index.d.cts +102 -68
- package/dist/index.d.ts +102 -68
- package/dist/index.js +862 -861
- package/dist/style.css +213 -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,15 @@
|
|
|
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);
|
|
56
|
+
--animate-spin: spin 1s linear infinite;
|
|
53
57
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
54
58
|
--default-transition-duration: 150ms;
|
|
55
59
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
56
60
|
--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
61
|
--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
62
|
}
|
|
63
63
|
}
|
|
64
64
|
@layer base {
|
|
@@ -79,14 +79,11 @@
|
|
|
79
79
|
-moz-tab-size: 4;
|
|
80
80
|
-o-tab-size: 4;
|
|
81
81
|
tab-size: 4;
|
|
82
|
-
font-family: var(
|
|
82
|
+
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
83
|
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
84
|
-
font-variation-settings: var(
|
|
84
|
+
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
85
85
|
-webkit-tap-highlight-color: transparent;
|
|
86
86
|
}
|
|
87
|
-
body {
|
|
88
|
-
line-height: inherit;
|
|
89
|
-
}
|
|
90
87
|
hr {
|
|
91
88
|
height: 0;
|
|
92
89
|
color: inherit;
|
|
@@ -118,9 +115,9 @@
|
|
|
118
115
|
kbd,
|
|
119
116
|
samp,
|
|
120
117
|
pre {
|
|
121
|
-
font-family: var(
|
|
122
|
-
font-feature-settings: var(
|
|
123
|
-
font-variation-settings: var(
|
|
118
|
+
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
119
|
+
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
120
|
+
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
124
121
|
font-size: 1em;
|
|
125
122
|
}
|
|
126
123
|
small {
|
|
@@ -200,11 +197,23 @@
|
|
|
200
197
|
}
|
|
201
198
|
::-moz-placeholder {
|
|
202
199
|
opacity: 1;
|
|
203
|
-
color: color-mix(in oklab, currentColor 50%, transparent);
|
|
204
200
|
}
|
|
205
201
|
::placeholder {
|
|
206
202
|
opacity: 1;
|
|
207
|
-
|
|
203
|
+
}
|
|
204
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
205
|
+
::-moz-placeholder {
|
|
206
|
+
color: currentcolor;
|
|
207
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
208
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
::placeholder {
|
|
212
|
+
color: currentcolor;
|
|
213
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
214
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
215
|
+
}
|
|
216
|
+
}
|
|
208
217
|
}
|
|
209
218
|
textarea {
|
|
210
219
|
resize: vertical;
|
|
@@ -422,12 +431,18 @@
|
|
|
422
431
|
.mb-1 {
|
|
423
432
|
margin-bottom: calc(var(--spacing) * 1);
|
|
424
433
|
}
|
|
434
|
+
.mb-4 {
|
|
435
|
+
margin-bottom: calc(var(--spacing) * 4);
|
|
436
|
+
}
|
|
425
437
|
.-ml-4 {
|
|
426
438
|
margin-left: calc(var(--spacing) * -4);
|
|
427
439
|
}
|
|
428
440
|
.ml-1 {
|
|
429
441
|
margin-left: calc(var(--spacing) * 1);
|
|
430
442
|
}
|
|
443
|
+
.ml-2 {
|
|
444
|
+
margin-left: calc(var(--spacing) * 2);
|
|
445
|
+
}
|
|
431
446
|
.ml-auto {
|
|
432
447
|
margin-left: auto;
|
|
433
448
|
}
|
|
@@ -664,11 +679,14 @@
|
|
|
664
679
|
rotate: 90deg;
|
|
665
680
|
}
|
|
666
681
|
.transform {
|
|
667
|
-
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
|
|
682
|
+
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
668
683
|
}
|
|
669
684
|
.animate-pulse {
|
|
670
685
|
animation: var(--animate-pulse);
|
|
671
686
|
}
|
|
687
|
+
.animate-spin {
|
|
688
|
+
animation: var(--animate-spin);
|
|
689
|
+
}
|
|
672
690
|
.cursor-default {
|
|
673
691
|
cursor: default;
|
|
674
692
|
}
|
|
@@ -842,7 +860,10 @@
|
|
|
842
860
|
border-color: var(--destructive);
|
|
843
861
|
}
|
|
844
862
|
.border-destructive\/50 {
|
|
845
|
-
border-color:
|
|
863
|
+
border-color: var(--destructive);
|
|
864
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
865
|
+
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
|
|
866
|
+
}
|
|
846
867
|
}
|
|
847
868
|
.border-input {
|
|
848
869
|
border-color: var(--input);
|
|
@@ -851,7 +872,10 @@
|
|
|
851
872
|
border-color: var(--primary);
|
|
852
873
|
}
|
|
853
874
|
.border-primary\/50 {
|
|
854
|
-
border-color:
|
|
875
|
+
border-color: var(--primary);
|
|
876
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
877
|
+
border-color: color-mix(in oklab, var(--primary) 50%, transparent);
|
|
878
|
+
}
|
|
855
879
|
}
|
|
856
880
|
.border-transparent {
|
|
857
881
|
border-color: transparent;
|
|
@@ -869,7 +893,10 @@
|
|
|
869
893
|
background-color: var(--background);
|
|
870
894
|
}
|
|
871
895
|
.bg-black\/80 {
|
|
872
|
-
background-color: color-mix(in
|
|
896
|
+
background-color: color-mix(in srgb, #000 80%, transparent);
|
|
897
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
898
|
+
background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
|
|
899
|
+
}
|
|
873
900
|
}
|
|
874
901
|
.bg-border {
|
|
875
902
|
background-color: var(--border);
|
|
@@ -893,7 +920,10 @@
|
|
|
893
920
|
background-color: var(--muted);
|
|
894
921
|
}
|
|
895
922
|
.bg-muted\/50 {
|
|
896
|
-
background-color:
|
|
923
|
+
background-color: var(--muted);
|
|
924
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
925
|
+
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
|
|
926
|
+
}
|
|
897
927
|
}
|
|
898
928
|
.bg-popover {
|
|
899
929
|
background-color: var(--popover);
|
|
@@ -902,10 +932,16 @@
|
|
|
902
932
|
background-color: var(--primary);
|
|
903
933
|
}
|
|
904
934
|
.bg-primary\/10 {
|
|
905
|
-
background-color:
|
|
935
|
+
background-color: var(--primary);
|
|
936
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
937
|
+
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
|
|
938
|
+
}
|
|
906
939
|
}
|
|
907
940
|
.bg-primary\/20 {
|
|
908
|
-
background-color:
|
|
941
|
+
background-color: var(--primary);
|
|
942
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
943
|
+
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
|
|
944
|
+
}
|
|
909
945
|
}
|
|
910
946
|
.bg-secondary {
|
|
911
947
|
background-color: var(--secondary);
|
|
@@ -914,7 +950,7 @@
|
|
|
914
950
|
background-color: transparent;
|
|
915
951
|
}
|
|
916
952
|
.fill-current {
|
|
917
|
-
fill:
|
|
953
|
+
fill: currentcolor;
|
|
918
954
|
}
|
|
919
955
|
.fill-primary {
|
|
920
956
|
fill: var(--primary);
|
|
@@ -1088,7 +1124,7 @@
|
|
|
1088
1124
|
color: var(--card-foreground);
|
|
1089
1125
|
}
|
|
1090
1126
|
.text-current {
|
|
1091
|
-
color:
|
|
1127
|
+
color: currentcolor;
|
|
1092
1128
|
}
|
|
1093
1129
|
.text-destructive {
|
|
1094
1130
|
color: var(--destructive);
|
|
@@ -1100,7 +1136,10 @@
|
|
|
1100
1136
|
color: var(--foreground);
|
|
1101
1137
|
}
|
|
1102
1138
|
.text-foreground\/50 {
|
|
1103
|
-
color:
|
|
1139
|
+
color: var(--foreground);
|
|
1140
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1141
|
+
color: color-mix(in oklab, var(--foreground) 50%, transparent);
|
|
1142
|
+
}
|
|
1104
1143
|
}
|
|
1105
1144
|
.text-gray-100 {
|
|
1106
1145
|
color: var(--color-gray-100);
|
|
@@ -1117,6 +1156,9 @@
|
|
|
1117
1156
|
.text-primary-foreground {
|
|
1118
1157
|
color: var(--primary-foreground);
|
|
1119
1158
|
}
|
|
1159
|
+
.text-red-500 {
|
|
1160
|
+
color: var(--color-red-500);
|
|
1161
|
+
}
|
|
1120
1162
|
.text-secondary-foreground {
|
|
1121
1163
|
color: var(--secondary-foreground);
|
|
1122
1164
|
}
|
|
@@ -1156,6 +1198,15 @@
|
|
|
1156
1198
|
var(--tw-ring-shadow),
|
|
1157
1199
|
var(--tw-shadow);
|
|
1158
1200
|
}
|
|
1201
|
+
.shadow-inner {
|
|
1202
|
+
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1203
|
+
box-shadow:
|
|
1204
|
+
var(--tw-inset-shadow),
|
|
1205
|
+
var(--tw-inset-ring-shadow),
|
|
1206
|
+
var(--tw-ring-offset-shadow),
|
|
1207
|
+
var(--tw-ring-shadow),
|
|
1208
|
+
var(--tw-shadow);
|
|
1209
|
+
}
|
|
1159
1210
|
.shadow-lg {
|
|
1160
1211
|
--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
1212
|
box-shadow:
|
|
@@ -1184,7 +1235,7 @@
|
|
|
1184
1235
|
var(--tw-shadow);
|
|
1185
1236
|
}
|
|
1186
1237
|
.ring-0 {
|
|
1187
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1238
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1188
1239
|
box-shadow:
|
|
1189
1240
|
var(--tw-inset-shadow),
|
|
1190
1241
|
var(--tw-inset-ring-shadow),
|
|
@@ -1193,7 +1244,7 @@
|
|
|
1193
1244
|
var(--tw-shadow);
|
|
1194
1245
|
}
|
|
1195
1246
|
.ring-1 {
|
|
1196
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1247
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1197
1248
|
box-shadow:
|
|
1198
1249
|
var(--tw-inset-shadow),
|
|
1199
1250
|
var(--tw-inset-ring-shadow),
|
|
@@ -1211,7 +1262,9 @@
|
|
|
1211
1262
|
outline-style: var(--tw-outline-style);
|
|
1212
1263
|
outline-width: 1px;
|
|
1213
1264
|
}
|
|
1214
|
-
.
|
|
1265
|
+
.drop-shadow-xl {
|
|
1266
|
+
--tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
|
|
1267
|
+
--tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
|
|
1215
1268
|
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
1269
|
}
|
|
1217
1270
|
.transition {
|
|
@@ -1345,7 +1398,10 @@
|
|
|
1345
1398
|
}
|
|
1346
1399
|
.group-\[\.destructive\]\:border-muted\/40 {
|
|
1347
1400
|
&:is(:where(.group):is(.destructive) *) {
|
|
1348
|
-
border-color:
|
|
1401
|
+
border-color: var(--muted);
|
|
1402
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1403
|
+
border-color: color-mix(in oklab, var(--muted) 40%, transparent);
|
|
1404
|
+
}
|
|
1349
1405
|
}
|
|
1350
1406
|
}
|
|
1351
1407
|
.group-\[\.destructive\]\:text-red-300 {
|
|
@@ -1509,14 +1565,20 @@
|
|
|
1509
1565
|
.hover\:bg-destructive\/80 {
|
|
1510
1566
|
&:hover {
|
|
1511
1567
|
@media (hover: hover) {
|
|
1512
|
-
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) 80%, transparent);
|
|
1571
|
+
}
|
|
1513
1572
|
}
|
|
1514
1573
|
}
|
|
1515
1574
|
}
|
|
1516
1575
|
.hover\:bg-destructive\/90 {
|
|
1517
1576
|
&:hover {
|
|
1518
1577
|
@media (hover: hover) {
|
|
1519
|
-
background-color:
|
|
1578
|
+
background-color: var(--destructive);
|
|
1579
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1580
|
+
background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
|
|
1581
|
+
}
|
|
1520
1582
|
}
|
|
1521
1583
|
}
|
|
1522
1584
|
}
|
|
@@ -1530,7 +1592,10 @@
|
|
|
1530
1592
|
.hover\:bg-muted\/50 {
|
|
1531
1593
|
&:hover {
|
|
1532
1594
|
@media (hover: hover) {
|
|
1533
|
-
background-color:
|
|
1595
|
+
background-color: var(--muted);
|
|
1596
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1597
|
+
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
|
|
1598
|
+
}
|
|
1534
1599
|
}
|
|
1535
1600
|
}
|
|
1536
1601
|
}
|
|
@@ -1544,14 +1609,20 @@
|
|
|
1544
1609
|
.hover\:bg-primary\/80 {
|
|
1545
1610
|
&:hover {
|
|
1546
1611
|
@media (hover: hover) {
|
|
1547
|
-
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) 80%, transparent);
|
|
1615
|
+
}
|
|
1548
1616
|
}
|
|
1549
1617
|
}
|
|
1550
1618
|
}
|
|
1551
1619
|
.hover\:bg-primary\/90 {
|
|
1552
1620
|
&:hover {
|
|
1553
1621
|
@media (hover: hover) {
|
|
1554
|
-
background-color:
|
|
1622
|
+
background-color: var(--primary);
|
|
1623
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1624
|
+
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
|
|
1625
|
+
}
|
|
1555
1626
|
}
|
|
1556
1627
|
}
|
|
1557
1628
|
}
|
|
@@ -1565,7 +1636,10 @@
|
|
|
1565
1636
|
.hover\:bg-secondary\/80 {
|
|
1566
1637
|
&:hover {
|
|
1567
1638
|
@media (hover: hover) {
|
|
1568
|
-
background-color:
|
|
1639
|
+
background-color: var(--secondary);
|
|
1640
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1641
|
+
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
|
|
1642
|
+
}
|
|
1569
1643
|
}
|
|
1570
1644
|
}
|
|
1571
1645
|
}
|
|
@@ -1622,7 +1696,10 @@
|
|
|
1622
1696
|
&:is(:where(.group):is(.destructive) *) {
|
|
1623
1697
|
&:hover {
|
|
1624
1698
|
@media (hover: hover) {
|
|
1625
|
-
border-color:
|
|
1699
|
+
border-color: var(--destructive);
|
|
1700
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1701
|
+
border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
|
|
1702
|
+
}
|
|
1626
1703
|
}
|
|
1627
1704
|
}
|
|
1628
1705
|
}
|
|
@@ -1681,7 +1758,7 @@
|
|
|
1681
1758
|
}
|
|
1682
1759
|
.focus\:ring-1 {
|
|
1683
1760
|
&:focus {
|
|
1684
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1761
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1685
1762
|
box-shadow:
|
|
1686
1763
|
var(--tw-inset-shadow),
|
|
1687
1764
|
var(--tw-inset-ring-shadow),
|
|
@@ -1692,7 +1769,7 @@
|
|
|
1692
1769
|
}
|
|
1693
1770
|
.focus\:ring-2 {
|
|
1694
1771
|
&:focus {
|
|
1695
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1772
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1696
1773
|
box-shadow:
|
|
1697
1774
|
var(--tw-inset-shadow),
|
|
1698
1775
|
var(--tw-inset-ring-shadow),
|
|
@@ -1741,7 +1818,7 @@
|
|
|
1741
1818
|
}
|
|
1742
1819
|
.focus-visible\:ring-1 {
|
|
1743
1820
|
&:focus-visible {
|
|
1744
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1821
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1745
1822
|
box-shadow:
|
|
1746
1823
|
var(--tw-inset-shadow),
|
|
1747
1824
|
var(--tw-inset-ring-shadow),
|
|
@@ -1752,7 +1829,7 @@
|
|
|
1752
1829
|
}
|
|
1753
1830
|
.focus-visible\:ring-2 {
|
|
1754
1831
|
&:focus-visible {
|
|
1755
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,
|
|
1832
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1756
1833
|
box-shadow:
|
|
1757
1834
|
var(--tw-inset-shadow),
|
|
1758
1835
|
var(--tw-inset-ring-shadow),
|
|
@@ -1816,7 +1893,10 @@
|
|
|
1816
1893
|
}
|
|
1817
1894
|
.aria-selected\:bg-accent\/50 {
|
|
1818
1895
|
&[aria-selected=true] {
|
|
1819
|
-
background-color:
|
|
1896
|
+
background-color: var(--accent);
|
|
1897
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1898
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
1899
|
+
}
|
|
1820
1900
|
}
|
|
1821
1901
|
}
|
|
1822
1902
|
.aria-selected\:text-accent-foreground {
|
|
@@ -1841,7 +1921,10 @@
|
|
|
1841
1921
|
}
|
|
1842
1922
|
.data-\[active\]\:bg-accent\/50 {
|
|
1843
1923
|
&[data-active] {
|
|
1844
|
-
background-color:
|
|
1924
|
+
background-color: var(--accent);
|
|
1925
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1926
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
1927
|
+
}
|
|
1845
1928
|
}
|
|
1846
1929
|
}
|
|
1847
1930
|
.data-\[disabled\]\:pointer-events-none {
|
|
@@ -2149,7 +2232,10 @@
|
|
|
2149
2232
|
}
|
|
2150
2233
|
.data-\[state\=open\]\:bg-accent\/50 {
|
|
2151
2234
|
&[data-state=open] {
|
|
2152
|
-
background-color:
|
|
2235
|
+
background-color: var(--accent);
|
|
2236
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2237
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
2238
|
+
}
|
|
2153
2239
|
}
|
|
2154
2240
|
}
|
|
2155
2241
|
.data-\[state\=open\]\:bg-secondary {
|
|
@@ -2601,7 +2687,10 @@
|
|
|
2601
2687
|
}
|
|
2602
2688
|
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50 {
|
|
2603
2689
|
&:has([aria-selected].day-outside) {
|
|
2604
|
-
background-color:
|
|
2690
|
+
background-color: var(--accent);
|
|
2691
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2692
|
+
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
|
|
2693
|
+
}
|
|
2605
2694
|
}
|
|
2606
2695
|
}
|
|
2607
2696
|
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
|
|
@@ -2762,7 +2851,10 @@
|
|
|
2762
2851
|
@layer base {
|
|
2763
2852
|
* {
|
|
2764
2853
|
border-color: var(--border);
|
|
2765
|
-
outline-color:
|
|
2854
|
+
outline-color: var(--ring);
|
|
2855
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2856
|
+
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
|
|
2857
|
+
}
|
|
2766
2858
|
}
|
|
2767
2859
|
body {
|
|
2768
2860
|
background-color: var(--background);
|
|
@@ -2784,11 +2876,11 @@
|
|
|
2784
2876
|
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2785
2877
|
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2786
2878
|
@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;
|
|
2879
|
+
@property --tw-rotate-x { syntax: "*"; inherits: false; }
|
|
2880
|
+
@property --tw-rotate-y { syntax: "*"; inherits: false; }
|
|
2881
|
+
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
2882
|
+
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
2883
|
+
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
2792
2884
|
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2793
2885
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
2794
2886
|
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
|
|
@@ -2797,8 +2889,10 @@
|
|
|
2797
2889
|
@property --tw-tracking { syntax: "*"; inherits: false; }
|
|
2798
2890
|
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
2799
2891
|
@property --tw-shadow-color { syntax: "*"; inherits: false; }
|
|
2892
|
+
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
2800
2893
|
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
2801
2894
|
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
|
|
2895
|
+
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
2802
2896
|
@property --tw-ring-color { syntax: "*"; inherits: false; }
|
|
2803
2897
|
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
2804
2898
|
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
|
|
@@ -2818,12 +2912,74 @@
|
|
|
2818
2912
|
@property --tw-saturate { syntax: "*"; inherits: false; }
|
|
2819
2913
|
@property --tw-sepia { syntax: "*"; inherits: false; }
|
|
2820
2914
|
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
|
|
2915
|
+
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
|
|
2916
|
+
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
|
|
2917
|
+
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
|
|
2821
2918
|
@property --tw-duration { syntax: "*"; inherits: false; }
|
|
2822
2919
|
@property --tw-ease { syntax: "*"; inherits: false; }
|
|
2823
2920
|
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
|
|
2921
|
+
@keyframes spin {
|
|
2922
|
+
to {
|
|
2923
|
+
transform: rotate(360deg);
|
|
2924
|
+
}
|
|
2925
|
+
}
|
|
2824
2926
|
@keyframes pulse {
|
|
2825
2927
|
50% {
|
|
2826
2928
|
opacity: 0.5;
|
|
2827
2929
|
}
|
|
2828
2930
|
}
|
|
2829
|
-
|
|
2931
|
+
@layer properties {
|
|
2932
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
2933
|
+
*,
|
|
2934
|
+
::before,
|
|
2935
|
+
::after,
|
|
2936
|
+
::backdrop {
|
|
2937
|
+
--tw-translate-x: 0;
|
|
2938
|
+
--tw-translate-y: 0;
|
|
2939
|
+
--tw-translate-z: 0;
|
|
2940
|
+
--tw-rotate-x: initial;
|
|
2941
|
+
--tw-rotate-y: initial;
|
|
2942
|
+
--tw-rotate-z: initial;
|
|
2943
|
+
--tw-skew-x: initial;
|
|
2944
|
+
--tw-skew-y: initial;
|
|
2945
|
+
--tw-space-y-reverse: 0;
|
|
2946
|
+
--tw-space-x-reverse: 0;
|
|
2947
|
+
--tw-border-style: solid;
|
|
2948
|
+
--tw-leading: initial;
|
|
2949
|
+
--tw-font-weight: initial;
|
|
2950
|
+
--tw-tracking: initial;
|
|
2951
|
+
--tw-shadow: 0 0 #0000;
|
|
2952
|
+
--tw-shadow-color: initial;
|
|
2953
|
+
--tw-shadow-alpha: 100%;
|
|
2954
|
+
--tw-inset-shadow: 0 0 #0000;
|
|
2955
|
+
--tw-inset-shadow-color: initial;
|
|
2956
|
+
--tw-inset-shadow-alpha: 100%;
|
|
2957
|
+
--tw-ring-color: initial;
|
|
2958
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
2959
|
+
--tw-inset-ring-color: initial;
|
|
2960
|
+
--tw-inset-ring-shadow: 0 0 #0000;
|
|
2961
|
+
--tw-ring-inset: initial;
|
|
2962
|
+
--tw-ring-offset-width: 0px;
|
|
2963
|
+
--tw-ring-offset-color: #fff;
|
|
2964
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
2965
|
+
--tw-outline-style: solid;
|
|
2966
|
+
--tw-blur: initial;
|
|
2967
|
+
--tw-brightness: initial;
|
|
2968
|
+
--tw-contrast: initial;
|
|
2969
|
+
--tw-grayscale: initial;
|
|
2970
|
+
--tw-hue-rotate: initial;
|
|
2971
|
+
--tw-invert: initial;
|
|
2972
|
+
--tw-opacity: initial;
|
|
2973
|
+
--tw-saturate: initial;
|
|
2974
|
+
--tw-sepia: initial;
|
|
2975
|
+
--tw-drop-shadow: initial;
|
|
2976
|
+
--tw-drop-shadow-color: initial;
|
|
2977
|
+
--tw-drop-shadow-alpha: 100%;
|
|
2978
|
+
--tw-drop-shadow-size: initial;
|
|
2979
|
+
--tw-duration: initial;
|
|
2980
|
+
--tw-ease: initial;
|
|
2981
|
+
--tw-content: "";
|
|
2982
|
+
}
|
|
2983
|
+
}
|
|
2984
|
+
}
|
|
2985
|
+
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
|