@alveole/components 0.43.3 → 1.0.1

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

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     badge: {
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
         marginRight: string;
         display: "flex";
         flexDirection: "row";
@@ -8,34 +8,36 @@ export declare const useStyles: () => {
         justifyContent: "center";
     };
     badgeInfo: {
-        color: "#0264C7";
-        backgroundColor: "#E5F1FE";
+        color: string;
+        backgroundColor: string;
     };
     badgeSuccess: {
-        color: "#1B7440";
-        backgroundColor: "#B9FDD5";
+        color: string;
+        backgroundColor: string;
     };
     badgeError: {
-        color: "#C62416";
-        backgroundColor: "#FDEAE8";
+        color: string;
+        backgroundColor: string;
     };
     badgeWarning: {
-        color: "#BC4401";
-        backgroundColor: "#FFEEE5";
+        color: string;
+        backgroundColor: string;
     };
     badgeNew: {
-        color: "#7F4214";
-        backgroundColor: "#FBF2C6";
+        color: string;
+        backgroundColor: string;
     };
     badgeDefault: {
-        color: "#373A3F";
-        backgroundColor: "#EFF1F6";
+        color: string;
+        backgroundColor: string;
     };
     badgeSm: {
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;
         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;

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

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

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

@@ -22,10 +22,10 @@ declare const _default: {
     } & import("react").RefAttributes<import("react-native").View>>;
     styleFn: () => {
         container: {
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderTopLeftRadius: import("@alveole/theme").Radius;
+            borderBottomLeftRadius: import("@alveole/theme").Radius;
+            borderTopRightRadius: import("@alveole/theme").Radius;
+            borderBottomRightRadius: import("@alveole/theme").Radius;
             display: "flex";
             flexDirection: "row";
             justifyContent: "center";
@@ -41,125 +41,124 @@ 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;
             paddingRight: import("@alveole/theme").Spacing;
             paddingTop: import("@alveole/theme").Spacing;
             paddingBottom: import("@alveole/theme").Spacing;
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            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;
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            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;
@@ -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"}