@alveole/components 2.0.0-alpha.2 → 2.0.0-alpha.21

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

@@ -10,19 +10,19 @@ export declare const useStyles: () => {
         paddingBottom: string | number;
     };
     iconBlockDefault: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     iconBlockInfo: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     iconBlockSuccess: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     iconBlockError: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     iconBlockWarning: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     titleContainer: {
         display: "flex";
@@ -31,15 +31,16 @@ export declare const useStyles: () => {
         justifyContent: "space-between";
     };
     title: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
+        flexShrink: number;
     };
     message: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -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,24 +63,28 @@ 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;
     };
     container: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         display: "flex";
         flexDirection: "row";
@@ -95,7 +102,7 @@ export declare const useStyles: () => {
         shadowOpacity: number;
         shadowRadius: number;
         elevation: number;
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         display: "flex";
         flexDirection: "row";
@@ -106,7 +113,7 @@ export declare const useStyles: () => {
         padding: number;
     } | {
         boxShadow: string;
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         display: "flex";
         flexDirection: "row";
@@ -116,7 +123,7 @@ export declare const useStyles: () => {
         maxWidth: number;
         padding: number;
     } | {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         display: "flex";
         flexDirection: "row";

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/Toast/ToastContext.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Leading } from '../Leading';
+export declare const defaultDuration = 8000;
 export type ToastAPIOptions = {
     leading?: Leading;
     duration?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,YAAY,gCAA6C,CAAC"}
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,YAAY,gCAA6C,CAAC"}

package/dist/ui/Toast/ToastContext.js

@@ -1,2 +1,3 @@
 import React from 'react';
+export const defaultDuration = 8000;
 export const ToastContext = React.createContext(null);

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

@@ -1,5 +1,6 @@
 import React from 'react';
+import { type ToastAPI } from './ToastContext';
 export type ToastsProps = React.PropsWithChildren<object>;
 export declare function Toasts(props: ToastsProps): React.JSX.Element;
-export declare function useToast(): import("./ToastContext").ToastAPI;
+export declare function useToast(): ToastAPI;
 //# sourceMappingURL=Toasts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toasts.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toasts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAE1D,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAYxC;AAED,wBAAgB,QAAQ,sCAIvB"}
+{"version":3,"file":"Toasts.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toasts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiC,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAmB1D,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAaxC;AAED,wBAAgB,QAAQ,aAIvB"}

package/dist/ui/Toast/Toasts.js

@@ -1,12 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ToastProvider, ToastViewport } from '@tamagui/toast';
+import { Toast as TamaguiToast, toast } from '@tamagui/toast';
 import React from 'react';
-import { Toast } from './Toast';
-import { ToastBridge } from './ToastBridge';
-import { ToastContext } from './ToastContext';
+import { Toast, ToastView } from './Toast';
+import { defaultDuration, ToastContext } from './ToastContext';
+const api = {
+    present: (title, message, opts) => {
+        toast.custom(id => (_jsx(ToastView, { title: title, message: message, variant: opts?.variant, leading: opts?.leading, onClose: () => toast.dismiss(id) })), { duration: opts?.duration });
+    },
+};
 export function Toasts(props) {
     const { children } = props;
-    return (_jsx(ToastProvider, { swipeDirection: "horizontal", children: _jsxs(ToastBridge, { children: [_jsx(Toast, {}), _jsx(ToastViewport, { name: "app-toasts", multipleToasts: true, bottom: 32, left: 0, right: 0 }), children] }) }));
+    return (_jsx(TamaguiToast, { position: "bottom-center", duration: defaultDuration, swipeDirection: "horizontal", children: _jsxs(ToastContext.Provider, { value: api, children: [children, _jsx(TamaguiToast.Viewport, { offset: 32, children: _jsx(TamaguiToast.List, { renderItem: item => _jsx(Toast, { ...item }) }) })] }) }));
 }
 export function useToast() {
     const ctx = React.useContext(ToastContext);

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

@@ -6,61 +6,13 @@ declare const _default: {
     shortDescription: string;
     figmaURL: string;
     component: ((props: import("./ToolbarBottomNav").ToolbarBottomNavProps) => import("react").JSX.Element) & {
-        Screen: (props: import("expo-router").ScreenProps<import("expo-router/build/react-navigation").HeaderOptions & {
-            title?: string;
-            tabBarLabel?: string | ((props: {
-                focused: boolean;
-                color: import("react-native").ColorValue;
-                position: import("expo-router/build/react-navigation/bottom-tabs/types").LabelPosition;
-                children: string;
-            }) => React.ReactNode);
-            tabBarShowLabel?: boolean;
-            tabBarLabelPosition?: import("expo-router/build/react-navigation/bottom-tabs/types").LabelPosition;
-            tabBarLabelStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
-            tabBarAllowFontScaling?: boolean;
-            tabBarIcon?: (props: {
-                focused: boolean;
-                color: import("react-native").ColorValue;
-                size: number;
-            }) => React.ReactNode;
-            tabBarIconStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-            tabBarBadge?: number | string;
-            tabBarBadgeStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
-            tabBarAccessibilityLabel?: string;
-            tabBarButtonTestID?: string;
-            tabBarButton?: (props: import("expo-router/build/react-navigation/bottom-tabs").BottomTabBarButtonProps) => React.ReactNode;
-            tabBarActiveTintColor?: import("react-native").ColorValue;
-            tabBarInactiveTintColor?: import("react-native").ColorValue;
-            tabBarActiveBackgroundColor?: import("react-native").ColorValue;
-            tabBarInactiveBackgroundColor?: import("react-native").ColorValue;
-            tabBarItemStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-            tabBarHideOnKeyboard?: boolean;
-            tabBarVisibilityAnimationConfig?: {
-                show?: import("expo-router/build/react-navigation/bottom-tabs/types").TabBarVisibilityAnimationConfig;
-                hide?: import("expo-router/build/react-navigation/bottom-tabs/types").TabBarVisibilityAnimationConfig;
-            };
-            tabBarVariant?: import("expo-router/build/react-navigation/bottom-tabs/types").Variant;
-            tabBarStyle?: import("react-native").Animated.WithAnimatedValue<import("react-native").StyleProp<import("react-native").ViewStyle>>;
-            tabBarBackground?: () => React.ReactNode;
-            tabBarPosition?: "bottom" | "left" | "right" | "top";
-            lazy?: boolean;
-            header?: (props: import("expo-router/build/react-navigation/bottom-tabs").BottomTabHeaderProps) => React.ReactNode;
-            headerShown?: boolean;
-            popToTopOnBlur?: boolean;
-            freezeOnBlur?: boolean;
-            sceneStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-            animation?: import("expo-router/build/react-navigation/bottom-tabs/types").TabAnimationName;
-            sceneStyleInterpolator?: import("expo-router/build/react-navigation/bottom-tabs/types").BottomTabSceneStyleInterpolator;
-            transitionSpec?: import("expo-router/build/react-navigation/bottom-tabs/types").TransitionSpec;
-        } & {
-            href?: import("expo-router").Href | null;
-        }, import("expo-router").TabNavigationState<import("expo-router/build/react-navigation").ParamListBase>, import("expo-router/build/react-navigation/bottom-tabs").BottomTabNavigationEventMap>) => null;
+        Screen: (props: import("expo-router").ScreenProps<import("expo-router/build/layouts/TabsClient.js").TabsScreenOptions, import("expo-router").TabNavigationState<import("expo-router/build/react-navigation/index.js").ParamListBase>, import("expo-router/build/layouts/TabsClient.js").BottomTabNavigationEventMap>) => null;
         Icon: typeof import("./ToolbarBottomNavIcon").toolbarBottomNavIcon;
     };
     styleFn: () => {
         tabBarStyle: {
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         tabBarLabelStyle: {
             readonly fontSize: 12;
@@ -70,10 +22,10 @@ declare const _default: {
             readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         tabBarActiveTintColor: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         tabBarInactiveTintColor: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarBottomNav.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarBottomNav/ToolbarBottomNav.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAmCi7J,CAAC;oBAA+C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/Bl+J,wBAUkB;AAElB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,YAAa,CAAC;AAEvC,OAAO,KAAK,OAAO,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"ToolbarBottomNav.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarBottomNav/ToolbarBottomNav.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAUkB;AAElB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,YAAa,CAAC;AAEvC,OAAO,KAAK,OAAO,MAAM,oCAAoC,CAAC"}

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

@@ -1,7 +1,7 @@
 export declare const useStyles: () => {
     tabBarStyle: {
-        backgroundColor: string;
-        borderColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     tabBarLabelStyle: {
         readonly fontSize: 12;
@@ -11,10 +11,10 @@ export declare const useStyles: () => {
         readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     tabBarActiveTintColor: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     tabBarInactiveTintColor: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=ToolbarBottomNav.styles.d.ts.map

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

@@ -32,7 +32,7 @@ declare const _default: {
             justifyContent: "center";
         };
         toolbarInformationTitleText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -47,7 +47,7 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         toolbarInformationTitleSubText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;
@@ -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;
@@ -91,7 +90,7 @@ declare const _default: {
             borderRightWidth: number;
             borderTopWidth: number;
             borderStyle: "solid";
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         toolbarNavigation: {
             display: "flex";

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

@@ -24,7 +24,7 @@ export declare const useStyles: () => {
         justifyContent: "center";
     };
     toolbarInformationTitleText: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -39,7 +39,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     toolbarInformationTitleSubText: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;
@@ -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;
@@ -83,7 +82,7 @@ export declare const useStyles: () => {
         borderRightWidth: number;
         borderTopWidth: number;
         borderStyle: "solid";
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     toolbarNavigation: {
         display: "flex";

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";
@@ -131,7 +132,7 @@ export declare const styleDuTitre: (styles: Styles, grandTitre: boolean, typogra
     clear?: import("csstype").Property.Clear | undefined;
     clipPath?: import("csstype").Property.ClipPath | undefined;
     clipRule?: import("csstype").Property.ClipRule | undefined;
-    color: string;
+    color: import("csstype").Property.Color;
     colorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
     colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | undefined;
     colorScheme?: import("csstype").Property.ColorScheme | undefined;
@@ -200,7 +201,7 @@ export declare const styleDuTitre: (styles: Styles, grandTitre: boolean, typogra
     fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
     fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
     fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
-    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | "black" | 100 | "medium" | "thin" | "light" | import("csstype").Property.FontWeight | "condensed" | "700" | "900" | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "heavy" | undefined;
+    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | (string & {}) | "unset" | "inherit" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "normal" | "black" | (number & {}) | "light" | "medium" | "thin" | "bold" | "bolder" | "lighter" | "700" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
     fontWidth?: import("csstype").Property.FontWidth | undefined;
     forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
     gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
@@ -990,7 +991,7 @@ export declare const styleDuSousTitre: (styles: Styles, grandTitre: boolean, typ
     clear?: import("csstype").Property.Clear | undefined;
     clipPath?: import("csstype").Property.ClipPath | undefined;
     clipRule?: import("csstype").Property.ClipRule | undefined;
-    color: string;
+    color: import("csstype").Property.Color;
     colorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
     colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | undefined;
     colorScheme?: import("csstype").Property.ColorScheme | undefined;
@@ -1059,7 +1060,7 @@ export declare const styleDuSousTitre: (styles: Styles, grandTitre: boolean, typ
     fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
     fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
     fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
-    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | "black" | 100 | "medium" | "thin" | "light" | import("csstype").Property.FontWeight | "condensed" | "700" | "900" | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "heavy" | undefined;
+    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | (string & {}) | "unset" | "inherit" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "normal" | "black" | (number & {}) | "light" | "medium" | "thin" | "bold" | "bolder" | "lighter" | "700" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
     fontWidth?: import("csstype").Property.FontWidth | undefined;
     forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
     gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;

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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"}