decathlon-ui 0.3.26 → 0.3.28

package/dist/components/accordion/accordion.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.component.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAsFnD,eAAO,MAAM,SAAS,4CAAiC,CAAC"}
+{"version":3,"file":"accordion.component.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8FnD,eAAO,MAAM,SAAS,4CAAiC,CAAC"}

package/dist/components/accordion/accordion.component.js

@@ -4,7 +4,7 @@ import { LayoutAnimation, Text, TouchableOpacity, View } from "react-native";
 import { MinusIcon, PlusIcon } from "../../icons";
 import { useTheme } from "../../themes";
 import { useAccordionStyles } from "./accordion.styles";
-const AccordionComponent = ({ items = [], initialExpandedItems = [], allowMultiple = true, testID, }) => {
+const AccordionComponent = ({ items = [], initialExpandedItems = [], allowMultiple = true, testID, selectedValues, }) => {
     const styles = useAccordionStyles();
     const { colors } = useTheme();
     const [expandedItems, setExpandedItems] = React.useState(initialExpandedItems);
@@ -32,7 +32,8 @@ const AccordionComponent = ({ items = [], initialExpandedItems = [], allowMultip
     if (!items || items.length === 0) {
         return null;
     }
-    return (_jsx(View, { style: styles.container, testID: testID, children: items.map((item) => (_jsxs(View, { style: styles.item, children: [_jsxs(TouchableOpacity, { style: styles.header, onPress: () => handleToggle(item.id), activeOpacity: 0.7, accessibilityRole: "button", accessibilityState: { expanded: isExpanded(item.id) }, accessibilityHint: "Toque para expandir ou recolher", children: [_jsx(Text, { style: styles.title, children: item.title }), isExpanded(item.id) ? (_jsx(MinusIcon, { size: 20, color: colors.textPrimary, style: styles.icon })) : (_jsx(PlusIcon, { size: 20, color: colors.textPrimary, style: styles.icon }))] }), isExpanded(item.id) && (_jsx(View, { style: styles.content, children: renderContent(item.content) }))] }, item.id))) }));
+    return (_jsx(View, { style: styles.container, testID: testID, children: items.map((item) => (_jsxs(View, { style: styles.item, children: [_jsxs(TouchableOpacity, { style: styles.header, onPress: () => handleToggle(item.id), activeOpacity: 0.7, accessibilityRole: "button", accessibilityState: { expanded: isExpanded(item.id) }, accessibilityHint: "Toque para expandir ou recolher", children: [_jsx(Text, { style: styles.title, children: item.title }), isExpanded(item.id) ? (_jsx(MinusIcon, { size: 20, color: colors.textPrimary, style: styles.icon })) : (_jsx(PlusIcon, { size: 20, color: colors.textPrimary, style: styles.icon }))] }), (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.some((value) => value.id === item.id)) &&
+                    (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.map((value) => (_jsx(View, { style: styles.selectedItems, children: _jsx(Text, { style: styles.selectedItemsText, children: value.value }) })))), isExpanded(item.id) && (_jsx(View, { style: styles.content, children: renderContent(item.content) }))] }, item.id))) }));
 };
 export const Accordion = React.memo(AccordionComponent);
 Accordion.displayName = "Accordion";

package/dist/components/accordion/accordion.styles.d.ts

@@ -26,5 +26,14 @@ export declare const useAccordionStyles: () => {
         paddingHorizontal: 16;
         paddingBottom: 16;
     };
+    selectedItems: {
+        paddingHorizontal: 16;
+        paddingBottom: 16;
+    };
+    selectedItemsText: {
+        fontSize: number;
+        lineHeight: number;
+        color: "#616161";
+    };
 };
 //# sourceMappingURL=accordion.styles.d.ts.map

package/dist/components/accordion/accordion.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC9B,CAAC"}
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C9B,CAAC"}

package/dist/components/accordion/accordion.styles.js

@@ -31,5 +31,14 @@ export const useAccordionStyles = () => {
             paddingHorizontal: spacing.md,
             paddingBottom: spacing.md,
         },
+        selectedItems: {
+            paddingHorizontal: spacing.md,
+            paddingBottom: spacing.md,
+        },
+        selectedItemsText: {
+            fontSize: 14,
+            lineHeight: 20,
+            color: colors.textTertiary,
+        },
     }), [colors, spacing]);
 };

package/dist/components/accordion/accordion.types.d.ts

@@ -31,5 +31,12 @@ export interface AccordionProps {
      * @default true
      */
     allowMultiple?: boolean;
+    /**
+     * Itens selecionados
+     */
+    selectedValues?: [{
+        id: string;
+        value: string;
+    }];
 }
 //# sourceMappingURL=accordion.types.d.ts.map

package/dist/components/accordion/accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IAExB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IAExB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClD"}

package/dist/components/badge/badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkEhD,eAAO,MAAM,KAAK,6FApDf,UAAU,6CAoDkC,CAAC"}
+{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA+DhD,eAAO,MAAM,KAAK,6FAjDf,UAAU,6CAiDkC,CAAC"}

package/dist/components/badge/badge.component.js

@@ -26,10 +26,7 @@ const BadgeComponent = ({ text, variant, size = "medium", style, textStyle, icon
                 return styles.medium;
         }
     };
-    return (_jsxs(View, { style: [
-            !variant && style ? style : styles.container,
-            variant && styles[variant],
-        ], children: [icon && iconPosition === "left" && renderIcon(), _jsx(Text, { style: [
+    return (_jsxs(View, { style: [styles.container, !style && variant && styles[variant], style], children: [icon && iconPosition === "left" && renderIcon(), _jsx(Text, { style: [
                     styles.text,
                     getSizeStyle(),
                     variant && styles[variant],

package/dist/components/badge/badge.styles.d.ts

@@ -6,18 +6,23 @@ export declare const useBadgeStyles: (variant?: BadgeVariant, size?: BadgeSize)
         alignItems: "center";
         justifyContent: "center";
         gap: 8;
+        height: number;
     };
     text: {
         color: "#101010";
     };
     medium: {
-        fontFamily: "Inter-Medium";
+        fontFamily: string;
+        fontWeight: "500";
+        fontStyle: "normal";
         fontSize: number;
         lineHeight: number;
         letterSpacing: number;
     };
     small: {
-        fontFamily: "Inter-Regular";
+        fontFamily: string;
+        fontWeight: "400";
+        fontStyle: "normal";
         fontSize: number;
         lineHeight: number;
         letterSpacing: number;
@@ -50,5 +55,9 @@ export declare const useBadgeStyles: (variant?: BadgeVariant, size?: BadgeSize)
         backgroundColor: "#7AFFA6";
         color: "#101010";
     };
+    express: {
+        backgroundColor: "#101010";
+        color: "#FFFFFF";
+    };
 };
 //# sourceMappingURL=badge.styles.d.ts.map

package/dist/components/badge/badge.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7D,eAAO,MAAM,cAAc,GACzB,UAAS,YAAwB,EACjC,OAAM,SAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE3B,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7D,eAAO,MAAM,cAAc,GACzB,UAAS,YAAwB,EACjC,OAAM,SAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0F3B,CAAC"}

package/dist/components/badge/badge.styles.js

@@ -3,6 +3,18 @@ import { StyleSheet } from "react-native";
 import { useTheme } from "../../themes";
 export const useBadgeStyles = (variant = "default", size = "medium") => {
     const theme = useTheme();
+    const getHeightStyle = () => {
+        switch (size) {
+            case "small":
+                return 19;
+            case "medium":
+                return 22;
+            case "large":
+                return 48;
+            default:
+                return 30;
+        }
+    };
     return useMemo(() => StyleSheet.create({
         container: {
             padding: theme.spacing.xxs2,
@@ -10,22 +22,29 @@ export const useBadgeStyles = (variant = "default", size = "medium") => {
             alignItems: "center",
             justifyContent: "center",
             gap: theme.spacing.xs,
+            height: size === "small" ? 19 : size === "medium" ? 30 : 48,
         },
         text: {
             color: theme.colors.textPrimary,
         },
         // Estilos de tamanho
         medium: {
-            fontFamily: theme.fonts.inter.medium,
+            fontFamily: "Inter",
+            fontWeight: "500",
+            fontStyle: "normal", // "Medium" não é um valor válido para fontStyle no React Native
             fontSize: 12,
             lineHeight: 18, // 150% de 12px
             letterSpacing: 0,
+            // leading-trim: NONE; // Não suportado no React Native
         },
         small: {
-            fontFamily: theme.fonts.inter.regular,
+            fontFamily: "Inter",
+            fontWeight: "400",
+            fontStyle: "normal",
             fontSize: 10,
             lineHeight: 10, // 100% de 10px
             letterSpacing: 0,
+            // leading-trim: CAP_HEIGHT; // Não suportado diretamente no React Native
         },
         large: {
             fontFamily: theme.fonts.inter.medium,
@@ -34,8 +53,8 @@ export const useBadgeStyles = (variant = "default", size = "medium") => {
             letterSpacing: 0,
         },
         iconContainer: {
-            height: size === "small" ? 12 : size === "large" ? 20 : 16,
-            width: size === "small" ? 12 : size === "large" ? 20 : 16,
+            height: size === "small" ? 12 : size === "medium" ? 20 : 32,
+            width: size === "small" ? 12 : size === "medium" ? 20 : 32,
             alignItems: "center",
             justifyContent: "center",
         },
@@ -59,5 +78,10 @@ export const useBadgeStyles = (variant = "default", size = "medium") => {
             backgroundColor: theme.colors.backgroundMint3,
             color: theme.colors.black,
         },
+        // Variante express
+        express: {
+            backgroundColor: theme.colors.black,
+            color: theme.colors.white,
+        },
     }), [theme, size]);
 };

package/dist/components/badge/badge.types.d.ts

@@ -1,6 +1,6 @@
 import { StyleProp, TextStyle, ViewStyle } from "react-native";
 import { ReactNode } from "react";
-export type BadgeVariant = "default" | "black" | "discount" | "cashback";
+export type BadgeVariant = "default" | "black" | "discount" | "cashback" | "express";
 export type BadgeSize = "small" | "medium" | "large";
 export type IconPosition = "left" | "right";
 export interface BadgeProps {

package/dist/components/badge/badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}

package/dist/components/button/button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAqC5D,eAAO,MAAM,MAAM,yCAA8B,CAAC"}
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAsC5D,eAAO,MAAM,MAAM,yCAA8B,CAAC"}

package/dist/components/button/button.component.js

@@ -9,10 +9,11 @@ const ButtonComponent = ({ label, loading, variant, fullWidth, size, disabled, .
         variant: variant,
         fullWidth,
         size,
+        disabled,
     });
     const { icon: Icon } = rest;
     const { colors } = useTheme();
-    return (_jsx(TouchableOpacity, { style: [buttonStyle.container, disabled && buttonStyle.disabled], ...rest, children: loading ? (_jsx(Loading, { size: 28, containerStyle: { padding: 0 } })) : (_jsxs(_Fragment, { children: [rest.icon && _jsx(Icon, { stroke: 0.5, color: colors.backgroundAction1 }), _jsx(Text, { style: buttonStyle.buttonText, children: label })] })) }));
+    return (_jsx(TouchableOpacity, { style: [buttonStyle.container, disabled && buttonStyle.disabled], ...rest, children: loading ? (_jsx(Loading, { size: 28, containerStyle: { padding: 0 } })) : (_jsxs(_Fragment, { children: [rest.icon && _jsx(Icon, { stroke: 0.5, color: buttonStyle.icon.color }), _jsx(Text, { style: buttonStyle.buttonText, children: label })] })) }));
 };
 export const Button = React.memo(ButtonComponent);
 Button.displayName = "Button";

package/dist/components/button/button.props.d.ts

@@ -3,7 +3,7 @@ export type ButtonProps = {
     onPress?: () => void;
     label?: string;
     loading?: boolean;
-    variant?: "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "converted" | "danger" | "danger-inverted" | "danger-outline";
+    variant?: "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "converted" | "danger" | "danger-inverted" | "danger-outline";
     fullWidth?: boolean;
     size?: "small" | "medium" | "large";
     icon?: React.ReactNode | React.ReactElement | any;
@@ -14,6 +14,8 @@ export declare enum ButtonVariant {
     primaryInverted = "primary-inverted",
     secondary = "secondary",
     secondaryInverted = "secondary-inverted",
+    tertiary = "tertiary",
+    tertiaryInverted = "tertiary-inverted",
     converted = "converted",
     danger = "danger",
     dangerInverted = "danger-inverted",

package/dist/components/button/button.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EACJ,SAAS,GACT,kBAAkB,GAClB,WAAW,GACX,oBAAoB,GACpB,WAAW,GACX,QAAQ,GACR,iBAAiB,GACjB,gBAAgB,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC;AAE1B,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,SAAS,cAAc;IACvB,iBAAiB,uBAAuB;IACxC,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,cAAc,oBAAoB;IAClC,aAAa,mBAAmB;CACjC;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB"}
+{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EACJ,SAAS,GACT,kBAAkB,GAClB,WAAW,GACX,oBAAoB,GACpB,UAAU,GACV,mBAAmB,GACnB,WAAW,GACX,QAAQ,GACR,iBAAiB,GACjB,gBAAgB,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC;AAE1B,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,SAAS,cAAc;IACvB,iBAAiB,uBAAuB;IACxC,QAAQ,aAAa;IACrB,gBAAgB,sBAAsB;IACtC,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,cAAc,oBAAoB;IAClC,aAAa,mBAAmB;CACjC;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB"}

package/dist/components/button/button.props.js

@@ -4,6 +4,8 @@ export var ButtonVariant;
     ButtonVariant["primaryInverted"] = "primary-inverted";
     ButtonVariant["secondary"] = "secondary";
     ButtonVariant["secondaryInverted"] = "secondary-inverted";
+    ButtonVariant["tertiary"] = "tertiary";
+    ButtonVariant["tertiaryInverted"] = "tertiary-inverted";
     ButtonVariant["converted"] = "converted";
     ButtonVariant["danger"] = "danger";
     ButtonVariant["dangerInverted"] = "danger-inverted";

package/dist/components/button/button.styles.d.ts

@@ -1,34 +1,11 @@
 import { ButtonVariant } from "./button.props";
-export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
+export declare const useButtonStyles: ({ variant, fullWidth, size, disabled, }: {
     variant?: ButtonVariant | undefined;
     fullWidth?: boolean | undefined;
     size?: string | undefined;
+    disabled?: boolean | undefined;
 }) => {
     container: {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#101010";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: number;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFFFFF";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: number;
-    } | {
         width: "auto" | "100%";
         borderRadius: number;
         justifyContent: "center";
@@ -59,31 +36,7 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         alignItems: "center";
         flexDirection: "row";
         gap: number;
-        backgroundColor: "#3643BA";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: number;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFE4D6";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: number;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFFFFF";
+        backgroundColor: string;
         borderWidth?: undefined;
         borderColor?: undefined;
         paddingHorizontal: 16;
@@ -112,30 +65,6 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         borderColor: "#E3262F";
         paddingHorizontal: 16;
         paddingVertical: number;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#101010";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 12;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFFFFF";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 12;
     } | {
         width: "auto" | "100%";
         borderRadius: number;
@@ -167,31 +96,7 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         alignItems: "center";
         flexDirection: "row";
         gap: number;
-        backgroundColor: "#3643BA";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 12;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFE4D6";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 12;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFFFFF";
+        backgroundColor: string;
         borderWidth?: undefined;
         borderColor?: undefined;
         paddingHorizontal: 16;
@@ -220,30 +125,6 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         borderColor: "#E3262F";
         paddingHorizontal: 16;
         paddingVertical: 12;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#101010";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 16;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFFFFF";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 16;
     } | {
         width: "auto" | "100%";
         borderRadius: number;
@@ -275,31 +156,7 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         alignItems: "center";
         flexDirection: "row";
         gap: number;
-        backgroundColor: "#3643BA";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 16;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFE4D6";
-        borderWidth?: undefined;
-        borderColor?: undefined;
-        paddingHorizontal: 16;
-        paddingVertical: 16;
-    } | {
-        width: "auto" | "100%";
-        borderRadius: number;
-        justifyContent: "center";
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        backgroundColor: "#FFFFFF";
+        backgroundColor: string;
         borderWidth?: undefined;
         borderColor?: undefined;
         paddingHorizontal: 16;
@@ -330,14 +187,6 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         paddingVertical: 16;
     };
     buttonText: {
-        fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 14;
-    } | {
-        fontWeight: "600";
-        color: "#101010";
-        fontSize: 14;
-    } | {
         fontWeight: "600";
         color: "#101010";
         fontSize: 14;
@@ -347,15 +196,7 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         fontSize: 14;
     } | {
         fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 14;
-    } | {
-        fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 14;
-    } | {
-        fontWeight: "600";
-        color: "#FFE4D6";
+        color: string;
         fontSize: 14;
     } | {
         fontWeight: "600";
@@ -365,14 +206,6 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         fontWeight: "600";
         color: "#AB0009";
         fontSize: 14;
-    } | {
-        fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 16;
-    } | {
-        fontWeight: "600";
-        color: "#101010";
-        fontSize: 16;
     } | {
         fontWeight: "600";
         color: "#101010";
@@ -383,15 +216,7 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         fontSize: 16;
     } | {
         fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 16;
-    } | {
-        fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 16;
-    } | {
-        fontWeight: "600";
-        color: "#FFE4D6";
+        color: string;
         fontSize: 16;
     } | {
         fontWeight: "600";
@@ -401,14 +226,6 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         fontWeight: "600";
         color: "#AB0009";
         fontSize: 16;
-    } | {
-        fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 18;
-    } | {
-        fontWeight: "600";
-        color: "#101010";
-        fontSize: 18;
     } | {
         fontWeight: "600";
         color: "#101010";
@@ -419,15 +236,7 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         fontSize: 18;
     } | {
         fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 18;
-    } | {
-        fontWeight: "600";
-        color: "#FFFFFF";
-        fontSize: 18;
-    } | {
-        fontWeight: "600";
-        color: "#FFE4D6";
+        color: string;
         fontSize: 18;
     } | {
         fontWeight: "600";
@@ -439,19 +248,11 @@ export declare const useButtonStyles: ({ variant, fullWidth, size, }: {
         fontSize: 18;
     };
     icon: {
-        color: "#FFFFFF";
-    } | {
         color: "#101010";
-    } | {
-        color: "#101010";
-    } | {
-        color: "#FFFFFF";
-    } | {
-        color: "#FFFFFF";
     } | {
         color: "#FFFFFF";
     } | {
-        color: "#FFE4D6";
+        color: string;
     } | {
         color: "#AB0009";
     } | {

package/dist/components/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI;;;;CAI/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLA,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI;;;;;CAK/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MA,CAAC"}

package/dist/components/button/button.styles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from "react-native";
 import { useTheme } from "../../themes";
 import { ButtonVariant } from "./button.props";
 export const useButtonStyles = ({ variant = ButtonVariant.primary, // Padrão é ButtonVariant.primary
-fullWidth = true, size = "medium", }) => {
+fullWidth = true, size = "medium", disabled = false, }) => {
     const theme = useTheme();
     const getSizeStyles = () => {
         switch (size) {
@@ -98,6 +98,30 @@ fullWidth = true, size = "medium", }) => {
                         color: theme.colors.white,
                     },
                 };
+            case ButtonVariant.tertiary:
+                return {
+                    container: {
+                        backgroundColor: disabled
+                            ? theme.colors.neutral4
+                            : theme.colors.backgroundTertiary,
+                    },
+                    buttonText: { color: theme.colors.textActionHover },
+                    icon: {
+                        color: theme.colors.textActionHover,
+                    },
+                };
+            case ButtonVariant.tertiaryInverted:
+                return {
+                    container: {
+                        backgroundColor: disabled
+                            ? theme.colors.neutral4
+                            : theme.colors.backgroundTertiary,
+                    },
+                    buttonText: { color: theme.colors.blue1 },
+                    icon: {
+                        color: theme.colors.blue1,
+                    },
+                };
             case ButtonVariant.converted:
                 return {
                     container: { backgroundColor: theme.colors.primary },

package/dist/components/loading/loading.component.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { LoadingProps } from './loading.types';
+import React from "react";
+import { LoadingProps } from "./loading.types";
 export declare const Loading: React.NamedExoticComponent<LoadingProps>;
 export default Loading;
 //# sourceMappingURL=loading.component.d.ts.map

package/dist/components/loading/loading.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.component.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuC/C,eAAO,MAAM,OAAO,0CAA+B,CAAC;AAEpD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"loading.component.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwC/C,eAAO,MAAM,OAAO,0CAA+B,CAAC;AAEpD,eAAe,OAAO,CAAC"}