@alveole/components 0.43.2 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpE;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3E,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBA+ClD,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpE;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3E,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAmDlD,CAAC"}

package/dist/ui/Breadcrumbs/Breadcrumbs.js

@@ -36,5 +36,5 @@ export const Breadcrumbs = (props) => {
             isCurrent: index === segments.length - 1,
         })),
     ];
-    return (_jsx(Box, { style: styles.container, children: items.map((item, index) => (_jsxs(Box, { style: { flexDirection: 'row', alignItems: 'center' }, children: [index > 0 && _jsx(Typography, { style: styles.separator, children: " > " }), item.isCurrent || item.href === null ? (_jsx(Typography, { style: styles.current, children: item.label })) : (_jsx(A, { href: item.href, style: styles.link, hoverStyle: styles.linkHover, children: _jsx(Typography, { style: styles.link, hoverStyle: styles.linkHover, children: item.label }) }))] }, `${item.href}-${index}`))) }));
+    return (_jsx(Box, { tag: "breadcrumbs", style: styles.container, children: items.map((item, index) => (_jsxs(Box, { tag: "breadcrumbs-item", style: { flexDirection: 'row', alignItems: 'center' }, children: [index > 0 && _jsx(Typography, { style: styles.separator, children: " > " }), item.isCurrent || item.href === null ? (_jsx(Typography, { style: styles.current, children: item.label })) : (_jsx(A, { href: item.href, style: styles.link, hoverStyle: styles.linkHover, children: _jsx(Typography, { style: styles.link, hoverStyle: styles.linkHover, children: item.label }) }))] }, `${item.href}-${index}`))) }));
 };

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

@@ -18,10 +18,10 @@ declare const _default: {
             gap: import("@alveole/theme").Spacing;
         };
         separator: {
-            color: "#5F6571";
+            color: string;
         };
         current: {
-            color: "#151617";
+            color: string;
         };
         link: {
             transitionProperty: "text-decoration";
@@ -32,7 +32,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            color: "#5F6571";
+            color: string;
             textDecoration: string;
         };
         linkHover: {

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

@@ -11,10 +11,10 @@ export declare const useStyles: () => {
         gap: import("@alveole/theme").Spacing;
     };
     separator: {
-        color: "#5F6571";
+        color: string;
     };
     current: {
-        color: "#151617";
+        color: string;
     };
     link: {
         transitionProperty: "text-decoration";
@@ -25,7 +25,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: "#5F6571";
+        color: string;
         textDecoration: string;
     };
     linkHover: {

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

@@ -41,105 +41,104 @@ declare const _default: {
         };
         title: {
             cursor: "pointer";
-            minWidth: import("@alveole/theme").Spacing;
             textAlign: "center";
         };
         primaryTitle: {
-            color: "#F2F9FF";
+            color: string;
         };
         primaryContainer: {
-            backgroundColor: "#002764";
+            backgroundColor: string;
         };
         primaryTitleHover: {
-            color: "#F2F9FF";
+            color: string;
         };
         primaryContainerHover: {
-            backgroundColor: "#0048AC";
+            backgroundColor: string;
         };
         primaryContainerPressed: {
-            backgroundColor: "#0048AC";
+            backgroundColor: string;
         };
         secondaryTitle: {
-            color: "#151617";
+            color: string;
         };
         secondaryContainer: {
             borderStyle: "solid";
             borderWidth: number;
-            borderColor: "#DEE3EC";
-            backgroundColor: "#FFFFFF";
+            borderColor: string;
+            backgroundColor: string;
         };
         secondaryTitleHover: {
-            color: "#151617";
+            color: string;
         };
         secondaryContainerHover: {
-            borderColor: "#DEE3EC";
-            backgroundColor: "rgba(0, 0, 0, 0.04)";
+            borderColor: string;
+            backgroundColor: string;
         };
         secondaryContainerPressed: {
-            borderColor: "#DEE3EC";
-            backgroundColor: "rgba(0, 0, 0, 0.04)";
+            borderColor: string;
+            backgroundColor: string;
         };
         tertiaryTitle: {
-            color: "#151617";
+            color: string;
         };
         tertiaryContainer: {};
         tertiaryTitleHover: {
-            color: "#151617";
+            color: string;
         };
         tertiaryContainerHover: {
-            backgroundColor: "rgba(0, 0, 0, 0.04)";
+            backgroundColor: string;
         };
         tertiaryContainerPressed: {
-            backgroundColor: "rgba(0, 0, 0, 0.04)";
+            backgroundColor: string;
         };
         dangerTitle: {
-            color: "#FFFFFF";
+            color: string;
         };
         dangerContainer: {
             borderStyle: "solid";
             borderWidth: number;
-            borderColor: "#C62416";
-            backgroundColor: "#C62416";
+            borderColor: string;
+            backgroundColor: string;
         };
         dangerTitleHover: {
-            color: "#C62416";
+            color: string;
         };
         dangerContainerHover: {
-            borderColor: "#DEE3EC";
-            backgroundColor: "#FFFFFF";
+            borderColor: string;
+            backgroundColor: string;
         };
         dangerContainerPressed: {
-            backgroundColor: `rgba${string}`;
+            backgroundColor: string;
         };
         dangerTitlePressed: {
-            color: "#FFFFFF";
+            color: string;
         };
         linkTitle: {
-            color: "#076D8A";
+            color: string;
         };
         linkContainer: {
-            backgroundColor: "transparent";
+            backgroundColor: string;
         };
         linkTitleHover: {
-            color: "#076D8A";
+            color: string;
         };
         linkContainerHover: {
-            backgroundColor: "transparent";
+            backgroundColor: string;
         };
         linkContainerPressed: {
-            backgroundColor: "transparent";
+            backgroundColor: string;
         };
         selectedContainer: {
-            backgroundColor: "#F2F9FF";
-            borderColor: "#0264C7";
+            backgroundColor: string;
+            borderColor: string;
             borderWidth: number;
         };
         selectedContainerHover: {};
         selectedTitle: {
-            color: "#012B53";
+            color: string;
         };
         selectedIcon: {
-            color: "#012B53";
+            color: string;
         };
         xsContainer: {
             paddingLeft: import("@alveole/theme").Spacing;
@@ -230,77 +229,77 @@ declare const _default: {
         };
         primaryTitleDisabled: {
             cursor: "not-allowed";
-            color: "#8D97AC";
+            color: string;
         };
         primaryContainerDisabled: {
             cursor: "not-allowed";
-            backgroundColor: "#E6EAF1";
+            backgroundColor: string;
         };
         secondaryTitleDisabled: {
             cursor: "not-allowed";
-            color: "#8D97AC";
+            color: string;
         };
         secondaryContainerDisabled: {
             cursor: "not-allowed";
-            borderColor: "#E6EAF1";
+            borderColor: string;
         };
         tertiaryTitleDisabled: {
             cursor: "not-allowed";
-            color: "#8D97AC";
+            color: string;
         };
         tertiaryContainerDisabled: {
             cursor: "not-allowed";
         };
         dangerTitleDisabled: {
             cursor: "not-allowed";
-            color: "#8D97AC";
+            color: string;
         };
         dangerContainerDisabled: {
             cursor: "not-allowed";
-            backgroundColor: "#FFFFFF";
-            borderColor: "#E6EAF1";
+            backgroundColor: string;
+            borderColor: string;
         };
         primaryIcon: {
-            color: "#F2F9FF";
+            color: string;
         };
         primaryIconHover: {
-            color: "#F2F9FF";
+            color: string;
         };
         primaryIconDisabled: {
-            color: "#8D97AC";
+            color: string;
         };
         secondaryIcon: {
-            color: "#151617";
+            color: string;
         };
         secondaryIconHover: {
-            color: "#151617";
+            color: string;
         };
         secondaryIconDisabled: {
-            color: "#8D97AC";
+            color: string;
         };
         tertiaryIcon: {
-            color: "#151617";
+            color: string;
         };
         tertiaryIconHover: {
-            color: "#151617";
+            color: string;
         };
         tertiaryIconDisabled: {
-            color: "#8D97AC";
+            color: string;
         };
         dangerIcon: {
-            color: "#F2F9FF";
+            color: string;
         };
         dangerIconHover: {
-            color: "#C62416";
+            color: string;
         };
         dangerIconDisabled: {
-            color: "#8D97AC";
+            color: string;
         };
         linkIcon: {
-            color: "#076D8A";
+            color: string;
         };
         linkIconDisabled: {
-            color: "#8D97AC";
+            color: string;
         };
     };
 };

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,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"}

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

@@ -19,105 +19,104 @@ export declare const useStyles: () => {
     };
     title: {
         cursor: "pointer";
-        minWidth: import("@alveole/theme").Spacing;
         textAlign: "center";
     };
     primaryTitle: {
-        color: "#F2F9FF";
+        color: string;
     };
     primaryContainer: {
-        backgroundColor: "#002764";
+        backgroundColor: string;
     };
     primaryTitleHover: {
-        color: "#F2F9FF";
+        color: string;
     };
     primaryContainerHover: {
-        backgroundColor: "#0048AC";
+        backgroundColor: string;
     };
     primaryContainerPressed: {
-        backgroundColor: "#0048AC";
+        backgroundColor: string;
     };
     secondaryTitle: {
-        color: "#151617";
+        color: string;
     };
     secondaryContainer: {
         borderStyle: "solid";
         borderWidth: number;
-        borderColor: "#DEE3EC";
-        backgroundColor: "#FFFFFF";
+        borderColor: string;
+        backgroundColor: string;
     };
     secondaryTitleHover: {
-        color: "#151617";
+        color: string;
     };
     secondaryContainerHover: {
-        borderColor: "#DEE3EC";
-        backgroundColor: "rgba(0, 0, 0, 0.04)";
+        borderColor: string;
+        backgroundColor: string;
     };
     secondaryContainerPressed: {
-        borderColor: "#DEE3EC";
-        backgroundColor: "rgba(0, 0, 0, 0.04)";
+        borderColor: string;
+        backgroundColor: string;
     };
     tertiaryTitle: {
-        color: "#151617";
+        color: string;
     };
     tertiaryContainer: {};
     tertiaryTitleHover: {
-        color: "#151617";
+        color: string;
     };
     tertiaryContainerHover: {
-        backgroundColor: "rgba(0, 0, 0, 0.04)";
+        backgroundColor: string;
     };
     tertiaryContainerPressed: {
-        backgroundColor: "rgba(0, 0, 0, 0.04)";
+        backgroundColor: string;
     };
     dangerTitle: {
-        color: "#FFFFFF";
+        color: string;
     };
     dangerContainer: {
         borderStyle: "solid";
         borderWidth: number;
-        borderColor: "#C62416";
-        backgroundColor: "#C62416";
+        borderColor: string;
+        backgroundColor: string;
     };
     dangerTitleHover: {
-        color: "#C62416";
+        color: string;
     };
     dangerContainerHover: {
-        borderColor: "#DEE3EC";
-        backgroundColor: "#FFFFFF";
+        borderColor: string;
+        backgroundColor: string;
     };
     dangerContainerPressed: {
-        backgroundColor: `rgba${string}`;
+        backgroundColor: string;
     };
     dangerTitlePressed: {
-        color: "#FFFFFF";
+        color: string;
     };
     linkTitle: {
-        color: "#076D8A";
+        color: string;
     };
     linkContainer: {
-        backgroundColor: "transparent";
+        backgroundColor: string;
     };
     linkTitleHover: {
-        color: "#076D8A";
+        color: string;
     };
     linkContainerHover: {
-        backgroundColor: "transparent";
+        backgroundColor: string;
     };
     linkContainerPressed: {
-        backgroundColor: "transparent";
+        backgroundColor: string;
     };
     selectedContainer: {
-        backgroundColor: "#F2F9FF";
-        borderColor: "#0264C7";
+        backgroundColor: string;
+        borderColor: string;
         borderWidth: number;
     };
     selectedContainerHover: {};
     selectedTitle: {
-        color: "#012B53";
+        color: string;
     };
     selectedIcon: {
-        color: "#012B53";
+        color: string;
     };
     xsContainer: {
         paddingLeft: import("@alveole/theme").Spacing;
@@ -208,77 +207,77 @@ export declare const useStyles: () => {
     };
     primaryTitleDisabled: {
         cursor: "not-allowed";
-        color: "#8D97AC";
+        color: string;
     };
     primaryContainerDisabled: {
         cursor: "not-allowed";
-        backgroundColor: "#E6EAF1";
+        backgroundColor: string;
     };
     secondaryTitleDisabled: {
         cursor: "not-allowed";
-        color: "#8D97AC";
+        color: string;
     };
     secondaryContainerDisabled: {
         cursor: "not-allowed";
-        borderColor: "#E6EAF1";
+        borderColor: string;
     };
     tertiaryTitleDisabled: {
         cursor: "not-allowed";
-        color: "#8D97AC";
+        color: string;
     };
     tertiaryContainerDisabled: {
         cursor: "not-allowed";
     };
     dangerTitleDisabled: {
         cursor: "not-allowed";
-        color: "#8D97AC";
+        color: string;
     };
     dangerContainerDisabled: {
         cursor: "not-allowed";
-        backgroundColor: "#FFFFFF";
-        borderColor: "#E6EAF1";
+        backgroundColor: string;
+        borderColor: string;
     };
     primaryIcon: {
-        color: "#F2F9FF";
+        color: string;
     };
     primaryIconHover: {
-        color: "#F2F9FF";
+        color: string;
     };
     primaryIconDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
     secondaryIcon: {
-        color: "#151617";
+        color: string;
     };
     secondaryIconHover: {
-        color: "#151617";
+        color: string;
     };
     secondaryIconDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
     tertiaryIcon: {
-        color: "#151617";
+        color: string;
     };
     tertiaryIconHover: {
-        color: "#151617";
+        color: string;
     };
     tertiaryIconDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
     dangerIcon: {
-        color: "#F2F9FF";
+        color: string;
     };
     dangerIconHover: {
-        color: "#C62416";
+        color: string;
     };
     dangerIconDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
     linkIcon: {
-        color: "#076D8A";
+        color: string;
     };
     linkIconDisabled: {
-        color: "#8D97AC";
+        color: string;
     };
 };
 //# sourceMappingURL=Button.styles.d.ts.map

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

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

package/dist/ui/Button/Button.styles.js

@@ -20,7 +20,6 @@ export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
     },
     title: {
         cursor: 'pointer',
-        minWidth: spacing('200'),
         textAlign: 'center',
     },
     // Variants

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/ButtonIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAA8B,MAAM,cAAc,CAAC;AAErF,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAOtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAC/C,GAAG;IAEF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;CAAE,CAAC;AAEzC,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAyFhD,CAAC"}
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/ButtonIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAA8B,MAAM,cAAc,CAAC;AAErF,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAOtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAC/C,GAAG;IAEF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;CAAE,CAAC;AAEzC,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCAqFhD,CAAC"}

package/dist/ui/Button/ButtonIcon.js

@@ -4,8 +4,8 @@ import { Typography } from '../../core';
 import { LucideIcon } from '../LucideIcon';
 import { useStyles } from './Button.styles';
 export const ButtonIcon = (props) => {
-    const { size, variant, disabled, style, ...buttonProps } = props;
-    let { iconSize } = props;
+    const { size, variant, disabled, style, iconSize: iconSizeProp, ...buttonProps } = props;
+    const iconSize = iconSizeProp ?? (size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md');
     const styles = useStyles();
     const containerSize = size === 'sm'
         ? styles.smContainerIconOnly
@@ -38,9 +38,6 @@ export const ButtonIcon = (props) => {
         return { ...applicableStyles, ...containerSize, ...(style ?? {}) };
     };
     const iconStyle = (state) => {
-        if (!iconSize) {
-            iconSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md';
-        }
         if (variant === 'primary') {
             if (disabled)
                 return { size: iconSize, color: styles.primaryIconDisabled.color };

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

@@ -27,7 +27,7 @@ declare const _default: {
             alignItems: "center";
         };
         titleText: {
-            color: "#151617";
+            color: string;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -45,7 +45,7 @@ declare const _default: {
             alignItems: "center";
         };
         descriptionText: {
-            color: "#373A3F";
+            color: string;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -53,7 +53,7 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         disabledText: {
-            color: "#8D97AC";
+            color: string;
         };
     };
 };

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

@@ -4,9 +4,9 @@ export declare const useStyles: () => {
         width: "100%";
         gap: import("@alveole/theme").Spacing;
         padding: import("@alveole/theme").Spacing;
-        backgroundColor: "#FFFFFF";
+        backgroundColor: string;
         borderWidth: number;
-        borderColor: "#DEE3EC";
+        borderColor: string;
         borderStyle: "solid";
         boxSizing: "border-box";
         borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;

package/dist/ui/Card/CardHeader.styles.d.ts

@@ -11,7 +11,7 @@ export declare const useStyles: () => {
         flex: number;
     };
     titre: {
-        color: "#151617";
+        color: string;
         fontSize: 16;
         lineHeight: 24;
         letterSpacing: 0;
@@ -19,7 +19,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     sousTitre: {
-        color: "#373A3F";
+        color: string;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -27,7 +27,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     disabledText: {
-        color: "#8D97AC";
+        color: string;
     };
 };
 //# sourceMappingURL=CardHeader.styles.d.ts.map