shadcn-ui-react 0.7.8 → 0.7.9
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/bin/shadcn-ui-react.mjs +1 -1
- package/dist/index.cjs +1164 -995
- package/dist/index.d.cts +84 -69
- package/dist/index.d.ts +84 -69
- package/dist/index.js +1105 -941
- package/dist/style.css +71 -21
- package/package.json +15 -15
package/dist/style.css
CHANGED
|
@@ -312,6 +312,9 @@
|
|
|
312
312
|
.invisible {
|
|
313
313
|
visibility: hidden;
|
|
314
314
|
}
|
|
315
|
+
.visible {
|
|
316
|
+
visibility: visible;
|
|
317
|
+
}
|
|
315
318
|
.sr-only {
|
|
316
319
|
position: absolute;
|
|
317
320
|
width: 1px;
|
|
@@ -633,8 +636,8 @@
|
|
|
633
636
|
.h-px {
|
|
634
637
|
height: 1px;
|
|
635
638
|
}
|
|
636
|
-
.max-h-
|
|
637
|
-
max-height: calc(var(--spacing) *
|
|
639
|
+
.max-h-72 {
|
|
640
|
+
max-height: calc(var(--spacing) * 72);
|
|
638
641
|
}
|
|
639
642
|
.max-h-96 {
|
|
640
643
|
max-height: calc(var(--spacing) * 96);
|
|
@@ -755,9 +758,6 @@
|
|
|
755
758
|
.min-w-32 {
|
|
756
759
|
min-width: calc(var(--spacing) * 32);
|
|
757
760
|
}
|
|
758
|
-
.min-w-48 {
|
|
759
|
-
min-width: calc(var(--spacing) * 48);
|
|
760
|
-
}
|
|
761
761
|
.min-w-\[8rem\] {
|
|
762
762
|
min-width: 8rem;
|
|
763
763
|
}
|
|
@@ -829,6 +829,9 @@
|
|
|
829
829
|
.rotate-90 {
|
|
830
830
|
rotate: 90deg;
|
|
831
831
|
}
|
|
832
|
+
.rotate-180 {
|
|
833
|
+
rotate: 180deg;
|
|
834
|
+
}
|
|
832
835
|
.transform {
|
|
833
836
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
834
837
|
}
|
|
@@ -960,8 +963,10 @@
|
|
|
960
963
|
.gap-y-1 {
|
|
961
964
|
row-gap: calc(var(--spacing) * 1);
|
|
962
965
|
}
|
|
963
|
-
|
|
964
|
-
overflow: hidden
|
|
966
|
+
.truncate {
|
|
967
|
+
overflow: hidden;
|
|
968
|
+
text-overflow: ellipsis;
|
|
969
|
+
white-space: nowrap;
|
|
965
970
|
}
|
|
966
971
|
.overflow-auto {
|
|
967
972
|
overflow: auto;
|
|
@@ -969,6 +974,9 @@
|
|
|
969
974
|
.overflow-hidden {
|
|
970
975
|
overflow: hidden;
|
|
971
976
|
}
|
|
977
|
+
.overflow-hidden\! {
|
|
978
|
+
overflow: hidden !important;
|
|
979
|
+
}
|
|
972
980
|
.overflow-visible {
|
|
973
981
|
overflow: visible;
|
|
974
982
|
}
|
|
@@ -978,6 +986,9 @@
|
|
|
978
986
|
.overflow-y-auto {
|
|
979
987
|
overflow-y: auto;
|
|
980
988
|
}
|
|
989
|
+
.overscroll-contain {
|
|
990
|
+
overscroll-behavior: contain;
|
|
991
|
+
}
|
|
981
992
|
.rounded {
|
|
982
993
|
border-radius: 0.25rem;
|
|
983
994
|
}
|
|
@@ -1601,7 +1612,7 @@
|
|
|
1601
1612
|
--tw-tracking: var(--tracking-widest);
|
|
1602
1613
|
letter-spacing: var(--tracking-widest);
|
|
1603
1614
|
}
|
|
1604
|
-
.break-
|
|
1615
|
+
.wrap-break-word {
|
|
1605
1616
|
overflow-wrap: break-word;
|
|
1606
1617
|
}
|
|
1607
1618
|
.whitespace-nowrap {
|
|
@@ -1697,6 +1708,9 @@
|
|
|
1697
1708
|
.opacity-90 {
|
|
1698
1709
|
opacity: 90%;
|
|
1699
1710
|
}
|
|
1711
|
+
.opacity-100 {
|
|
1712
|
+
opacity: 100%;
|
|
1713
|
+
}
|
|
1700
1714
|
.shadow {
|
|
1701
1715
|
--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));
|
|
1702
1716
|
box-shadow:
|
|
@@ -1769,6 +1783,15 @@
|
|
|
1769
1783
|
var(--tw-ring-shadow),
|
|
1770
1784
|
var(--tw-shadow);
|
|
1771
1785
|
}
|
|
1786
|
+
.shadow-xl {
|
|
1787
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1788
|
+
box-shadow:
|
|
1789
|
+
var(--tw-inset-shadow),
|
|
1790
|
+
var(--tw-inset-ring-shadow),
|
|
1791
|
+
var(--tw-ring-offset-shadow),
|
|
1792
|
+
var(--tw-ring-shadow),
|
|
1793
|
+
var(--tw-shadow);
|
|
1794
|
+
}
|
|
1772
1795
|
.ring-0 {
|
|
1773
1796
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1774
1797
|
box-shadow:
|
|
@@ -1927,6 +1950,9 @@
|
|
|
1927
1950
|
-moz-user-select: none;
|
|
1928
1951
|
user-select: none;
|
|
1929
1952
|
}
|
|
1953
|
+
.\[scrollbar-gutter\:stable\] {
|
|
1954
|
+
scrollbar-gutter: stable;
|
|
1955
|
+
}
|
|
1930
1956
|
.duration-200 {
|
|
1931
1957
|
animation-duration: 200ms;
|
|
1932
1958
|
}
|
|
@@ -2126,6 +2152,33 @@
|
|
|
2126
2152
|
z-index: 20;
|
|
2127
2153
|
}
|
|
2128
2154
|
}
|
|
2155
|
+
.focus-within\:border-primary\/60 {
|
|
2156
|
+
&:focus-within {
|
|
2157
|
+
border-color: var(--primary);
|
|
2158
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2159
|
+
border-color: color-mix(in oklab, var(--primary) 60%, transparent);
|
|
2160
|
+
}
|
|
2161
|
+
}
|
|
2162
|
+
}
|
|
2163
|
+
.focus-within\:ring-2 {
|
|
2164
|
+
&:focus-within {
|
|
2165
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2166
|
+
box-shadow:
|
|
2167
|
+
var(--tw-inset-shadow),
|
|
2168
|
+
var(--tw-inset-ring-shadow),
|
|
2169
|
+
var(--tw-ring-offset-shadow),
|
|
2170
|
+
var(--tw-ring-shadow),
|
|
2171
|
+
var(--tw-shadow);
|
|
2172
|
+
}
|
|
2173
|
+
}
|
|
2174
|
+
.focus-within\:ring-primary\/20 {
|
|
2175
|
+
&:focus-within {
|
|
2176
|
+
--tw-ring-color: var(--primary);
|
|
2177
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2178
|
+
--tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
|
|
2179
|
+
}
|
|
2180
|
+
}
|
|
2181
|
+
}
|
|
2129
2182
|
.hover\:border-gray-400 {
|
|
2130
2183
|
&:hover {
|
|
2131
2184
|
@media (hover: hover) {
|
|
@@ -2170,6 +2223,16 @@
|
|
|
2170
2223
|
}
|
|
2171
2224
|
}
|
|
2172
2225
|
}
|
|
2226
|
+
.hover\:bg-accent\/70 {
|
|
2227
|
+
&:hover {
|
|
2228
|
+
@media (hover: hover) {
|
|
2229
|
+
background-color: var(--accent);
|
|
2230
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2231
|
+
background-color: color-mix(in oklab, var(--accent) 70%, transparent);
|
|
2232
|
+
}
|
|
2233
|
+
}
|
|
2234
|
+
}
|
|
2235
|
+
}
|
|
2173
2236
|
.hover\:bg-amber-500\/10 {
|
|
2174
2237
|
&:hover {
|
|
2175
2238
|
@media (hover: hover) {
|
|
@@ -2706,14 +2769,6 @@
|
|
|
2706
2769
|
--tw-ring-color: var(--ring);
|
|
2707
2770
|
}
|
|
2708
2771
|
}
|
|
2709
|
-
.focus\:ring-ring\/40 {
|
|
2710
|
-
&:focus {
|
|
2711
|
-
--tw-ring-color: var(--ring);
|
|
2712
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2713
|
-
--tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
|
|
2714
|
-
}
|
|
2715
|
-
}
|
|
2716
|
-
}
|
|
2717
2772
|
.focus\:ring-offset-2 {
|
|
2718
2773
|
&:focus {
|
|
2719
2774
|
--tw-ring-offset-width: 2px;
|
|
@@ -3780,11 +3835,6 @@
|
|
|
3780
3835
|
max-width: 420px;
|
|
3781
3836
|
}
|
|
3782
3837
|
}
|
|
3783
|
-
.md\:max-w-sm {
|
|
3784
|
-
@media (width >= 48rem) {
|
|
3785
|
-
max-width: var(--container-sm);
|
|
3786
|
-
}
|
|
3787
|
-
}
|
|
3788
3838
|
.lg\:block {
|
|
3789
3839
|
@media (width >= 64rem) {
|
|
3790
3840
|
display: block;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shadcn-ui-react",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Bleker <bleker@gliyen.com>",
|
|
6
6
|
"description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
|
|
@@ -59,45 +59,45 @@
|
|
|
59
59
|
"@eslint/config-array": "^0.23.5",
|
|
60
60
|
"@eslint/object-schema": "^3.0.5",
|
|
61
61
|
"@hookform/resolvers": "^5.2.2",
|
|
62
|
-
"@tailwindcss/postcss": "^4.
|
|
63
|
-
"@tailwindcss/vite": "^4.
|
|
62
|
+
"@tailwindcss/postcss": "^4.3.0",
|
|
63
|
+
"@tailwindcss/vite": "^4.3.0",
|
|
64
64
|
"@testing-library/dom": "^10.4.1",
|
|
65
65
|
"@testing-library/jest-dom": "^6.9.1",
|
|
66
66
|
"@testing-library/react": "^16.3.2",
|
|
67
67
|
"@testing-library/user-event": "^14.6.1",
|
|
68
68
|
"@types/jest": "^30.0.0",
|
|
69
|
-
"@types/node": "^25.6.
|
|
69
|
+
"@types/node": "^25.6.2",
|
|
70
70
|
"@types/react": "^19.2.14",
|
|
71
71
|
"@types/react-dom": "^19.2.3",
|
|
72
72
|
"@typescript-eslint/eslint-plugin": "^8.59.2",
|
|
73
73
|
"@typescript-eslint/parser": "^8.59.2",
|
|
74
74
|
"autoprefixer": "^10.5.0",
|
|
75
|
-
"babel-jest": "^30.
|
|
75
|
+
"babel-jest": "^30.4.1",
|
|
76
76
|
"cross-env": "^10.1.0",
|
|
77
77
|
"eslint": "^10.3.0",
|
|
78
78
|
"eslint-plugin-react-hooks": "^7.1.1",
|
|
79
79
|
"eslint-plugin-react-refresh": "^0.5.2",
|
|
80
80
|
"identity-obj-proxy": "^3.0.0",
|
|
81
|
-
"jest": "^30.
|
|
82
|
-
"jest-environment-jsdom": "^30.
|
|
83
|
-
"react": "^19.2.
|
|
84
|
-
"react-day-picker": "^
|
|
85
|
-
"react-dom": "^19.2.
|
|
86
|
-
"react-test-renderer": "^19.2.
|
|
81
|
+
"jest": "^30.4.2",
|
|
82
|
+
"jest-environment-jsdom": "^30.4.1",
|
|
83
|
+
"react": "^19.2.6",
|
|
84
|
+
"react-day-picker": "^10.0.0",
|
|
85
|
+
"react-dom": "^19.2.6",
|
|
86
|
+
"react-test-renderer": "^19.2.6",
|
|
87
87
|
"rimraf": "^6.1.3",
|
|
88
|
-
"tailwindcss": "^4.
|
|
88
|
+
"tailwindcss": "^4.3.0",
|
|
89
89
|
"tailwindcss-animate": "^1.0.7",
|
|
90
90
|
"tsup": "^8.5.1",
|
|
91
91
|
"typescript": "^6.0.3",
|
|
92
92
|
"vaul": "^1.1.2",
|
|
93
|
-
"vite": "^8.0.
|
|
93
|
+
"vite": "^8.0.11",
|
|
94
94
|
"vite-plugin-dts": "^5.0.0",
|
|
95
95
|
"vite-plugin-ts-alias": "^0.1.1",
|
|
96
96
|
"zod": "^4.4.3"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
|
-
"react": "^17.0.0 || ^18.3.1 || ^19.2.
|
|
100
|
-
"react-dom": "^17.0.0 || ^18.3.1 || ^19.2.
|
|
99
|
+
"react": "^17.0.0 || ^18.3.1 || ^19.2.6 || ^20.0.0",
|
|
100
|
+
"react-dom": "^17.0.0 || ^18.3.1 || ^19.2.6 || ^20.0.0"
|
|
101
101
|
},
|
|
102
102
|
"publishConfig": {
|
|
103
103
|
"access": "public"
|