@stevederico/skateboard-ui 3.0.0 → 3.0.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/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -50,7 +50,7 @@ skateboard-ui v3.0 was a major slimming pass — most utility libraries are now
|
|
|
50
50
|
- `tailwindcss-animate` → inlined as plain CSS in `styles.css`
|
|
51
51
|
- `sonner` → Toaster removed entirely (use `Dialog`/`Alert` instead)
|
|
52
52
|
|
|
53
|
-
**Now optional peer deps** (apps install only if they import the matching component): `embla-carousel-react` (Carousel), `recharts` (Chart), `
|
|
53
|
+
**Now optional peer deps** (apps install only if they import the matching component): `embla-carousel-react` (Carousel), `recharts` (Chart), `react-resizable-panels` (ResizablePanels). `vaul` stays a hard dep because the built-in `UpgradeSheet` uses it.
|
|
54
54
|
|
|
55
55
|
## Migrating to 3.0
|
|
56
56
|
|
|
@@ -80,17 +80,18 @@ The vendored icons keep their original [Lucide ISC license](icons/LICENSE) (some
|
|
|
80
80
|
|
|
81
81
|
## Optional Peer Dependencies
|
|
82
82
|
|
|
83
|
-
|
|
83
|
+
Three shadcn primitives are powered by single-purpose libraries that are **optional peer dependencies** — apps that don't import them install nothing.
|
|
84
84
|
|
|
85
85
|
| Component | Required peer dep |
|
|
86
86
|
|---|---|
|
|
87
87
|
| `Carousel` | `embla-carousel-react` |
|
|
88
88
|
| `Chart` | `recharts` |
|
|
89
|
-
| `Drawer` | `vaul` |
|
|
90
89
|
| `ResizablePanels` | `react-resizable-panels` |
|
|
91
90
|
|
|
92
91
|
If you import one of these without installing the matching package, your bundler will fail with a clear "Cannot find module" error. Just `npm i <package>` and continue.
|
|
93
92
|
|
|
93
|
+
(`Drawer`'s underlying lib `vaul` stays a hard dep because the built-in `UpgradeSheet` uses it.)
|
|
94
|
+
|
|
94
95
|
## Dark Mode Setup
|
|
95
96
|
|
|
96
97
|
To prevent flash of unstyled content (FOUC) when using dark mode, add this script to your `index.html` **before** your app loads:
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stevederico/skateboard-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.1",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
7
7
|
"./Sidebar": {
|
|
@@ -129,7 +129,8 @@
|
|
|
129
129
|
"dependencies": {
|
|
130
130
|
"@base-ui/react": "^1.4.1",
|
|
131
131
|
"use-sync-external-store": "^1.6.0",
|
|
132
|
-
"tailwind-merge": "^3.5.0"
|
|
132
|
+
"tailwind-merge": "^3.5.0",
|
|
133
|
+
"vaul": "^1.1.2"
|
|
133
134
|
},
|
|
134
135
|
"peerDependencies": {
|
|
135
136
|
"react": "^19.1.0",
|
|
@@ -137,13 +138,11 @@
|
|
|
137
138
|
"react-router-dom": "^7.0.0",
|
|
138
139
|
"embla-carousel-react": "^8.6.0",
|
|
139
140
|
"react-resizable-panels": "^4.10.0",
|
|
140
|
-
"recharts": "^3.8.1"
|
|
141
|
-
"vaul": "^1.1.2"
|
|
141
|
+
"recharts": "^3.8.1"
|
|
142
142
|
},
|
|
143
143
|
"peerDependenciesMeta": {
|
|
144
144
|
"embla-carousel-react": { "optional": true },
|
|
145
145
|
"react-resizable-panels": { "optional": true },
|
|
146
|
-
"recharts": { "optional": true }
|
|
147
|
-
"vaul": { "optional": true }
|
|
146
|
+
"recharts": { "optional": true }
|
|
148
147
|
}
|
|
149
148
|
}
|
|
Binary file
|
|
Binary file
|