@alveole/components 0.43.2 → 1.0.0

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

@@ -16,7 +16,7 @@ declare const _default: {
             alignSelf: "stretch";
         };
         itemHover: {
-            backgroundColor: `rgba${string}`;
+            backgroundColor: string;
             borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
             cursor: "pointer";
         };
@@ -42,7 +42,7 @@ declare const _default: {
             position: "absolute";
             width: "100%";
             height: number;
-            backgroundColor: "#DEE3EC";
+            backgroundColor: string;
         };
         principal: {
             display: "flex";
@@ -57,7 +57,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: "#373A3F";
+            color: string;
         };
         description: {
             fontSize: 12;
@@ -65,23 +65,23 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: "#5F6571";
+            color: string;
         };
         additional: {};
         trailing: {
             display: "flex";
             justifyContent: "center";
             alignSelf: "stretch";
-            color: "#5F6571";
+            color: string;
         };
         loading: {
             display: "flex";
             alignItems: "center";
             justifyContent: "center";
-            color: "#D9127C";
+            color: string;
         };
         defaultIcon: {
-            color: "#5F6571";
+            color: string;
         };
         previewContainer: {
             display: "flex";

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

@@ -9,7 +9,7 @@ export declare const useStyles: () => {
         alignSelf: "stretch";
     };
     itemHover: {
-        backgroundColor: `rgba${string}`;
+        backgroundColor: string;
         borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
         cursor: "pointer";
     };
@@ -35,7 +35,7 @@ export declare const useStyles: () => {
         position: "absolute";
         width: "100%";
         height: number;
-        backgroundColor: "#DEE3EC";
+        backgroundColor: string;
     };
     principal: {
         display: "flex";
@@ -50,7 +50,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: "#373A3F";
+        color: string;
     };
     description: {
         fontSize: 12;
@@ -58,23 +58,23 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: "#5F6571";
+        color: string;
     };
     additional: {};
     trailing: {
         display: "flex";
         justifyContent: "center";
         alignSelf: "stretch";
-        color: "#5F6571";
+        color: string;
     };
     loading: {
         display: "flex";
         alignItems: "center";
         justifyContent: "center";
-        color: "#D9127C";
+        color: string;
     };
     defaultIcon: {
-        color: "#5F6571";
+        color: string;
     };
     previewContainer: {
         display: "flex";

package/dist/ui/LucideIcon/LucideIcon.d.ts

@@ -1,5 +1,7 @@
-import { LucideIconProps } from './LucideIcon.props';
+import { Platform } from 'react-native';
+import { LucideIconName, LucideIconProps } from './LucideIcon.props';
 export declare const strokeWidth = 1.5;
 export type IconProps = LucideIconProps;
+export declare const resolveShareIconName: (platform: typeof Platform.OS) => LucideIconName;
 export declare const LucideIcon: (props: IconProps) => import("react").JSX.Element;
 //# sourceMappingURL=LucideIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoC,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvF,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAExC,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,gCAqC1C,CAAC"}
+{"version":3,"file":"LucideIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAwB,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAoB,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvF,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAKxC,eAAO,MAAM,oBAAoB,GAAI,UAAU,OAAO,QAAQ,CAAC,EAAE,KAAG,cAWnE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,gCA0C1C,CAAC"}

package/dist/ui/LucideIcon/LucideIcon.js

@@ -2,10 +2,30 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabIcons from '@lucide/lab';
 import * as LucideIcons from 'lucide-react-native';
 import { Icon as BaseIcon } from 'lucide-react-native';
+import { Platform } from 'react-native';
 import { isLucideIconName } from './LucideIcon.props';
 export const strokeWidth = 1.5;
+// Chaque plateforme a une convention visuelle différente pour le partage :
+// iOS utilise la flèche vers le haut (Share), Android le symbole à trois points (Share2),
+// et le web la flèche vers l'avant (Forward).
+export const resolveShareIconName = (platform) => {
+    switch (platform) {
+        case 'ios':
+            return 'Share';
+        case 'android':
+            return 'Share2';
+        case 'web':
+            return 'Forward';
+        default:
+            return 'Share';
+    }
+};
 export const LucideIcon = (props) => {
-    const { style, size, color } = props;
+    const { style, size, color, _platformOverride } = props;
+    let { name } = props;
+    if (name === 'Share') {
+        name = resolveShareIconName(_platformOverride ?? Platform.OS);
+    }
     const iconMap = LucideIcons;
     const sizeMap = {
         xs: 12,
@@ -16,9 +36,9 @@ export const LucideIcon = (props) => {
     };
     const defaultStyle = { stroke: color ?? 'currentColor' };
     const mergedStyle = [defaultStyle, style];
-    if (isLucideIconName(props.name)) {
-        const IconComponent = iconMap[props.name];
+    if (isLucideIconName(name)) {
+        const IconComponent = iconMap[name];
         return (_jsx(IconComponent, { style: mergedStyle, strokeWidth: strokeWidth, color: color, size: sizeMap[size] }));
     }
-    return (_jsx(BaseIcon, { iconNode: LabIcons?.[props.name], style: mergedStyle, strokeWidth: strokeWidth, color: color, size: sizeMap[size] }));
+    return (_jsx(BaseIcon, { iconNode: LabIcons?.[name], style: mergedStyle, strokeWidth: strokeWidth, color: color, size: sizeMap[size] }));
 };