@alveole/components 1.0.1 → 1.1.0

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

@@ -25,11 +25,11 @@ declare const _default: {
         inputInner: {
             display: "flex";
             flexDirection: "row";
-            gap: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            gap: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             borderRadius: number;
             borderWidth: number;
             borderColor: string;
@@ -45,29 +45,29 @@ declare const _default: {
             backgroundColor: string;
         };
         control: {
-            minHeight: import("@alveole/theme").Spacing;
+            minHeight: string | number;
             flexWrap: "inherit";
             borderColor: string;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             borderRadius: number;
         };
         controlDisabled: {
             backgroundColor: string;
         };
         multiValue: {
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
             backgroundColor: string;
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         multiValueDisabled: {
             backgroundColor: "#FFFFFF";
             borderColor: string;
             borderWidth: number;
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
             borderStyle: "solid";
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
         };
         multiValueRemoveHover: {
             backgroundColor: string;
@@ -78,7 +78,7 @@ declare const _default: {
         };
         dropdownIndicator: {
             color: string;
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         dropdownIndicatorDisabled: {
             display: "none";
@@ -91,7 +91,7 @@ declare const _default: {
         };
         clearIndicator: {
             color: string;
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         nativeLabel: {
             color: string;
@@ -118,10 +118,10 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         nativeItem: {
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingRight: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
             backgroundColor: string;
         };
         nativeItemText: {
@@ -163,7 +163,7 @@ declare const _default: {
         };
         autocompleteIcon: {
             position: "absolute";
-            right: import("@alveole/theme").Spacing;
+            right: string | number;
             top: string;
         };
         modalOverlay: {
@@ -176,22 +176,22 @@ declare const _default: {
             backgroundColor: "white";
             borderTopLeftRadius: import("@alveole/theme").Radius;
             borderTopRightRadius: import("@alveole/theme").Radius;
-            paddingTop: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
         };
         modalHeader: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
             alignItems: "center";
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         groupHeader: {
             color: string;
             textTransform: "uppercase";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             backgroundColor: string;
             fontSize: 12;
             lineHeight: 20;
@@ -201,8 +201,8 @@ declare const _default: {
         };
         groupHeading: {
             backgroundColor: string;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             color: string;
             textTransform: "uppercase";
             marginBottom: number;

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

@@ -17,11 +17,11 @@ export declare const useStyles: () => {
     inputInner: {
         display: "flex";
         flexDirection: "row";
-        gap: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        gap: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
@@ -37,29 +37,29 @@ export declare const useStyles: () => {
         backgroundColor: string;
     };
     control: {
-        minHeight: import("@alveole/theme").Spacing;
+        minHeight: string | number;
         flexWrap: "inherit";
         borderColor: string;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         borderRadius: number;
     };
     controlDisabled: {
         backgroundColor: string;
     };
     multiValue: {
-        borderRadius: import("@alveole/theme").Spacing;
+        borderRadius: string | number;
         backgroundColor: string;
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
     };
     multiValueDisabled: {
         backgroundColor: "#FFFFFF";
         borderColor: string;
         borderWidth: number;
-        borderRadius: import("@alveole/theme").Spacing;
+        borderRadius: string | number;
         borderStyle: "solid";
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
     };
     multiValueRemoveHover: {
         backgroundColor: string;
@@ -70,7 +70,7 @@ export declare const useStyles: () => {
     };
     dropdownIndicator: {
         color: string;
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
     dropdownIndicatorDisabled: {
         display: "none";
@@ -83,7 +83,7 @@ export declare const useStyles: () => {
     };
     clearIndicator: {
         color: string;
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
     nativeLabel: {
         color: string;
@@ -110,10 +110,10 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     nativeItem: {
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingRight: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
         backgroundColor: string;
     };
     nativeItemText: {
@@ -155,7 +155,7 @@ export declare const useStyles: () => {
     };
     autocompleteIcon: {
         position: "absolute";
-        right: import("@alveole/theme").Spacing;
+        right: string | number;
         top: string;
     };
     modalOverlay: {
@@ -168,22 +168,22 @@ export declare const useStyles: () => {
         backgroundColor: "white";
         borderTopLeftRadius: import("@alveole/theme").Radius;
         borderTopRightRadius: import("@alveole/theme").Radius;
-        paddingTop: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
     };
     modalHeader: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "center";
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
     };
     groupHeader: {
         color: string;
         textTransform: "uppercase";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         backgroundColor: string;
         fontSize: 12;
         lineHeight: 20;
@@ -193,8 +193,8 @@ export declare const useStyles: () => {
     };
     groupHeading: {
         backgroundColor: string;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         color: string;
         textTransform: "uppercase";
         marginBottom: number;

package/dist/ui/Autocomplete/Autocomplete.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAqB,MAAM,gBAAgB,CAAC;AAGvE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;iDAiDnB,CAAF;;;;;;;;;;6BA4GF,CAAC"}
+{"version":3,"file":"Autocomplete.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAqB,MAAM,gBAAgB,CAAC;AAGvE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;iDAmDnB,CAAF;;;;;;;;;;6BA0GF,CAAC"}

package/dist/ui/Avatar/Avatar.js

@@ -14,14 +14,14 @@ const getInitials = (name) => {
 export const Avatar = (props) => {
     const { style, fallbackText, src, size, carre, ...avatarProps } = props;
     const initials = getInitials(fallbackText ?? '');
-    const { spacing } = useTheme();
+    const { spacingValue } = useTheme();
     const styles = useStyles();
     const avatarSize = {
         xs: 20,
-        sm: spacing('3W'),
-        md: spacing('4W'),
-        lg: spacing('5W'),
-        xl: spacing('8W'),
+        sm: spacingValue('3W'),
+        md: spacingValue('4W'),
+        lg: spacingValue('5W'),
+        xl: spacingValue('8W'),
     };
     return (_jsxs(TamaguiAvatar, { style: { ...styles.avatar, ...(carre ? styles.carre : {}), ...style }, circular: !carre, size: avatarSize[size], ...avatarProps, children: [_jsx(TamaguiAvatar.Image, { src: src }), _jsx(Typography, { style: styles.fallbackText, children: initials })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAoCtC,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAoCtC,CAAC"}

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

@@ -45,9 +45,9 @@ declare const _default: {
             textTransform: "uppercase";
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            gap: string | number;
         };
         badgeMd: {
             fontSize: 14;
@@ -56,9 +56,9 @@ declare const _default: {
             textTransform: "uppercase";
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            gap: string | number;
         };
     };
 };

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

@@ -38,9 +38,9 @@ export declare const useStyles: () => {
         textTransform: "uppercase";
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        gap: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        gap: string | number;
     };
     badgeMd: {
         fontSize: 14;
@@ -49,9 +49,9 @@ export declare const useStyles: () => {
         textTransform: "uppercase";
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        gap: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        gap: string | number;
     };
 };
 //# sourceMappingURL=Badge.styles.d.ts.map

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

@@ -15,7 +15,7 @@ declare const _default: {
             flexDirection: "row";
             flexWrap: "wrap";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         separator: {
             color: string;

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

@@ -8,7 +8,7 @@ export declare const useStyles: () => {
         flexDirection: "row";
         flexWrap: "wrap";
         alignItems: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     separator: {
         color: string;

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

@@ -30,7 +30,7 @@ declare const _default: {
             flexDirection: "row";
             justifyContent: "center";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             transitionProperty: "all";
             transitionDuration: "150ms";
             transitionTimingFunction: "ease";
@@ -141,45 +141,45 @@ declare const _default: {
             color: string;
         };
         xsContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             borderTopLeftRadius: import("@alveole/theme").Radius;
             borderBottomLeftRadius: import("@alveole/theme").Radius;
             borderTopRightRadius: import("@alveole/theme").Radius;
             borderBottomRightRadius: import("@alveole/theme").Radius;
         };
         smContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             borderTopLeftRadius: import("@alveole/theme").Radius;
             borderBottomLeftRadius: import("@alveole/theme").Radius;
             borderTopRightRadius: import("@alveole/theme").Radius;
             borderBottomRightRadius: import("@alveole/theme").Radius;
         };
         mdContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             paddingTop: number;
             paddingBottom: number;
         };
         lgContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
         };
         smContainerIconOnly: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         mdContainerIconOnly: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         lgContainerIconOnly: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         xsTitle: {
             readonly fontSize: 12;
@@ -210,22 +210,22 @@ declare const _default: {
             readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         smContainerStartIcon: {
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         mdContainerStartIcon: {
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         lgContainerStartIcon: {
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         smContainerEndIcon: {
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingRight: string | number;
         };
         mdContainerEndIcon: {
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingRight: string | number;
         };
         lgContainerEndIcon: {
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingRight: string | number;
         };
         primaryTitleDisabled: {
             cursor: "not-allowed";
@@ -309,10 +309,12 @@ export declare const Primary: () => import("react").JSX.Element;
 export declare const Secondary: () => import("react").JSX.Element;
 export declare const Tertiary: () => import("react").JSX.Element;
 export declare const Danger: () => import("react").JSX.Element;
+/** @deprecated Préférer les variants `primary`, `secondary` ou `tertiary`. */
 export declare const Link: () => import("react").JSX.Element;
 export declare const Icons: () => import("react").JSX.Element;
 export declare const FullWidth: () => import("react").JSX.Element;
 export declare const Selected: () => import("react").JSX.Element;
+/** Utilisé quand le bouton est actif (ex : quand un menu est ouvert). */
 export declare const Active: () => import("react").JSX.Element;
 export * as Sources from './Button.stories.sources';
 //# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAShB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAKlB,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,mCAMhB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

package/dist/ui/Button/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '../../core';
+import { Box } from '../../core';
 import { Button } from './Button';
 import { useStyles } from './Button.styles';
 import { ButtonIcon } from './ButtonIcon';
@@ -17,9 +17,11 @@ export const Primary = () => (_jsxs(Box, { display: "flex", flexDirection: "row"
 export const Secondary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "secondary", title: "Bouton secondary" }), _jsx(Button, { variant: "secondary", title: "Disabled", disabled: true })] }));
 export const Tertiary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "tertiary", title: "Bouton tertiary" }), _jsx(Button, { variant: "tertiary", title: "Disabled", disabled: true })] }));
 export const Danger = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "danger", title: "Bouton danger" }), _jsx(Button, { variant: "danger", title: "Disabled", disabled: true })] }));
-export const Link = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 8, children: [_jsx(Typography, { children: "Deprecated" }), _jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "link", title: "Bouton link" }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true, startIcon: "Pen" })] })] }));
+/** @deprecated Préférer les variants `primary`, `secondary` ou `tertiary`. */
+export const Link = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "link", title: "Bouton link" }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true, startIcon: "Pen" })] }));
 export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "primary", title: "Start Icon", startIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" })] }));
 export const FullWidth = () => _jsx(Button, { variant: "primary", title: "Full Width", fullWidth: true });
 export const Selected = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 4, children: _jsx(Button, { variant: "secondary", title: "Selected", selected: true }) }));
-export const Active = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Box, { display: "block", children: _jsx(Button, { variant: "secondary", title: "Active", active: true }) })] }));
+/** Utilisé quand le bouton est actif (ex : quand un menu est ouvert). */
+export const Active = () => (_jsx(Box, { display: "block", children: _jsx(Button, { variant: "secondary", title: "Active", active: true }) }));
 export * as Sources from './Button.stories.sources';

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

@@ -21,4 +21,5 @@ export declare const storySources: {
     readonly Active: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
+export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;
 //# sourceMappingURL=Button.stories.sources.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAoW,CAAC;AAEvX,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAAua,CAAC;AAEzb,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAAyT,CAAC;AAE7U,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAoW,CAAC;AAEvX,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAA+S,CAAC;AAEjU,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAA+I,CAAC;AAEnK,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}

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

@@ -5,11 +5,11 @@ export const Primary = () => "export const Primary = () => (\n  <Box display=\"f
 export const Secondary = () => "export const Secondary = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"secondary\" title=\"Bouton secondary\" />\n    <Button variant=\"secondary\" title=\"Disabled\" disabled />\n  </Box>\n);";
 export const Tertiary = () => "export const Tertiary = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"tertiary\" title=\"Bouton tertiary\" />\n    <Button variant=\"tertiary\" title=\"Disabled\" disabled />\n  </Box>\n);";
 export const Danger = () => "export const Danger = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"danger\" title=\"Bouton danger\" />\n    <Button variant=\"danger\" title=\"Disabled\" disabled />\n  </Box>\n);";
-export const Link = () => "export const Link = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n    <Typography>Deprecated</Typography>\n    <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n      <Button variant=\"link\" title=\"Bouton link\" />\n      <Button variant=\"link\" title=\"Disabled\" disabled />\n      <Button variant=\"link\" title=\"Disabled\" disabled startIcon=\"Pen\" />\n    </Box>\n  </Box>\n);";
+export const Link = () => "export const Link = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"link\" title=\"Bouton link\" />\n    <Button variant=\"link\" title=\"Disabled\" disabled />\n    <Button variant=\"link\" title=\"Disabled\" disabled startIcon=\"Pen\" />\n  </Box>\n);";
 export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"primary\" title=\"Start Icon\" startIcon=\"Plus\" />\n    <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n    <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n    <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n    <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n  </Box>\n);";
 export const FullWidth = () => "export const FullWidth = () => <Button variant=\"primary\" title=\"Full Width\" fullWidth />;";
 export const Selected = () => "export const Selected = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"secondary\" title=\"Selected\" selected />\n  </Box>\n);";
-export const Active = () => "export const Active = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={4}>\n    <Typography>Utilisé quand le bouton est actif (ex: quand un menu est ouvert)</Typography>\n    <Box display=\"block\">\n      <Button variant=\"secondary\" title=\"Active\" active />\n    </Box>\n  </Box>\n);";
+export const Active = () => "export const Active = () => (\n  <Box display=\"block\">\n    <Button variant=\"secondary\" title=\"Active\" active />\n  </Box>\n);";
 export const storySources = {
     Sizes,
     Primary,
@@ -22,3 +22,7 @@ export const storySources = {
     Selected,
     Active,
 };
+export const storyDescriptions = {
+    Link: "@deprecated Préférer les variants `primary`, `secondary` ou `tertiary`.",
+    Active: "Utilisé quand le bouton est actif (ex : quand un menu est ouvert).",
+};