@maboussoleaidant/design-system 0.1.10 → 0.1.11
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 +21 -8
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -49,13 +49,24 @@ Pour intégrer uniquement les variables CSS (couleurs, spacing, etc.) :
|
|
|
49
49
|
@import "@maboussoleaidant/design-system/tokens";
|
|
50
50
|
```
|
|
51
51
|
|
|
52
|
-
###
|
|
52
|
+
### Assets
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
Le package inclut tous les assets nécessaires au bon fonctionnement des composants :
|
|
55
|
+
|
|
56
|
+
```
|
|
57
|
+
assets/
|
|
58
|
+
├── fonts/ # Polices (Open Sans, Congenial, Material Symbols)
|
|
59
|
+
├── icons-social.svg # Sprite SVG des icônes sociales
|
|
60
|
+
├── logo-mba-agirc-arrco.svg # Logo standard
|
|
61
|
+
├── logo-mba-agirc-arrco-pro.svg # Logo version Pro
|
|
62
|
+
└── wave.svg # Décoration wave
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
Selon votre bundler, vous devrez peut-être configurer la copie des assets :
|
|
55
66
|
|
|
56
67
|
```javascript
|
|
57
|
-
// Vite : les imports CSS résolvent automatiquement les
|
|
58
|
-
// Webpack : configurer file-loader/asset-modules pour .woff2
|
|
68
|
+
// Vite : les imports CSS résolvent automatiquement les assets
|
|
69
|
+
// Webpack : configurer file-loader/asset-modules pour .woff2 et .svg
|
|
59
70
|
```
|
|
60
71
|
|
|
61
72
|
## Développement
|
|
@@ -74,11 +85,13 @@ npm run dev
|
|
|
74
85
|
## Structure
|
|
75
86
|
|
|
76
87
|
```
|
|
88
|
+
dist/ # CSS compilé (mba-design-system.css, mba-tailwind.css)
|
|
89
|
+
assets/ # Fonts et SVG (inclus dans le package)
|
|
77
90
|
src/
|
|
78
|
-
├── tokens/
|
|
79
|
-
├── base/
|
|
80
|
-
├── components/
|
|
81
|
-
└── utilities/
|
|
91
|
+
├── tokens/ # Design tokens (CSS Custom Properties)
|
|
92
|
+
├── base/ # Reset et styles de base
|
|
93
|
+
├── components/ # Classes de composants (.mba-btn, .mba-card, .mba-footer, etc.)
|
|
94
|
+
└── utilities/ # Classes utilitaires
|
|
82
95
|
```
|
|
83
96
|
|
|
84
97
|
## Documentation
|