mautourco-components 0.2.90 → 0.2.91
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
CHANGED
|
@@ -17,15 +17,15 @@ npm install mautourco-components
|
|
|
17
17
|
#### Option 1 : Import unique (recommandé)
|
|
18
18
|
|
|
19
19
|
```tsx
|
|
20
|
-
//
|
|
21
|
-
//
|
|
20
|
+
// In your index.tsx or App.tsx
|
|
21
|
+
// Import all styles in a single line
|
|
22
22
|
import 'mautourco-components/dist/styles/mautourco.css';
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
#### Option 2 : Imports individuels (si vous n'avez besoin que de certains composants)
|
|
26
26
|
|
|
27
27
|
```tsx
|
|
28
|
-
//
|
|
28
|
+
// Import only the styles you need
|
|
29
29
|
import 'mautourco-components/dist/styles/tokens/tokens.css';
|
|
30
30
|
import 'mautourco-components/dist/styles/components/forms.css';
|
|
31
31
|
import 'mautourco-components/dist/styles/components/typography.css';
|
|
@@ -86,7 +86,7 @@ const Logo = () => <Icon name="mautourcoLogo" size="md" />;
|
|
|
86
86
|
|
|
87
87
|
function App() {
|
|
88
88
|
const handleLinkClick = (link: { label: string; route: string }) => {
|
|
89
|
-
//
|
|
89
|
+
// Handle navigation (e.g., with React Router)
|
|
90
90
|
console.log('Navigation vers:', link.route);
|
|
91
91
|
};
|
|
92
92
|
|
|
@@ -102,7 +102,7 @@ function App() {
|
|
|
102
102
|
onLogout={() => console.log('Logout')}
|
|
103
103
|
/>
|
|
104
104
|
|
|
105
|
-
{/*
|
|
105
|
+
{/* Your main content */}
|
|
106
106
|
<main>...</main>
|
|
107
107
|
|
|
108
108
|
<Footer
|
|
@@ -185,7 +185,7 @@ function App() {
|
|
|
185
185
|
## Mise à jour du package
|
|
186
186
|
|
|
187
187
|
```bash
|
|
188
|
-
#
|
|
188
|
+
# In your project
|
|
189
189
|
npm update mautourco-components
|
|
190
190
|
```
|
|
191
191
|
|
|
@@ -196,7 +196,9 @@ npm update mautourco-components
|
|
|
196
196
|
```bash
|
|
197
197
|
npm run build:package # Build du package pour distribution
|
|
198
198
|
npm run build-tokens # Génération des design tokens
|
|
199
|
-
npm run storybook # Démarre Storybook
|
|
199
|
+
npm run storybook # Démarre Storybook en mode développement
|
|
200
|
+
npm run storybook:dev # Démarre Storybook avec watch des tokens
|
|
201
|
+
npm run build-storybook # Build Storybook pour production
|
|
200
202
|
npm publish # Publication sur npm (après login)
|
|
201
203
|
```
|
|
202
204
|
|
package/package.json
CHANGED