@naculus/connect-appkit-ui 0.6.0 → 0.8.0
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 +19 -0
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +43 -2
- package/dist/index.d.ts +43 -2
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles/components.css +2 -0
- package/dist/styles/index.css +1 -0
- package/dist/styles/preflight.css +2 -0
- package/package.json +17 -9
package/README.md
CHANGED
|
@@ -19,6 +19,25 @@ npm install @naculus/connect-appkit-ui
|
|
|
19
19
|
pnpm add @naculus/connect-appkit-ui
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
+
## Component styles
|
|
23
|
+
|
|
24
|
+
Import the complete token, base, and component stylesheet once:
|
|
25
|
+
|
|
26
|
+
```ts
|
|
27
|
+
import "@naculus/connect-appkit-ui/styles"
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
No Tailwind setup is required in the consuming app. Add the `dark` class to an
|
|
31
|
+
ancestor of the UI to use the dark theme.
|
|
32
|
+
|
|
33
|
+
The components assume a page reset (Tailwind preflight, as shadcn components
|
|
34
|
+
do). An app that already uses Tailwind has one. Otherwise also import the
|
|
35
|
+
opt-in reset, which changes element defaults for the whole page:
|
|
36
|
+
|
|
37
|
+
```ts
|
|
38
|
+
import "@naculus/connect-appkit-ui/styles/preflight"
|
|
39
|
+
```
|
|
40
|
+
|
|
22
41
|
## License
|
|
23
42
|
|
|
24
43
|
MIT
|