@alveole/components 1.1.0 → 1.1.2

package/dist/core/A/A.js

@@ -11,6 +11,6 @@ export const A = (props) => {
     const styles = useStyles();
     const canAccessFromContext = useContext(LinkAccessContext);
     const canAccess = canAccessProp ?? canAccessFromContext ?? (() => true);
-    const expoLink = (_jsx(Link, { href: href, asChild: true, replace: direction === 'replace', push: direction === 'push', dismissTo: direction === 'dismiss', children: _jsx(Pressable, { children: _jsx(Box, { tag: "a-pressable", style: { ...styles.pressable, ...style }, hoverStyle: hoverStyle, children: children }) }) }));
+    const expoLink = (_jsx(Link, { href: href, asChild: true, replace: direction === 'replace', push: direction === 'push', dismissTo: direction === 'dismiss', children: _jsx(Pressable, { style: styles.link, children: _jsx(Box, { tag: "a-pressable", style: { ...styles.pressable, ...style }, hoverStyle: hoverStyle, children: children }) }) }));
     return canAccess(href) ? expoLink : _jsx(_Fragment, { children: children });
 };

package/dist/core/A/A.stories.d.ts

@@ -7,6 +7,9 @@ declare const _default: {
     component: (props: import("@alveole/components").AProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {};
+        link: {
+            color: "inherit";
+        };
         pressable: {
             cursor: "pointer";
             color: "inherit";

package/dist/core/A/A.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"A.stories.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAWrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"A.stories.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAWrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC"}

package/dist/core/A/A.styles.d.ts

@@ -1,5 +1,8 @@
 export declare const useStyles: () => {
     container: {};
+    link: {
+        color: "inherit";
+    };
     pressable: {
         cursor: "pointer";
         color: "inherit";

package/dist/core/A/A.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"A.styles.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;CASnB,CAAC"}
+{"version":3,"file":"A.styles.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;CAYnB,CAAC"}

package/dist/core/A/A.styles.js

@@ -1,6 +1,9 @@
 import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(() => ({
     container: {},
+    link: {
+        color: 'inherit',
+    },
     pressable: {
         cursor: 'pointer',
         color: 'inherit',

package/dist/core/Highlight/Highlight.stories.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     title: string;
     tags: "core"[];
     experimental: true;
+    shortDescription: string;
     description: string;
     component: (props: import("./Highlight").HighlightProps) => import("react").JSX.Element;
     styleFn: () => {

package/dist/core/Highlight/Highlight.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,aAAa,mCAEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAE/B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAeF,eAAO,MAAM,aAAa,mCAA0D,CAAC;AAerF,eAAO,MAAM,aAAa,mCAA0D,CAAC;AAErF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"Highlight.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,wBAUkB;AAElB,eAAO,MAAM,aAAa,mCAEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAE/B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAeF,eAAO,MAAM,aAAa,mCAA0D,CAAC;AAerF,eAAO,MAAM,aAAa,mCAA0D,CAAC;AAErF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

package/dist/core/Highlight/Highlight.stories.js

@@ -5,7 +5,8 @@ export default {
     title: 'Highlight',
     tags: ['core'],
     experimental: true,
-    description: 'Affiche du code en typescript, html, json, etc. Composant de type Light (react-syntax-highlighter).',
+    shortDescription: 'Affiche du code en typescript, html, json, etc. Composant de type Light (react-syntax-highlighter).',
+    description: 'Affiche du code en typescript, html, json, etc. Composant de type Light ([react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter)).',
     component: Highlight,
     styleFn: useStyles,
 };

package/dist/core/MarkdownDescription/MarkdownDescription.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    title: string;
+    tags: "core"[];
+    experimental: false;
+    description: string;
+    component: ({ children }: import("./MarkdownDescription").MarkdownDescriptionProps) => import("react").JSX.Element;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const SimpleText: () => import("react").JSX.Element;
+export declare const WithCodeBlock: () => import("react").JSX.Element;
+export declare const WithTable: () => import("react").JSX.Element;
+export * as Sources from './MarkdownDescription.stories.sources';
+//# sourceMappingURL=MarkdownDescription.stories.d.ts.map

package/dist/core/MarkdownDescription/MarkdownDescription.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownDescription.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.stories.tsx"],"names":[],"mappings":";;;;;;;;AAGA,wBAOkB;AAkClB,eAAO,MAAM,OAAO,mCAAmE,CAAC;AAExF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uCAAuC,CAAC"}

package/dist/core/MarkdownDescription/MarkdownDescription.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MarkdownDescription } from './MarkdownDescription';
+export default {
+    title: 'MarkdownDescription',
+    tags: ['core'],
+    experimental: false,
+    description: 'Affiche du contenu Markdown enrichi : titres, listes, code inline, blocs de code, tableaux.',
+    component: MarkdownDescription,
+    styleFn: () => ({}),
+};
+const FULL_MARKDOWN = `# Titre principal
+
+Paragraphe avec du texte **en gras** et du texte *en italique*.
+
+## Titres et listes
+
+### Liste à puces
+
+- Premier élément
+- Deuxième élément
+- Troisième élément
+
+## Code
+
+Code inline : \`const id = 'user_id_1';\`
+
+Bloc de code TypeScript :
+
+\`\`\`typescript
+const greet = (name: string): string => {
+  return \`Bonjour, \${name} !\`;
+};
+\`\`\`
+
+## Tableau
+
+| Colonne A | Colonne B | Colonne C |
+|-----------|-----------|-----------|
+| Cellule 1 | Cellule 2 | Cellule 3 |
+| Cellule 4 | Cellule 5 | Cellule 6 |
+`;
+export const Default = () => _jsx(MarkdownDescription, { children: FULL_MARKDOWN });
+export const SimpleText = () => (_jsx(MarkdownDescription, { children: 'Paragraphe simple avec du texte **en gras** et du texte *en italique*.' }));
+export const WithCodeBlock = () => (_jsx(MarkdownDescription, { children: `Utilisez \`npm install\` pour installer les dépendances.
+
+\`\`\`bash
+npm install @alveole/components
+\`\`\`` }));
+export const WithTable = () => (_jsx(MarkdownDescription, { children: `| Nom | Type | Description |
+|-----|------|-------------|
+| children | string | Contenu Markdown à afficher |` }));
+export * as Sources from './MarkdownDescription.stories.sources';

package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.d.ts

@@ -0,0 +1,12 @@
+export declare const Default: () => string;
+export declare const SimpleText: () => string;
+export declare const WithCodeBlock: () => string;
+export declare const WithTable: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly SimpleText: () => string;
+    readonly WithCodeBlock: () => string;
+    readonly WithTable: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=MarkdownDescription.stories.sources.d.ts.map

package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownDescription.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmG,CAAC;AAExH,eAAO,MAAM,UAAU,cAAyK,CAAC;AAEjM,eAAO,MAAM,aAAa,cAA6N,CAAC;AAExP,eAAO,MAAM,SAAS,cAAiN,CAAC;AAExO,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.js

@@ -0,0 +1,12 @@
+// This file is generated. Do not edit manually.
+// Source: src/core/MarkdownDescription/MarkdownDescription.stories.tsx
+export const Default = () => "export const Default = () => <MarkdownDescription>{FULL_MARKDOWN}</MarkdownDescription>;";
+export const SimpleText = () => "export const SimpleText = () => (\n  <MarkdownDescription>{'Paragraphe simple avec du texte **en gras** et du texte *en italique*.'}</MarkdownDescription>\n);";
+export const WithCodeBlock = () => "export const WithCodeBlock = () => (\n  <MarkdownDescription>{`Utilisez \\`npm install\\` pour installer les dépendances.\n\n\\`\\`\\`bash\nnpm install @alveole/components\n\\`\\`\\``}</MarkdownDescription>\n);";
+export const WithTable = () => "export const WithTable = () => (\n  <MarkdownDescription>{`| Nom | Type | Description |\n|-----|------|-------------|\n| children | string | Contenu Markdown à afficher |`}</MarkdownDescription>\n);";
+export const storySources = {
+    Default,
+    SimpleText,
+    WithCodeBlock,
+    WithTable,
+};

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "1.1.0";
+export declare const ALVEOLE_COMPONENTS_VERSION: "1.1.2";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.1.0";
+export const ALVEOLE_COMPONENTS_VERSION = "1.1.2";

package/dist/stories/index.d.ts

@@ -6,6 +6,7 @@ export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
 export * as MapStory from '../core/Map/Map.stories';
+export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';

package/dist/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -7,6 +7,7 @@ export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
 export * as MapStory from '../core/Map/Map.stories';
+export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';

package/dist/ui/FormControl/FormControlFileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlFileInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,yBAAyB,GACnC,cAAc,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,6BA6EpE,CAAC"}
+{"version":3,"file":"FormControlFileInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,yBAAyB,GACnC,cAAc,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,6BAqFpE,CAAC"}

package/dist/ui/FormControl/FormControlFileInput.js

@@ -21,22 +21,31 @@ export const FormControlFileInput = (props) => {
             return value.name;
         return '1 fichier';
     }, [placeholder, value, forcePlaceholder]);
+    const isPickingRef = React.useRef(false);
     const handlePickFile = React.useCallback(async () => {
+        if (isPickingRef.current)
+            return;
         onPickStart?.();
         if (disabled)
             return;
-        const result = await DocumentPicker.getDocumentAsync({
-            copyToCacheDirectory: true,
-            multiple: multiple ?? false,
-            type: type,
-        });
-        if (multiple) {
-            const newValue = result.assets && result.assets.length > 0 ? result.assets : null;
-            onChange?.(newValue);
+        isPickingRef.current = true;
+        try {
+            const result = await DocumentPicker.getDocumentAsync({
+                copyToCacheDirectory: true,
+                multiple: multiple ?? false,
+                type: type,
+            });
+            if (multiple) {
+                const newValue = result.assets && result.assets.length > 0 ? result.assets : null;
+                onChange?.(newValue);
+            }
+            else {
+                const newValue = result.assets?.[0] ?? null;
+                onChange?.(newValue);
+            }
         }
-        else {
-            const newValue = result.assets?.[0] ?? null;
-            onChange?.(newValue);
+        finally {
+            isPickingRef.current = false;
         }
     }, [onPickStart, disabled, multiple, type, onChange]);
     React.useEffect(() => {

package/dist/ui/Grid/Grid.stories.d.ts

@@ -18,7 +18,13 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const ExampleUsage: () => import("react").JSX.Element;
-export declare const ExampleUsageWithVariant: () => import("react").JSX.Element;
+export declare const TwoEqualColumns: () => import("react").JSX.Element;
+export declare const AsymmetricColumns: () => import("react").JSX.Element;
+export declare const ThreeColumns: () => import("react").JSX.Element;
+export declare const FourColumns: () => import("react").JSX.Element;
+export declare const FullWidthColumn: () => import("react").JSX.Element;
+export declare const ResponsiveColumns: () => import("react").JSX.Element;
+export declare const ResponsiveThreeColumns: () => import("react").JSX.Element;
+export declare const WithLargeGap: () => import("react").JSX.Element;
 export * as Sources from './Grid.stories.sources';
 //# sourceMappingURL=Grid.stories.d.ts.map

package/dist/ui/Grid/Grid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Grid/Grid.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAYlB,eAAO,MAAM,YAAY,mCAAmE,CAAC;AAE7F,eAAO,MAAM,uBAAuB,mCAA0E,CAAC;AAE/G,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Grid/Grid.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAWlB,eAAO,MAAM,eAAe,mCAS3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAS7B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAYxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAevB,CAAC;AAEF,eAAO,MAAM,eAAe,mCAY3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAS7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,mCAYlC,CAAC;AAEF,eAAO,MAAM,YAAY,mCAYxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

package/dist/ui/Grid/Grid.stories.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Highlight } from '../../core';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '../../core';
 import { Grid } from './Grid';
 import { useStyles } from './Grid.styles';
 export default {
@@ -11,14 +11,15 @@ export default {
     component: Grid,
     styleFn: useStyles,
 };
-const codeExample = `<Grid gap={8}>
-  <Grid.Column size={6}>{/* ... */}</Grid.Column>
-  <Grid.Column size={6}>{/* ... */}</Grid.Column>
-</Grid>`;
-const codeExampleVariant = `<Grid gap={8}>
-  <Grid.Column size={{ mobile: 12, desktop: 6 }}>{/* ... */}</Grid.Column>
-  <Grid.Column size={{ mobile: 12, desktop: 6 }}>{/* ... */}</Grid.Column>
-</Grid>`;
-export const ExampleUsage = () => _jsx(Highlight, { language: "typescript", children: codeExample });
-export const ExampleUsageWithVariant = () => _jsx(Highlight, { language: "typescript", children: codeExampleVariant });
+const colColor = '#88b2bd';
+const colColorAlt = '#b9c47f';
+const Col = ({ color = colColor, label }) => (_jsx(Box, { backgroundColor: color, p: '050', style: { borderRadius: 4 }, children: _jsx(Typography, { children: label }) }));
+export const TwoEqualColumns = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: 6, children: _jsx(Col, { label: "6 colonnes" }) }), _jsx(Grid.Column, { size: 6, children: _jsx(Col, { label: "6 colonnes" }) })] }));
+export const AsymmetricColumns = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: 4, children: _jsx(Col, { label: "4 colonnes" }) }), _jsx(Grid.Column, { size: 8, children: _jsx(Col, { color: colColorAlt, label: "8 colonnes" }) })] }));
+export const ThreeColumns = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: 4, children: _jsx(Col, { label: "4 colonnes" }) }), _jsx(Grid.Column, { size: 4, children: _jsx(Col, { color: colColorAlt, label: "4 colonnes" }) }), _jsx(Grid.Column, { size: 4, children: _jsx(Col, { label: "4 colonnes" }) })] }));
+export const FourColumns = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: 3, children: _jsx(Col, { label: "3" }) }), _jsx(Grid.Column, { size: 3, children: _jsx(Col, { color: colColorAlt, label: "3" }) }), _jsx(Grid.Column, { size: 3, children: _jsx(Col, { label: "3" }) }), _jsx(Grid.Column, { size: 3, children: _jsx(Col, { color: colColorAlt, label: "3" }) })] }));
+export const FullWidthColumn = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: 12, children: _jsx(Col, { label: "12 colonnes (pleine largeur)" }) }), _jsx(Grid.Column, { size: 6, children: _jsx(Col, { label: "6 colonnes" }) }), _jsx(Grid.Column, { size: 6, children: _jsx(Col, { color: colColorAlt, label: "6 colonnes" }) })] }));
+export const ResponsiveColumns = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 6 }, children: _jsx(Col, { label: "12 mobile / 6 desktop" }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 6 }, children: _jsx(Col, { color: colColorAlt, label: "12 mobile / 6 desktop" }) })] }));
+export const ResponsiveThreeColumns = () => (_jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, tablet: 6, desktop: 4 }, children: _jsx(Col, { label: "12 mobile / 6 tablet / 4 desktop" }) }), _jsx(Grid.Column, { size: { mobile: 12, tablet: 6, desktop: 4 }, children: _jsx(Col, { color: colColorAlt, label: "12 mobile / 6 tablet / 4 desktop" }) }), _jsx(Grid.Column, { size: { mobile: 12, tablet: 12, desktop: 4 }, children: _jsx(Col, { label: "12 mobile / 12 tablet / 4 desktop" }) })] }));
+export const WithLargeGap = () => (_jsxs(Grid, { gap: 24, children: [_jsx(Grid.Column, { size: 4, children: _jsx(Col, { label: "gap 24" }) }), _jsx(Grid.Column, { size: 4, children: _jsx(Col, { color: colColorAlt, label: "gap 24" }) }), _jsx(Grid.Column, { size: 4, children: _jsx(Col, { label: "gap 24" }) })] }));
 export * as Sources from './Grid.stories.sources';

package/dist/ui/Grid/Grid.stories.sources.d.ts

@@ -1,8 +1,20 @@
-export declare const ExampleUsage: () => string;
-export declare const ExampleUsageWithVariant: () => string;
+export declare const TwoEqualColumns: () => string;
+export declare const AsymmetricColumns: () => string;
+export declare const ThreeColumns: () => string;
+export declare const FourColumns: () => string;
+export declare const FullWidthColumn: () => string;
+export declare const ResponsiveColumns: () => string;
+export declare const ResponsiveThreeColumns: () => string;
+export declare const WithLargeGap: () => string;
 export declare const storySources: {
-    readonly ExampleUsage: () => string;
-    readonly ExampleUsageWithVariant: () => string;
+    readonly TwoEqualColumns: () => string;
+    readonly AsymmetricColumns: () => string;
+    readonly ThreeColumns: () => string;
+    readonly FourColumns: () => string;
+    readonly FullWidthColumn: () => string;
+    readonly ResponsiveColumns: () => string;
+    readonly ResponsiveThreeColumns: () => string;
+    readonly WithLargeGap: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
 //# sourceMappingURL=Grid.stories.sources.d.ts.map

package/dist/ui/Grid/Grid.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Grid/Grid.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,cAA0G,CAAC;AAEpI,eAAO,MAAM,uBAAuB,cAA4H,CAAC;AAEjK,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Grid.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Grid/Grid.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,cAA0P,CAAC;AAEvR,eAAO,MAAM,iBAAiB,cAAgR,CAAC;AAE/S,eAAO,MAAM,YAAY,cAA+V,CAAC;AAEzX,eAAO,MAAM,WAAW,cAAka,CAAC;AAE3b,eAAO,MAAM,eAAe,cAAqX,CAAC;AAElZ,eAAO,MAAM,iBAAiB,cAAwV,CAAC;AAEvX,eAAO,MAAM,sBAAsB,cAAyhB,CAAC;AAE7jB,eAAO,MAAM,YAAY,cAAoV,CAAC;AAE9W,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/Grid/Grid.stories.sources.js

@@ -1,8 +1,20 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Grid/Grid.stories.tsx
-export const ExampleUsage = () => "export const ExampleUsage = () => <Highlight language=\"typescript\">{codeExample}</Highlight>;";
-export const ExampleUsageWithVariant = () => "export const ExampleUsageWithVariant = () => <Highlight language=\"typescript\">{codeExampleVariant}</Highlight>;";
+export const TwoEqualColumns = () => "export const TwoEqualColumns = () => (\n  <Grid gap={8}>\n    <Grid.Column size={6}>\n      <Col label=\"6 colonnes\" />\n    </Grid.Column>\n    <Grid.Column size={6}>\n      <Col label=\"6 colonnes\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const AsymmetricColumns = () => "export const AsymmetricColumns = () => (\n  <Grid gap={8}>\n    <Grid.Column size={4}>\n      <Col label=\"4 colonnes\" />\n    </Grid.Column>\n    <Grid.Column size={8}>\n      <Col color={colColorAlt} label=\"8 colonnes\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const ThreeColumns = () => "export const ThreeColumns = () => (\n  <Grid gap={8}>\n    <Grid.Column size={4}>\n      <Col label=\"4 colonnes\" />\n    </Grid.Column>\n    <Grid.Column size={4}>\n      <Col color={colColorAlt} label=\"4 colonnes\" />\n    </Grid.Column>\n    <Grid.Column size={4}>\n      <Col label=\"4 colonnes\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const FourColumns = () => "export const FourColumns = () => (\n  <Grid gap={8}>\n    <Grid.Column size={3}>\n      <Col label=\"3\" />\n    </Grid.Column>\n    <Grid.Column size={3}>\n      <Col color={colColorAlt} label=\"3\" />\n    </Grid.Column>\n    <Grid.Column size={3}>\n      <Col label=\"3\" />\n    </Grid.Column>\n    <Grid.Column size={3}>\n      <Col color={colColorAlt} label=\"3\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const FullWidthColumn = () => "export const FullWidthColumn = () => (\n  <Grid gap={8}>\n    <Grid.Column size={12}>\n      <Col label=\"12 colonnes (pleine largeur)\" />\n    </Grid.Column>\n    <Grid.Column size={6}>\n      <Col label=\"6 colonnes\" />\n    </Grid.Column>\n    <Grid.Column size={6}>\n      <Col color={colColorAlt} label=\"6 colonnes\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const ResponsiveColumns = () => "export const ResponsiveColumns = () => (\n  <Grid gap={8}>\n    <Grid.Column size={{ mobile: 12, desktop: 6 }}>\n      <Col label=\"12 mobile / 6 desktop\" />\n    </Grid.Column>\n    <Grid.Column size={{ mobile: 12, desktop: 6 }}>\n      <Col color={colColorAlt} label=\"12 mobile / 6 desktop\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const ResponsiveThreeColumns = () => "export const ResponsiveThreeColumns = () => (\n  <Grid gap={8}>\n    <Grid.Column size={{ mobile: 12, tablet: 6, desktop: 4 }}>\n      <Col label=\"12 mobile / 6 tablet / 4 desktop\" />\n    </Grid.Column>\n    <Grid.Column size={{ mobile: 12, tablet: 6, desktop: 4 }}>\n      <Col color={colColorAlt} label=\"12 mobile / 6 tablet / 4 desktop\" />\n    </Grid.Column>\n    <Grid.Column size={{ mobile: 12, tablet: 12, desktop: 4 }}>\n      <Col label=\"12 mobile / 12 tablet / 4 desktop\" />\n    </Grid.Column>\n  </Grid>\n);";
+export const WithLargeGap = () => "export const WithLargeGap = () => (\n  <Grid gap={24}>\n    <Grid.Column size={4}>\n      <Col label=\"gap 24\" />\n    </Grid.Column>\n    <Grid.Column size={4}>\n      <Col color={colColorAlt} label=\"gap 24\" />\n    </Grid.Column>\n    <Grid.Column size={4}>\n      <Col label=\"gap 24\" />\n    </Grid.Column>\n  </Grid>\n);";
 export const storySources = {
-    ExampleUsage,
-    ExampleUsageWithVariant,
+    TwoEqualColumns,
+    AsymmetricColumns,
+    ThreeColumns,
+    FourColumns,
+    FullWidthColumn,
+    ResponsiveColumns,
+    ResponsiveThreeColumns,
+    WithLargeGap,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -43,7 +43,7 @@
     "@testing-library/react-native": "14.0.1",
     "@types/react-syntax-highlighter": "15.5.13",
     "babel-preset-expo": "56.0.17",
-    "eslint": "9.39.4",
+    "eslint": "9.39.5",
     "expo": "56.0.17",
     "expo-asset": "56.0.21",
     "expo-document-picker": "56.0.4",