@soli92/solids 1.3.1 β 1.3.2
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 +7 -0
- package/README.md +13 -12
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [1.3.2](https://github.com/soli92/solids/compare/v1.3.1...v1.3.2) (2026-03-24)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **ui:** align Resizable with react-resizable-panels v4 ([73f8bb5](https://github.com/soli92/solids/commit/73f8bb5e6210a14bcd4310042f7533907a45c848))
|
|
7
|
+
|
|
1
8
|
## [1.3.1](https://github.com/soli92/solids/compare/v1.3.0...v1.3.1) (2026-03-24)
|
|
2
9
|
|
|
3
10
|
|
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ pronta all'uso con qualsiasi framework web e compatibile con **shadcn/ui**.
|
|
|
14
14
|
|-------|------|-------------|
|
|
15
15
|
| π¨ Tokens | `dist/tokens/tokens.json` | Palette completa, spacing, tipografia, shadow, radius, easing, z-index |
|
|
16
16
|
| π€ Variables | `dist/css/variables.css` | CSS vars `--sd-*` per tema light (default) |
|
|
17
|
-
| π Themes | `dist/css/themes.css` | Override dark + `prefers-color-scheme` |
|
|
17
|
+
| π Themes | `dist/css/themes.css` | Override **dark**, **fantasy**, **cyberpunk** + `prefers-color-scheme: dark` quando `data-theme` non Γ¨ impostato |
|
|
18
18
|
| π shadcn | `dist/css/shadcn.css` | Mapping variabili shadcn/ui β token SoliDS |
|
|
19
19
|
| 𧱠Base | `dist/css/base.css` | Reset minimale, body, focus-visible, box-sizing |
|
|
20
20
|
| π οΈ Utilities | `dist/css/utilities.css` | Classi utility `sd-*` (flex, spacing, colori, badge, cardβ¦) |
|
|
@@ -77,7 +77,7 @@ Poi inizializza shadcn e aggiungi i componenti: **tutto il kit** con `npx shadcn
|
|
|
77
77
|
import tokens from "@soli92/solids/tokens"; // tokens.json
|
|
78
78
|
import "@soli92/solids/css/index.css"; // tutto
|
|
79
79
|
import "@soli92/solids/css/variables.css"; // solo vars
|
|
80
|
-
import "@soli92/solids/css/themes.css"; //
|
|
80
|
+
import "@soli92/solids/css/themes.css"; // override temi + OS dark
|
|
81
81
|
import "@soli92/solids/css/shadcn.css"; // solo shadcn layer
|
|
82
82
|
import "@soli92/solids/css/base.css"; // solo base
|
|
83
83
|
import "@soli92/solids/css/utilities.css"; // solo utilities
|
|
@@ -133,22 +133,21 @@ Preset Tailwind (shadcn): `require("@soli92/solids/tailwind-preset")` nel `tailw
|
|
|
133
133
|
|
|
134
134
|
---
|
|
135
135
|
|
|
136
|
-
##
|
|
136
|
+
## Temi (light, dark, fantasy, cyberpunk)
|
|
137
137
|
|
|
138
|
-
|
|
138
|
+
Quattro temi globali tramite `data-theme` su `<html>`. Stessi token semantici (`--sd-*`), valori diversi per colore, font, raggio e ombre dove definito nei JSON tema.
|
|
139
139
|
|
|
140
140
|
```html
|
|
141
|
-
<!--
|
|
141
|
+
<html data-theme="light"> <!-- esplicito (spesso coincide con default :root) -->
|
|
142
142
|
<html data-theme="dark">
|
|
143
|
+
<html data-theme="fantasy"> <!-- pergamena / serif / Cinzel negli heading -->
|
|
144
|
+
<html data-theme="cyberpunk"> <!-- neon; il preset Tailwind tratta anche questo come "dark" per le utility dark: -->
|
|
145
|
+
```
|
|
143
146
|
|
|
144
|
-
|
|
145
|
-
<html data-theme="light">
|
|
147
|
+
Se **`data-theme` non Γ¨ impostato**, `prefers-color-scheme: dark` applica i token **dark** (come `data-theme="dark"`). **Fantasy** e **cyberpunk** vanno scelti esplicitamente.
|
|
146
148
|
|
|
147
|
-
|
|
148
|
-
<html>
|
|
149
|
-
```
|
|
149
|
+
Con **next-themes**, usa `attribute="data-theme"` e, se vuoi tutti i temi nel selettore, estendi i temi oltre `light`/`dark` (vedi `docs/shadcn-integration.md`).
|
|
150
150
|
|
|
151
|
-
Con **next-themes**:
|
|
152
151
|
```tsx
|
|
153
152
|
<ThemeProvider attribute="data-theme" defaultTheme="system" enableSystem>
|
|
154
153
|
```
|
|
@@ -225,7 +224,9 @@ src/
|
|
|
225
224
|
β βββ semantic.json # Token semantici (testo, bg, border, intent, componenti)
|
|
226
225
|
β βββ themes/
|
|
227
226
|
β βββ light.json # Override tema light
|
|
228
|
-
β
|
|
227
|
+
β βββ dark.json # Override tema dark
|
|
228
|
+
β βββ fantasy.json # Tema fantasy (palette, font, radius, shadow)
|
|
229
|
+
β βββ cyberpunk.json # Tema cyberpunk
|
|
229
230
|
βββ tailwind/
|
|
230
231
|
β βββ preset.cjs # Preset Tailwind (shadcn + token SD)
|
|
231
232
|
βββ components/ui/ # Esempio shadcn in Storybook
|