@alveole/components 2.0.0-alpha.16 → 2.0.0-alpha.18

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

@@ -19,19 +19,19 @@ declare const _default: {
             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";
@@ -40,7 +40,7 @@ declare const _default: {
             justifyContent: "space-between";
         };
         title: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -49,7 +49,7 @@ declare const _default: {
             flexShrink: number;
         };
         message: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -93,7 +93,7 @@ declare const _default: {
             borderRadius: number;
         };
         container: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
             display: "flex";
             flexDirection: "row";
@@ -111,7 +111,7 @@ declare const _default: {
             shadowOpacity: number;
             shadowRadius: number;
             elevation: number;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
             display: "flex";
             flexDirection: "row";
@@ -122,7 +122,7 @@ declare const _default: {
             padding: number;
         } | {
             boxShadow: string;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderRadius: import("@alveole/theme").Radius;
             display: "flex";
             flexDirection: "row";
@@ -132,7 +132,7 @@ declare const _default: {
             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.stories.js

@@ -55,7 +55,7 @@ export const All = () => {
     const withoutMessageToast = () => toast.present('Sans message');
     const withoutMessageToastError = () => toast.present('Sans message', undefined, { variant: 'error' });
     const withCustomIcon = () => toast.present('Avec icon custom', undefined, { leading: 'Worm' });
-    return (_jsx(Box, { display: "flex", flexDirection: "column", gap: 8, children: _jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, flexWrap: "wrap", children: [_jsx(Button, { title: "Default toast", variant: "secondary", onPress: defaultToast }), _jsx(Button, { title: "Success toast", variant: "secondary", onPress: successToast }), _jsx(Button, { title: "Error toast", variant: "secondary", onPress: errorToast }), _jsx(Button, { title: "Info toast", variant: "secondary", onPress: infoToast }), _jsx(Button, { title: "Warning toast", variant: "secondary", onPress: warningToast }), _jsx(Button, { title: "Message long", variant: "secondary", onPress: infoToastMultiLine }), _jsx(Button, { title: "Without message toast", variant: "secondary", onPress: withoutMessageToast }), _jsx(Button, { title: "Without message toast error", variant: "secondary", onPress: withoutMessageToastError }), _jsx(Button, { title: "WithCustomIcon", variant: "secondary", onPress: withCustomIcon })] }) }));
+    return (_jsx(Box, { display: "flex", flexDirection: "column", gap: "1W", children: _jsxs(Box, { display: "flex", flexDirection: "row", gap: "3W", flexWrap: "wrap", children: [_jsx(Button, { title: "Default toast", variant: "secondary", onPress: defaultToast }), _jsx(Button, { title: "Success toast", variant: "secondary", onPress: successToast }), _jsx(Button, { title: "Error toast", variant: "secondary", onPress: errorToast }), _jsx(Button, { title: "Info toast", variant: "secondary", onPress: infoToast }), _jsx(Button, { title: "Warning toast", variant: "secondary", onPress: warningToast }), _jsx(Button, { title: "Message long", variant: "secondary", onPress: infoToastMultiLine }), _jsx(Button, { title: "Without message toast", variant: "secondary", onPress: withoutMessageToast }), _jsx(Button, { title: "Without message toast error", variant: "secondary", onPress: withoutMessageToastError }), _jsx(Button, { title: "WithCustomIcon", variant: "secondary", onPress: withCustomIcon })] }) }));
 };
 export const PreviewInfo = () => (_jsx(ToastView, { variant: "info", title: "Information", message: "Description additionnelle du toast." }));
 export const PreviewSuccess = () => (_jsx(ToastView, { variant: "success", title: "Succ\u00E8s", message: "Description additionnelle du toast." }));
@@ -64,5 +64,5 @@ export const PreviewDefault = () => (_jsx(ToastView, { variant: "default", title
 export const PreviewWarning = () => (_jsx(ToastView, { variant: "warning", title: "Attention", message: "Description additionnelle du toast." }));
 export const PreviewInfoSansDescription = () => _jsx(ToastView, { variant: "info", title: "Message seul sans description" });
 export const PreviewSuccessSansDescription = () => (_jsx(ToastView, { variant: "success", title: "Message seul sans description" }));
-export const ToastsTypes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 8, children: [_jsx(ToastType, { variant: "info" }), _jsx(ToastType, { variant: "success" }), _jsx(ToastType, { variant: "error" }), _jsx(ToastType, { variant: "warning" })] }));
+export const ToastsTypes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: "1W", children: [_jsx(ToastType, { variant: "info" }), _jsx(ToastType, { variant: "success" }), _jsx(ToastType, { variant: "error" }), _jsx(ToastType, { variant: "warning" })] }));
 export * as Sources from './Toast.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,cAAu8D,CAAC;AAEx9D,eAAO,MAAM,WAAW,cAAyJ,CAAC;AAElL,eAAO,MAAM,cAAc,cAA0J,CAAC;AAEtL,eAAO,MAAM,YAAY,cAAsJ,CAAC;AAEhL,eAAO,MAAM,cAAc,cAA2J,CAAC;AAEvL,eAAO,MAAM,cAAc,cAA6J,CAAC;AAEzL,eAAO,MAAM,0BAA0B,cAAkI,CAAC;AAE1K,eAAO,MAAM,6BAA6B,cAAgJ,CAAC;AAE3L,eAAO,MAAM,WAAW,cAA0Q,CAAC;AAEnS,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,CAEtE,CAAC"}
+{"version":3,"file":"Toast.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,cAA48D,CAAC;AAE79D,eAAO,MAAM,WAAW,cAAyJ,CAAC;AAElL,eAAO,MAAM,cAAc,cAA0J,CAAC;AAEtL,eAAO,MAAM,YAAY,cAAsJ,CAAC;AAEhL,eAAO,MAAM,cAAc,cAA2J,CAAC;AAEvL,eAAO,MAAM,cAAc,cAA6J,CAAC;AAEzL,eAAO,MAAM,0BAA0B,cAAkI,CAAC;AAE1K,eAAO,MAAM,6BAA6B,cAAgJ,CAAC;AAE3L,eAAO,MAAM,WAAW,cAA6Q,CAAC;AAEtS,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,CAEtE,CAAC"}

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

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Toast/Toast.stories.tsx
-export const All = () => "export const All = () => {\n  const toast = useToast();\n\n  const defaultToast = () => toast.present('Default', 'Message');\n  const successToast = () => toast.present('Success', 'Message', { variant: 'success' });\n  const errorToast = () => toast.present('Error', 'Message beaucoup plus long', { variant: 'error' });\n  const infoToast = () => toast.present('Information', 'Message', { variant: 'info' });\n  const infoToastMultiLine = () =>\n    toast.present('Information', 'Message beaucoup plus long avec retour à la ligne.\\nDeuxième ligne', {\n      variant: 'info',\n    });\n  const warningToast = () => toast.present('Attention', 'Message', { variant: 'warning' });\n  const withoutMessageToast = () => toast.present('Sans message');\n  const withoutMessageToastError = () => toast.present('Sans message', undefined, { variant: 'error' });\n  const withCustomIcon = () => toast.present('Avec icon custom', undefined, { leading: 'Worm' });\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n      <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n        <Button title=\"Default toast\" variant=\"secondary\" onPress={defaultToast} />\n        <Button title=\"Success toast\" variant=\"secondary\" onPress={successToast} />\n        <Button title=\"Error toast\" variant=\"secondary\" onPress={errorToast} />\n        <Button title=\"Info toast\" variant=\"secondary\" onPress={infoToast} />\n        <Button title=\"Warning toast\" variant=\"secondary\" onPress={warningToast} />\n        <Button title=\"Message long\" variant=\"secondary\" onPress={infoToastMultiLine} />\n        <Button title=\"Without message toast\" variant=\"secondary\" onPress={withoutMessageToast} />\n        <Button title=\"Without message toast error\" variant=\"secondary\" onPress={withoutMessageToastError} />\n        <Button title=\"WithCustomIcon\" variant=\"secondary\" onPress={withCustomIcon} />\n      </Box>\n    </Box>\n  );\n};";
+export const All = () => "export const All = () => {\n  const toast = useToast();\n\n  const defaultToast = () => toast.present('Default', 'Message');\n  const successToast = () => toast.present('Success', 'Message', { variant: 'success' });\n  const errorToast = () => toast.present('Error', 'Message beaucoup plus long', { variant: 'error' });\n  const infoToast = () => toast.present('Information', 'Message', { variant: 'info' });\n  const infoToastMultiLine = () =>\n    toast.present('Information', 'Message beaucoup plus long avec retour à la ligne.\\nDeuxième ligne', {\n      variant: 'info',\n    });\n  const warningToast = () => toast.present('Attention', 'Message', { variant: 'warning' });\n  const withoutMessageToast = () => toast.present('Sans message');\n  const withoutMessageToastError = () => toast.present('Sans message', undefined, { variant: 'error' });\n  const withCustomIcon = () => toast.present('Avec icon custom', undefined, { leading: 'Worm' });\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"1W\">\n      <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n        <Button title=\"Default toast\" variant=\"secondary\" onPress={defaultToast} />\n        <Button title=\"Success toast\" variant=\"secondary\" onPress={successToast} />\n        <Button title=\"Error toast\" variant=\"secondary\" onPress={errorToast} />\n        <Button title=\"Info toast\" variant=\"secondary\" onPress={infoToast} />\n        <Button title=\"Warning toast\" variant=\"secondary\" onPress={warningToast} />\n        <Button title=\"Message long\" variant=\"secondary\" onPress={infoToastMultiLine} />\n        <Button title=\"Without message toast\" variant=\"secondary\" onPress={withoutMessageToast} />\n        <Button title=\"Without message toast error\" variant=\"secondary\" onPress={withoutMessageToastError} />\n        <Button title=\"WithCustomIcon\" variant=\"secondary\" onPress={withCustomIcon} />\n      </Box>\n    </Box>\n  );\n};";
 export const PreviewInfo = () => "export const PreviewInfo = () => (\n  <ToastView variant=\"info\" title=\"Information\" message=\"Description additionnelle du toast.\" />\n);";
 export const PreviewSuccess = () => "export const PreviewSuccess = () => (\n  <ToastView variant=\"success\" title=\"Succès\" message=\"Description additionnelle du toast.\" />\n);";
 export const PreviewError = () => "export const PreviewError = () => (\n  <ToastView variant=\"error\" title=\"Erreur\" message=\"Description additionnelle du toast.\" />\n);";
@@ -8,7 +8,7 @@ export const PreviewDefault = () => "export const PreviewDefault = () => (\n  <T
 export const PreviewWarning = () => "export const PreviewWarning = () => (\n  <ToastView variant=\"warning\" title=\"Attention\" message=\"Description additionnelle du toast.\" />\n);";
 export const PreviewInfoSansDescription = () => "export const PreviewInfoSansDescription = () => <ToastView variant=\"info\" title=\"Message seul sans description\" />;";
 export const PreviewSuccessSansDescription = () => "export const PreviewSuccessSansDescription = () => (\n  <ToastView variant=\"success\" title=\"Message seul sans description\" />\n);";
-export const ToastsTypes = () => "export const ToastsTypes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={8}>\n    <ToastType variant=\"info\" />\n    <ToastType variant=\"success\" />\n    <ToastType variant=\"error\" />\n    <ToastType variant=\"warning\" />\n  </Box>\n);";
+export const ToastsTypes = () => "export const ToastsTypes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"1W\">\n    <ToastType variant=\"info\" />\n    <ToastType variant=\"success\" />\n    <ToastType variant=\"error\" />\n    <ToastType variant=\"warning\" />\n  </Box>\n);";
 export const storySources = {
     All,
     PreviewInfo,

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,7 +31,7 @@ export declare const useStyles: () => {
         justifyContent: "space-between";
     };
     title: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -40,7 +40,7 @@ export declare const useStyles: () => {
         flexShrink: number;
     };
     message: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -84,7 +84,7 @@ export declare const useStyles: () => {
         borderRadius: number;
     };
     container: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderRadius: import("@alveole/theme").Radius;
         display: "flex";
         flexDirection: "row";
@@ -102,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";
@@ -113,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";
@@ -123,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/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.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;
@@ -90,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.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;
@@ -82,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/toolbarTopStyling.d.ts

@@ -132,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;
@@ -201,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" | "light" | "medium" | "thin" | import("csstype").Property.FontWeight | "700" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "condensed" | "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;
@@ -991,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;
@@ -1060,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" | "light" | "medium" | "thin" | import("csstype").Property.FontWeight | "700" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "condensed" | "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.18",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,40 +25,40 @@
   "sideEffects": false,
   "devDependencies": {
     "@alveole/eslint-config": "file:../eslint-config",
-    "@react-native-community/datetimepicker": "9.1.0",
-    "@react-native/jest-preset": "0.86.3",
-    "@shopify/flash-list": "2.0.2",
-    "@tamagui/core": "3.0.18",
-    "@tamagui/toast": "3.0.18",
+    "@react-native-community/datetimepicker": "9.2.1",
+    "@react-native/jest-preset": "0.88.0",
+    "@shopify/flash-list": "2.3.2",
+    "@tamagui/core": "3.1.3",
+    "@tamagui/toast": "3.1.3",
     "@testing-library/react": "16.3.3",
     "@testing-library/react-native": "14.1.0",
     "@types/react-syntax-highlighter": "15.5.13",
-    "babel-preset-expo": "57.0.16",
+    "babel-preset-expo": "58.0.20",
     "eslint": "10.13.0",
-    "expo": "57.0.30",
-    "expo-application": "57.0.3",
-    "expo-asset": "57.0.20",
-    "expo-document-picker": "57.0.3",
-    "expo-image-picker": "57.0.20",
+    "expo": "58.0.19",
+    "expo-application": "58.1.2",
+    "expo-asset": "58.0.18",
+    "expo-document-picker": "58.0.4",
+    "expo-image-picker": "58.0.10",
     "expo-in-app-updates": "0.13.0",
-    "expo-linear-gradient": "57.0.2",
-    "expo-modules-core": "57.0.23",
-    "expo-router": "57.0.28",
-    "expo-system-ui": "57.0.4",
-    "expo-web-browser": "57.0.3",
+    "expo-linear-gradient": "58.0.3",
+    "expo-modules-core": "58.0.26",
+    "expo-router": "58.0.26",
+    "expo-system-ui": "58.0.6",
+    "expo-web-browser": "58.0.6",
     "jest": "29.7.0",
     "jest-environment-jsdom": "30.5.2",
-    "jest-expo": "57.0.5",
+    "jest-expo": "58.0.12",
     "pdfjs-dist": "6.4.299",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "react-native": "0.86.3",
-    "react-native-keyboard-controller": "1.21.9",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "react-native": "0.88.0",
+    "react-native-keyboard-controller": "1.22.7",
     "react-native-otp-entry": "1.8.6",
     "react-native-web": "0.21.4",
     "react-select": "5.10.2",
     "react-syntax-highlighter": "16.1.2",
-    "tamagui": "3.0.18",
+    "tamagui": "3.1.3",
     "test-renderer": "1.3.1"
   },
   "dependencies": {