shru-design-system 0.0.1 → 0.0.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/README.md +4 -4
- package/dist/index.cjs +58561 -4179
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +934 -3
- package/dist/index.d.ts +934 -3
- package/dist/index.js +58185 -4186
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -17,7 +17,7 @@ A design system with 72+ reusable components and a theme management library. Inc
|
|
|
17
17
|
|
|
18
18
|
### Theme System
|
|
19
19
|
- **Token-based Theming** with multi-category support (color, typography, shape, density, animation)
|
|
20
|
-
- **Reusable Library** - Theme toggle component and utilities published as
|
|
20
|
+
- **Reusable Library** - Theme toggle component and utilities published as `shru-design-system`
|
|
21
21
|
- **Zero CSS Imports** - CSS variables generated and injected automatically
|
|
22
22
|
- **Dynamic Theme Switching** - Runtime theme composition and application
|
|
23
23
|
- **Modular Architecture** - Clean separation of UI, hooks, config, and utilities
|
|
@@ -30,9 +30,9 @@ A design system with 72+ reusable components and a theme management library. Inc
|
|
|
30
30
|
## Installation
|
|
31
31
|
|
|
32
32
|
```bash
|
|
33
|
-
npm install
|
|
33
|
+
npm install shru-design-system
|
|
34
34
|
# or
|
|
35
|
-
pnpm add
|
|
35
|
+
pnpm add shru-design-system
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
## Quick Start
|
|
@@ -42,7 +42,7 @@ pnpm add @shru/design-system
|
|
|
42
42
|
import '@shru/design-system/styles'
|
|
43
43
|
|
|
44
44
|
// 2. Import component
|
|
45
|
-
import { ThemeToggle } from '
|
|
45
|
+
import { ThemeToggle } from 'shru-design-system'
|
|
46
46
|
|
|
47
47
|
function App() {
|
|
48
48
|
return <ThemeToggle position="bottom-right" />
|