shadcn-ui-react 0.3.8 → 0.4.1
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 +30 -3
- package/dist/index.cjs +432 -413
- package/dist/index.d.cts +42 -28
- package/dist/index.d.ts +42 -28
- package/dist/index.js +444 -427
- package/dist/style.css +24 -3
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -301,6 +301,9 @@
|
|
|
301
301
|
.relative {
|
|
302
302
|
position: relative;
|
|
303
303
|
}
|
|
304
|
+
.sticky {
|
|
305
|
+
position: sticky;
|
|
306
|
+
}
|
|
304
307
|
.inset-0 {
|
|
305
308
|
inset: calc(var(--spacing) * 0);
|
|
306
309
|
}
|
|
@@ -1010,6 +1013,12 @@
|
|
|
1010
1013
|
.bg-popover {
|
|
1011
1014
|
background-color: var(--popover);
|
|
1012
1015
|
}
|
|
1016
|
+
.bg-popover\/80 {
|
|
1017
|
+
background-color: var(--popover);
|
|
1018
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1019
|
+
background-color: color-mix(in oklab, var(--popover) 80%, transparent);
|
|
1020
|
+
}
|
|
1021
|
+
}
|
|
1013
1022
|
.bg-primary {
|
|
1014
1023
|
background-color: var(--primary);
|
|
1015
1024
|
}
|
|
@@ -1402,6 +1411,10 @@
|
|
|
1402
1411
|
outline-style: var(--tw-outline-style);
|
|
1403
1412
|
outline-width: 1px;
|
|
1404
1413
|
}
|
|
1414
|
+
.backdrop-blur {
|
|
1415
|
+
--tw-backdrop-blur: blur(8px);
|
|
1416
|
+
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,);
|
|
1417
|
+
}
|
|
1405
1418
|
.backdrop-blur-sm {
|
|
1406
1419
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
1407
1420
|
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,);
|
|
@@ -2607,6 +2620,14 @@
|
|
|
2607
2620
|
transition-property: none;
|
|
2608
2621
|
}
|
|
2609
2622
|
}
|
|
2623
|
+
.supports-\[backdrop-filter\]\:bg-popover\/60 {
|
|
2624
|
+
@supports (backdrop-filter: var(--tw)) {
|
|
2625
|
+
background-color: var(--popover);
|
|
2626
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2627
|
+
background-color: color-mix(in oklab, var(--popover) 60%, transparent);
|
|
2628
|
+
}
|
|
2629
|
+
}
|
|
2630
|
+
}
|
|
2610
2631
|
.sm\:top-auto {
|
|
2611
2632
|
@media (width >= 40rem) {
|
|
2612
2633
|
top: auto;
|
|
@@ -3023,8 +3044,8 @@
|
|
|
3023
3044
|
--destructive: oklch(0.577 0.245 27.325);
|
|
3024
3045
|
--destructive-foreground: oklch(0.577 0.245 27.325);
|
|
3025
3046
|
--border: oklch(0.922 0 0);
|
|
3026
|
-
--input:
|
|
3027
|
-
--ring:
|
|
3047
|
+
--input: #fdfdfd;
|
|
3048
|
+
--ring: 221.2 83.2% 53.3%;
|
|
3028
3049
|
--chart-1: oklch(0.646 0.222 41.116);
|
|
3029
3050
|
--chart-2: oklch(0.6 0.118 184.704);
|
|
3030
3051
|
--chart-3: oklch(0.398 0.07 227.392);
|
|
@@ -3059,7 +3080,7 @@
|
|
|
3059
3080
|
--destructive-foreground: oklch(0.637 0.237 25.331);
|
|
3060
3081
|
--border: oklch(0.269 0 0);
|
|
3061
3082
|
--input: oklch(0.269 0 0);
|
|
3062
|
-
--ring:
|
|
3083
|
+
--ring: 224.3 76.3% 48%;
|
|
3063
3084
|
--chart-1: oklch(0.488 0.243 264.376);
|
|
3064
3085
|
--chart-2: oklch(0.696 0.17 162.48);
|
|
3065
3086
|
--chart-3: oklch(0.769 0.188 70.08);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shadcn-ui-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Bleker Cordova <bleker@gliyen.com>",
|
|
6
6
|
"description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
|