hanap-labs 0.1.8 → 0.1.10
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 +4 -0
- package/dist/chunks/{components-CvY8HZcG.js → components-CaqQ2xy7.js} +393 -393
- package/dist/chunks/{usePopup-zCvtcQsc.js → usePopup-Dt76ZiED.js} +4 -4
- package/dist/components/index.js +1 -1
- package/dist/composables/index.js +1 -1
- package/dist/index.js +2 -2
- package/dist/toolkit.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -86,6 +86,7 @@ Apply these steps in each consuming website:
|
|
|
86
86
|
1. Install `hanap-labs`.
|
|
87
87
|
2. Import toolkit styles once in your app entry:
|
|
88
88
|
- `import "hanap-labs/styles.css";`
|
|
89
|
+
- In Nuxt, add `"hanap-labs/styles.css"` to `nuxt.config.ts` under `css`.
|
|
89
90
|
3. Choose a mode:
|
|
90
91
|
- Keep manual named imports (default).
|
|
91
92
|
- Enable optional auto-import using the Vite plugin setup above.
|
|
@@ -141,6 +142,9 @@ createApp(App)
|
|
|
141
142
|
|
|
142
143
|
The toolkit supports host-driven theming through CSS variables and `.dark` mode.
|
|
143
144
|
|
|
145
|
+
Toolkit styles are scoped to toolkit component selectors, so importing `hanap-labs/styles.css`
|
|
146
|
+
does not overwrite your app `:root` theme.
|
|
147
|
+
|
|
144
148
|
1. Define theme tokens in your app `:root` and `.dark`.
|
|
145
149
|
2. Toggle `.dark` on a parent element (usually `html` or `body`).
|
|
146
150
|
3. Toolkit components consume those values automatically.
|