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

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

@@ -7,7 +7,7 @@ export declare const useStyles: () => {
     pinCodeContainerStyle: {
         borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         backgroundColor: "#FFFFFF";
         overflow: "hidden";
         height: import("@alveole/theme").Spacing;
@@ -16,13 +16,13 @@ export declare const useStyles: () => {
         alignItems: "center";
     };
     pinCodeContainerStyleDisabled: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     pinCodeContainerStyleError: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     pinCodeContainerStyleSuccess: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     /**
      * La cellule active ne recoit pas d'anneau : c'est sa propre bordure qui change de
@@ -48,7 +48,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=OtpInput.styles.d.ts.map

package/dist/ui/FormControl/OtpInput.styles.js

@@ -11,8 +11,8 @@ export const useStyles = makeStyles(({ text, color, spacing, spacingValue, radiu
         borderColor: color.border['default-grey'],
         backgroundColor: '#FFFFFF',
         overflow: 'hidden',
-        height: spacingValue('300'),
-        width: spacingValue('300'),
+        height: spacingValue('6W'),
+        width: spacingValue('6W'),
         justifyContent: 'center',
         alignItems: 'center',
     },

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

@@ -15,5 +15,5 @@ export declare const TextInput: React.ForwardRefExoticComponent<Omit<import("rea
     openModal?: boolean;
     modalSubmitLabel?: string;
     onModalSubmit?: () => void;
-} & React.RefAttributes<import("react-native").TextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TextInput.d.ts.map

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKrE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;0DAgBpB,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKrE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;0CAgBpB,CAAC"}

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

@@ -13,7 +13,7 @@ declare const _default: {
         openModal?: boolean;
         modalSubmitLabel?: string;
         onModalSubmit?: () => void;
-    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    } & import("react").RefAttributes<import("./TextInput.types").TextInputElement>>;
     styleFn: () => {
         caption: {
             display: "flex";
@@ -38,14 +38,14 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         errorText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         successText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         modalOverlay: {
             flex: number;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         modalSheet: {
             width: "100%";
@@ -83,12 +83,12 @@ declare const _default: {
         modalInputContainer: {
             borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             backgroundColor: "#FFFFFF";
             minHeight: number;
         };
         modalInput: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             paddingLeft: string | number;
             paddingRight: string | number;
             paddingTop: string | number;
@@ -103,14 +103,14 @@ declare const _default: {
         };
         inputFocused: import("@alveole/theme").FocusBorderStyle;
         inputError: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         inputSuccess: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         inputDisabled: {
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         inputContainer: {
             width: "100%";
@@ -122,7 +122,7 @@ declare const _default: {
             padding: number;
             borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             backgroundColor: "#FFFFFF";
             overflow: "hidden";
             width: "100%";
@@ -132,7 +132,7 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             outline: string;
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontFamily: string;
             fontSize: 14;
             marginTop: string | number;
@@ -148,7 +148,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         inputWeb: {
             borderWidth: number;
@@ -172,7 +172,7 @@ declare const _default: {
             justifyContent: "space-between";
         };
         label: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -180,7 +180,7 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         labelDisabled: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         hintContainer: {
             display: "flex";
@@ -188,7 +188,7 @@ declare const _default: {
             justifyContent: "space-between";
         };
         hint: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;
@@ -196,10 +196,10 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         hintDisabled: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         requiredMarker: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             marginLeft: string | number;
             fontSize: 14;
             lineHeight: 20;

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { TextInput as ReactNativeTextInput, TextInputProps as ReactNativeTextInputProps } from 'react-native';
-export type TextInputElement = ReactNativeTextInput;
+import { TextInputProps as ReactNativeTextInputProps, TextInputInstance } from 'react-native';
+export interface TextInputElement extends TextInputInstance {
+}
 export type TextInputProps = Omit<ReactNativeTextInputProps, 'style'> & {
     type?: 'text' | 'email' | 'tel' | 'password';
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAE,cAAc,IAAI,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAE9G,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG;IAEtE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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"}
+{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,IAAI,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG;IAEtE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,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"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextInput as ReactNativeTextInput } from 'react-native';
+import { TextInputElement } from './TextInput.types';
 /**
  * La saisie ordinaire : on ecrit dans le champ la ou il est. Le focus est tenu ici et non
  * laisse a la plateforme, parce que le contour se dessine sur le cadre et non sur le champ.
@@ -14,5 +14,5 @@ export declare const TextInputInline: React.ForwardRefExoticComponent<Omit<impor
     openModal?: boolean;
     modalSubmitLabel?: string;
     onModalSubmit?: () => void;
-} & React.RefAttributes<ReactNativeTextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TextInputInline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputInline.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputInline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmC,SAAS,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAoClG;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;8CA0D1B,CAAC"}
+{"version":3,"file":"TextInputInline.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputInline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,gBAAgB,EAAkB,MAAM,mBAAmB,CAAC;AAgCrE;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;0CA0D1B,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextInput as ReactNativeTextInput } from 'react-native';
+import { TextInputElement } from './TextInput.types';
 /**
  * Le champ tel qu'il apparait dans le formulaire quand la saisie vit en modale : il a
  * l'allure d'un champ mais n'en est pas un. Tout ce qui pourrait y installer un curseur
@@ -18,5 +18,5 @@ export declare const TextInputMirror: React.ForwardRefExoticComponent<Omit<impor
 } & {
     isOpen: boolean;
     onOpen: () => void;
-} & React.RefAttributes<ReactNativeTextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TextInputMirror.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputMirror.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputMirror.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,SAAS,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQ5E;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;YAP2B,OAAO;YAAU,MAAM,IAAI;8CAsDjF,CAAC"}
+{"version":3,"file":"TextInputMirror.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputMirror.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAkB,MAAM,mBAAmB,CAAC;AAKrE;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;YAP2B,OAAO;YAAU,MAAM,IAAI;0CAsDjF,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextInput as ReactNativeTextInput } from 'react-native';
+import { TextInputElement } from './TextInput.types';
 /**
  * La saisie deportee en modale, hors web : le champ du formulaire n'est plus qu'un miroir
  * qu'on presse, et la vraie saisie vit dans la modale. Un champ multiligne tient mal dans
@@ -16,5 +16,5 @@ export declare const TextInputModal: React.ForwardRefExoticComponent<Omit<import
     openModal?: boolean;
     modalSubmitLabel?: string;
     onModalSubmit?: () => void;
-} & React.RefAttributes<ReactNativeTextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TextInputModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputModal.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAwB,MAAM,cAAc,CAAC;AASvF;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;8CAgDzB,CAAC"}
+{"version":3,"file":"TextInputModal.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,gBAAgB,EAAkB,MAAM,mBAAmB,CAAC;AAIrE;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;0CAgDzB,CAAC"}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TextInputElement } from './TextInput.types';
 /** Le mot de passe : une saisie ordinaire, masquee, qu'un oeil permet de reveler. */
 export declare const TextInputPassword: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
     type?: "text" | "email" | "tel" | "password";
@@ -10,5 +11,5 @@ export declare const TextInputPassword: React.ForwardRefExoticComponent<Omit<imp
     openModal?: boolean;
     modalSubmitLabel?: string;
     onModalSubmit?: () => void;
-} & React.RefAttributes<import("react-native").TextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TextInputPassword.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputPassword.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,qFAAqF;AACrF,eAAO,MAAM,iBAAiB;;;;;;;;;;0DAyB7B,CAAC"}
+{"version":3,"file":"TextInputPassword.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAkB,MAAM,mBAAmB,CAAC;AAYrE,qFAAqF;AACrF,eAAO,MAAM,iBAAiB;;;;;;;;;;0CAyB7B,CAAC"}

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

@@ -20,5 +20,5 @@ export type FieldBorderState = {
  * est commune. Sans ce point unique, la famille FormControl et Select divergeraient des la
  * premiere retouche, et c'est exactement la variante locale que l'ADR supprime.
  */
-export declare const fieldBorderState: <T extends object>(styles: FieldBorderStyles<T>, state: FieldBorderState) => Partial<T>;
+export declare const fieldBorderState: <S extends FieldBorderStyles<object>>(styles: S, state: FieldBorderState) => Partial<S[keyof FieldBorderStyles<object>]>;
 //# sourceMappingURL=fieldBorderState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fieldBorderState.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/fieldBorderState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,YAAY,EAAE,CAAC,CAAC;IAChB,UAAU,EAAE,CAAC,CAAC;IACd,YAAY,EAAE,CAAC,CAAC;IAChB,aAAa,EAAE,CAAC,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAE7B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,EAC/C,QAAQ,iBAAiB,CAAC,CAAC,CAAC,EAC5B,OAAO,gBAAgB,KACtB,OAAO,CAAC,CAAC,CAMX,CAAC"}
+{"version":3,"file":"fieldBorderState.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/fieldBorderState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,YAAY,EAAE,CAAC,CAAC;IAChB,UAAU,EAAE,CAAC,CAAC;IACd,YAAY,EAAE,CAAC,CAAC;IAChB,aAAa,EAAE,CAAC,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAE7B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,EAClE,QAAQ,CAAC,EACT,OAAO,gBAAgB,KACtB,OAAO,CAAC,CAAC,CAAC,MAAM,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAM5C,CAAC"}

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

@@ -27,7 +27,7 @@ export declare const otpTheme: (styles: OtpStyles, state: OtpThemeState) => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"otpTheme.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/otpTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,SAAS,EAAE,OAAO,aAAa;;;;;;;;;;;;;CAoB9D,CAAC"}
+{"version":3,"file":"otpTheme.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/otpTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,SAAS,EAAE,OAAO,aAAa;;;;;;;;;;;;;CAiB9D,CAAC"}

package/dist/ui/FormControl/otpTheme.js

@@ -14,9 +14,6 @@ export const otpTheme = (styles, state) => ({
     containerStyle: versStyleNatif(styles.containerStyle),
     pinCodeContainerStyle: versStyleNatif({
         ...styles.pinCodeContainerStyle,
-        // Le parametre est explicite : la cellule desactivee ne pose qu'un fond, la cellule en
-        // erreur qu'une bordure. Sans lui, l'inference cherche un type commun aux quatre etats
-        // et n'en trouve aucun.
         ...fieldBorderState({
             inputFocused: styles.focusedPinCodeContainerStyle,
             inputError: styles.pinCodeContainerStyleError,

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

@@ -25,7 +25,27 @@ export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) =
     paddingTop?: number | undefined;
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
+    borderWidth: number;
     borderColor: string;
+    outlineWidth?: number | undefined;
+    outlineStyle?: "solid" | undefined;
+    outlineColor?: string | undefined;
+    outlineOffset?: number | undefined;
+    alignItems?: "center" | undefined;
+    display: "flex";
+    flexDirection: "row";
+    gap: string | number;
+    padding: number;
+    borderRadius: import("@alveole/theme").Radius;
+    backgroundColor: "#FFFFFF";
+    overflow: "hidden";
+    width: "100%";
+    minHeight: number;
+} | {
+    paddingTop?: number | undefined;
+    paddingLeft?: number | undefined;
+    paddingRight?: number | undefined;
+    borderColor: import("@alveole/theme").ThemeColor;
     alignItems?: "center" | undefined;
     display: "flex";
     flexDirection: "row";
@@ -37,6 +57,38 @@ export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) =
     overflow: "hidden";
     width: "100%";
     minHeight: number;
+} | {
+    paddingTop?: number | undefined;
+    paddingLeft?: number | undefined;
+    paddingRight?: number | undefined;
+    borderColor: import("@alveole/theme").ThemeColor;
+    alignItems?: "center" | undefined;
+    display: "flex";
+    flexDirection: "row";
+    gap: string | number;
+    padding: number;
+    borderRadius: import("@alveole/theme").Radius;
+    borderWidth: number;
+    backgroundColor: "#FFFFFF";
+    overflow: "hidden";
+    width: "100%";
+    minHeight: number;
+} | {
+    paddingTop?: number | undefined;
+    paddingLeft?: number | undefined;
+    paddingRight?: number | undefined;
+    backgroundColor: import("@alveole/theme").ThemeColor | "#FFFFFF";
+    borderColor: import("@alveole/theme").ThemeColor;
+    alignItems?: "center" | undefined;
+    display: "flex";
+    flexDirection: "row";
+    gap: string | number;
+    padding: number;
+    borderRadius: import("@alveole/theme").Radius;
+    borderWidth: number;
+    overflow: "hidden";
+    width: "100%";
+    minHeight: number;
 };
 /** Centrer le texte n'a de sens qu'encadre des deux cotes, sinon il fuit vers l'ornement. */
 export declare const inputTextStyle: (styles: Styles, { startAdornment, endAdornment }: Pick<InputFrameState, "startAdornment" | "endAdornment">) => StyleProp<TextStyle>;

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

@@ -1 +1 @@
-{"version":3,"file":"textInputStyles.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/textInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAoB,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAE/C,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,OAAO,eAAe;;;;;;;;;;;;;;;;CAOpE,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,kCAAkC,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,yBAKxF,CAAC"}
+{"version":3,"file":"textInputStyles.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/textInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAoB,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAE/C,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,OAAO,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpE,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,kCAAkC,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,yBAKxF,CAAC"}

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { FocusEvent, TextInput as ReactNativeTextInput } from 'react-native';
+import { FocusEvent } from 'react-native';
+import { TextInputElement } from './TextInput.types';
 type Options = {
     disabled?: boolean | null;
     readOnly?: boolean | null;
@@ -14,8 +15,8 @@ type Options = {
  */
 export declare const useTextInputModal: ({ disabled, readOnly, onFocus, onModalSubmit }: Options) => {
     isOpen: boolean;
-    inputRef: React.RefObject<ReactNativeTextInput | null>;
-    modalInputRef: React.RefObject<ReactNativeTextInput | null>;
+    inputRef: React.RefObject<TextInputElement | null>;
+    modalInputRef: React.RefObject<TextInputElement | null>;
     open: () => void;
     close: () => void;
     submit: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useTextInputModal.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/useTextInputModal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAY,SAAS,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEvF,KAAK,OAAO,GAAG;IACb,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,gDAAgD,OAAO;;;;;;;;;0BA6C1D,UAAU;CASxC,CAAC"}
+{"version":3,"file":"useTextInputModal.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/useTextInputModal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,KAAK,OAAO,GAAG;IACb,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,gDAAgD,OAAO;;;;;;;;;0BA6C1D,UAAU;CASxC,CAAC"}

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

@@ -8,9 +8,9 @@ declare const _default: {
     component: ({ logo, title, right, homeHref }: import("./Header").HeaderProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             borderBottomWidth: number;
-            borderBottomColor: string;
+            borderBottomColor: import("@alveole/theme").ThemeColor;
             position: "relative" | "sticky";
             top: number;
             zIndex: number;
@@ -40,10 +40,10 @@ declare const _default: {
             borderRadius: import("@alveole/theme").Radius;
         };
         identityLinkHover: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         titleText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             display: "flex" | "none";
             fontSize: 16;
             lineHeight: 24;

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

@@ -1,8 +1,8 @@
 export declare const useStyles: () => {
     container: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         borderBottomWidth: number;
-        borderBottomColor: string;
+        borderBottomColor: import("@alveole/theme").ThemeColor;
         position: "relative" | "sticky";
         top: number;
         zIndex: number;
@@ -32,10 +32,10 @@ export declare const useStyles: () => {
         borderRadius: import("@alveole/theme").Radius;
     };
     identityLinkHover: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     titleText: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         display: "flex" | "none";
         fontSize: 16;
         lineHeight: 24;

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

@@ -8,10 +8,10 @@ declare const _default: {
         textInput: {};
         controlStart: {
             borderRightWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         controlEnd: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             borderLeftWidth: number;
         };
     };

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

@@ -11,6 +11,6 @@ export default {
     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", accessibilityLabel: "Afficher", onPress: () => { } }) }), _jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "X", position: "end", accessibilityLabel: "Effacer", onPress: () => { } }) })] }));
+export const End = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "Eye", position: "end", accessibilityLabel: "Afficher", onPress: () => { } }) }), _jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "X", position: "end", accessibilityLabel: "Effacer", onPress: () => { } }) })] }));
 export const Start = () => (_jsx(FormControl, { children: _jsx(InputButtonAdornment, { icon: "Plus", position: "start", accessibilityLabel: "Ajouter", onPress: () => { } }) }));
 export * as Sources from './InputButtonAdornment.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"InputButtonAdornment.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/InputButtonAdornment/InputButtonAdornment.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,cAA4Z,CAAC;AAE7a,eAAO,MAAM,KAAK,cAA+L,CAAC;AAElN,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"InputButtonAdornment.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/InputButtonAdornment/InputButtonAdornment.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,cAA8Z,CAAC;AAE/a,eAAO,MAAM,KAAK,cAA+L,CAAC;AAElN,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 // 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\" accessibilityLabel=\"Afficher\" onPress={() => {}} />\n    </FormControl>\n    <FormControl>\n      <InputButtonAdornment icon=\"X\" position=\"end\" accessibilityLabel=\"Effacer\" onPress={() => {}} />\n    </FormControl>\n  </Box>\n);";
+export const End = () => "export const End = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n    <FormControl>\n      <InputButtonAdornment icon=\"Eye\" position=\"end\" accessibilityLabel=\"Afficher\" onPress={() => {}} />\n    </FormControl>\n    <FormControl>\n      <InputButtonAdornment icon=\"X\" position=\"end\" accessibilityLabel=\"Effacer\" onPress={() => {}} />\n    </FormControl>\n  </Box>\n);";
 export const Start = () => "export const Start = () => (\n  <FormControl>\n    <InputButtonAdornment icon=\"Plus\" position=\"start\" accessibilityLabel=\"Ajouter\" onPress={() => {}} />\n  </FormControl>\n);";
 export const storySources = {
     End,

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

@@ -2,10 +2,10 @@ export declare const useStyles: () => {
     textInput: {};
     controlStart: {
         borderRightWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     controlEnd: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         borderLeftWidth: number;
     };
 };

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

@@ -7,7 +7,7 @@ declare const _default: {
     component: ({ href, target, children }: import("./Link").LinkProps) => import("react").JSX.Element;
     styleFn: () => {
         link: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         icone: {
             verticalAlign: string;

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

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     link: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     icone: {
         verticalAlign: string;

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

@@ -8,7 +8,7 @@ declare const _default: {
     component: (props: import("./ListItem.types").ListItemProps) => import("react").JSX.Element;
     styleFn: () => {
         defaultIcon: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         previewContainer: {
             display: "flex";
@@ -39,7 +39,7 @@ declare const _default: {
             position: "absolute";
             width: "100%";
             height: number;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         principal: {
             display: "flex";
@@ -54,7 +54,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         description: {
             fontSize: 12;
@@ -62,7 +62,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         container: {
             width: "100%";
@@ -81,13 +81,13 @@ declare const _default: {
             cursor: "pointer";
         };
         itemHover: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         loading: {
             display: "flex";
             alignItems: "center";
             justifyContent: "center";
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
     };
 };