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

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAsM,CAAC;AAEzN,eAAO,MAAM,SAAS,cAA2mB,CAAC;AAEloB,eAAO,MAAM,QAAQ,cAA8Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAie,CAAC;AAExf,eAAO,MAAM,WAAW,cAA2Q,CAAC;AAEpS,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Tag.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAwM,CAAC;AAE3N,eAAO,MAAM,SAAS,cAA+mB,CAAC;AAEtoB,eAAO,MAAM,QAAQ,cAAgZ,CAAC;AAEta,eAAO,MAAM,SAAS,cAAme,CAAC;AAE1f,eAAO,MAAM,WAAW,cAA6Q,CAAC;AAEtS,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,10 +1,10 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Tag/Tag.stories.tsx
-export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Tag size=\"sm\">Tag sm</Tag>\n    <Tag size=\"md\">Tag md</Tag>\n  </Box>\n);";
-export const Selection = () => "export const Selection = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={16}>\n    {(['sm', 'md'] as const).map(size => (\n      <Box key={size} display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n        <Tag size={size}>Descriptive, inerte</Tag>\n        <Tag size={size} interactive>\n          Au repos, dans un groupe\n        </Tag>\n        <Tag size={size} interactive selected>\n          Sélectionné\n        </Tag>\n        <Tag size={size} selected closable onClose={() => {}}>\n          Sélectionné et fermable\n        </Tag>\n      </Box>\n    ))}\n  </Box>\n);";
-export const Fermable = () => "export const Fermable = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Tag size=\"sm\" closable onClose={() => {}}>\n      Fermable sm\n    </Tag>\n    <Tag size=\"md\" closable onClose={() => {}}>\n      Fermable md\n    </Tag>\n    <Tag size=\"md\" closable selected onClose={() => {}}>\n      Fermable et sélectionné\n    </Tag>\n  </Box>\n);";
-export const AvecIcone = () => "export const AvecIcone = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Tag size=\"sm\" leading=\"Check\">\n      Validé\n    </Tag>\n    <Tag size=\"md\" leading=\"Clock\">\n      En attente\n    </Tag>\n    <Tag size=\"md\" leading=\"Tag\" closable onClose={() => {}}>\n      Icône et croix\n    </Tag>\n    <Tag size=\"md\" leading=\"Tag\" closable selected onClose={() => {}}>\n      Tout à la fois\n    </Tag>\n  </Box>\n);";
-export const LibelleLong = () => "export const LibelleLong = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} style={{ maxWidth: 260 }}>\n    <Tag size=\"md\" closable onClose={() => {}}>\n      Un libellé beaucoup trop long pour la place disponible\n    </Tag>\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Tag size=\"sm\">Tag sm</Tag>\n    <Tag size=\"md\">Tag md</Tag>\n  </Box>\n);";
+export const Selection = () => "export const Selection = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"2W\">\n    {(['sm', 'md'] as const).map(size => (\n      <Box key={size} display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n        <Tag size={size}>Descriptive, inerte</Tag>\n        <Tag size={size} interactive>\n          Au repos, dans un groupe\n        </Tag>\n        <Tag size={size} interactive selected>\n          Sélectionné\n        </Tag>\n        <Tag size={size} selected closable onClose={() => {}}>\n          Sélectionné et fermable\n        </Tag>\n      </Box>\n    ))}\n  </Box>\n);";
+export const Fermable = () => "export const Fermable = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Tag size=\"sm\" closable onClose={() => {}}>\n      Fermable sm\n    </Tag>\n    <Tag size=\"md\" closable onClose={() => {}}>\n      Fermable md\n    </Tag>\n    <Tag size=\"md\" closable selected onClose={() => {}}>\n      Fermable et sélectionné\n    </Tag>\n  </Box>\n);";
+export const AvecIcone = () => "export const AvecIcone = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Tag size=\"sm\" leading=\"Check\">\n      Validé\n    </Tag>\n    <Tag size=\"md\" leading=\"Clock\">\n      En attente\n    </Tag>\n    <Tag size=\"md\" leading=\"Tag\" closable onClose={() => {}}>\n      Icône et croix\n    </Tag>\n    <Tag size=\"md\" leading=\"Tag\" closable selected onClose={() => {}}>\n      Tout à la fois\n    </Tag>\n  </Box>\n);";
+export const LibelleLong = () => "export const LibelleLong = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" style={{ maxWidth: 260 }}>\n    <Tag size=\"md\" closable onClose={() => {}}>\n      Un libellé beaucoup trop long pour la place disponible\n    </Tag>\n  </Box>\n);";
 export const storySources = {
     Sizes,
     Selection,

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

@@ -16,20 +16,20 @@ export declare const useStyles: () => {
         alignItems: "center";
         borderRadius: Radius;
         borderWidth: number;
-        borderColor: string;
-        color: string;
-        backgroundColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         whiteSpace: "nowrap";
         overflow: "hidden";
         textOverflow: "ellipsis";
         maxWidth: string;
     };
     tagSurvole: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
     tagSelected: {
-        borderColor: string;
-        color: string;
+        borderColor: import("@alveole/theme").ThemeColor;
+        color: import("@alveole/theme").ThemeColor;
     };
     tagSm: {
         fontSize: 12;
@@ -58,7 +58,7 @@ export declare const useStyles: () => {
         marginRight: number;
     };
     croixSurvolee: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     croixSm: {
         marginLeft: number;

package/dist/ui/Tag/tagStyling.d.ts

@@ -39,7 +39,7 @@ export declare const reponseAuPointeur: ({ manipulable, pastilleSurvolee, croixS
 };
 /** Le cercle de la croix : son gabarit suit le cran, seul son fond change au survol. */
 export declare const apparenceDeLaCroix: (styles: Styles, size: TailleDEtiquette, survolee: boolean) => {
-    backgroundColor?: string | undefined;
+    backgroundColor?: import("@alveole/theme").ThemeColor | undefined;
     marginLeft: number;
     alignItems: "center";
     justifyContent: "center";
@@ -52,7 +52,7 @@ export declare const apparenceDeLaCroix: (styles: Styles, size: TailleDEtiquette
 /** L'icone de la croix grossit avec la pastille et prend la teinte du libelle. */
 export declare const apparenceDeLIconeDeCroix: (styles: Styles, size: TailleDEtiquette, fonce: boolean) => {
     size: "sm" | "xs";
-    color: string;
+    color: import("@alveole/theme").ThemeColor;
 };
 export {};
 //# sourceMappingURL=tagStyling.d.ts.map

package/dist/ui/TextInputArray/TextInputArray.js

@@ -13,5 +13,5 @@ export const TextInputArray = (props) => {
         removeEmpty,
         dedupe,
     });
-    return (_jsxs(Box, { tag: "text-input-array", gap: "1V", children: [items.map((item, index) => (_jsx(TextInput, { placeholder: placeholder, autoCapitalize: "words", value: item.value, onChangeText: (txt) => updateItem(item.id, txt), endAdornment: item._original != null && disabledDeleteForOriginals.includes(item._original) ? undefined : (_jsx(InputButtonAdornment, { icon: "X", position: "end", accessibilityLabel: `Retirer la ligne ${index + 1}`, onPress: () => removeItem(item.id) })), onBlur: notifier }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", leading: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
+    return (_jsxs(Box, { tag: "text-input-array", gap: "1V", children: [items.map((item, index) => (_jsx(TextInput, { placeholder: placeholder, autoCapitalize: "words", value: item.value, onChangeText: (txt) => updateItem(item.id, txt), endAdornment: item._original != null && disabledDeleteForOriginals.includes(item._original) ? undefined : (_jsx(InputButtonAdornment, { icon: "X", position: "end", accessibilityLabel: `Retirer la ligne ${index + 1}`, onPress: () => removeItem(item.id) })), onBlur: notifier }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: "2W", justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", leading: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
 };

package/dist/ui/TextareaInput/TextareaInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextInputProps } from '../FormControl';
+import { TextInputElement, TextInputProps } from '../FormControl';
 export type TextareaInputProps = TextInputProps & {
     numberOfLines?: number;
     onModalSubmit?: () => void;
@@ -17,5 +17,5 @@ export declare const TextareaInput: React.ForwardRefExoticComponent<Omit<import(
 } & {
     numberOfLines?: number;
     onModalSubmit?: () => void;
-} & React.RefAttributes<import("react-native").TextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TextareaInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK7E,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0DAkB1B,CAAC"}
+{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK7E,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0CAkB1B,CAAC"}

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

@@ -16,7 +16,7 @@ declare const _default: {
     } & {
         numberOfLines?: number;
         onModalSubmit?: () => void;
-    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    } & import("react").RefAttributes<import("..").TextInputElement>>;
     styleFn: () => {};
 };
 export default _default;

package/dist/ui/TextareaInput/TextareaInput.stories.js

@@ -13,5 +13,5 @@ export default {
 };
 // TextareaInput est le champ nu : c'est FormControl qui porte le libellé et le relie au champ.
 const Champ = ({ label, children }) => (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: label }) }), children] }));
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(Champ, { label: "Message", children: _jsx(TextareaInput, { placeholder: "Votre message...", numberOfLines: 4 }) }), _jsx(Champ, { label: "Avec valeur", children: _jsx(TextareaInput, { value: "Contenu du message", numberOfLines: 4 }) }), _jsx(Champ, { label: "D\u00E9sactiv\u00E9", children: _jsx(TextareaInput, { placeholder: "D\u00E9sactiv\u00E9", disabled: true, numberOfLines: 4 }) })] }));
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(Champ, { label: "Message", children: _jsx(TextareaInput, { placeholder: "Votre message...", numberOfLines: 4 }) }), _jsx(Champ, { label: "Avec valeur", children: _jsx(TextareaInput, { value: "Contenu du message", numberOfLines: 4 }) }), _jsx(Champ, { label: "D\u00E9sactiv\u00E9", children: _jsx(TextareaInput, { placeholder: "D\u00E9sactiv\u00E9", disabled: true, numberOfLines: 4 }) })] }));
 export * as Sources from './TextareaInput.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAke,CAAC;AAEvf,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"TextareaInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAoe,CAAC;AAEzf,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/TextareaInput/TextareaInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <Champ label=\"Message\">\n      <TextareaInput placeholder=\"Votre message...\" numberOfLines={4} />\n    </Champ>\n    <Champ label=\"Avec valeur\">\n      <TextareaInput value=\"Contenu du message\" numberOfLines={4} />\n    </Champ>\n    <Champ label=\"Désactivé\">\n      <TextareaInput placeholder=\"Désactivé\" disabled numberOfLines={4} />\n    </Champ>\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n    <Champ label=\"Message\">\n      <TextareaInput placeholder=\"Votre message...\" numberOfLines={4} />\n    </Champ>\n    <Champ label=\"Avec valeur\">\n      <TextareaInput value=\"Contenu du message\" numberOfLines={4} />\n    </Champ>\n    <Champ label=\"Désactivé\">\n      <TextareaInput placeholder=\"Désactivé\" disabled numberOfLines={4} />\n    </Champ>\n  </Box>\n);";
 export const storySources = {
     Default,
 };

package/dist/ui/TimeInput/TimeInput.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TextInputElement } from '../FormControl';
 import { ChampHHMMProps } from '../FormControl/ChampHHMM';
 export type TimeInputProps = ChampHHMMProps;
 export declare const TimeInput: React.ForwardRefExoticComponent<import("..").FormControlCaptionProps & {
@@ -6,5 +7,5 @@ export declare const TimeInput: React.ForwardRefExoticComponent<import("..").For
     onChange?: (value: string) => void;
     onBlur?: () => void;
     disabled?: boolean;
-} & React.RefAttributes<import("react-native").TextInput>>;
+} & React.RefAttributes<TextInputElement>>;
 //# sourceMappingURL=TimeInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeInput/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAQ5C,eAAO,MAAM,SAAS;;;;;0DAEpB,CAAC"}
+{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeInput/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAa,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAQ5C,eAAO,MAAM,SAAS;;;;;0CAEpB,CAAC"}

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

@@ -9,7 +9,7 @@ declare const _default: {
         onChange?: (value: string) => void;
         onBlur?: () => void;
         disabled?: boolean;
-    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    } & import("react").RefAttributes<import("..").TextInputElement>>;
     styleFn: () => string;
 };
 export default _default;

package/dist/ui/TimeInput/TimeInput.stories.js

@@ -23,6 +23,6 @@ Le champ est nu : on le place dans un FormControl pour son libellé, son aide et
     component: TimeInput,
     styleFn: () => 'Aucun style appliqué',
 };
-export const Default = () => (_jsx(Box, { width: "100%", p: 8, children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Heure", children: _jsx(TimeInput, {}) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Heure", children: _jsx(TimeInput, { value: "09:30" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Heure", hint: "Heure de d\u00E9but de mission", children: _jsx(TimeInput, { value: "14:00" }) }) })] }) }));
-export const States = () => (_jsx(Box, { width: "100%", p: 8, children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Erreur", error: "Heure invalide (00:00\u201323:59)", children: _jsx(TimeInput, { value: "25:70", error: "Heure invalide (00:00\u201323:59)" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Succ\u00E8s", success: "Enregistr\u00E9", children: _jsx(TimeInput, { value: "09:30", success: "Enregistr\u00E9" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "D\u00E9sactiv\u00E9", disabled: true, children: _jsx(TimeInput, { value: "09:30", disabled: true }) }) })] }) }));
+export const Default = () => (_jsx(Box, { width: "100%", p: "1W", children: _jsxs(Grid, { gap: "1W", children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Heure", children: _jsx(TimeInput, {}) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Heure", children: _jsx(TimeInput, { value: "09:30" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Heure", hint: "Heure de d\u00E9but de mission", children: _jsx(TimeInput, { value: "14:00" }) }) })] }) }));
+export const States = () => (_jsx(Box, { width: "100%", p: "1W", children: _jsxs(Grid, { gap: "1W", children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Erreur", error: "Heure invalide (00:00\u201323:59)", children: _jsx(TimeInput, { value: "25:70", error: "Heure invalide (00:00\u201323:59)" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Succ\u00E8s", success: "Enregistr\u00E9", children: _jsx(TimeInput, { value: "09:30", success: "Enregistr\u00E9" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "D\u00E9sactiv\u00E9", disabled: true, children: _jsx(TimeInput, { value: "09:30", disabled: true }) }) })] }) }));
 export * as Sources from './TimeInput.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeInput/TimeInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAwqB,CAAC;AAE7rB,eAAO,MAAM,MAAM,cAAwyB,CAAC;AAE5zB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"TimeInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeInput/TimeInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA8qB,CAAC;AAEnsB,eAAO,MAAM,MAAM,cAA8yB,CAAC;AAEl0B,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/TimeInput/TimeInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box width=\"100%\" p={8}>\n    <Grid gap={8}>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Heure\">\n          <TimeInput />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Heure\">\n          <TimeInput value=\"09:30\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Heure\" hint=\"Heure de début de mission\">\n          <TimeInput value=\"14:00\" />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
-export const States = () => "export const States = () => (\n  <Box width=\"100%\" p={8}>\n    <Grid gap={8}>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Erreur\" error=\"Heure invalide (00:00–23:59)\">\n          <TimeInput value=\"25:70\" error=\"Heure invalide (00:00–23:59)\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Succès\" success=\"Enregistré\">\n          <TimeInput value=\"09:30\" success=\"Enregistré\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Désactivé\" disabled>\n          <TimeInput value=\"09:30\" disabled />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box width=\"100%\" p=\"1W\">\n    <Grid gap=\"1W\">\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Heure\">\n          <TimeInput />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Heure\">\n          <TimeInput value=\"09:30\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Heure\" hint=\"Heure de début de mission\">\n          <TimeInput value=\"14:00\" />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
+export const States = () => "export const States = () => (\n  <Box width=\"100%\" p=\"1W\">\n    <Grid gap=\"1W\">\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Erreur\" error=\"Heure invalide (00:00–23:59)\">\n          <TimeInput value=\"25:70\" error=\"Heure invalide (00:00–23:59)\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Succès\" success=\"Enregistré\">\n          <TimeInput value=\"09:30\" success=\"Enregistré\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Désactivé\" disabled>\n          <TimeInput value=\"09:30\" disabled />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
 export const storySources = {
     Default,
     States,

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