@moto-nrw/design-system 0.2.2 → 0.2.3
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 +7 -24
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
</p>
|
|
11
11
|
|
|
12
12
|
<p align="center">
|
|
13
|
-
<a href="https://
|
|
13
|
+
<a href="https://www.npmjs.com/package/@moto-nrw/design-system"><img src="https://img.shields.io/npm/v/@moto-nrw/design-system" alt="npm" /></a>
|
|
14
|
+
<a href="https://moto-nrw.github.io/design-system/"><strong>📖 Storybook</strong></a>
|
|
15
|
+
<a href="https://github.com/moto-nrw/design-system/actions"><img src="https://github.com/moto-nrw/design-system/actions/workflows/ci.yml/badge.svg" alt="CI" /></a>
|
|
14
16
|
</p>
|
|
15
17
|
|
|
16
18
|
---
|
|
@@ -49,20 +51,14 @@ pnpm storybook # localhost:6006
|
|
|
49
51
|
|
|
50
52
|
## Usage in Consumer Repos
|
|
51
53
|
|
|
52
|
-
### 1.
|
|
53
|
-
|
|
54
|
-
Add `.npmrc` to the repo root:
|
|
55
|
-
|
|
56
|
-
```
|
|
57
|
-
@moto-nrw:registry=https://npm.pkg.github.com
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
Install:
|
|
54
|
+
### 1. Install
|
|
61
55
|
|
|
62
56
|
```bash
|
|
63
57
|
pnpm add @moto-nrw/design-system lucide-react
|
|
64
58
|
```
|
|
65
59
|
|
|
60
|
+
No `.npmrc` needed — the package is on npmjs.com.
|
|
61
|
+
|
|
66
62
|
### 2. Import Tokens
|
|
67
63
|
|
|
68
64
|
For **Tailwind v4** consumers (recommended):
|
|
@@ -103,19 +99,6 @@ import "@moto-nrw/design-system/tokens"; // CSS variabl
|
|
|
103
99
|
import "@moto-nrw/design-system/tailwind"; // Tailwind v4 theme
|
|
104
100
|
```
|
|
105
101
|
|
|
106
|
-
## CI Setup (GitHub Actions)
|
|
107
|
-
|
|
108
|
-
```yaml
|
|
109
|
-
- uses: actions/setup-node@v6
|
|
110
|
-
with:
|
|
111
|
-
registry-url: https://npm.pkg.github.com
|
|
112
|
-
scope: "@moto-nrw"
|
|
113
|
-
|
|
114
|
-
- run: pnpm install
|
|
115
|
-
env:
|
|
116
|
-
NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
117
|
-
```
|
|
118
|
-
|
|
119
102
|
## Development
|
|
120
103
|
|
|
121
104
|
| Command | Purpose |
|
|
@@ -132,7 +115,7 @@ import "@moto-nrw/design-system/tailwind"; // Tailwind v4
|
|
|
132
115
|
1. Make changes + `pnpm changeset` to describe what changed
|
|
133
116
|
2. Commit and push to `development`
|
|
134
117
|
3. CI creates a "Version Packages" PR (bumps version + CHANGELOG)
|
|
135
|
-
4. Merge that PR — CI publishes to
|
|
118
|
+
4. Merge that PR — CI publishes to npmjs.com
|
|
136
119
|
|
|
137
120
|
Consumer repos get auto-updated via Dependabot.
|
|
138
121
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moto-nrw/design-system",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"description": "Ganztagshelden Design System - shared components and design tokens",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
"default": "./dist/index.cjs"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
+
"./styles": "./dist/index.css",
|
|
19
20
|
"./tokens": "./dist/tokens.css",
|
|
20
21
|
"./tailwind": "./dist/tailwind.css"
|
|
21
22
|
},
|
|
@@ -64,7 +65,7 @@
|
|
|
64
65
|
"scripts": {
|
|
65
66
|
"tokens": "NODE_OPTIONS='--experimental-strip-types' style-dictionary build --config src/tokens/style-dictionary.config.ts",
|
|
66
67
|
"build": "pnpm tokens && tsup && cp src/tokens/build/variables.css dist/tokens.css && cp src/tailwind-theme.css dist/tailwind.css",
|
|
67
|
-
"postbuild": "attw --pack --exclude-entrypoints ./tokens ./tailwind && publint",
|
|
68
|
+
"postbuild": "attw --pack --exclude-entrypoints ./tokens ./tailwind ./styles && publint",
|
|
68
69
|
"dev": "tsup --watch",
|
|
69
70
|
"test": "vitest",
|
|
70
71
|
"test:run": "vitest run",
|