sapo-components-ui-rn 1.0.0

package/dist/theme/blue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    BLUE180: string;
+    BLUE160: string;
+    BLUE140: string;
+    BLUE120: string;
+    BLUE100: string;
+    BLUE80: string;
+    BLUE60: string;
+    BLUE40: string;
+    BLUE20: string;
+    BLUE10: string;
+    BLUE5: string;
+};
+export default _default;

package/dist/theme/colors.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+    blue: {
+        BLUE180: string;
+        BLUE160: string;
+        BLUE140: string;
+        BLUE120: string;
+        BLUE100: string;
+        BLUE80: string;
+        BLUE60: string;
+        BLUE40: string;
+        BLUE20: string;
+        BLUE10: string;
+        BLUE5: string;
+    };
+    green: {
+        GREEN180: string;
+        GREEN160: string;
+        GREEN140: string;
+        GREEN120: string;
+        GREEN100: string;
+        GREEN80: string;
+        GREEN60: string;
+        GREEN40: string;
+        GREEN20: string;
+        GREEN10: string;
+        GREEN5: string;
+        GREEN_STATUS: string;
+    };
+    ink: {
+        INK100: string;
+        INK90: string;
+        INK80: string;
+        INK60: string;
+        INK40: string;
+        INK20: string;
+        INK10: string;
+        INK5: string;
+    };
+    white: {
+        WHITE100: string;
+        WHITE80: string;
+        WHITE60: string;
+        WHITE40: string;
+        WHITE20: string;
+        WHITE10: string;
+        WHITE5: string;
+    };
+    red: {
+        RED180: string;
+        RED160: string;
+        RED140: string;
+        RED120: string;
+        RED100: string;
+        RED80: string;
+        RED60: string;
+        RED40: string;
+        RED20: string;
+        RED10: string;
+        RED5: string;
+        RED_STATUS: string;
+    };
+    purple: {
+        PURPLE100: string;
+        PURPLE5: string;
+        PURPLE_BG: string;
+    };
+    orange: {
+        ORANGE180: string;
+        ORANGE160: string;
+        ORANGE140: string;
+        ORANGE120: string;
+        ORANGE100: string;
+        ORANGE80: string;
+        ORANGE60: string;
+        ORANGE40: string;
+        ORANGE20: string;
+        ORANGE10: string;
+        ORANGE5: string;
+    };
+    yellow: {
+        YELLOW180: string;
+        YELLOW160: string;
+        YELLOW140: string;
+        YELLOW120: string;
+        YELLOW100: string;
+        YELLOW80: string;
+        YELLOW60: string;
+        YELLOW40: string;
+        YELLOW20: string;
+        YELLOW10: string;
+        YELLOW5: string;
+        YELLOW_STATUS: string;
+    };
+    icon: {
+        ICON100: string;
+        ICON50: string;
+    };
+};
+export default _default;

package/dist/theme/container-styles.d.ts

@@ -0,0 +1,124 @@
+declare const _default: {
+    container: {
+        flex: number;
+    };
+    center: {
+        paddingHorizontal: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    end: {
+        alignItems: "flex-end";
+    };
+    start: {
+        alignItems: "flex-start";
+    };
+    centerHorizontal: {
+        justifyContent: "center";
+    };
+    icon: {
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    row: {
+        flexDirection: "row";
+    };
+    txtSmallBold: {
+        fontSize: number;
+        color: string;
+        fontWeight: "600";
+    };
+    button: {
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+        width: number;
+        height: number;
+        backgroundColor: string;
+        marginHorizontal: number;
+    };
+    shadow: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+    };
+    hitSlop: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    transparent: {
+        backgroundColor: string;
+    };
+    text10: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text12: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text14: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text16: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text18: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text20: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text22: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text24: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text26: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text28: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text30: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    text32: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    textRegular: {
+        fontFamily: string;
+        fontWeight: "400";
+    };
+    textMedium: {
+        fontFamily: string;
+        fontWeight: "500";
+    };
+    textBold: {
+        fontFamily: string;
+        fontWeight: "600";
+    };
+    styleIcon: {
+        width: number;
+        height: number;
+    };
+};
+export default _default;

package/dist/theme/dimensions.d.ts

@@ -0,0 +1,36 @@
+export declare const DEVICE_HEIGHT: number;
+export declare const DEVICE_WIDTH: number;
+export declare const HEADER_HEIGHT = 50;
+export declare const BUTTON_HEIGHT = 48;
+export declare const BUTTON_HEIGHT_SMALL = 40;
+export declare const RADIO_BUTTON_HEIGHT = 20;
+export declare const SPACE_0 = 0;
+export declare const SPACE_2 = 2;
+export declare const SPACE_4 = 4;
+export declare const SPACE_6 = 6;
+export declare const SPACE_8 = 8;
+export declare const SPACE_12 = 12;
+export declare const SPACE_16 = 16;
+export declare const SPACE_20 = 20;
+export declare const SPACE_24 = 24;
+export declare const SPACE_28 = 28;
+export declare const SPACE_32 = 32;
+export declare const SPACE_36 = 36;
+export declare const SPACE_40 = 40;
+export declare const SPACE_48 = 48;
+export declare const SPACE_64 = 64;
+export declare const SPACE_80 = 80;
+export declare const SPACE_96 = 96;
+export declare const SPACE_112 = 112;
+export declare const SPACE_128 = 128;
+export declare const SPACE_BUTTON_GAP = 8;
+export declare const SPACE_CARD_PADDING = 24;
+export declare const SPACE_CARD_GAP = 12;
+export declare const BORDER_RADIUS_6 = 6;
+export declare const BORDER_RADIUS_8 = 8;
+export declare const BORDER_RADIUS_12 = 12;
+export declare const BORDER_RADIUS_ROUNDED = 36;
+export declare const BORDER_WIDTH_05: number;
+export declare const BORDER_WIDTH_1 = 1;
+export declare const BORDER_WIDTH_2 = 2;
+export declare const BORDER_WIDTH_4 = 4;

package/dist/theme/green.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    GREEN180: string;
+    GREEN160: string;
+    GREEN140: string;
+    GREEN120: string;
+    GREEN100: string;
+    GREEN80: string;
+    GREEN60: string;
+    GREEN40: string;
+    GREEN20: string;
+    GREEN10: string;
+    GREEN5: string;
+    GREEN_STATUS: string;
+};
+export default _default;

package/dist/theme/icon.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    ICON100: string;
+    ICON50: string;
+};
+export default _default;

package/dist/theme/ink.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    INK100: string;
+    INK90: string;
+    INK80: string;
+    INK60: string;
+    INK40: string;
+    INK20: string;
+    INK10: string;
+    INK5: string;
+};
+export default _default;

package/dist/theme/orange.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    ORANGE180: string;
+    ORANGE160: string;
+    ORANGE140: string;
+    ORANGE120: string;
+    ORANGE100: string;
+    ORANGE80: string;
+    ORANGE60: string;
+    ORANGE40: string;
+    ORANGE20: string;
+    ORANGE10: string;
+    ORANGE5: string;
+};
+export default _default;

package/dist/theme/purple.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    PURPLE100: string;
+    PURPLE5: string;
+    PURPLE_BG: string;
+};
+export default _default;

package/dist/theme/red.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    RED180: string;
+    RED160: string;
+    RED140: string;
+    RED120: string;
+    RED100: string;
+    RED80: string;
+    RED60: string;
+    RED40: string;
+    RED20: string;
+    RED10: string;
+    RED5: string;
+    RED_STATUS: string;
+};
+export default _default;

package/dist/theme/themes.d.ts

@@ -0,0 +1,277 @@
+export declare const THEME_SUPPORT: {
+    LIGHT: string;
+    DARK: string;
+};
+declare const _default: {
+    dark: {
+        dark: boolean;
+        colors: {
+            primary: string;
+            background: string;
+            card: string;
+            text: string;
+            border: string;
+            gray: string;
+            backgroundLight: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            borderBrandDefault: string;
+            borderCriticalDefault: string;
+            borderCriticalHover: string;
+            borderCriticalPressed: string;
+            borderErrorDefault: string;
+            borderInfoDefault: string;
+            borderPrimaryDefault: string;
+            borderPrimaryDisabled: string;
+            borderPrimaryHovered: string;
+            borderPrimaryInverseDefault: string;
+            borderPrimaryPressed: string;
+            borderSuccessDefault: string;
+            borderWarningDefault: string;
+            iconBrandDefault: string;
+            iconCriticalDefault: string;
+            iconErrorDefault: string;
+            iconInfoDefault: string;
+            iconPrimaryDefault: string;
+            iconPrimaryHover: string;
+            iconPrimaryDisabled: string;
+            iconPrimaryInverseDefault: string;
+            iconPrimaryInverseHover: string;
+            iconPrimaryInversePressed: string;
+            iconPrimaryPressed: string;
+            iconSuccessDefault: string;
+            iconWarningDefault: string;
+            surfaceBrandDefault: string;
+            surfaceBrandDisabled: string;
+            surfaceBrandHover: string;
+            surfaceBrandInverseDefault: string;
+            surfaceBrandInverseHover: string;
+            surfaceBrandInversePressed: string;
+            surfaceBrandPressed: string;
+            surfaceCriticalDefault: string;
+            surfaceCriticalDisabled: string;
+            surfaceCriticalHover: string;
+            surfaceCriticalInverseDefault: string;
+            surfaceCriticalInverseHover: string;
+            surfaceCriticalInversePressed: string;
+            surfaceCriticalPressed: string;
+            surfaceErrorDefault: string;
+            surfaceErrorDisabled: string;
+            surfaceErrorHover: string;
+            surfaceErrorInverseDefault: string;
+            surfaceErrorInverseHover: string;
+            surfaceErrorInversePressed: string;
+            surfaceErrorPressed: string;
+            surfaceInfoDefault: string;
+            surfaceInfoDisabled: string;
+            surfaceInfoHover: string;
+            surfaceInfoInverseDefault: string;
+            surfaceInfoInverseHover: string;
+            surfaceInfoInversePressed: string;
+            surfaceInfoPressed: string;
+            surfacePrimaryDefault: string;
+            surfacePrimaryDisabled: string;
+            surfacePrimaryHover: string;
+            surfacePrimaryInverseDefault: string;
+            surfacePrimaryInverseHover: string;
+            surfacePrimaryInversePressed: string;
+            surfacePrimaryPressed: string;
+            surfaceSecondaryDefault: string;
+            surfaceSecondaryDisabled: string;
+            surfaceSecondaryHover: string;
+            surfaceSecondaryPressed: string;
+            surfaceSuccessDefault: string;
+            surfaceSuccessDisabled: string;
+            surfaceSuccessHover: string;
+            surfaceSuccessInverseDefault: string;
+            surfaceSuccessInverseHover: string;
+            surfaceSuccessInversePressed: string;
+            surfaceSuccessPressed: string;
+            surfaceWarningDefault: string;
+            surfaceWarningDisabled: string;
+            surfaceWarningHover: string;
+            surfaceWarningInverseDefault: string;
+            surfaceWarningInverseHover: string;
+            surfaceWarningInversePressed: string;
+            surfaceWarningPressed: string;
+            textDefault: string;
+            textDisabled: string;
+            textPlaceholder: string;
+            textSecondary: string;
+            textBrandDefault: string;
+            textBrandDisabled: string;
+            textBrandHovered: string;
+            textBrandPressed: string;
+            textCriticalDefault: string;
+            textCriticalDisabled: string;
+            textCriticalHovered: string;
+            textCriticalPressed: string;
+            textErrorDefault: string;
+            textErrorDisabled: string;
+            textErrorHovered: string;
+            textErrorPressed: string;
+            textInfoDefault: string;
+            textInfoDisabled: string;
+            textInfoHovered: string;
+            textInfoPressed: string;
+            textLinkDefault: string;
+            textLinkDisabled: string;
+            textLinkHovered: string;
+            textLinkPressed: string;
+            textLinkVisitedDefault: string;
+            textLinkVisitedDisabled: string;
+            textLinkVisitedHovered: string;
+            textLinkVisitedPressed: string;
+            textOnFillDefault: string;
+            textOnFillDisabled: string;
+            textOnFillHovered: string;
+            textOnFillPressed: string;
+            textSuccessDefault: string;
+            textSuccessDisabled: string;
+            textSuccessHovered: string;
+            textSuccessPressed: string;
+            textWarningDefault: string;
+            textWarningDisabled: string;
+            textWarningHovered: string;
+            textWarningPressed: string;
+            selectBackgroundDisabled: string;
+            selectIconDisabled: string;
+        };
+    };
+    light: {
+        dark: boolean;
+        colors: {
+            primary: string;
+            background: string;
+            card: string;
+            text: string;
+            border: string;
+            gray: string;
+            backgroundLight: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            borderBrandDefault: string;
+            borderCriticalDefault: string;
+            borderCriticalHover: string;
+            borderCriticalPressed: string;
+            borderErrorDefault: string;
+            borderInfoDefault: string;
+            borderPrimaryDefault: string;
+            borderPrimaryDisabled: string;
+            borderPrimaryHovered: string;
+            borderPrimaryInverseDefault: string;
+            borderPrimaryPressed: string;
+            borderSuccessDefault: string;
+            borderWarningDefault: string;
+            iconBrandDefault: string;
+            iconCriticalDefault: string;
+            iconErrorDefault: string;
+            iconInfoDefault: string;
+            iconPrimaryDefault: string;
+            iconPrimaryHover: string;
+            iconPrimaryDisabled: string;
+            iconPrimaryInverseDefault: string;
+            iconPrimaryInverseHover: string;
+            iconPrimaryInversePressed: string;
+            iconPrimaryPressed: string;
+            iconSuccessDefault: string;
+            iconWarningDefault: string;
+            surfaceBrandDefault: string;
+            surfaceBrandDisabled: string;
+            surfaceBrandHover: string;
+            surfaceBrandInverseDefault: string;
+            surfaceBrandInverseHover: string;
+            surfaceBrandInversePressed: string;
+            surfaceBrandPressed: string;
+            surfaceCriticalDefault: string;
+            surfaceCriticalDisabled: string;
+            surfaceCriticalHover: string;
+            surfaceCriticalInverseDefault: string;
+            surfaceCriticalInverseHover: string;
+            surfaceCriticalInversePressed: string;
+            surfaceCriticalPressed: string;
+            surfaceErrorDefault: string;
+            surfaceErrorDisabled: string;
+            surfaceErrorHover: string;
+            surfaceErrorInverseDefault: string;
+            surfaceErrorInverseHover: string;
+            surfaceErrorInversePressed: string;
+            surfaceErrorPressed: string;
+            surfaceInfoDefault: string;
+            surfaceInfoDisabled: string;
+            surfaceInfoHover: string;
+            surfaceInfoInverseDefault: string;
+            surfaceInfoInverseHover: string;
+            surfaceInfoInversePressed: string;
+            surfaceInfoPressed: string;
+            surfacePrimaryDefault: string;
+            surfacePrimaryDisabled: string;
+            surfacePrimaryHover: string;
+            surfacePrimaryInverseDefault: string;
+            surfacePrimaryInverseHover: string;
+            surfacePrimaryInversePressed: string;
+            surfacePrimaryPressed: string;
+            surfaceSecondaryDefault: string;
+            surfaceSecondaryDisabled: string;
+            surfaceSecondaryHover: string;
+            surfaceSecondaryPressed: string;
+            surfaceSuccessDefault: string;
+            surfaceSuccessDisabled: string;
+            surfaceSuccessHover: string;
+            surfaceSuccessInverseDefault: string;
+            surfaceSuccessInverseHover: string;
+            surfaceSuccessInversePressed: string;
+            surfaceSuccessPressed: string;
+            surfaceWarningDefault: string;
+            surfaceWarningDisabled: string;
+            surfaceWarningHover: string;
+            surfaceWarningInverseDefault: string;
+            surfaceWarningInverseHover: string;
+            surfaceWarningInversePressed: string;
+            surfaceWarningPressed: string;
+            textDefault: string;
+            textDisabled: string;
+            textPlaceholder: string;
+            textSecondary: string;
+            textBrandDefault: string;
+            textBrandDisabled: string;
+            textBrandHovered: string;
+            textBrandPressed: string;
+            textCriticalDefault: string;
+            textCriticalDisabled: string;
+            textCriticalHovered: string;
+            textCriticalPressed: string;
+            textErrorDefault: string;
+            textErrorDisabled: string;
+            textErrorHovered: string;
+            textErrorPressed: string;
+            textInfoDefault: string;
+            textInfoDisabled: string;
+            textInfoHovered: string;
+            textInfoPressed: string;
+            textLinkDefault: string;
+            textLinkDisabled: string;
+            textLinkHovered: string;
+            textLinkPressed: string;
+            textLinkVisitedDefault: string;
+            textLinkVisitedDisabled: string;
+            textLinkVisitedHovered: string;
+            textLinkVisitedPressed: string;
+            textOnFillDefault: string;
+            textOnFillDisabled: string;
+            textOnFillHovered: string;
+            textOnFillPressed: string;
+            textSuccessDefault: string;
+            textSuccessDisabled: string;
+            textSuccessHovered: string;
+            textSuccessPressed: string;
+            textWarningDefault: string;
+            textWarningDisabled: string;
+            textWarningHovered: string;
+            textWarningPressed: string;
+            selectBackgroundDisabled: string;
+            selectIconDisabled: string;
+        };
+    };
+};
+export default _default;

package/dist/theme/white.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    WHITE100: string;
+    WHITE80: string;
+    WHITE60: string;
+    WHITE40: string;
+    WHITE20: string;
+    WHITE10: string;
+    WHITE5: string;
+};
+export default _default;

package/dist/theme/yellow.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    YELLOW180: string;
+    YELLOW160: string;
+    YELLOW140: string;
+    YELLOW120: string;
+    YELLOW100: string;
+    YELLOW80: string;
+    YELLOW60: string;
+    YELLOW40: string;
+    YELLOW20: string;
+    YELLOW10: string;
+    YELLOW5: string;
+    YELLOW_STATUS: string;
+};
+export default _default;