@alveole/components 0.43.3 → 1.0.1

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

@@ -11,7 +11,7 @@ export declare const useStyles: () => {
         justifyContent: "space-between";
     };
     label: {
-        color: "#373A3F";
+        color: string;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -19,7 +19,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     labelDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
     hintContainer: {
         display: "flex";
@@ -27,7 +27,7 @@ export declare const useStyles: () => {
         justifyContent: "space-between";
     };
     hint: {
-        color: "#5F6571";
+        color: string;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;
@@ -35,7 +35,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     hintDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
     inputContainer: {
         width: "100%";
@@ -47,7 +47,7 @@ export declare const useStyles: () => {
         padding: number;
         borderRadius: number;
         borderWidth: number;
-        borderColor: "#DEE3EC";
+        borderColor: string;
         backgroundColor: "#FFFFFF";
         overflow: "hidden";
         width: "100%";
@@ -57,7 +57,7 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         outline: string;
-        color: "#373A3F";
+        color: string;
         fontFamily: string;
         fontSize: 14;
         marginTop: import("@alveole/theme").Spacing;
@@ -68,20 +68,20 @@ export declare const useStyles: () => {
         flex: number;
     };
     inputError: {
-        borderColor: "#C62416";
+        borderColor: string;
     };
     inputSuccess: {
-        borderColor: "#1B7440";
+        borderColor: string;
     };
     inputDisabled: {
-        borderColor: "#E6EAF1";
+        borderColor: string;
     };
     inputFocused: {
         outlineStyle: "solid";
         outlineWidth: number;
-        outlineColor: "#0A76F6";
+        outlineColor: string;
         outlineOffset: number;
-        borderColor: "#0A76F6" | undefined;
+        borderColor: string | undefined;
     };
     inputFile: {
         margin: number;
@@ -92,7 +92,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: "#373A3F";
+        color: string;
     };
     inputFileClear: {
         position: "absolute";
@@ -111,7 +111,7 @@ export declare const useStyles: () => {
     };
     modalOverlay: {
         flex: number;
-        backgroundColor: `rgba${string}`;
+        backgroundColor: string;
     };
     modalSheet: {
         width: "100%";
@@ -149,12 +149,12 @@ export declare const useStyles: () => {
     modalInputContainer: {
         borderRadius: number;
         borderWidth: number;
-        borderColor: "#DEE3EC";
+        borderColor: string;
         backgroundColor: "#FFFFFF";
         minHeight: number;
     };
     modalInput: {
-        color: "#373A3F";
+        color: string;
         paddingLeft: import("@alveole/theme").Spacing;
         paddingRight: import("@alveole/theme").Spacing;
         paddingTop: import("@alveole/theme").Spacing;
@@ -190,10 +190,10 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     errorText: {
-        color: "#C62416";
+        color: string;
     };
     successText: {
-        color: "#1C7F54";
+        color: string;
     };
 };
 //# sourceMappingURL=FormControl.styles.d.ts.map

package/dist/ui/FormControl/FormControlFileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlFileInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,yBAAyB,GACjC,cAAc,CAAC,mBAAmB,GAClC,cAAc,CAAC,mBAAmB,EAAE,GACpC,IAAI,CAAC;AAET,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,6BA6EpE,CAAC"}
+{"version":3,"file":"FormControlFileInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,yBAAyB,GACnC,cAAc,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,6BA6EpE,CAAC"}

package/dist/ui/FormControl/FormControlFileInput.styles.d.ts

@@ -7,8 +7,8 @@ export declare const useStyles: () => {
     };
     fileInputButton: {
         borderWidth: number;
-        borderColor: "#DEE3EC";
-        backgroundColor: "#F6F7F8";
+        borderColor: string;
+        backgroundColor: string;
         transition: "background-color 0.1s ease-in-out";
         display: "flex";
         alignItems: "center";
@@ -19,14 +19,14 @@ export declare const useStyles: () => {
         paddingBottom: import("@alveole/theme").Spacing;
     };
     fileInputButtonHovered: {
-        backgroundColor: "#E6EAF1";
+        backgroundColor: string;
     };
     fileInputButtonDisabled: {
         cursor: "not-allowed";
-        backgroundColor: "#E6EAF1";
+        backgroundColor: string;
     };
     inputFileText: {
-        color: "#373A3F";
+        color: string;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;
@@ -34,7 +34,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     placeholderText: {
-        color: "#373A3F";
+        color: string;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;

package/dist/ui/FormControl/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,IAAI,oBAAoB,EACjC,cAAc,IAAI,yBAAyB,EAE5C,MAAM,cAAc,CAAC;AAQtB,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS;eART,OAAO;qBACD,KAAK,CAAC,SAAS;mBACjB,KAAK,CAAC,SAAS;gBAClB,OAAO;uBACA,MAAM;oBACT,MAAM,IAAI;8CAsN1B,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,SAAS,IAAI,oBAAoB,EACjC,cAAc,IAAI,yBAAyB,EAC5C,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS;eART,OAAO;qBACD,KAAK,CAAC,SAAS;mBACjB,KAAK,CAAC,SAAS;gBAClB,OAAO;uBACA,MAAM;oBACT,MAAM,IAAI;8CAsN1B,CAAC"}

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

@@ -11,11 +11,13 @@ declare const _default: {
             position: "sticky";
             top: number;
             zIndex: number;
-            backgroundColor: "#FFFFFF" | "#F6F7F8";
+            width: "100%";
+            backgroundColor: string;
         } | {
             position: "sticky";
             top: number;
             zIndex: number;
+            width: "100%";
             shadowColor: import("@alveole/theme").Color;
             shadowOffset: {
                 width: number;
@@ -24,20 +26,22 @@ declare const _default: {
             shadowOpacity: number;
             shadowRadius: number;
             elevation: number;
-            backgroundColor: "#FFFFFF" | "#F6F7F8";
+            backgroundColor: string;
         } | {
             position: "sticky";
             top: number;
             zIndex: number;
+            width: "100%";
             boxShadow: string;
-            backgroundColor: "#FFFFFF" | "#F6F7F8";
+            backgroundColor: string;
         } | {
             position: "sticky";
             top: number;
             zIndex: number;
+            width: "100%";
             borderBottomWidth: number;
-            borderBottomColor: "#DEE3EC";
-            backgroundColor: "#FFFFFF" | "#F6F7F8";
+            borderBottomColor: string;
+            backgroundColor: string;
         };
         inner: {
             display: "flex";
@@ -57,7 +61,7 @@ declare const _default: {
             gap: import("@alveole/theme").Spacing;
         };
         titleText: {
-            color: "#151617";
+            color: string;
             display: "flex" | "none";
             fontSize: 14;
             lineHeight: 20;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAUkB;AAqBlB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAUkB;AAqBlB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

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

@@ -3,11 +3,13 @@ export declare const useStyles: () => {
         position: "sticky";
         top: number;
         zIndex: number;
-        backgroundColor: "#FFFFFF" | "#F6F7F8";
+        width: "100%";
+        backgroundColor: string;
     } | {
         position: "sticky";
         top: number;
         zIndex: number;
+        width: "100%";
         shadowColor: import("@alveole/theme").Color;
         shadowOffset: {
             width: number;
@@ -16,20 +18,22 @@ export declare const useStyles: () => {
         shadowOpacity: number;
         shadowRadius: number;
         elevation: number;
-        backgroundColor: "#FFFFFF" | "#F6F7F8";
+        backgroundColor: string;
     } | {
         position: "sticky";
         top: number;
         zIndex: number;
+        width: "100%";
         boxShadow: string;
-        backgroundColor: "#FFFFFF" | "#F6F7F8";
+        backgroundColor: string;
     } | {
         position: "sticky";
         top: number;
         zIndex: number;
+        width: "100%";
         borderBottomWidth: number;
-        borderBottomColor: "#DEE3EC";
-        backgroundColor: "#FFFFFF" | "#F6F7F8";
+        borderBottomColor: string;
+        backgroundColor: string;
     };
     inner: {
         display: "flex";
@@ -49,7 +53,7 @@ export declare const useStyles: () => {
         gap: import("@alveole/theme").Spacing;
     };
     titleText: {
-        color: "#151617";
+        color: string;
         display: "flex" | "none";
         fontSize: 14;
         lineHeight: 20;

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

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

package/dist/ui/Header/Header.styles.js

@@ -8,6 +8,7 @@ export const useStyles = makeStyles(({ color, text, spacing, isVariant, shadows
         position: 'sticky',
         top: 0,
         zIndex: 100,
+        width: '100%',
     },
     inner: {
         display: 'flex',

package/dist/ui/InputButtonAdornment/InputButtonAdornment.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '@alveole/components';
+export type InputButtonAdornmentProps = {
+    icon: IconProps['name'];
+    position: 'start' | 'end';
+    disabled?: boolean;
+    onPress?: () => void;
+};
+export declare const InputButtonAdornment: (props: InputButtonAdornmentProps) => import("react").JSX.Element;
+//# sourceMappingURL=InputButtonAdornment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputButtonAdornment.d.ts","sourceRoot":"","sources":["../../../src/ui/InputButtonAdornment/InputButtonAdornment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGjE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,gCAqBpE,CAAC"}

package/dist/ui/InputButtonAdornment/InputButtonAdornment.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, ButtonIcon } from '@alveole/components';
+import { useStyles } from './InputButtonAdornment.styles';
+export const InputButtonAdornment = (props) => {
+    const { icon, position, disabled, onPress } = props;
+    const styles = useStyles();
+    return (_jsx(Box, { style: position === 'start' ? styles.controlStart : styles.controlEnd, children: _jsx(ButtonIcon, { variant: "tertiary", disabled: disabled, style: {
+                borderBottomLeftRadius: 0,
+                borderBottomRightRadius: 0,
+                borderTopLeftRadius: 0,
+                borderTopRightRadius: 0,
+            }, icon: icon, onPress: onPress }) }));
+};

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: (props: import("./InputButtonAdornment").InputButtonAdornmentProps) => import("react").JSX.Element;
+    styleFn: () => {
+        textInput: {};
+        controlStart: {
+            borderRightWidth: number;
+            borderColor: string;
+        };
+        controlEnd: {
+            borderColor: string;
+            borderLeftWidth: number;
+        };
+    };
+};
+export default _default;
+export declare const End: () => import("react").JSX.Element;
+export declare const Start: () => import("react").JSX.Element;
+export * as Sources from './InputButtonAdornment.stories.sources';
+//# sourceMappingURL=InputButtonAdornment.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputButtonAdornment.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/InputButtonAdornment/InputButtonAdornment.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,GAAG,mCASf,CAAC;AAEF,eAAO,MAAM,KAAK,mCAIjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wCAAwC,CAAC"}

package/dist/ui/InputButtonAdornment/InputButtonAdornment.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { FormControl } from '../FormControl';
+import { InputButtonAdornment } from './InputButtonAdornment';
+import { useStyles } from './InputButtonAdornment.styles';
+export default {
+    title: 'InputButtonAdornment',
+    tags: ['ui'],
+    experimental: false,
+    description: "Bouton icône avec bordure latérale, à placer en début ou fin d'input.",
+    component: InputButtonAdornment,
+    styleFn: useStyles,
+};
+export const End = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "Eye", position: "end", onPress: () => { } }) }), _jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "X", position: "end", onPress: () => { } }) })] }));
+export const Start = () => (_jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "Plus", position: "start", onPress: () => { } }) }));
+export * as Sources from './InputButtonAdornment.stories.sources';

package/dist/ui/InputButtonAdornment/InputButtonAdornment.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const End: () => string;
+export declare const Start: () => string;
+export declare const storySources: {
+    readonly End: () => string;
+    readonly Start: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=InputButtonAdornment.stories.sources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputButtonAdornment.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/InputButtonAdornment/InputButtonAdornment.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,cAA6V,CAAC;AAE9W,eAAO,MAAM,KAAK,cAAgK,CAAC;AAEnL,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/InputButtonAdornment/InputButtonAdornment.stories.tsx
+export const End = () => "export const End = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <FormControl>\n      <InputButtonAdornment icon=\"Eye\" position=\"end\" onPress={() => {}} />\n    </FormControl>\n    <FormControl>\n      <InputButtonAdornment icon=\"X\" position=\"end\" onPress={() => {}} />\n    </FormControl>\n  </Box>\n);";
+export const Start = () => "export const Start = () => (\n  <FormControl>\n    <InputButtonAdornment icon=\"Plus\" position=\"start\" onPress={() => {}} />\n  </FormControl>\n);";
+export const storySources = {
+    End,
+    Start,
+};

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

@@ -0,0 +1,12 @@
+export declare const useStyles: () => {
+    textInput: {};
+    controlStart: {
+        borderRightWidth: number;
+        borderColor: string;
+    };
+    controlEnd: {
+        borderColor: string;
+        borderLeftWidth: number;
+    };
+};
+//# sourceMappingURL=InputButtonAdornment.styles.d.ts.map

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

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

package/dist/ui/InputButtonAdornment/InputButtonAdornment.styles.js

@@ -0,0 +1,12 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ color }) => ({
+    textInput: {},
+    controlStart: {
+        borderRightWidth: 1,
+        borderColor: color.border['default-grey'],
+    },
+    controlEnd: {
+        borderColor: color.border['default-grey'],
+        borderLeftWidth: 1,
+    },
+}));

package/dist/ui/InputButtonAdornment/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InputButtonAdornment';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/InputButtonAdornment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/InputButtonAdornment/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/ui/InputButtonAdornment/index.js

@@ -0,0 +1 @@
+export * from './InputButtonAdornment';

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

@@ -16,8 +16,8 @@ declare const _default: {
             alignSelf: "stretch";
         };
         itemHover: {
-            backgroundColor: `rgba${string}`;
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            backgroundColor: string;
+            borderRadius: import("@alveole/theme").Radius;
             cursor: "pointer";
         };
         container: {
@@ -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,8 +9,8 @@ export declare const useStyles: () => {
         alignSelf: "stretch";
     };
     itemHover: {
-        backgroundColor: `rgba${string}`;
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        backgroundColor: string;
+        borderRadius: import("@alveole/theme").Radius;
         cursor: "pointer";
     };
     container: {
@@ -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] }));
 };