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

package/dist/core/Typography/Typography.stories.js

@@ -15,4 +15,6 @@ export const TypographyStyleUnderline = () => _jsx(Typography, { textDecorationL
 export const TypographyStyleLineThrough = () => _jsx(Typography, { textDecorationLine: "line-through", children: "Texte barr\u00E9" });
 export const TypographyTransformCapitalize = () => (_jsx(Typography, { textTransform: "capitalize", children: "avec une majuscule" }));
 export const TypographyTransformUppercase = () => _jsx(Typography, { textTransform: "uppercase", children: "En majuscule" });
+// Un `textAlign` pose par le style tient face aux props de Typography.
+export const TypographyAligneeADroite = () => (_jsx(Typography, { tag: "typography-alignee-a-droite", style: { textAlign: 'right' }, children: "Texte align\u00E9 \u00E0 droite" }));
 export * as Sources from './Typography.stories.sources';

package/dist/core/Typography/Typography.stories.sources.d.ts

@@ -5,6 +5,7 @@ export declare const TypographyStyleUnderline: () => string;
 export declare const TypographyStyleLineThrough: () => string;
 export declare const TypographyTransformCapitalize: () => string;
 export declare const TypographyTransformUppercase: () => string;
+export declare const TypographyAligneeADroite: () => string;
 export declare const storySources: {
     readonly TypographyDefault: () => string;
     readonly TypographyPaddedWithColor: () => string;
@@ -13,6 +14,7 @@ export declare const storySources: {
     readonly TypographyStyleLineThrough: () => string;
     readonly TypographyTransformCapitalize: () => string;
     readonly TypographyTransformUppercase: () => string;
+    readonly TypographyAligneeADroite: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
 //# sourceMappingURL=Typography.stories.sources.d.ts.map

package/dist/core/Typography/Typography.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,cAA8F,CAAC;AAE7H,eAAO,MAAM,yBAAyB,cAAwJ,CAAC;AAE/L,eAAO,MAAM,qBAAqB,cAAsH,CAAC;AAEzJ,eAAO,MAAM,wBAAwB,cAAqI,CAAC;AAE3K,eAAO,MAAM,0BAA0B,cAAoI,CAAC;AAE5K,eAAO,MAAM,6BAA6B,cAA+I,CAAC;AAE1L,eAAO,MAAM,4BAA4B,cAA+H,CAAC;AAEzK,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Typography.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,cAA8F,CAAC;AAE7H,eAAO,MAAM,yBAAyB,cAAwJ,CAAC;AAE/L,eAAO,MAAM,qBAAqB,cAAsH,CAAC;AAEzJ,eAAO,MAAM,wBAAwB,cAAqI,CAAC;AAE3K,eAAO,MAAM,0BAA0B,cAAoI,CAAC;AAE5K,eAAO,MAAM,6BAA6B,cAA+I,CAAC;AAE1L,eAAO,MAAM,4BAA4B,cAA+H,CAAC;AAEzK,eAAO,MAAM,wBAAwB,cAA6L,CAAC;AAEnO,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/Typography/Typography.stories.sources.js

@@ -7,6 +7,7 @@ export const TypographyStyleUnderline = () => "export const TypographyStyleUnder
 export const TypographyStyleLineThrough = () => "export const TypographyStyleLineThrough = () => <Typography textDecorationLine=\"line-through\">Texte barré</Typography>;";
 export const TypographyTransformCapitalize = () => "export const TypographyTransformCapitalize = () => (\n  <Typography textTransform=\"capitalize\">avec une majuscule</Typography>\n);";
 export const TypographyTransformUppercase = () => "export const TypographyTransformUppercase = () => <Typography textTransform=\"uppercase\">En majuscule</Typography>;";
+export const TypographyAligneeADroite = () => "export const TypographyAligneeADroite = () => (\n  <Typography tag=\"typography-alignee-a-droite\" style={{ textAlign: 'right' }}>\n    Texte aligné à droite\n  </Typography>\n);";
 export const storySources = {
     TypographyDefault,
     TypographyPaddedWithColor,
@@ -15,4 +16,5 @@ export const storySources = {
     TypographyStyleLineThrough,
     TypographyTransformCapitalize,
     TypographyTransformUppercase,
+    TypographyAligneeADroite,
 };

package/dist/core/Typography/Typography.styles.d.ts

@@ -1,7 +1,7 @@
 /** Couleur de texte par defaut du design system, surchargeable par la prop `color`. */
 export declare const useStyles: () => {
     text: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=Typography.styles.d.ts.map

package/dist/core/Version/Version.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
     component: (_props: import("./Version").VersionProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;

package/dist/core/Version/Version.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     container: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;

package/dist/core/index.d.ts

@@ -1,5 +1,6 @@
 export * from './A';
 export * from './Alert';
+export * from './AlveoleProvider';
 export * from './AnchorHeading';
 export * from './AppUpdateProvider';
 export * from './Box';

package/dist/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/core/index.js

@@ -1,5 +1,6 @@
 export * from './A';
 export * from './Alert';
+export * from './AlveoleProvider';
 export * from './AnchorHeading';
 export * from './AppUpdateProvider';
 export * from './Box';

package/dist/core/styleTamagui/flexDuWeb.d.ts

@@ -9,7 +9,7 @@ export declare const flexDuWeb: (flex: number) => {
     flexShrink?: undefined;
     flexBasis?: undefined;
 };
-export declare const correctionFlexDuWeb: (style: unknown) => {
+export declare const correctionFlexDuWeb: (style: unknown, flexEnProp?: unknown) => {
     flexGrow: number;
     flexShrink: number;
     flexBasis: string;

package/dist/core/styleTamagui/flexDuWeb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flexDuWeb.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/flexDuWeb.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM;;;;;;;;;;CACiD,CAAC;AAUxF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO;;;;;;;;;;aAIjD,CAAC"}
+{"version":3,"file":"flexDuWeb.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/flexDuWeb.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM;;;;;;;;;;CACiD,CAAC;AAWxF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,EAAE,aAAa,OAAO;;;;;;;;;;aAIvE,CAAC"}

package/dist/core/styleTamagui/flexDuWeb.js

@@ -10,9 +10,10 @@ const flexDuStyle = (style) => {
         return style.flex;
     return undefined;
 };
-// Le style d'un appelant de Box peut porter `flex: n` : la correction passe apres lui.
-export const correctionFlexDuWeb = (style) => {
-    const flex = flexDuStyle(style);
+// Un appelant de Box peut porter `flex: n` en style comme en prop, la prop l'emportant : la
+// correction passe apres les deux.
+export const correctionFlexDuWeb = (style, flexEnProp) => {
+    const flex = flexEnProp ?? flexDuStyle(style);
     if (Platform.OS !== 'web' || typeof flex !== 'number' || flex <= 0)
         return undefined;
     return flexDuWeb(flex);

package/dist/core/styleTamagui/fondAuSurvol.d.ts

@@ -1,14 +1,15 @@
+import { ThemeColor } from '@alveole/theme';
 /**
  * Separe le fond d'un style d'item du reste de sa forme, et le rend avec celui du survol sur
  * une seule valeur : une clause ne vit que sur la prop qui porte le repos (ADR 0031).
  */
 export declare const fondAuSurvol: <Style extends {
-    backgroundColor?: string;
-}>(style: Style, survol: string) => {
+    backgroundColor?: ThemeColor;
+}>(style: Style, survol: ThemeColor) => {
     forme: Omit<Style, "backgroundColor">;
     fond: {
-        default: string | undefined;
-        hover: string;
+        default: ThemeColor | undefined;
+        hover: ThemeColor;
     };
 };
 //# sourceMappingURL=fondAuSurvol.d.ts.map

package/dist/core/styleTamagui/fondAuSurvol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fondAuSurvol.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/fondAuSurvol.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS;IAAE,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,OAAO,KAAK,EAAE,QAAQ,MAAM;;;;;;CAGpG,CAAC"}
+{"version":3,"file":"fondAuSurvol.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/fondAuSurvol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS;IAAE,eAAe,CAAC,EAAE,UAAU,CAAA;CAAE,EAAE,OAAO,KAAK,EAAE,QAAQ,UAAU;;;;;;CAG5G,CAAC"}

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.16";
+export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.18";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.16";
+export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.18";

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

@@ -22,14 +22,14 @@ declare const _default: {
         accordionAfterLabel: {
             width: "100%";
             borderBottomWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         accordionItemTrigger: {
             borderWidth: number;
             padding: number;
         };
         accordionItemHeader: {
-            backgroundColor: "#FFFFFF";
+            backgroundColor: import("@alveole/theme").ThemeColor;
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -44,7 +44,7 @@ declare const _default: {
             borderWidth: number;
         };
         accordionItemHeaderAlt: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -59,9 +59,9 @@ declare const _default: {
             borderWidth: number;
         };
         accordionItemHeaderOutline: {
-            backgroundColor: "#FFFFFF";
+            backgroundColor: import("@alveole/theme").ThemeColor;
             outlineWidth: number;
-            outlineColor: string;
+            outlineColor: import("@alveole/theme").ThemeColor;
             outlineStyle: "solid";
             cursor: "pointer";
             display: "flex";
@@ -77,7 +77,7 @@ declare const _default: {
             borderWidth: number;
         };
         accordionItemHeaderOpen: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         accordion: {
             width: "100%";
@@ -87,12 +87,12 @@ declare const _default: {
             borderColor: "white";
         };
         accordionDefault: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         accordionRounded: {
             borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             overflow: "hidden";
         };
     };

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

@@ -13,14 +13,14 @@ export declare const useStyles: () => {
     accordionAfterLabel: {
         width: "100%";
         borderBottomWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     accordionItemTrigger: {
         borderWidth: number;
         padding: number;
     };
     accordionItemHeader: {
-        backgroundColor: "#FFFFFF";
+        backgroundColor: import("@alveole/theme").ThemeColor;
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -35,7 +35,7 @@ export declare const useStyles: () => {
         borderWidth: number;
     };
     accordionItemHeaderAlt: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -50,9 +50,9 @@ export declare const useStyles: () => {
         borderWidth: number;
     };
     accordionItemHeaderOutline: {
-        backgroundColor: "#FFFFFF";
+        backgroundColor: import("@alveole/theme").ThemeColor;
         outlineWidth: number;
-        outlineColor: string;
+        outlineColor: import("@alveole/theme").ThemeColor;
         outlineStyle: "solid";
         cursor: "pointer";
         display: "flex";
@@ -68,7 +68,7 @@ export declare const useStyles: () => {
         borderWidth: number;
     };
     accordionItemHeaderOpen: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     accordion: {
         width: "100%";
@@ -78,12 +78,12 @@ export declare const useStyles: () => {
         borderColor: "white";
     };
     accordionDefault: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     accordionRounded: {
         borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         overflow: "hidden";
     };
 };

package/dist/ui/Accordion/Accordion.styles.js

@@ -39,7 +39,7 @@ const entete = ({ spacing, color }) => {
         },
         accordionItemHeader: {
             ...enTete,
-            backgroundColor: '#FFFFFF',
+            backgroundColor: color.light.background['default-grey'],
         },
         accordionItemHeaderAlt: {
             ...enTete,
@@ -47,7 +47,7 @@ const entete = ({ spacing, color }) => {
         },
         accordionItemHeaderOutline: {
             ...enTete,
-            backgroundColor: '#FFFFFF',
+            backgroundColor: color.light.background['default-grey'],
             outlineWidth: 1,
             outlineColor: color.border['default-grey'],
             outlineStyle: 'solid',

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

@@ -10,12 +10,12 @@ declare const _default: {
             borderRadius: import("@alveole/theme").Radius;
         };
         fallback: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             alignItems: "center";
             justifyContent: "center";
         };
         fallbackText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             display: "flex";
             justifyContent: "center";
             textAlign: "center";

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

@@ -3,12 +3,12 @@ export declare const useStyles: () => {
         borderRadius: import("@alveole/theme").Radius;
     };
     fallback: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         alignItems: "center";
         justifyContent: "center";
     };
     fallbackText: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         display: "flex";
         justifyContent: "center";
         textAlign: "center";

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

@@ -15,28 +15,28 @@ declare const _default: {
             justifyContent: "center";
         };
         badgeInfo: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeSuccess: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeError: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeWarning: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeNew: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeDefault: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeSm: {
             height: number;

package/dist/ui/Badge/Badge.stories.js

@@ -11,7 +11,7 @@ export default {
     component: Badge,
     styleFn: useStyles,
 };
-export const Variants = () => (_jsx(Box, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(Badge, { size: "md", variant: "default", children: "Badge default" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge info" }), _jsx(Badge, { size: "md", variant: "error", children: "Badge error" }), _jsx(Badge, { size: "md", variant: "new", children: "Badge new" }), _jsx(Badge, { size: "md", variant: "success", children: "Badge success" }), _jsx(Badge, { size: "md", variant: "warning", children: "Badge warning" })] }) }));
-export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, flexWrap: "wrap", children: [_jsx(Badge, { size: "sm", variant: "info", m: "auto", children: "Badge small" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge medium" })] }));
-export const Icons = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 24, flexWrap: "wrap", children: _jsx(Badge, { size: "sm", variant: "info", icon: "Check", children: "Badge small" }) }));
+export const Variants = () => (_jsx(Box, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(Badge, { size: "md", variant: "default", children: "Badge default" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge info" }), _jsx(Badge, { size: "md", variant: "error", children: "Badge error" }), _jsx(Badge, { size: "md", variant: "new", children: "Badge new" }), _jsx(Badge, { size: "md", variant: "success", children: "Badge success" }), _jsx(Badge, { size: "md", variant: "warning", children: "Badge warning" })] }) }));
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: "3W", flexWrap: "wrap", children: [_jsx(Badge, { size: "sm", variant: "info", m: "auto", children: "Badge small" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge medium" })] }));
+export const Icons = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: "3W", flexWrap: "wrap", children: _jsx(Badge, { size: "sm", variant: "info", icon: "Check", children: "Badge small" }) }));
 export * as Sources from './Badge.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA6nB,CAAC;AAEnpB,eAAO,MAAM,KAAK,cAAkS,CAAC;AAErT,eAAO,MAAM,KAAK,cAA0N,CAAC;AAE7O,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Badge.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA+nB,CAAC;AAErpB,eAAO,MAAM,KAAK,cAAoS,CAAC;AAEvT,eAAO,MAAM,KAAK,cAA4N,CAAC;AAE/O,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,8 +1,8 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Badge/Badge.stories.tsx
-export const Variants = () => "export const Variants = () => (\n  <Box>\n    <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n      <Badge size=\"md\" variant=\"default\">\n        Badge default\n      </Badge>\n      <Badge size=\"md\" variant=\"info\">\n        Badge info\n      </Badge>\n      <Badge size=\"md\" variant=\"error\">\n        Badge error\n      </Badge>\n      <Badge size=\"md\" variant=\"new\">\n        Badge new\n      </Badge>\n      <Badge size=\"md\" variant=\"success\">\n        Badge success\n      </Badge>\n      <Badge size=\"md\" variant=\"warning\">\n        Badge warning\n      </Badge>\n    </Box>\n  </Box>\n);";
-export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" m=\"auto\">\n      Badge small\n    </Badge>\n    <Badge size=\"md\" variant=\"info\">\n      Badge medium\n    </Badge>\n  </Box>\n);";
-export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" icon=\"Check\">\n      Badge small\n    </Badge>\n  </Box>\n);";
+export const Variants = () => "export const Variants = () => (\n  <Box>\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n      <Badge size=\"md\" variant=\"default\">\n        Badge default\n      </Badge>\n      <Badge size=\"md\" variant=\"info\">\n        Badge info\n      </Badge>\n      <Badge size=\"md\" variant=\"error\">\n        Badge error\n      </Badge>\n      <Badge size=\"md\" variant=\"new\">\n        Badge new\n      </Badge>\n      <Badge size=\"md\" variant=\"success\">\n        Badge success\n      </Badge>\n      <Badge size=\"md\" variant=\"warning\">\n        Badge warning\n      </Badge>\n    </Box>\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" m=\"auto\">\n      Badge small\n    </Badge>\n    <Badge size=\"md\" variant=\"info\">\n      Badge medium\n    </Badge>\n  </Box>\n);";
+export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" icon=\"Check\">\n      Badge small\n    </Badge>\n  </Box>\n);";
 export const storySources = {
     Variants,
     Sizes,

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

@@ -8,28 +8,28 @@ export declare const useStyles: () => {
         justifyContent: "center";
     };
     badgeInfo: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeSuccess: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeError: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeWarning: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeNew: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeDefault: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeSm: {
         height: number;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAmElD,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAoElD,CAAC"}

package/dist/ui/BottomSheet/BottomSheet.js

@@ -13,6 +13,7 @@ export const BottomSheet = (props) => {
     const [position, setPosition] = React.useState(0);
     const styles = useStyles();
     const { bottom } = useSafeAreaInsets();
+    const styleDuContenu = [styles.content, !fitContent && styles.contentFull, { paddingBottom: bottom }];
     const snapPointsMode = fitContent ? 'fit' : 'percent';
-    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, ...animer('medium'), moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Container, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.sheetContainer, children: [_jsx(TamaguiSheet.Background, { style: styles.sheetBackground }), _jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, ...animer('medium'), moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Container, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.sheetContainer, children: [_jsx(TamaguiSheet.Background, { style: styles.sheetBackground }), _jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: styleDuContenu, children: children })] })] }) }));
 };

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

@@ -33,10 +33,10 @@ declare const _default: {
             backgroundColor: "transparent";
         };
         overlay: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         title: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             marginTop: string;
             marginBottom: string;
             fontSize: 18;

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

@@ -27,10 +27,10 @@ export declare const useStyles: () => {
         backgroundColor: "transparent";
     };
     overlay: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     title: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         marginTop: string;
         marginBottom: string;
         fontSize: 18;

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

@@ -21,7 +21,7 @@ declare const _default: {
             height: number;
             marginLeft: string | number;
             marginRight: string | number;
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             transform: "rotate(15deg)";
         };
         current: {
@@ -30,7 +30,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
         link: {
             transitionProperty: "text-decoration";
@@ -41,7 +41,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
         };
     };
 };

package/dist/ui/Breadcrumbs/Breadcrumbs.stories.js

@@ -11,9 +11,9 @@ export default {
     component: Breadcrumbs,
     styleFn: useStyles,
 };
-export const Default = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, {}) }));
-export const WithCustomRootLabel = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { rootLabel: "Tableau de bord" }) }));
-export const WithCustomLabels = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { getLabel: (segment, _index, _path) => {
+export const Default = () => (_jsx(Box, { p: "1V", children: _jsx(Breadcrumbs, {}) }));
+export const WithCustomRootLabel = () => (_jsx(Box, { p: "1V", children: _jsx(Breadcrumbs, { rootLabel: "Tableau de bord" }) }));
+export const WithCustomLabels = () => (_jsx(Box, { p: "1V", children: _jsx(Breadcrumbs, { getLabel: (segment, _index, _path) => {
             const labels = {
                 admin: 'Administration',
                 missions: 'Missions',
@@ -23,17 +23,17 @@ export const WithCustomLabels = () => (_jsx(Box, { p: 4, children: _jsx(Breadcru
             };
             return labels[segment] ?? segment;
         } }) }));
-export const WithCustomHref = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { getHref: (segment, _index, path) => {
+export const WithCustomHref = () => (_jsx(Box, { p: "1V", children: _jsx(Breadcrumbs, { getHref: (segment, _index, path) => {
             const hrefs = {
                 components: '/ui-kit/components',
             };
             return hrefs[segment] ?? path;
         } }) }));
-export const WithNoLink = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { getHref: (segment, _index, path) => {
+export const WithNoLink = () => (_jsx(Box, { p: "1V", children: _jsx(Breadcrumbs, { getHref: (segment, _index, path) => {
             const noLink = ['components'];
             return noLink.includes(segment) ? null : path;
         } }) }));
-export const WithSegmentsToSkip = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { segmentsToSkip: ['admin', 'ui-kit', 'components'], getLabel: (segment, _index, _path) => {
+export const WithSegmentsToSkip = () => (_jsx(Box, { p: "1V", children: _jsx(Breadcrumbs, { segmentsToSkip: ['admin', 'ui-kit', 'components'], getLabel: (segment, _index, _path) => {
             const labels = {
                 admin: 'Administration',
                 missions: 'Missions',

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA2F,CAAC;AAEhH,eAAO,MAAM,mBAAmB,cAAqI,CAAC;AAEtK,eAAO,MAAM,gBAAgB,cAAsb,CAAC;AAEpd,eAAO,MAAM,cAAc,cAAgT,CAAC;AAE5U,eAAO,MAAM,UAAU,cAA0P,CAAC;AAElR,eAAO,MAAM,kBAAkB,cAAkf,CAAC;AAElhB,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Breadcrumbs.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA8F,CAAC;AAEnH,eAAO,MAAM,mBAAmB,cAAwI,CAAC;AAEzK,eAAO,MAAM,gBAAgB,cAAyb,CAAC;AAEvd,eAAO,MAAM,cAAc,cAAmT,CAAC;AAE/U,eAAO,MAAM,UAAU,cAA6P,CAAC;AAErR,eAAO,MAAM,kBAAkB,cAAqf,CAAC;AAErhB,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,11 +1,11 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Breadcrumbs/Breadcrumbs.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box p={4}>\n    <Breadcrumbs />\n  </Box>\n);";
-export const WithCustomRootLabel = () => "export const WithCustomRootLabel = () => (\n  <Box p={4}>\n    <Breadcrumbs rootLabel=\"Tableau de bord\" />\n  </Box>\n);";
-export const WithCustomLabels = () => "export const WithCustomLabels = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
-export const WithCustomHref = () => "export const WithCustomHref = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      getHref={(segment, _index, path) => {\n        const hrefs: Record<string, string> = {\n          components: '/ui-kit/components',\n        };\n        return hrefs[segment] ?? path;\n      }}\n    />\n  </Box>\n);";
-export const WithNoLink = () => "export const WithNoLink = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      getHref={(segment, _index, path) => {\n        const noLink = ['components'];\n        return noLink.includes(segment) ? null : path;\n      }}\n    />\n  </Box>\n);";
-export const WithSegmentsToSkip = () => "export const WithSegmentsToSkip = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      segmentsToSkip={['admin', 'ui-kit', 'components']}\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box p=\"1V\">\n    <Breadcrumbs />\n  </Box>\n);";
+export const WithCustomRootLabel = () => "export const WithCustomRootLabel = () => (\n  <Box p=\"1V\">\n    <Breadcrumbs rootLabel=\"Tableau de bord\" />\n  </Box>\n);";
+export const WithCustomLabels = () => "export const WithCustomLabels = () => (\n  <Box p=\"1V\">\n    <Breadcrumbs\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
+export const WithCustomHref = () => "export const WithCustomHref = () => (\n  <Box p=\"1V\">\n    <Breadcrumbs\n      getHref={(segment, _index, path) => {\n        const hrefs: Record<string, string> = {\n          components: '/ui-kit/components',\n        };\n        return hrefs[segment] ?? path;\n      }}\n    />\n  </Box>\n);";
+export const WithNoLink = () => "export const WithNoLink = () => (\n  <Box p=\"1V\">\n    <Breadcrumbs\n      getHref={(segment, _index, path) => {\n        const noLink = ['components'];\n        return noLink.includes(segment) ? null : path;\n      }}\n    />\n  </Box>\n);";
+export const WithSegmentsToSkip = () => "export const WithSegmentsToSkip = () => (\n  <Box p=\"1V\">\n    <Breadcrumbs\n      segmentsToSkip={['admin', 'ui-kit', 'components']}\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
 export const storySources = {
     Default,
     WithCustomRootLabel,