@alveole/components 2.0.0-alpha.11 → 2.0.0-alpha.13

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

@@ -86,6 +86,14 @@ declare const _default: {
             width: number;
             height: number;
         };
+        nativeContent: {
+            readonly display: "flex";
+            readonly flexDirection: "row";
+            readonly alignItems: "center";
+        };
+        nativeLabel: {
+            readonly flexShrink: 1;
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,KAAK,mCAKjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAerB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,KAAK,mCAKjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAerB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC"}

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

@@ -80,5 +80,13 @@ export declare const useStyles: () => {
         width: number;
         height: number;
     };
+    nativeContent: {
+        readonly display: "flex";
+        readonly flexDirection: "row";
+        readonly alignItems: "center";
+    };
+    nativeLabel: {
+        readonly flexShrink: 1;
+    };
 };
 //# sourceMappingURL=Tag.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAmBzD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFnB,CAAC"}
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AA8BzD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFnB,CAAC"}

package/dist/ui/Tag/Tag.styles.js

@@ -15,7 +15,18 @@ const cercleDeLaCroix = (cote, rayon, ecart) => ({
     width: cote,
     height: cote,
 });
+const stylesNatifs = {
+    nativeContent: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    nativeLabel: {
+        flexShrink: 1,
+    },
+};
 export const useStyles = makeStyles(({ radius, text, color, pill }) => ({
+    ...stylesNatifs,
     tagContainer: {
         display: 'block',
         // Sans largeur minimale nulle, un element flex refuse de retrecir sous la taille de son

package/dist/ui/Tag/TagNativeContent.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, ReactNode } from 'react';
+type TagNativeContentProps = {
+    apparence: CSSProperties;
+    leading: ReactNode;
+    close: ReactNode;
+    children: ReactNode;
+};
+/** Le texte et la croix sont des voisins : un Text natif ne centre pas les vues inline. */
+export declare const TagNativeContent: ({ apparence, leading, close, children }: TagNativeContentProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TagNativeContent.d.ts.map

package/dist/ui/Tag/TagNativeContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagNativeContent.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/TagNativeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,gBAAgB,GAAI,yCAAyC,qBAAqB,gCAiB9F,CAAC"}

package/dist/ui/Tag/TagNativeContent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { useStyles } from './Tag.styles';
+/** Le texte et la croix sont des voisins : un Text natif ne centre pas les vues inline. */
+export const TagNativeContent = ({ apparence, leading, close, children }) => {
+    const styles = useStyles();
+    const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, color, ...surface } = apparence;
+    return (_jsxs(Box, { style: { ...surface, ...styles.nativeContent }, children: [leading, _jsx(Typography, { numberOfLines: 1, color: color, style: { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, ...styles.nativeLabel }, children: children }), close] }));
+};

package/dist/ui/TextInputArray/TextInputArray.js

@@ -13,5 +13,5 @@ export const TextInputArray = (props) => {
         removeEmpty,
         dedupe,
     });
-    return (_jsxs(Box, { tag: "text-input-array", children: [items.map((item, index) => (_jsx(TextInput, { placeholder: placeholder, autoCapitalize: "words", value: item.value, onChangeText: (txt) => updateItem(item.id, txt), endAdornment: item._original != null && disabledDeleteForOriginals.includes(item._original) ? undefined : (_jsx(InputButtonAdornment, { icon: "X", position: "end", accessibilityLabel: `Retirer la ligne ${index + 1}`, onPress: () => removeItem(item.id) })), onBlur: notifier }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", leading: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
+    return (_jsxs(Box, { tag: "text-input-array", gap: "1V", children: [items.map((item, index) => (_jsx(TextInput, { placeholder: placeholder, autoCapitalize: "words", value: item.value, onChangeText: (txt) => updateItem(item.id, txt), endAdornment: item._original != null && disabledDeleteForOriginals.includes(item._original) ? undefined : (_jsx(InputButtonAdornment, { icon: "X", position: "end", accessibilityLabel: `Retirer la ligne ${index + 1}`, onPress: () => removeItem(item.id) })), onBlur: notifier }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", leading: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
 };

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

@@ -46,6 +46,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
+            flexShrink: number;
         };
         message: {
             color: string;
@@ -56,9 +57,11 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         tamaguiToastContainer: {
+            maxWidth: number;
+            alignSelf: "center";
             borderRadius: import("@alveole/theme").Radius;
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
         } | {
             shadowColor: string;
@@ -69,19 +72,23 @@ declare const _default: {
             shadowOpacity: number;
             shadowRadius: number;
             elevation: number;
+            maxWidth: number;
+            alignSelf: "center";
             borderRadius: import("@alveole/theme").Radius;
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
         } | {
             boxShadow: string;
+            maxWidth: number;
+            alignSelf: "center";
             borderRadius: import("@alveole/theme").Radius;
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
         } | {
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
             borderRadius: number;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

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

@@ -37,6 +37,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
+        flexShrink: number;
     };
     message: {
         color: string;
@@ -47,9 +48,11 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     tamaguiToastContainer: {
+        maxWidth: number;
+        alignSelf: "center";
         borderRadius: import("@alveole/theme").Radius;
         padding: number;
-        width: number;
+        width: 384 | "100%";
         backgroundColor: "transparent";
     } | {
         shadowColor: string;
@@ -60,19 +63,23 @@ export declare const useStyles: () => {
         shadowOpacity: number;
         shadowRadius: number;
         elevation: number;
+        maxWidth: number;
+        alignSelf: "center";
         borderRadius: import("@alveole/theme").Radius;
         padding: number;
-        width: number;
+        width: 384 | "100%";
         backgroundColor: "transparent";
     } | {
         boxShadow: string;
+        maxWidth: number;
+        alignSelf: "center";
         borderRadius: import("@alveole/theme").Radius;
         padding: number;
-        width: number;
+        width: 384 | "100%";
         backgroundColor: "transparent";
     } | {
         padding: number;
-        width: number;
+        width: 384 | "100%";
         backgroundColor: "transparent";
         borderRadius: number;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.styles.ts"],"names":[],"mappings":"AA6FA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkF,CAAC"}
+{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.styles.ts"],"names":[],"mappings":"AAgGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkF,CAAC"}

package/dist/ui/Toast/Toast.styles.js

@@ -1,14 +1,16 @@
 import { makeStyles } from '@alveole/theme';
-import { Dimensions, Platform } from 'react-native';
+import { Platform } from 'react-native';
 const coque = ({ color, radius, spacing, shadows }) => ({
     // Container
     tamaguiToastContainer: {
         padding: 0,
-        width: Platform.OS === 'web' ? 384 : Dimensions.get('window').width,
+        width: Platform.OS === 'web' ? 384 : '100%',
         backgroundColor: 'transparent',
         borderRadius: 0,
         // Sur mobile, overflow:hidden sur container clippe le shadow iOS — on le pose ici
-        ...(Platform.OS !== 'web' ? { borderRadius: radius('sm'), ...shadows(3) } : {}),
+        ...(Platform.OS !== 'web'
+            ? { maxWidth: 384, alignSelf: 'center', borderRadius: radius('sm'), ...shadows(3) }
+            : {}),
     },
     container: {
         backgroundColor: color.light.background['default-grey'],
@@ -40,6 +42,7 @@ const texte = ({ text, color }) => ({
     },
     // Titre
     title: {
+        flexShrink: 1,
         ...text['Corps de texte'].SM.Bold,
         color: color.light.text['default-grey'],
     },

package/dist/ui/ToolbarTop/ToolbarTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTop.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,cAAc,oBAAoB,CAAC;AAEnC,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAmDhD,CAAC"}
+{"version":3,"file":"ToolbarTop.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,cAAc,oBAAoB,CAAC;AAEnC,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAgDhD,CAAC"}

package/dist/ui/ToolbarTop/ToolbarTop.js

@@ -8,10 +8,9 @@ export * from './ToolbarTop.types';
 export const ToolbarTop = (props) => {
     const { variant = 'default', style, title, onNavigate: _onNavigate, navigationIcon: _navigationIcon, navigationLabel: _navigationLabel, AvatarProps, sousTitre, actions, withBorder = false, typographyStyle, ...toolbarProps } = props;
     const styles = useStyles();
-    const empilee = variant === 'large';
     // Les props sont transmises entieres, et non recomposees champ par champ : reassembler les
     // trois separerait le geste de son nom, et il faudrait un cast pour recoller l'union.
     const navigation = _jsx(ToolbarTopNavigation, { ...props });
     const contenu = (_jsxs(_Fragment, { children: [_jsx(ToolbarTopInformation, { title: title, sousTitre: sousTitre, AvatarProps: AvatarProps, typographyStyle: typographyStyle, grandTitre: variant !== 'default', compact: variant === 'compactLarge' }), actions && (_jsx(Box, { tag: "toolbar-actions", style: styles.toolbarActions, children: actions }))] }));
-    return (_jsxs(Box, { tag: "toolbar", style: [dispositionDeLaBarre(styles, variant), style, bordureDeLaBarre(styles, withBorder)], ...toolbarProps, children: [navigation, empilee ? _jsx(Box, { tag: "toolbar-bas", children: contenu }) : contenu] }));
+    return (_jsxs(Box, { tag: "toolbar", style: [dispositionDeLaBarre(styles, variant), style, bordureDeLaBarre(styles, withBorder)], ...toolbarProps, children: [navigation, contenu] }));
 };

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

@@ -78,12 +78,11 @@ declare const _default: {
             paddingRight: string | number;
         };
         largeToolbarContainer: {
+            width: "100%";
             paddingTop: number;
             paddingBottom: number;
             paddingLeft: number;
             paddingRight: number;
-            flexDirection: "column";
-            alignItems: "flex-start";
         };
         toolbarInformationWithBorder: {
             borderBottomWidth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTop.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAA4D,CAAC;AAEjF,eAAO,MAAM,iBAAiB,mCAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,mCAiBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCAEjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAkB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mCA4BhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mCA2BpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,mCAAuE,CAAC;AAE/F,eAAO,MAAM,YAAY,mCAA0E,CAAC;AAEpG,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"ToolbarTop.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAA4D,CAAC;AAEjF,eAAO,MAAM,iBAAiB,mCAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,mCAiBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCAEjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAkB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mCA4BhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mCA2BpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,mCAAuE,CAAC;AAE/F,eAAO,MAAM,YAAY,mCAA0E,CAAC;AAEpG,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

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

@@ -70,12 +70,11 @@ export declare const useStyles: () => {
         paddingRight: string | number;
     };
     largeToolbarContainer: {
+        width: "100%";
         paddingTop: number;
         paddingBottom: number;
         paddingLeft: number;
         paddingRight: number;
-        flexDirection: "column";
-        alignItems: "flex-start";
     };
     toolbarInformationWithBorder: {
         borderBottomWidth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTop.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.styles.ts"],"names":[],"mappings":"AAkGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkF,CAAC"}
+{"version":3,"file":"ToolbarTop.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.styles.ts"],"names":[],"mappings":"AAiGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkF,CAAC"}

package/dist/ui/ToolbarTop/ToolbarTop.styles.js

@@ -19,12 +19,11 @@ const barre = ({ color, spacing }) => ({
         paddingRight: spacing('2W'),
     },
     largeToolbarContainer: {
+        width: '100%',
         paddingTop: 0,
         paddingBottom: 0,
         paddingLeft: 0,
         paddingRight: 0,
-        flexDirection: 'column',
-        alignItems: 'flex-start',
     },
     toolbarInformationWithBorder: {
         borderBottomWidth: 1,

package/dist/ui/ToolbarTop/ToolbarTop.types.d.ts

@@ -18,9 +18,8 @@ export type Navigation = {
     navigationLabel: string;
 };
 /**
- * `default` tient sur une ligne, `large` empile la navigation au-dessus du reste, et
- * `compactLarge` garde la ligne en grossissant le titre. Les deux dernieres partagent ce grand
- * titre, et rien d'autre.
+ * Les trois variantes alignent la navigation et le titre sur une ligne. `large` et
+ * `compactLarge` grossissent le titre ; `compactLarge` ajoute des retraits autour du contenu.
  */
 export type ToolbarTopVariant = 'default' | 'large' | 'compactLarge';
 export type ToolbarTopProps = BoxProps & Navigation & {

package/dist/ui/ToolbarTop/ToolbarTop.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTop.types.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAClB;IAAE,UAAU,CAAC,EAAE,SAAS,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAAC,eAAe,CAAC,EAAE,SAAS,CAAA;CAAE,GACnF;IAAE,UAAU,EAAE,MAAM,IAAI,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5F;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,QAAQ,GACpC,UAAU,GAAG;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACvC,CAAC;AAEJ,kFAAkF;AAClF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,aAAa,GAAG,iBAAiB,CAAC,GAAG;IACpH,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"ToolbarTop.types.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAClB;IAAE,UAAU,CAAC,EAAE,SAAS,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAAC,eAAe,CAAC,EAAE,SAAS,CAAA;CAAE,GACnF;IAAE,UAAU,EAAE,MAAM,IAAI,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5F;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,QAAQ,GACpC,UAAU,GAAG;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACvC,CAAC;AAEJ,kFAAkF;AAClF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,aAAa,GAAG,iBAAiB,CAAC,GAAG;IACpH,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}

package/dist/ui/ToolbarTop/toolbarTopStyling.d.ts

@@ -13,14 +13,15 @@ export declare const dispositionDeLaBarre: (styles: Styles, variant: ToolbarTopV
     flexDirection: "row";
     alignItems: "center";
 } | {
+    width: "100%";
     paddingTop: number;
     paddingBottom: number;
     paddingLeft: number;
     paddingRight: number;
-    flexDirection: "column";
-    alignItems: "flex-start";
     backgroundColor: "white";
     display: "flex";
+    flexDirection: "row";
+    alignItems: "center";
 } | {
     backgroundColor: "white";
     display: "flex";

package/dist/ui/ToolbarTop/toolbarTopStyling.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.13",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",