decathlon-ui 0.3.0 → 0.3.1

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export * from "./quick-add-product-card/index";
 export * from "./radio/index";
 export * from "./range-slider/index";
 export * from "./search-button/index";
+export * from "./select/index";
 export * from "./seller-box/index";
 export * from "./toggle-switch/index";
 export * from "./typography/index";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/components/index.js

@@ -20,6 +20,7 @@ export * from "./quick-add-product-card/index";
 export * from "./radio/index";
 export * from "./range-slider/index";
 export * from "./search-button/index";
+export * from "./select/index";
 export * from "./seller-box/index";
 export * from "./toggle-switch/index";
 export * from "./typography/index";

package/dist/components/input/error-message/error-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-message.d.ts","sourceRoot":"","sources":["../../../../src/components/input/error-message/error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoBpD,CAAC"}
+{"version":3,"file":"error-message.d.ts","sourceRoot":"","sources":["../../../../src/components/input/error-message/error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+CpD,CAAC"}

package/dist/components/input/error-message/error-message.js

@@ -1,30 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StyleSheet, Text, View } from "react-native";
+import { useTheme } from "../../../themes";
+import { ErrorWarningIcon } from "../../../icons";
 export const ErrorMessage = ({ message, testID, }) => {
-    return (_jsxs(View, { style: styles.container, testID: testID, accessibilityRole: "alert", accessible: true, children: [_jsx(View, { style: styles.iconContainer, children: _jsx(Text, { children: "!" }) }), _jsx(Text, { style: styles.message, accessibilityRole: "text", children: message })] }));
+    const theme = useTheme();
+    const styles = StyleSheet.create({
+        container: {
+            display: "flex",
+            width: "100%",
+            paddingVertical: theme.spacing.xxs,
+            paddingHorizontal: theme.spacing.xxs,
+            flexDirection: "row",
+            alignItems: "center",
+            gap: theme.spacing.xxs,
+        },
+        iconContainer: {
+            paddingTop: 5,
+            width: 18,
+        },
+        icon: {
+            width: 16,
+            height: 16,
+        },
+        message: {
+            flex: 1,
+            color: theme.colors.textError,
+            fontSize: theme.fonts.sizes.xs,
+            fontFamily: theme.fonts.inter.regular,
+        },
+    });
+    return (_jsxs(View, { style: styles.container, testID: testID, accessibilityRole: "alert", accessible: true, children: [_jsx(View, { style: styles.iconContainer, children: _jsx(ErrorWarningIcon, { stroke: theme.colors.borderError, size: 18 }) }), _jsx(Text, { style: styles.message, accessibilityRole: "text", children: message })] }));
 };
-const styles = StyleSheet.create({
-    container: {
-        display: "flex",
-        width: "100%",
-        paddingVertical: 4,
-        paddingHorizontal: 4,
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 4,
-    },
-    iconContainer: {
-        paddingTop: 2,
-        width: 16,
-    },
-    icon: {
-        width: 16,
-        height: 16,
-    },
-    message: {
-        flex: 1,
-        color: "#CC212A",
-        fontSize: 14,
-        fontFamily: "Inter",
-    },
-});

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

@@ -1,6 +1,7 @@
 import * as React from "react";
+import { TextInputProps } from "react-native";
 type MaskType = "cpf" | "phone" | "date" | "cep" | "custom";
-interface InputProps {
+interface InputProps extends TextInputProps {
     label: string;
     placeholder?: string;
     error?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyKD,eAAO,MAAM,KAAK,wCAA6B,CAAC"}
+{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA6B,cAAc,EAAQ,MAAM,cAAc,CAAC;AAK/E,KAAK,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,UAAU,UAAW,SAAQ,cAAc;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA0KD,eAAO,MAAM,KAAK,wCAA6B,CAAC"}

package/dist/components/input/input.component.js

@@ -56,7 +56,7 @@ const applyMask = (value, maskType, customMask) => {
             return value;
     }
 };
-const InputComponent = ({ label, placeholder, error, value, disabled = false, maskType, customMask, mask, pattern, onChangeText, testID, }) => {
+const InputComponent = ({ label, placeholder, error, value, disabled = false, maskType, customMask, mask, pattern, onChangeText, testID, ...rest }) => {
     const [isFocused, setIsFocused] = React.useState(false);
     const focusAnimation = React.useRef(new Animated.Value(0)).current;
     const styles = useInputStyles();
@@ -90,7 +90,6 @@ const InputComponent = ({ label, placeholder, error, value, disabled = false, ma
     return (_jsxs(View, { style: styles.container, accessible: true, testID: testID, accessibilityLabel: `${label} input field`, children: [_jsx(View, { style: styles.labelWrapper, children: _jsx(Text, { style: [
                         styles.labelText,
                         disabled && styles.disabledText,
-                        isFocused && styles.focusedLabel,
                     ], accessibilityRole: "text", children: label }) }), _jsxs(Animated.View, { style: [
                     styles.inputContainer,
                     error && styles.inputError,
@@ -99,7 +98,7 @@ const InputComponent = ({ label, placeholder, error, value, disabled = false, ma
                     { borderWidth },
                 ], children: [_jsx(TextInput, { style: [styles.input, disabled && styles.inputTextDisabled], placeholder: placeholder, value: value, onChangeText: handleChangeText, editable: !disabled, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), accessibilityLabel: label, accessibilityState: {
                             disabled: disabled,
-                        }, placeholderTextColor: "#A4ADB7" }), isFocused && _jsx(View, { style: styles.cursor })] }), error && _jsx(ErrorMessage, { message: error })] }));
+                        }, placeholderTextColor: "#A4ADB7", ...rest }), isFocused && _jsx(View, { style: styles.cursor })] }), error && _jsx(ErrorMessage, { message: error })] }));
 };
 export const Input = React.memo(InputComponent);
 Input.displayName = "Input";

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

@@ -4,10 +4,11 @@ export declare const useInputStyles: () => {
         width: "100%";
         paddingBottom: 8;
         flexDirection: "column";
+        gap: 8;
     };
     labelWrapper: {
         alignSelf: "stretch";
-        gap: 4;
+        gap: 8;
     };
     labelText: {
         fontSize: number;
@@ -18,35 +19,35 @@ export declare const useInputStyles: () => {
     disabledText: {
         color: string;
     };
-    focusedLabel: {
-        color: string;
-    };
     inputContainer: {
         flexDirection: "row";
         alignItems: "center";
         backgroundColor: string;
-        borderColor: string;
-        padding: number;
-        paddingHorizontal: number;
+        borderColor: "#B3BAC3";
+        paddingVertical: 20;
+        paddingHorizontal: 16;
     };
     input: {
         flex: number;
-        fontSize: number;
-        color: string;
-        padding: number;
+        fontSize: 16;
+        lineHeight: 24;
+        verticalAlign: "middle";
+        letterSpacing: number;
+        color: "#101010";
+        fontFamily: "Inter-Regular";
     };
     inputError: {
-        borderColor: string;
+        borderColor: "#E3262F";
     };
     inputDisabled: {
-        backgroundColor: string;
-        borderColor: string;
+        borderColor: "#EFF1F3";
     };
     inputTextDisabled: {
         color: string;
     };
     inputFocused: {
-        borderColor: string;
+        borderColor: "#3643BA";
+        borderWidth: number;
     };
     cursor: {
         width: number;

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

@@ -1 +1 @@
-{"version":3,"file":"input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D1B,CAAC"}
+{"version":3,"file":"input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D1B,CAAC"}

package/dist/components/input/input.styles.js

@@ -8,10 +8,11 @@ export const useInputStyles = () => {
             width: "100%",
             paddingBottom: theme.spacing.xs,
             flexDirection: "column",
+            gap: theme.spacing.xs,
         },
         labelWrapper: {
             alignSelf: "stretch",
-            gap: theme.spacing.xxs,
+            gap: theme.spacing.xs,
         },
         labelText: {
             fontSize: 14,
@@ -22,35 +23,35 @@ export const useInputStyles = () => {
         disabledText: {
             color: "#A4ADB7",
         },
-        focusedLabel: {
-            color: "#007DBC",
-        },
         inputContainer: {
             flexDirection: "row",
             alignItems: "center",
-            backgroundColor: "#FFFFFF",
-            borderColor: "#A4ADB7",
-            padding: 20,
-            paddingHorizontal: 16,
+            backgroundColor: "transparent",
+            borderColor: theme.colors.borderPrimary,
+            paddingVertical: theme.spacing.mmd2,
+            paddingHorizontal: theme.spacing.md,
         },
         input: {
             flex: 1,
-            fontSize: 16,
-            color: "#15181B",
-            padding: 0,
+            fontSize: theme.fonts.sizes.sm,
+            lineHeight: theme.fonts.sizes.lg,
+            verticalAlign: "middle",
+            letterSpacing: 0,
+            color: theme.colors.textPrimary,
+            fontFamily: theme.fonts.inter.regular,
         },
         inputError: {
-            borderColor: "#FF2934",
+            borderColor: theme.colors.borderError,
         },
         inputDisabled: {
-            backgroundColor: "#FFFFFF",
-            borderColor: "#C3C9CF",
+            borderColor: theme.colors.borderDisabled,
         },
         inputTextDisabled: {
             color: "#A4ADB7",
         },
         inputFocused: {
-            borderColor: "#007DBC",
+            borderColor: theme.colors.borderInformation,
+            borderWidth: 2,
         },
         cursor: {
             width: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmF7C,eAAO,MAAM,MAAM,yCAA8B,CAAC"}
+{"version":3,"file":"select.component.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkF7C,eAAO,MAAM,MAAM,yCAA8B,CAAC"}

package/dist/components/select/select.component.js

@@ -25,13 +25,12 @@ const SelectComponent = ({ label, placeholder, error, value, disabled = false, o
     };
     return (_jsxs(View, { style: styles.container, accessible: true, testID: testID, accessibilityLabel: `${label} select field`, children: [_jsx(View, { style: styles.labelWrapper, children: _jsx(Text, { style: [
                         styles.labelText,
-                        disabled && styles.disabledText,
-                        isFocused && styles.focusedLabel,
+                        disabled && styles.disabledText
                     ], accessibilityRole: "text", children: label }) }), _jsx(TouchableOpacity, { onPress: handlePress, disabled: disabled, activeOpacity: 0.7, children: _jsxs(Animated.View, { style: [
                         styles.selectContainer,
                         error && styles.selectError,
                         disabled && styles.selectDisabled,
-                        isFocused && styles.selectFocused,
+                        value && styles.selectFocused,
                     ], children: [_jsx(Text, { style: [
                                 styles.selectText,
                                 !value && styles.placeholderText,

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

@@ -4,52 +4,53 @@ export declare const useSelectStyles: () => {
         width: "100%";
         paddingBottom: 8;
         flexDirection: "column";
+        gap: 8;
     };
     labelWrapper: {
         alignSelf: "stretch";
-        gap: 4;
+        gap: 8;
     };
     labelText: {
         fontSize: number;
         lineHeight: number;
-        color: string;
-        fontFamily: string;
+        color: "#101010";
+        fontFamily: "Inter-Regular";
     };
     disabledText: {
-        color: string;
-    };
-    focusedLabel: {
-        color: string;
+        color: "#949494";
     };
     selectContainer: {
         flexDirection: "row";
         alignItems: "center";
         backgroundColor: string;
-        borderColor: string;
         borderWidth: number;
-        padding: number;
-        paddingHorizontal: number;
+        borderColor: "#B3BAC3";
+        paddingVertical: 20;
+        paddingHorizontal: 16;
     };
     selectText: {
         flex: number;
-        fontSize: number;
-        color: string;
+        fontSize: 16;
+        lineHeight: 24;
+        verticalAlign: "middle";
+        letterSpacing: number;
+        color: "#101010";
+        fontFamily: "Inter-Regular";
     };
     placeholderText: {
-        color: string;
+        color: "#949494";
     };
     selectError: {
-        borderColor: string;
+        borderColor: "#E3262F";
     };
     selectDisabled: {
-        backgroundColor: string;
-        borderColor: string;
+        borderColor: "#EFF1F3";
     };
     selectTextDisabled: {
-        color: string;
+        color: "#949494";
     };
     selectFocused: {
-        borderColor: string;
+        borderColor: "#3643BA";
         borderWidth: number;
     };
     chevronContainer: {

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

@@ -1 +1 @@
-{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D3B,CAAC"}
+{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D3B,CAAC"}

package/dist/components/select/select.styles.js

@@ -8,52 +8,53 @@ export const useSelectStyles = () => {
             width: "100%",
             paddingBottom: theme.spacing.xs,
             flexDirection: "column",
+            gap: theme.spacing.xs,
         },
         labelWrapper: {
             alignSelf: "stretch",
-            gap: theme.spacing.xxs,
+            gap: theme.spacing.xs,
         },
         labelText: {
             fontSize: 14,
             lineHeight: 20,
-            color: "#15181B",
-            fontFamily: "Inter",
+            color: theme.colors.textPrimary,
+            fontFamily: theme.fonts.inter.regular,
         },
         disabledText: {
-            color: "#A4ADB7",
-        },
-        focusedLabel: {
-            color: "#007DBC",
+            color: theme.colors.textDisabled,
         },
         selectContainer: {
             flexDirection: "row",
             alignItems: "center",
-            backgroundColor: "#FFFFFF",
-            borderColor: "#A4ADB7",
+            backgroundColor: "transparent",
             borderWidth: 1,
-            padding: 20,
-            paddingHorizontal: 16,
+            borderColor: theme.colors.borderPrimary,
+            paddingVertical: theme.spacing.mmd2,
+            paddingHorizontal: theme.spacing.md,
         },
         selectText: {
             flex: 1,
-            fontSize: 16,
-            color: "#15181B",
+            fontSize: theme.fonts.sizes.sm,
+            lineHeight: theme.fonts.sizes.lg,
+            verticalAlign: "middle",
+            letterSpacing: 0,
+            color: theme.colors.textPrimary,
+            fontFamily: theme.fonts.inter.regular,
         },
         placeholderText: {
-            color: "#A4ADB7",
+            color: theme.colors.textDisabled,
         },
         selectError: {
-            borderColor: "#FF2934",
+            borderColor: theme.colors.borderError,
         },
         selectDisabled: {
-            backgroundColor: "#FFFFFF",
-            borderColor: "#C3C9CF",
+            borderColor: theme.colors.borderDisabled,
         },
         selectTextDisabled: {
-            color: "#A4ADB7",
+            color: theme.colors.textDisabled,
         },
         selectFocused: {
-            borderColor: "#007DBC",
+            borderColor: theme.colors.borderInformation,
             borderWidth: 2,
         },
         chevronContainer: {

package/dist/themes/index.d.ts

@@ -130,6 +130,7 @@ declare const useTheme: () => {
         readonly default: 14;
         readonly md: 16;
         readonly mmd: 21;
+        readonly mmd2: 20;
         readonly lg: 24;
         readonly xl: 32;
         readonly xxl: 48;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEb,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEb,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC"}

package/dist/themes/light.d.ts

@@ -128,6 +128,7 @@ declare const light: {
         readonly default: 14;
         readonly md: 16;
         readonly mmd: 21;
+        readonly mmd2: 20;
         readonly lg: 24;
         readonly xl: 32;
         readonly xxl: 48;

package/dist/themes/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAaA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuMD,CAAC;AAEX,eAAe,KAAK,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAaA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwMD,CAAC;AAEX,eAAe,KAAK,CAAC"}

package/dist/themes/light.js

@@ -91,6 +91,7 @@ const light = {
         default: 14,
         md: 16,
         mmd: 21,
+        mmd2: 20,
         lg: 24,
         xl: 32,
         xxl: 48,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decathlon-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Biblioteca de componentes React Native com Storybook e documentação via GitHub Pages.",
   "main": "dist/index.js",
   "module": "dist/index.js",