@alveole/components 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/core/Code/Code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/core/Code/Code.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,cAAc,SAAS,gCAQ3C,CAAC"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/core/Code/Code.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,cAAc,SAAS,gCAkB3C,CAAC"}

package/dist/core/Code/Code.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '@alveole/theme';
+import { Platform, View } from 'react-native';
 import { Typography } from '../Typography';
 import { useStyles } from './Code.styles';
 export const Code = ({ children }) => {
     const { text } = useTheme();
     const styles = useStyles();
+    // Un Text imbriqué ignore le padding et l'arrondi en natif. Une vue inline
+    // porte la surface et laisse le texte du code dans le flux du paragraphe.
+    if (Platform.OS !== 'web') {
+        return (_jsx(View, { style: styles.codeSurface, children: _jsx(Typography, { style: [text['Corps de texte'].SM.Regular, styles.codeText], children: children }) }));
+    }
     return (_jsx(Typography, { tag: "code", style: [text['Corps de texte'].SM.Regular, styles.code], children: children }));
 };

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

@@ -6,15 +6,28 @@ declare const _default: {
     component: ({ children }: import("./Code").CodeProps) => import("react").JSX.Element;
     styleFn: () => {
         code: {
-            color: string;
-            backgroundColor: "rgba(135, 131, 120, 0.12)";
+            backgroundColor: string;
             paddingLeft: number;
             paddingRight: number;
             paddingTop: number;
             paddingBottom: number;
             borderRadius: import("@alveole/theme").Radius;
+            color: string;
+            fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
+        };
+        codeText: {
+            color: string;
             fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
         };
+        codeSurface: {
+            paddingTop: number;
+            paddingBottom: number;
+            transform: "translateY(2px)";
+            backgroundColor: string;
+            paddingLeft: number;
+            paddingRight: number;
+            borderRadius: import("@alveole/theme").Radius;
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Code.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Code/Code.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAWlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Code.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Code/Code.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAWlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

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

@@ -1,13 +1,26 @@
 export declare const useStyles: () => {
     code: {
-        color: string;
-        backgroundColor: "rgba(135, 131, 120, 0.12)";
+        backgroundColor: string;
         paddingLeft: number;
         paddingRight: number;
         paddingTop: number;
         paddingBottom: number;
         borderRadius: import("@alveole/theme").Radius;
+        color: string;
+        fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
+    };
+    codeText: {
+        color: string;
         fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace";
     };
+    codeSurface: {
+        paddingTop: number;
+        paddingBottom: number;
+        transform: "translateY(2px)";
+        backgroundColor: string;
+        paddingLeft: number;
+        paddingRight: number;
+        borderRadius: import("@alveole/theme").Radius;
+    };
 };
 //# sourceMappingURL=Code.styles.d.ts.map

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

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

package/dist/core/Code/Code.styles.js

@@ -1,13 +1,27 @@
 import { makeStyles, MonospaceFont } from '@alveole/theme';
-export const useStyles = makeStyles(({ color, radius }) => ({
-    code: {
+export const useStyles = makeStyles(({ color, radius }) => {
+    const texte = {
         ...MonospaceFont,
         color: color.light.text['default-error'],
+    };
+    const surface = {
         backgroundColor: 'rgba(135, 131, 120, 0.12)',
         paddingLeft: 4,
         paddingRight: 4,
         paddingTop: 2,
         paddingBottom: 2,
         borderRadius: radius('sm'),
-    },
-}));
+    };
+    return {
+        code: { ...texte, ...surface },
+        codeText: texte,
+        codeSurface: {
+            ...surface,
+            // La ligne SM fait déjà 20 px : ajouter du padding vertical fait dépasser
+            // la vue inline du paragraphe. Le décalage la recentre sur la ligne native.
+            paddingTop: 0,
+            paddingBottom: 0,
+            transform: 'translateY(2px)',
+        },
+    };
+});

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

@@ -1 +1 @@
-{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAKxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMvE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IACtE,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;IACjF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACrC,CAAC;AAMF,eAAO,MAAM,SAAS,GAAI,wCAAuD,cAAc,sBA2E9F,CAAC"}
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAKxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMvE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IACtE,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;IACjF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACrC,CAAC;AAMF,eAAO,MAAM,SAAS,GAAI,wCAAuD,cAAc,sBAmE9F,CAAC"}

package/dist/core/Highlight/Highlight.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { Platform, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
 // Le type est importé en `import type` : il est effacé à l'exécution, donc l'index du
 // paquet, qui charge aussi toute la moitié highlight.js, n'est jamais évalué.
 import { CustomPalette, focusRingProps } from '@alveole/theme';
@@ -35,12 +35,12 @@ export const Highlight = ({ children, language, style, variant = 'standalone' })
     const renderer = ({ rows }) => (_jsx(ScrollView, { horizontal: true, focusable: true, 
         // En natif, ScrollView grandit par défaut. Dans la page défilante du catalogue,
         // le code doit garder sa hauteur de contenu au lieu de remplir la hauteur disponible.
-        style: Platform.OS === 'web' ? undefined : { flexGrow: 0, flexShrink: 0 }, ...focusRingProps(), 
+        style: [styles.highlightContainer, variant === 'standalone' && styles.highlightContainerStandalone], ...focusRingProps(), 
         // `styles.highlight` pose `overflow: scroll`, ce qui ferait défiler le conteneur de
         // contenu en doublon du `ScrollView` qui l'entoure. C'est ce doublon intérieur qu'axe
         // signalait : il défile sans pouvoir recevoir le focus, que porte l'extérieur.
         // Le thème de coloration ne fournit que les couleurs de jetons : la surface vient du
         // design system, donc `styles.highlight` est posé après la base du thème.
-        contentContainerStyle: styleDeLaSurface(styles, stylesheet, { variant, styleFourni: customStyle }), children: _jsx(View, { onStartShouldSetResponder: () => true, children: renderNode(rows) }) }));
-    return (_jsx(Prism, { CodeTag: View, PreTag: View, customStyle: {}, language: language, renderer: renderer, style: {}, wrapLongLines: true, children: children }));
+        contentContainerStyle: styleDeLaSurface(styles, stylesheet, { variant, styleFourni: customStyle }), children: _jsx(View, { style: styles.code, children: renderNode(rows) }) }));
+    return (_jsx(Prism, { CodeTag: View, PreTag: View, customStyle: {}, language: language, renderer: renderer, style: {}, children: children }));
 };

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

@@ -8,6 +8,16 @@ declare const _default: {
     styleFn: () => {
         highlightContainer: {
             width: "100%";
+            flexGrow: number;
+            flexShrink: number;
+            backgroundColor: string;
+        };
+        highlightContainerStandalone: {
+            borderRadius: import("@alveole/theme").Radius;
+        };
+        code: {
+            whiteSpace?: "pre" | undefined;
+            flexShrink: number;
         };
         highlight: {
             borderRadius: import("@alveole/theme").Radius;
@@ -15,13 +25,17 @@ declare const _default: {
             borderColor: string;
             overflow: "scroll";
             padding: import("@alveole/theme").Spacing;
-            width: "100%";
+            minWidth: "100%";
+            flexGrow: number;
+            flexShrink: number;
             backgroundColor: string;
         };
         highlightEmbedded: {
             overflow: "scroll";
             padding: import("@alveole/theme").Spacing;
-            width: "100%";
+            minWidth: "100%";
+            flexGrow: number;
+            flexShrink: number;
             backgroundColor: string;
         };
     };

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,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"}
+{"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

@@ -12,7 +12,7 @@ export default {
 };
 export const HighlightJSON = () => (_jsx(Highlight, { language: "json", children: JSON.stringify({ id: 'user_id_1', name: 'Jean-Pierre', age: 20 }, null, 2) }));
 export const HighlightTypescript = () => (_jsx(Highlight, { language: "typescript", children: "const id: string = 'user_id_1';" }));
-export const HighlightTSX = () => (_jsx(Highlight, { language: "tsx", children: `<Typography tag="span" p={spacing('2W')}>Bonjour</Typography>` }));
+export const HighlightTSX = () => (_jsx(Highlight, { language: "tsx", children: `<Typography\n\ttag="span"\n\tp={spacing('2W')}\n>Bonjour</Typography>` }));
 const rubyCode = `# The Greeter class
 class Greeter
   def initialize(name)

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

@@ -1 +1 @@
-{"version":3,"file":"Highlight.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,cAA4K,CAAC;AAEvM,eAAO,MAAM,mBAAmB,cAAiJ,CAAC;AAElL,eAAO,MAAM,YAAY,cAAiK,CAAC;AAE3L,eAAO,MAAM,aAAa,cAAkG,CAAC;AAE7H,eAAO,MAAM,aAAa,cAAkG,CAAC;AAE7H,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Highlight.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,cAA4K,CAAC;AAEvM,eAAO,MAAM,mBAAmB,cAAiJ,CAAC;AAElL,eAAO,MAAM,YAAY,cAA8K,CAAC;AAExM,eAAO,MAAM,aAAa,cAAkG,CAAC;AAE7H,eAAO,MAAM,aAAa,cAAkG,CAAC;AAE7H,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -2,7 +2,7 @@
 // Source: src/core/Highlight/Highlight.stories.tsx
 export const HighlightJSON = () => "export const HighlightJSON = () => (\n  <Highlight language=\"json\">{JSON.stringify({ id: 'user_id_1', name: 'Jean-Pierre', age: 20 }, null, 2)}</Highlight>\n);";
 export const HighlightTypescript = () => "export const HighlightTypescript = () => (\n  <Highlight language=\"typescript\">{\"const id: string = 'user_id_1';\"}</Highlight>\n);";
-export const HighlightTSX = () => "export const HighlightTSX = () => (\n  <Highlight language=\"tsx\">{`<Typography tag=\"span\" p={spacing('2W')}>Bonjour</Typography>`}</Highlight>\n);";
+export const HighlightTSX = () => "export const HighlightTSX = () => (\n  <Highlight language=\"tsx\">{`<Typography\\n\\ttag=\"span\"\\n\\tp={spacing('2W')}\\n>Bonjour</Typography>`}</Highlight>\n);";
 export const HighlightRuby = () => "export const HighlightRuby = () => <Highlight language=\"ruby\">{rubyCode}</Highlight>;";
 export const HighlightHTML = () => "export const HighlightHTML = () => <Highlight language=\"html\">{htmlCode}</Highlight>;";
 export const storySources = {

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

@@ -1,6 +1,16 @@
 export declare const useStyles: () => {
     highlightContainer: {
         width: "100%";
+        flexGrow: number;
+        flexShrink: number;
+        backgroundColor: string;
+    };
+    highlightContainerStandalone: {
+        borderRadius: import("@alveole/theme").Radius;
+    };
+    code: {
+        whiteSpace?: "pre" | undefined;
+        flexShrink: number;
     };
     highlight: {
         borderRadius: import("@alveole/theme").Radius;
@@ -8,13 +18,17 @@ export declare const useStyles: () => {
         borderColor: string;
         overflow: "scroll";
         padding: import("@alveole/theme").Spacing;
-        width: "100%";
+        minWidth: "100%";
+        flexGrow: number;
+        flexShrink: number;
         backgroundColor: string;
     };
     highlightEmbedded: {
         overflow: "scroll";
         padding: import("@alveole/theme").Spacing;
-        width: "100%";
+        minWidth: "100%";
+        flexGrow: number;
+        flexShrink: number;
         backgroundColor: string;
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Highlight.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAsBpB,CAAC"}
+{"version":3,"file":"Highlight.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCpB,CAAC"}

package/dist/core/Highlight/Highlight.styles.js

@@ -4,12 +4,24 @@ export const useStyles = makeStyles(({ color, radius, spacingValue }) => {
     const base = {
         overflow: 'scroll',
         padding: spacingValue(Platform.OS === 'web' ? '2W' : '1W'),
-        width: '100%',
+        minWidth: '100%',
+        flexGrow: 1,
+        flexShrink: 0,
         backgroundColor: color.light.background['alt-grey'],
     };
     return {
         highlightContainer: {
             width: '100%',
+            flexGrow: 0,
+            flexShrink: 0,
+            backgroundColor: color.light.background['alt-grey'],
+        },
+        highlightContainerStandalone: {
+            borderRadius: radius('md'),
+        },
+        code: {
+            flexShrink: 0,
+            ...(Platform.OS === 'web' && { whiteSpace: 'pre' }),
         },
         highlight: {
             ...base,

package/dist/core/MarkdownDescription/MarkdownDescription.js

@@ -32,5 +32,5 @@ export const MarkdownDescription = ({ children, taille = 'MD', color: textColor
         linkColor,
     };
     const components = Platform.OS === 'web' ? createMarkdownComponents(styles) : createNativeMarkdownComponents(styles);
-    return (_jsx(Box, { tag: "markdown-description", display: "flex", gap: 8, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, replierLesCoupuresDeLigne], rehypePlugins: Platform.OS === 'web' ? [] : [preparerMarkdownNatif], skipHtml: Platform.OS !== 'web', components: components, children: children }) }));
+    return (_jsx(Box, { tag: "markdown-description", display: "flex", gap: 8, style: { alignSelf: 'stretch' }, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, replierLesCoupuresDeLigne], rehypePlugins: Platform.OS === 'web' ? [] : [preparerMarkdownNatif], skipHtml: Platform.OS !== 'web', components: components, children: children }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Metabase.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAEnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"Metabase.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

package/dist/core/Metabase/Metabase.stories.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
 import { Metabase } from './Metabase';
 import { useStyles } from './Metabase.styles';
 export default {
     title: 'Metabase',
     tags: ['core'],
     experimental: false,
-    description: "Intègre une page Metabase en passant l'url",
+    description: 'Intègre une page Metabase depuis son URL. Cet exemple charge le tableau de bord public de démonstration de Metabase et nécessite une connexion Internet.',
     component: Metabase,
     styleFn: useStyles,
 };
-export const Default = () => (_jsx(Metabase, { source: "https://spined-burst.metabaseapp.com/public/dashboard/a5f977a6-b6f4-4609-8e16-e422826c40ab" }));
+export const Default = () => (_jsx(Box, { width: "100%", height: 600, children: _jsx(Metabase, { source: "https://embedded-analytics-sdk-demo.metabase.com/admin/analytics/i5s-lcGYLc1GyFdIy4TxH", title: "D\u00E9monstration Metabase : suivi des stocks et des commandes" }) }));
 export * as Sources from './Metabase.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Metabase.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmK,CAAC;AAExL,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Metabase.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAwS,CAAC;AAE7T,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/Metabase/Metabase.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Metabase source=\"https://spined-burst.metabaseapp.com/public/dashboard/a5f977a6-b6f4-4609-8e16-e422826c40ab\" />\n);";
+export const Default = () => "export const Default = () => (\n  <Box width=\"100%\" height={600}>\n    <Metabase\n      source=\"https://embedded-analytics-sdk-demo.metabase.com/admin/analytics/i5s-lcGYLc1GyFdIy4TxH\"\n      title=\"Démonstration Metabase : suivi des stocks et des commandes\"\n    />\n  </Box>\n);";
 export const storySources = {
     Default,
 };

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.12";
+export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.14";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.12";
+export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.14";

package/dist/ui/ActionMenu/ActionMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCA4CxD,CAAC"}
+{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAkDxD,CAAC"}

package/dist/ui/ActionMenu/ActionMenuItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable } from 'react-native';
+import { Platform, Pressable } from 'react-native';
 import { Box } from '../../core/Box';
 import { fondAuSurvol } from '../../core/styleTamagui/fondAuSurvol';
 import { Typography } from '../../core/Typography';
@@ -12,7 +12,10 @@ export const ActionMenuItem = (props) => {
     const actionMenuItemStyles = useActionMenuItemStyles();
     const { forme, fond } = fondAuSurvol(selected ? styles.sidebarItemSelectedDesktop : {}, styles.sidebarItemHover.backgroundColor);
     const titleStyleSelected = selected ? styles.sidebarItemTitleSelectedDesktop : {};
-    return (_jsx(Pressable, { accessibilityRole: "button", onPress: onPress, children: _jsx(Box, { tag: "action-menu-item", style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...forme }, 
+    return (_jsx(Pressable, { accessibilityRole: "button", onPress: onPress, 
+        // En natif, les vues Tamagui du libellé et du survol peuvent capter le toucher.
+        // Toute la ligne appartient au Pressable ; le web garde le survol de ses enfants.
+        pointerEvents: Platform.OS === 'web' ? 'auto' : 'box-only', children: _jsx(Box, { tag: "action-menu-item", style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...forme }, 
                         // L'entrée sélectionnée se survole comme les autres. Lui réserver une teinte propre
                         // n'ajoutait qu'un cas particulier, et celle qui était posée valait son fond de repos :
                         // le survol ne produisait rien.

package/dist/ui/BottomSheet/BottomSheet.js

@@ -14,5 +14,5 @@ export const BottomSheet = (props) => {
     const styles = useStyles();
     const { bottom } = useSafeAreaInsets();
     const snapPointsMode = fitContent ? 'fit' : 'percent';
-    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, ...animer('medium'), moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(TamaguiSheet.Container, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.sheetContainer, children: [_jsx(TamaguiSheet.Background, { style: styles.sheetBackground }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, ...animer('medium'), moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Container, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.sheetContainer, children: [_jsx(TamaguiSheet.Background, { style: styles.sheetBackground }), _jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
 };

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

@@ -26,10 +26,11 @@ declare const _default: {
             flexDirection: "row";
         };
         handle: {
-            width: "90%";
-            margin: string;
+            width: "100%";
+            margin: number;
             height: 16;
-            backgroundColor: "#FFFFFF";
+            flexShrink: number;
+            backgroundColor: "transparent";
         };
         overlay: {
             backgroundColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCActB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCActB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

package/dist/ui/BottomSheet/BottomSheet.styles.d.ts

@@ -20,10 +20,11 @@ export declare const useStyles: () => {
         flexDirection: "row";
     };
     handle: {
-        width: "90%";
-        margin: string;
+        width: "100%";
+        margin: number;
         height: 16;
-        backgroundColor: "#FFFFFF";
+        flexShrink: number;
+        backgroundColor: "transparent";
     };
     overlay: {
         backgroundColor: string;

package/dist/ui/BottomSheet/BottomSheet.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnB,CAAC"}
+{"version":3,"file":"BottomSheet.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCnB,CAAC"}

package/dist/ui/BottomSheet/BottomSheet.styles.js

@@ -21,10 +21,11 @@ export const useStyles = makeStyles(({ spacing, text, color }) => ({
         flexDirection: 'row',
     },
     handle: {
-        width: '90%',
-        margin: 'auto',
+        width: '100%',
+        margin: 0,
         height: Spacings['2W'],
-        backgroundColor: '#FFFFFF',
+        flexShrink: 0,
+        backgroundColor: 'transparent',
     },
     overlay: {
         backgroundColor: color.alpha(color.background.inverse, 0.5),

package/dist/ui/Button/Button.stories.js

@@ -33,16 +33,16 @@ export default {
  *
  * Pour ce qui navigue, prendre `A`. Pour l'action discrète sans cadre, c'est `tertiary`.
  */
-export const Variants = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, children: [_jsx(Button, { variant: "primary", title: "Primary" }), _jsx(Button, { variant: "secondary", title: "Secondary" }), _jsx(Button, { variant: "tertiary", title: "Tertiary" }), _jsx(Button, { variant: "danger", title: "Danger" })] }));
+export const Variants = () => (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, children: [_jsx(Button, { variant: "primary", title: "Primary" }), _jsx(Button, { variant: "secondary", title: "Secondary" }), _jsx(Button, { variant: "tertiary", title: "Tertiary" }), _jsx(Button, { variant: "danger", title: "Danger" })] }));
 /** `md` par défaut. `sm` pour les zones denses, `lg` pour une action qu'on veut mettre en avant. */
-export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", style: { alignItems: 'center' }, gap: 24, children: [_jsx(Button, { variant: "secondary", size: "sm", title: "Sm" }), _jsx(Button, { variant: "secondary", size: "md", title: "Md" }), _jsx(Button, { variant: "secondary", size: "lg", title: "Lg" })] }));
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', style: { alignItems: 'center' }, gap: 24, children: [_jsx(Button, { variant: "secondary", size: "sm", title: "Sm" }), _jsx(Button, { variant: "secondary", size: "md", title: "Md" }), _jsx(Button, { variant: "secondary", size: "lg", title: "Lg" })] }));
 /**
  * - `disabled` : l'action n'est pas disponible. Le bouton ne répond plus ni au clic ni au clavier.
  * - `selected` : le bouton fait partie d'un groupe et c'est lui qui est choisi.
  * - `expanded` : le bouton commande un menu ou un panneau actuellement déplié. Il pose aussi
  *   l'état accessible correspondant, ce que `selected` ne fait pas.
  */
-export const States = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, children: [_jsx(Button, { variant: "secondary", title: "Default" }), _jsx(Button, { variant: "secondary", title: "Disabled", disabled: true }), _jsx(Button, { variant: "secondary", title: "Selected", selected: true }), _jsx(Button, { variant: "secondary", title: "Expanded", expanded: true })] }));
+export const States = () => (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, children: [_jsx(Button, { variant: "secondary", title: "Default" }), _jsx(Button, { variant: "secondary", title: "Disabled", disabled: true }), _jsx(Button, { variant: "secondary", title: "Selected", selected: true }), _jsx(Button, { variant: "secondary", title: "Expanded", expanded: true })] }));
 /**
  * Le spinner n'apparaît qu'après un délai, réglé par `loadingDelay` : mêmes valeurs que la
  * prop `delay` de `Spinner` (`false` / `true` / `'short'` (300 ms) / `'long'` / `number`).
@@ -71,7 +71,7 @@ export const Loading = () => {
         setIsLoading(true);
         setTimeout(() => setIsLoading(false), 3000);
     };
-    return (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, children: [_jsx(Button, { variant: "primary", title: "Enregistrer", isLoading: isLoading, onPress: handlePress }), _jsx(Button, { variant: "secondary", title: "Exporter", leading: "Download", isLoading: isLoading, onPress: handlePress }), _jsx(Button, { variant: "primary", title: "D\u00E9lai court", loadingDelay: "short", isLoading: isLoading, onPress: handlePress })] }));
+    return (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, children: [_jsx(Button, { variant: "primary", title: "Enregistrer", isLoading: isLoading, onPress: handlePress }), _jsx(Button, { variant: "secondary", title: "Exporter", leading: "Download", isLoading: isLoading, onPress: handlePress }), _jsx(Button, { variant: "primary", title: "D\u00E9lai court", loadingDelay: "short", isLoading: isLoading, onPress: handlePress })] }));
 };
 /**
  * Un `onPress` qui rend une promesse verrouille le bouton jusqu'à sa fin, résolue ou rejetée :
@@ -90,16 +90,16 @@ export const OnPressAsynchrone = () => {
         setEnvois(n => n + 1);
         await new Promise(resolve => setTimeout(resolve, 3000));
     };
-    return (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, style: { alignItems: 'center' }, children: [_jsx(Button, { variant: "primary", title: "Envoyer", loadingDelay: "short", onPress: envoyer }), _jsxs(Typography, { children: ["Envois : ", envois] })] }));
+    return (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, style: { alignItems: 'center' }, children: [_jsx(Button, { variant: "primary", title: "Envoyer", loadingDelay: "short", onPress: envoyer }), _jsxs(Typography, { children: ["Envois : ", envois] })] }));
 };
 /** `leading` place l’icône avant le libellé, `trailing` après. Les deux peuvent coexister. */
-export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, children: [_jsx(Button, { variant: "secondary", title: "Leading", leading: "Plus" }), _jsx(Button, { variant: "secondary", title: "Trailing", trailing: "Download" }), _jsx(Button, { variant: "secondary", title: "Filtres", leading: "Plus", trailing: "ChevronDown" })] }));
+export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, children: [_jsx(Button, { variant: "secondary", title: "Leading", leading: "Plus" }), _jsx(Button, { variant: "secondary", title: "Trailing", trailing: "Download" }), _jsx(Button, { variant: "secondary", title: "Filtres", leading: "Plus", trailing: "ChevronDown" })] }));
 /**
  * `leading` et `trailing` acceptent aussi un élément : un avatar, un logo de réseau social.
  * Il est posé dans un emplacement de la taille de l'icône, sans recevoir de couleur, si bien
  * que le bouton garde sa hauteur et son alignement.
  */
-export const TertiaireAvecAvatar = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, style: { alignItems: 'center' }, children: [_jsx(Button, { variant: "tertiary", title: "Marie Curie", leading: _jsx(Avatar, { size: "xs", fallbackText: "Marie Curie" }) }), _jsx(Button, { variant: "tertiary", title: "Marie Curie", leading: "User" })] }));
+export const TertiaireAvecAvatar = () => (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, style: { alignItems: 'center' }, children: [_jsx(Button, { variant: "tertiary", title: "Marie Curie", leading: _jsx(Avatar, { size: "xs", fallbackText: "Marie Curie" }) }), _jsx(Button, { variant: "tertiary", title: "Marie Curie", leading: "User" })] }));
 /**
  * `ButtonIcon` est la **seule** façon d'obtenir un bouton carré. `Button` exige un `title` :
  * il ne bascule plus en mode icône seule quand on le lui retire.
@@ -116,7 +116,7 @@ export const TertiaireAvecAvatar = () => (_jsxs(Box, { display: "flex", flexDire
  * Il accepte `primary`, `secondary` et `tertiary`, et `iconSize` pour dissocier la taille de
  * l'icône de celle du bouton.
  */
-export const IconOnly = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, style: { alignItems: 'center' }, children: [_jsx(ButtonIcon, { variant: "tertiary", size: "sm", icon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(ButtonIcon, { variant: "tertiary", size: "md", icon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(ButtonIcon, { variant: "tertiary", size: "lg", icon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(ButtonIcon, { variant: "secondary", size: "md", icon: "Trash", accessibilityLabel: "Supprimer" }), _jsx(ButtonIcon, { variant: "primary", size: "md", icon: "Plus", accessibilityLabel: "Ajouter" }), _jsx(ButtonIcon, { variant: "tertiary", size: "md", icon: "CircleUser", iconSize: "xs", accessibilityLabel: "Voir le profil" })] }));
+export const IconOnly = () => (_jsxs(Box, { display: "flex", flexDirection: "row", flexWrap: 'wrap', gap: 24, style: { alignItems: 'center' }, children: [_jsx(ButtonIcon, { variant: "tertiary", size: "sm", icon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(ButtonIcon, { variant: "tertiary", size: "md", icon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(ButtonIcon, { variant: "tertiary", size: "lg", icon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(ButtonIcon, { variant: "secondary", size: "md", icon: "Trash", accessibilityLabel: "Supprimer" }), _jsx(ButtonIcon, { variant: "primary", size: "md", icon: "Plus", accessibilityLabel: "Ajouter" }), _jsx(ButtonIcon, { variant: "tertiary", size: "md", icon: "CircleUser", iconSize: "xs", accessibilityLabel: "Voir le profil" })] }));
 /** Le bouton remplit la largeur de son parent, au lieu de s'ajuster à son contenu. */
 export const FullWidth = () => _jsx(Button, { variant: "primary", title: "Full Width", fullWidth: true });
 export * as Sources from './Button.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA6U,CAAC;AAEnW,eAAO,MAAM,KAAK,cAA4U,CAAC;AAE/V,eAAO,MAAM,MAAM,cAA6W,CAAC;AAEjY,eAAO,MAAM,OAAO,cAAypB,CAAC;AAE9qB,eAAO,MAAM,iBAAiB,cAA2f,CAAC;AAE1hB,eAAO,MAAM,KAAK,cAAwW,CAAC;AAE3X,eAAO,MAAM,mBAAmB,cAAkW,CAAC;AAEnY,eAAO,MAAM,QAAQ,cAAizB,CAAC;AAEv0B,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,YAAY;;;;;;;;;;CAUf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAUtE,CAAC"}
+{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA+V,CAAC;AAErX,eAAO,MAAM,KAAK,cAA8V,CAAC;AAEjX,eAAO,MAAM,MAAM,cAA+X,CAAC;AAEnZ,eAAO,MAAM,OAAO,cAA2qB,CAAC;AAEhsB,eAAO,MAAM,iBAAiB,cAA6gB,CAAC;AAE5iB,eAAO,MAAM,KAAK,cAA0X,CAAC;AAE7Y,eAAO,MAAM,mBAAmB,cAAoX,CAAC;AAErZ,eAAO,MAAM,QAAQ,cAAm0B,CAAC;AAEz1B,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,YAAY;;;;;;;;;;CAUf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAUtE,CAAC"}

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

@@ -1,13 +1,13 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Button/Button.stories.tsx
-export const Variants = () => "export const Variants = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24}>\n    <Button variant=\"primary\" title=\"Primary\" />\n    <Button variant=\"secondary\" title=\"Secondary\" />\n    <Button variant=\"tertiary\" title=\"Tertiary\" />\n    <Button variant=\"danger\" title=\"Danger\" />\n  </Box>\n);";
-export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" style={{ alignItems: 'center' }} gap={24}>\n    <Button variant=\"secondary\" size=\"sm\" title=\"Sm\" />\n    <Button variant=\"secondary\" size=\"md\" title=\"Md\" />\n    <Button variant=\"secondary\" size=\"lg\" title=\"Lg\" />\n  </Box>\n);";
-export const States = () => "export const States = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24}>\n    <Button variant=\"secondary\" title=\"Default\" />\n    <Button variant=\"secondary\" title=\"Disabled\" disabled />\n    <Button variant=\"secondary\" title=\"Selected\" selected />\n    <Button variant=\"secondary\" title=\"Expanded\" expanded />\n  </Box>\n);";
-export const Loading = () => "export const Loading = () => {\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const handlePress = () => {\n    setIsLoading(true);\n    setTimeout(() => setIsLoading(false), 3000);\n  };\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap={24}>\n      <Button variant=\"primary\" title=\"Enregistrer\" isLoading={isLoading} onPress={handlePress} />\n      <Button variant=\"secondary\" title=\"Exporter\" leading=\"Download\" isLoading={isLoading} onPress={handlePress} />\n      <Button variant=\"primary\" title=\"Délai court\" loadingDelay=\"short\" isLoading={isLoading} onPress={handlePress} />\n    </Box>\n  );\n};";
-export const OnPressAsynchrone = () => "export const OnPressAsynchrone = () => {\n  const [envois, setEnvois] = React.useState(0);\n\n  const envoyer = async () => {\n    setEnvois(n => n + 1);\n    await new Promise(resolve => setTimeout(resolve, 3000));\n  };\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap={24} style={{ alignItems: 'center' }}>\n      <Button variant=\"primary\" title=\"Envoyer\" loadingDelay=\"short\" onPress={envoyer} />\n      <Typography>Envois : {envois}</Typography>\n    </Box>\n  );\n};";
-export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24}>\n    <Button variant=\"secondary\" title=\"Leading\" leading=\"Plus\" />\n    <Button variant=\"secondary\" title=\"Trailing\" trailing=\"Download\" />\n    <Button variant=\"secondary\" title=\"Filtres\" leading=\"Plus\" trailing=\"ChevronDown\" />\n  </Box>\n);";
-export const TertiaireAvecAvatar = () => "export const TertiaireAvecAvatar = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} style={{ alignItems: 'center' }}>\n    <Button variant=\"tertiary\" title=\"Marie Curie\" leading={<Avatar size=\"xs\" fallbackText=\"Marie Curie\" />} />\n    <Button variant=\"tertiary\" title=\"Marie Curie\" leading=\"User\" />\n  </Box>\n);";
-export const IconOnly = () => "export const IconOnly = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} style={{ alignItems: 'center' }}>\n    <ButtonIcon variant=\"tertiary\" size=\"sm\" icon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <ButtonIcon variant=\"tertiary\" size=\"md\" icon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <ButtonIcon variant=\"tertiary\" size=\"lg\" icon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <ButtonIcon variant=\"secondary\" size=\"md\" icon=\"Trash\" accessibilityLabel=\"Supprimer\" />\n    <ButtonIcon variant=\"primary\" size=\"md\" icon=\"Plus\" accessibilityLabel=\"Ajouter\" />\n    <ButtonIcon variant=\"tertiary\" size=\"md\" icon=\"CircleUser\" iconSize=\"xs\" accessibilityLabel=\"Voir le profil\" />\n  </Box>\n);";
+export const Variants = () => "export const Variants = () => (\n  <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24}>\n    <Button variant=\"primary\" title=\"Primary\" />\n    <Button variant=\"secondary\" title=\"Secondary\" />\n    <Button variant=\"tertiary\" title=\"Tertiary\" />\n    <Button variant=\"danger\" title=\"Danger\" />\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} style={{ alignItems: 'center' }} gap={24}>\n    <Button variant=\"secondary\" size=\"sm\" title=\"Sm\" />\n    <Button variant=\"secondary\" size=\"md\" title=\"Md\" />\n    <Button variant=\"secondary\" size=\"lg\" title=\"Lg\" />\n  </Box>\n);";
+export const States = () => "export const States = () => (\n  <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24}>\n    <Button variant=\"secondary\" title=\"Default\" />\n    <Button variant=\"secondary\" title=\"Disabled\" disabled />\n    <Button variant=\"secondary\" title=\"Selected\" selected />\n    <Button variant=\"secondary\" title=\"Expanded\" expanded />\n  </Box>\n);";
+export const Loading = () => "export const Loading = () => {\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const handlePress = () => {\n    setIsLoading(true);\n    setTimeout(() => setIsLoading(false), 3000);\n  };\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24}>\n      <Button variant=\"primary\" title=\"Enregistrer\" isLoading={isLoading} onPress={handlePress} />\n      <Button variant=\"secondary\" title=\"Exporter\" leading=\"Download\" isLoading={isLoading} onPress={handlePress} />\n      <Button variant=\"primary\" title=\"Délai court\" loadingDelay=\"short\" isLoading={isLoading} onPress={handlePress} />\n    </Box>\n  );\n};";
+export const OnPressAsynchrone = () => "export const OnPressAsynchrone = () => {\n  const [envois, setEnvois] = React.useState(0);\n\n  const envoyer = async () => {\n    setEnvois(n => n + 1);\n    await new Promise(resolve => setTimeout(resolve, 3000));\n  };\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24} style={{ alignItems: 'center' }}>\n      <Button variant=\"primary\" title=\"Envoyer\" loadingDelay=\"short\" onPress={envoyer} />\n      <Typography>Envois : {envois}</Typography>\n    </Box>\n  );\n};";
+export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24}>\n    <Button variant=\"secondary\" title=\"Leading\" leading=\"Plus\" />\n    <Button variant=\"secondary\" title=\"Trailing\" trailing=\"Download\" />\n    <Button variant=\"secondary\" title=\"Filtres\" leading=\"Plus\" trailing=\"ChevronDown\" />\n  </Box>\n);";
+export const TertiaireAvecAvatar = () => "export const TertiaireAvecAvatar = () => (\n  <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24} style={{ alignItems: 'center' }}>\n    <Button variant=\"tertiary\" title=\"Marie Curie\" leading={<Avatar size=\"xs\" fallbackText=\"Marie Curie\" />} />\n    <Button variant=\"tertiary\" title=\"Marie Curie\" leading=\"User\" />\n  </Box>\n);";
+export const IconOnly = () => "export const IconOnly = () => (\n  <Box display=\"flex\" flexDirection=\"row\" flexWrap={'wrap'} gap={24} style={{ alignItems: 'center' }}>\n    <ButtonIcon variant=\"tertiary\" size=\"sm\" icon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <ButtonIcon variant=\"tertiary\" size=\"md\" icon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <ButtonIcon variant=\"tertiary\" size=\"lg\" icon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <ButtonIcon variant=\"secondary\" size=\"md\" icon=\"Trash\" accessibilityLabel=\"Supprimer\" />\n    <ButtonIcon variant=\"primary\" size=\"md\" icon=\"Plus\" accessibilityLabel=\"Ajouter\" />\n    <ButtonIcon variant=\"tertiary\" size=\"md\" icon=\"CircleUser\" iconSize=\"xs\" accessibilityLabel=\"Voir le profil\" />\n  </Box>\n);";
 export const FullWidth = () => "export const FullWidth = () => <Button variant=\"primary\" title=\"Full Width\" fullWidth />;";
 export const storySources = {
     Variants,

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

@@ -26,7 +26,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            width: "100%";
+            width?: "100%" | undefined;
         };
         labelSm: {
             fontSize: 14;
@@ -46,6 +46,7 @@ declare const _default: {
             color: string;
         };
         checkbox: {
+            flexShrink: number;
             height: import("@alveole/theme").Spacing;
             width: import("@alveole/theme").Spacing;
             backgroundColor: "transparent";

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAKjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAUjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}