decathlon-ui 0.1.2 → 0.1.4

package/dist/themes/index.d.ts

@@ -0,0 +1,229 @@
+import dark from "./dark";
+import light from "./light";
+declare const useTheme: () => {
+    readonly colors: {
+        readonly yellow1: string;
+        readonly yellow2: string;
+        readonly yellow3: string;
+        readonly yellow4: string;
+        readonly yellow5: string;
+        readonly red1: string;
+        readonly red2: string;
+        readonly red3: string;
+        readonly red4: string;
+        readonly red5: string;
+        readonly purple1: string;
+        readonly purple2: string;
+        readonly purple3: string;
+        readonly purple4: string;
+        readonly purple5: string;
+        readonly orange1: string;
+        readonly orange2: string;
+        readonly orange3: string;
+        readonly orange4: string;
+        readonly orange5: string;
+        readonly neutral1: string;
+        readonly neutral2: string;
+        readonly neutral3: string;
+        readonly neutral4: string;
+        readonly neutral5: string;
+        readonly neutral6: string;
+        readonly neutral7: string;
+        readonly neutral8: string;
+        readonly neutral9: string;
+        readonly neutral10: string;
+        readonly neutral11: string;
+        readonly neutral12: string;
+        readonly mint1: string;
+        readonly mint2: string;
+        readonly mint3: string;
+        readonly mint4: string;
+        readonly mint5: string;
+        readonly green1: string;
+        readonly green2: string;
+        readonly green3: string;
+        readonly green4: string;
+        readonly green5: string;
+        readonly blue1: string;
+        readonly blue2: string;
+        readonly blue3: string;
+        readonly blue4: string;
+        readonly blue5: string;
+        readonly primary: "#3643BA";
+        readonly secondary: "#FFCD4E";
+        readonly white: "#FFFFFF";
+        readonly black: "#101010";
+        readonly textPrimary: "#101010";
+        readonly textSecondary: "#383838";
+        readonly textTertiary: "#616161";
+        readonly textDisabled: "#949494";
+        readonly textAction: "#3643BA";
+        readonly textActionHover: "#262F82";
+        readonly textHighlight: "#DB6900";
+        readonly textSuccess: "#006F43";
+        readonly textWarning: "#805B00";
+        readonly textError: "#AB0009";
+        readonly textHelper: "#424242";
+        readonly textPrimaryInverted: "#FFFFFF";
+        readonly textSecondaryInverted: "#EFF1F3";
+        readonly textTertiaryInverted: "#B3BAC3";
+        readonly textDisabledButton: "#687787";
+        readonly backgroundPage: "#FFFFFF";
+        readonly backgroundPrimary: "#FFFFFF";
+        readonly backgroundSecondary: "#F7F8F9";
+        readonly backgroundTertiary: "#EFF1F3";
+        readonly backgroundDisabled: "#A4ADB7";
+        readonly backgroundSuccess: "#BEEFE2";
+        readonly backgroundMint: "#D6FFE3";
+        readonly backgroundMint3: "#7AFFA6";
+        readonly backgroundError: "#FFE4D6";
+        readonly backgroundWarning: "#FFF1CC";
+        readonly backgroundInformation: "#C2C6EA";
+        readonly backgroundHighlight: "#FFE4D6";
+        readonly backgroundAction1: "#3643BA";
+        readonly backgroundActionHover1: "#262F82";
+        readonly backgroundAction2: "#EFF1F3";
+        readonly backgroundActionHover2: "#D9DDE1";
+        readonly backgroundModal: "rgba(66, 66, 66, 0.75)";
+        readonly backgroundPrimaryInverted: "#101010";
+        readonly backgroundSecondaryInverted: "#383838";
+        readonly backgroundTertiaryInverted: "#616161";
+        readonly backgroundDisabledInverted: "#949494";
+        readonly backgroundRecommendationTable: "#f5f5f5";
+        readonly backgroundRecommendationScroll: "#E1E4E7";
+        readonly backgroundRecommendationScrollText: "#687787";
+        readonly borderPrimary: "#B3BAC3";
+        readonly borderSecondary: "#D9DDE1";
+        readonly borderHover: "#949494";
+        readonly borderInformation: "#3643BA";
+        readonly borderSuccess: "#02BE8A";
+        readonly borderWarning: "#BD8700";
+        readonly borderError: "#E3262F";
+        readonly borderHighlight: "#DB6900";
+        readonly borderDisabled: "#EFF1F3";
+        readonly borderInactive: "#7A7A7A";
+        readonly borderActive: "#101010";
+        readonly borderAction: "#3643BA";
+        readonly borderActionHover: "#262F82";
+        readonly borderPrimaryInverted: "#949494";
+        readonly borderSecondaryInverted: "#616161";
+        readonly borderHoverInverted: "#B3BAC3";
+        readonly iconPrimary: "#101010";
+        readonly iconSecondary: "#383838";
+        readonly iconTertiary: "#616161";
+        readonly iconInformation: "#3643BA";
+        readonly iconSuccess: "#017F5C";
+        readonly iconWarning: "#BD8700";
+        readonly iconError: "#AB0009";
+        readonly iconDisabled: "#949494";
+        readonly iconPrimaryInverted: "#FFFFFF";
+        readonly iconSecondaryInverted: "#F0F1F3";
+        readonly iconTertiaryInverted: "#C3C9CF";
+        readonly focusPrimary: "#3643BA";
+    };
+    readonly spacing: {
+        readonly xxxs: 2;
+        readonly xxs: 4;
+        readonly xxs2: 6;
+        readonly xs: 8;
+        readonly sm: 12;
+        readonly default: 14;
+        readonly md: 16;
+        readonly mmd: 21;
+        readonly lg: 24;
+        readonly xl: 32;
+        readonly xxl: 48;
+        readonly xxxl: 64;
+    };
+    readonly fonts: {
+        readonly inter: {
+            readonly regular: "Inter-Regular";
+            readonly medium: "Inter-Medium";
+            readonly semiBold: "Inter-SemiBold";
+            readonly bold: "Inter-Bold";
+        };
+        readonly openSans: {
+            readonly regular: "OpenSans-Regular";
+            readonly medium: "OpenSans-Medium";
+            readonly semiBold: "OpenSans-SemiBold";
+            readonly bold: "OpenSans-Bold";
+        };
+        readonly sizes: {
+            readonly xxxs: 10;
+            readonly xxs: 12;
+            readonly xs: 14;
+            readonly sm: 16;
+            readonly default: 18;
+            readonly md: 20;
+            readonly lg: 24;
+            readonly xl: 32;
+            readonly xxl: 40;
+            readonly xxxl: 48;
+            readonly xxxxl: 56;
+        };
+    };
+    readonly btnHeight: {
+        readonly xxs: 32;
+        readonly xs: 40;
+        readonly sm: 48;
+        readonly md: 64;
+    };
+    readonly inputHeight: {
+        readonly xxs: 32;
+        readonly xs: 40;
+        readonly sm: 48;
+        readonly md: 64;
+    };
+    readonly productHeight: {
+        readonly grid: 184;
+        readonly shelf: 150;
+        readonly mini: 62;
+        readonly medium: 88;
+        readonly loading: 260;
+        readonly showcaseConceptual: 450;
+    };
+    readonly radius: {
+        readonly none: 0;
+        readonly xs: 2;
+        readonly sm: 4;
+        readonly md: 8;
+        readonly lg: 16;
+        readonly xl: 20;
+        readonly round: 360;
+    };
+    readonly borders: {
+        readonly primary: "1px solid #B3BAC3";
+        readonly secondary: "1px solid #D9DDE1";
+        readonly hover: "1px solid #949494";
+        readonly information: "1px solid #3643BA";
+        readonly success: "1px solid #02BE8A";
+        readonly warning: "1px solid #BD8700";
+        readonly error: "1px solid #E3262F";
+        readonly highlight: "1px solid #DB6900";
+        readonly disabled: "1px solid #EFF1F3";
+        readonly inactive: "1px solid #7A7A7A";
+        readonly active: "1px solid #101010";
+        readonly action: "1px solid #3643BA";
+        readonly actionHover: "1px solid #262F82";
+        readonly transparent: "1px solid transparent";
+    };
+    readonly backgroundImage: {
+        readonly color: "#616161";
+        readonly opacity: 0.1;
+    };
+    readonly borderWidth: {
+        readonly none: 0;
+        readonly sm: 1;
+        readonly md: 2;
+        readonly lg: 3;
+    };
+    readonly metrics: {
+        readonly height: number;
+        readonly width: number;
+    };
+    readonly hitSlopWidth: {
+        readonly sm: 15;
+    };
+};
+export { dark, light, useTheme };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/themes/index.js

@@ -0,0 +1,6 @@
+import dark from "./dark";
+import light from "./light";
+const useTheme = () => {
+    return light;
+};
+export { dark, light, useTheme };

package/dist/themes/light.d.ts

@@ -0,0 +1,227 @@
+declare const light: {
+    readonly colors: {
+        readonly yellow1: string;
+        readonly yellow2: string;
+        readonly yellow3: string;
+        readonly yellow4: string;
+        readonly yellow5: string;
+        readonly red1: string;
+        readonly red2: string;
+        readonly red3: string;
+        readonly red4: string;
+        readonly red5: string;
+        readonly purple1: string;
+        readonly purple2: string;
+        readonly purple3: string;
+        readonly purple4: string;
+        readonly purple5: string;
+        readonly orange1: string;
+        readonly orange2: string;
+        readonly orange3: string;
+        readonly orange4: string;
+        readonly orange5: string;
+        readonly neutral1: string;
+        readonly neutral2: string;
+        readonly neutral3: string;
+        readonly neutral4: string;
+        readonly neutral5: string;
+        readonly neutral6: string;
+        readonly neutral7: string;
+        readonly neutral8: string;
+        readonly neutral9: string;
+        readonly neutral10: string;
+        readonly neutral11: string;
+        readonly neutral12: string;
+        readonly mint1: string;
+        readonly mint2: string;
+        readonly mint3: string;
+        readonly mint4: string;
+        readonly mint5: string;
+        readonly green1: string;
+        readonly green2: string;
+        readonly green3: string;
+        readonly green4: string;
+        readonly green5: string;
+        readonly blue1: string;
+        readonly blue2: string;
+        readonly blue3: string;
+        readonly blue4: string;
+        readonly blue5: string;
+        readonly primary: "#3643BA";
+        readonly secondary: "#FFCD4E";
+        readonly white: "#FFFFFF";
+        readonly black: "#101010";
+        readonly textPrimary: "#101010";
+        readonly textSecondary: "#383838";
+        readonly textTertiary: "#616161";
+        readonly textDisabled: "#949494";
+        readonly textAction: "#3643BA";
+        readonly textActionHover: "#262F82";
+        readonly textHighlight: "#DB6900";
+        readonly textSuccess: "#006F43";
+        readonly textWarning: "#805B00";
+        readonly textError: "#AB0009";
+        readonly textHelper: "#424242";
+        readonly textPrimaryInverted: "#FFFFFF";
+        readonly textSecondaryInverted: "#EFF1F3";
+        readonly textTertiaryInverted: "#B3BAC3";
+        readonly textDisabledButton: "#687787";
+        readonly backgroundPage: "#FFFFFF";
+        readonly backgroundPrimary: "#FFFFFF";
+        readonly backgroundSecondary: "#F7F8F9";
+        readonly backgroundTertiary: "#EFF1F3";
+        readonly backgroundDisabled: "#A4ADB7";
+        readonly backgroundSuccess: "#BEEFE2";
+        readonly backgroundMint: "#D6FFE3";
+        readonly backgroundMint3: "#7AFFA6";
+        readonly backgroundError: "#FFE4D6";
+        readonly backgroundWarning: "#FFF1CC";
+        readonly backgroundInformation: "#C2C6EA";
+        readonly backgroundHighlight: "#FFE4D6";
+        readonly backgroundAction1: "#3643BA";
+        readonly backgroundActionHover1: "#262F82";
+        readonly backgroundAction2: "#EFF1F3";
+        readonly backgroundActionHover2: "#D9DDE1";
+        readonly backgroundModal: "rgba(66, 66, 66, 0.75)";
+        readonly backgroundPrimaryInverted: "#101010";
+        readonly backgroundSecondaryInverted: "#383838";
+        readonly backgroundTertiaryInverted: "#616161";
+        readonly backgroundDisabledInverted: "#949494";
+        readonly backgroundRecommendationTable: "#f5f5f5";
+        readonly backgroundRecommendationScroll: "#E1E4E7";
+        readonly backgroundRecommendationScrollText: "#687787";
+        readonly borderPrimary: "#B3BAC3";
+        readonly borderSecondary: "#D9DDE1";
+        readonly borderHover: "#949494";
+        readonly borderInformation: "#3643BA";
+        readonly borderSuccess: "#02BE8A";
+        readonly borderWarning: "#BD8700";
+        readonly borderError: "#E3262F";
+        readonly borderHighlight: "#DB6900";
+        readonly borderDisabled: "#EFF1F3";
+        readonly borderInactive: "#7A7A7A";
+        readonly borderActive: "#101010";
+        readonly borderAction: "#3643BA";
+        readonly borderActionHover: "#262F82";
+        readonly borderPrimaryInverted: "#949494";
+        readonly borderSecondaryInverted: "#616161";
+        readonly borderHoverInverted: "#B3BAC3";
+        readonly iconPrimary: "#101010";
+        readonly iconSecondary: "#383838";
+        readonly iconTertiary: "#616161";
+        readonly iconInformation: "#3643BA";
+        readonly iconSuccess: "#017F5C";
+        readonly iconWarning: "#BD8700";
+        readonly iconError: "#AB0009";
+        readonly iconDisabled: "#949494";
+        readonly iconPrimaryInverted: "#FFFFFF";
+        readonly iconSecondaryInverted: "#F0F1F3";
+        readonly iconTertiaryInverted: "#C3C9CF";
+        readonly focusPrimary: "#3643BA";
+    };
+    readonly spacing: {
+        readonly xxxs: 2;
+        readonly xxs: 4;
+        readonly xxs2: 6;
+        readonly xs: 8;
+        readonly sm: 12;
+        readonly default: 14;
+        readonly md: 16;
+        readonly mmd: 21;
+        readonly lg: 24;
+        readonly xl: 32;
+        readonly xxl: 48;
+        readonly xxxl: 64;
+    };
+    readonly fonts: {
+        readonly inter: {
+            readonly regular: "Inter-Regular";
+            readonly medium: "Inter-Medium";
+            readonly semiBold: "Inter-SemiBold";
+            readonly bold: "Inter-Bold";
+        };
+        readonly openSans: {
+            readonly regular: "OpenSans-Regular";
+            readonly medium: "OpenSans-Medium";
+            readonly semiBold: "OpenSans-SemiBold";
+            readonly bold: "OpenSans-Bold";
+        };
+        readonly sizes: {
+            readonly xxxs: 10;
+            readonly xxs: 12;
+            readonly xs: 14;
+            readonly sm: 16;
+            readonly default: 18;
+            readonly md: 20;
+            readonly lg: 24;
+            readonly xl: 32;
+            readonly xxl: 40;
+            readonly xxxl: 48;
+            readonly xxxxl: 56;
+        };
+    };
+    readonly btnHeight: {
+        readonly xxs: 32;
+        readonly xs: 40;
+        readonly sm: 48;
+        readonly md: 64;
+    };
+    readonly inputHeight: {
+        readonly xxs: 32;
+        readonly xs: 40;
+        readonly sm: 48;
+        readonly md: 64;
+    };
+    readonly productHeight: {
+        readonly grid: 184;
+        readonly shelf: 150;
+        readonly mini: 62;
+        readonly medium: 88;
+        readonly loading: 260;
+        readonly showcaseConceptual: 450;
+    };
+    readonly radius: {
+        readonly none: 0;
+        readonly xs: 2;
+        readonly sm: 4;
+        readonly md: 8;
+        readonly lg: 16;
+        readonly xl: 20;
+        readonly round: 360;
+    };
+    readonly borders: {
+        readonly primary: "1px solid #B3BAC3";
+        readonly secondary: "1px solid #D9DDE1";
+        readonly hover: "1px solid #949494";
+        readonly information: "1px solid #3643BA";
+        readonly success: "1px solid #02BE8A";
+        readonly warning: "1px solid #BD8700";
+        readonly error: "1px solid #E3262F";
+        readonly highlight: "1px solid #DB6900";
+        readonly disabled: "1px solid #EFF1F3";
+        readonly inactive: "1px solid #7A7A7A";
+        readonly active: "1px solid #101010";
+        readonly action: "1px solid #3643BA";
+        readonly actionHover: "1px solid #262F82";
+        readonly transparent: "1px solid transparent";
+    };
+    readonly backgroundImage: {
+        readonly color: "#616161";
+        readonly opacity: 0.1;
+    };
+    readonly borderWidth: {
+        readonly none: 0;
+        readonly sm: 1;
+        readonly md: 2;
+        readonly lg: 3;
+    };
+    readonly metrics: {
+        readonly height: number;
+        readonly width: number;
+    };
+    readonly hitSlopWidth: {
+        readonly sm: 15;
+    };
+};
+export default light;
+//# sourceMappingURL=light.d.ts.map

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

@@ -0,0 +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"}

package/dist/themes/light.js

@@ -0,0 +1,189 @@
+import { blue, green, mint, neutral, orange, purple, red, yellow, } from "./colors";
+import { Dimensions } from "react-native";
+const light = {
+    colors: {
+        primary: "#3643BA",
+        secondary: "#FFCD4E",
+        white: "#FFFFFF",
+        black: "#101010",
+        textPrimary: "#101010",
+        textSecondary: "#383838",
+        textTertiary: "#616161",
+        textDisabled: "#949494",
+        textAction: "#3643BA",
+        textActionHover: "#262F82",
+        textHighlight: "#DB6900",
+        textSuccess: "#006F43",
+        textWarning: "#805B00",
+        textError: "#AB0009",
+        textHelper: "#424242",
+        textPrimaryInverted: "#FFFFFF",
+        textSecondaryInverted: "#EFF1F3",
+        textTertiaryInverted: "#B3BAC3",
+        textDisabledButton: "#687787",
+        backgroundPage: "#FFFFFF",
+        backgroundPrimary: "#FFFFFF",
+        backgroundSecondary: "#F7F8F9",
+        backgroundTertiary: "#EFF1F3",
+        backgroundDisabled: "#A4ADB7",
+        backgroundSuccess: "#BEEFE2",
+        backgroundMint: "#D6FFE3",
+        backgroundMint3: "#7AFFA6",
+        backgroundError: "#FFE4D6",
+        backgroundWarning: "#FFF1CC",
+        backgroundInformation: "#C2C6EA",
+        backgroundHighlight: "#FFE4D6",
+        backgroundAction1: "#3643BA",
+        backgroundActionHover1: "#262F82",
+        backgroundAction2: "#EFF1F3",
+        backgroundActionHover2: "#D9DDE1",
+        backgroundModal: "rgba(66, 66, 66, 0.75)",
+        backgroundPrimaryInverted: "#101010",
+        backgroundSecondaryInverted: "#383838",
+        backgroundTertiaryInverted: "#616161",
+        backgroundDisabledInverted: "#949494",
+        backgroundRecommendationTable: "#f5f5f5",
+        backgroundRecommendationScroll: "#E1E4E7",
+        backgroundRecommendationScrollText: "#687787",
+        borderPrimary: "#B3BAC3",
+        borderSecondary: "#D9DDE1",
+        borderHover: "#949494",
+        borderInformation: "#3643BA",
+        borderSuccess: "#02BE8A",
+        borderWarning: "#BD8700",
+        borderError: "#E3262F",
+        borderHighlight: "#DB6900",
+        borderDisabled: "#EFF1F3",
+        borderInactive: "#7A7A7A",
+        borderActive: "#101010",
+        borderAction: "#3643BA",
+        borderActionHover: "#262F82",
+        borderPrimaryInverted: "#949494",
+        borderSecondaryInverted: "#616161",
+        borderHoverInverted: "#B3BAC3",
+        iconPrimary: "#101010",
+        iconSecondary: "#383838",
+        iconTertiary: "#616161",
+        iconInformation: "#3643BA",
+        iconSuccess: "#017F5C",
+        iconWarning: "#BD8700",
+        iconError: "#AB0009",
+        iconDisabled: "#949494",
+        iconPrimaryInverted: "#FFFFFF",
+        iconSecondaryInverted: "#F0F1F3",
+        iconTertiaryInverted: "#C3C9CF",
+        focusPrimary: "#3643BA",
+        ...blue,
+        ...green,
+        ...mint,
+        ...neutral,
+        ...orange,
+        ...purple,
+        ...red,
+        ...yellow,
+    },
+    spacing: {
+        xxxs: 2,
+        xxs: 4,
+        xxs2: 6,
+        xs: 8,
+        sm: 12,
+        default: 14,
+        md: 16,
+        mmd: 21,
+        lg: 24,
+        xl: 32,
+        xxl: 48,
+        xxxl: 64,
+    },
+    fonts: {
+        inter: {
+            regular: "Inter-Regular",
+            medium: "Inter-Medium",
+            semiBold: "Inter-SemiBold",
+            bold: "Inter-Bold",
+        },
+        openSans: {
+            regular: "OpenSans-Regular",
+            medium: "OpenSans-Medium",
+            semiBold: "OpenSans-SemiBold",
+            bold: "OpenSans-Bold",
+        },
+        sizes: {
+            xxxs: 10,
+            xxs: 12,
+            xs: 14,
+            sm: 16,
+            default: 18,
+            md: 20,
+            lg: 24,
+            xl: 32,
+            xxl: 40,
+            xxxl: 48,
+            xxxxl: 56,
+        },
+    },
+    btnHeight: {
+        xxs: 32,
+        xs: 40,
+        sm: 48,
+        md: 64,
+    },
+    inputHeight: {
+        xxs: 32,
+        xs: 40,
+        sm: 48,
+        md: 64,
+    },
+    productHeight: {
+        grid: 184,
+        shelf: 150,
+        mini: 62,
+        medium: 88,
+        loading: 260,
+        showcaseConceptual: 450,
+    },
+    radius: {
+        none: 0,
+        xs: 2,
+        sm: 4,
+        md: 8,
+        lg: 16,
+        xl: 20,
+        round: 360,
+    },
+    borders: {
+        primary: "1px solid #B3BAC3",
+        secondary: "1px solid #D9DDE1",
+        hover: "1px solid #949494",
+        information: "1px solid #3643BA",
+        success: "1px solid #02BE8A",
+        warning: "1px solid #BD8700",
+        error: "1px solid #E3262F",
+        highlight: "1px solid #DB6900",
+        disabled: "1px solid #EFF1F3",
+        inactive: "1px solid #7A7A7A",
+        active: "1px solid #101010",
+        action: "1px solid #3643BA",
+        actionHover: "1px solid #262F82",
+        transparent: "1px solid transparent",
+    },
+    backgroundImage: {
+        color: "#616161",
+        opacity: 0.1,
+    },
+    borderWidth: {
+        none: 0,
+        sm: 1,
+        md: 2,
+        lg: 3,
+    },
+    metrics: {
+        height: Dimensions.get("window").height,
+        width: Dimensions.get("window").width,
+    },
+    hitSlopWidth: {
+        sm: 15,
+    },
+};
+export default light;