@expo/styleguide-native 6.1.3 → 7.0.0-alpha.0

package/dist/logos/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WordMarkLogo = exports.SnackLogo = exports.Logo = exports.ExpoGoLogo = exports.DocsLogo = void 0;
-var DocsLogo_1 = require("./DocsLogo");
-Object.defineProperty(exports, "DocsLogo", { enumerable: true, get: function () { return __importDefault(DocsLogo_1).default; } });
-var ExpoGoLogo_1 = require("./ExpoGoLogo");
-Object.defineProperty(exports, "ExpoGoLogo", { enumerable: true, get: function () { return __importDefault(ExpoGoLogo_1).default; } });
-var Logo_1 = require("./Logo");
-Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return __importDefault(Logo_1).default; } });
-var SnackLogo_1 = require("./SnackLogo");
-Object.defineProperty(exports, "SnackLogo", { enumerable: true, get: function () { return __importDefault(SnackLogo_1).default; } });
-var WordMarkLogo_1 = require("./WordMarkLogo");
-Object.defineProperty(exports, "WordMarkLogo", { enumerable: true, get: function () { return __importDefault(WordMarkLogo_1).default; } });

package/dist/styles/breakpoints.d.ts

@@ -1,5 +0,0 @@
-export declare const breakpoints: {
-    small: number;
-    medium: number;
-    large: number;
-};

package/dist/styles/breakpoints.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.breakpoints = void 0;
-exports.breakpoints = {
-    small: 400,
-    medium: 900,
-    large: 1200,
-};

package/dist/styles/palette.d.ts

@@ -1,200 +0,0 @@
-export declare const palette: {
-    white: string;
-    black: string;
-    light: {
-        gray1: string;
-        gray2: string;
-        gray3: string;
-        gray4: string;
-        gray5: string;
-        gray6: string;
-        gray7: string;
-        gray8: string;
-        gray9: string;
-        gray10: string;
-        gray11: string;
-        gray12: string;
-        pink1: string;
-        pink2: string;
-        pink3: string;
-        pink4: string;
-        pink5: string;
-        pink6: string;
-        pink7: string;
-        pink8: string;
-        pink9: string;
-        pink10: string;
-        pink11: string;
-        pink12: string;
-        purple1: string;
-        purple2: string;
-        purple3: string;
-        purple4: string;
-        purple5: string;
-        purple6: string;
-        purple7: string;
-        purple8: string;
-        purple9: string;
-        purple10: string;
-        purple11: string;
-        purple12: string;
-        orange1: string;
-        orange2: string;
-        orange3: string;
-        orange4: string;
-        orange5: string;
-        orange6: string;
-        orange7: string;
-        orange8: string;
-        orange9: string;
-        orange10: string;
-        orange11: string;
-        orange12: string;
-        green1: string;
-        green2: string;
-        green3: string;
-        green4: string;
-        green5: string;
-        green6: string;
-        green7: string;
-        green8: string;
-        green9: string;
-        green10: string;
-        green11: string;
-        green12: string;
-        yellow1: string;
-        yellow2: string;
-        yellow3: string;
-        yellow4: string;
-        yellow5: string;
-        yellow6: string;
-        yellow7: string;
-        yellow8: string;
-        yellow9: string;
-        yellow10: string;
-        yellow11: string;
-        yellow12: string;
-        red1: string;
-        red2: string;
-        red3: string;
-        red4: string;
-        red5: string;
-        red6: string;
-        red7: string;
-        red8: string;
-        red9: string;
-        red10: string;
-        red11: string;
-        red12: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        blue6: string;
-        blue7: string;
-        blue8: string;
-        blue9: string;
-        blue10: string;
-        blue11: string;
-        blue12: string;
-    };
-    dark: {
-        gray1: string;
-        gray2: string;
-        gray3: string;
-        gray4: string;
-        gray5: string;
-        gray6: string;
-        gray7: string;
-        gray8: string;
-        gray9: string;
-        gray10: string;
-        gray11: string;
-        gray12: string;
-        pink1: string;
-        pink2: string;
-        pink3: string;
-        pink4: string;
-        pink5: string;
-        pink6: string;
-        pink7: string;
-        pink8: string;
-        pink9: string;
-        pink10: string;
-        pink11: string;
-        pink12: string;
-        purple1: string;
-        purple2: string;
-        purple3: string;
-        purple4: string;
-        purple5: string;
-        purple6: string;
-        purple7: string;
-        purple8: string;
-        purple9: string;
-        purple10: string;
-        purple11: string;
-        purple12: string;
-        orange1: string;
-        orange2: string;
-        orange3: string;
-        orange4: string;
-        orange5: string;
-        orange6: string;
-        orange7: string;
-        orange8: string;
-        orange9: string;
-        orange10: string;
-        orange11: string;
-        orange12: string;
-        green1: string;
-        green2: string;
-        green3: string;
-        green4: string;
-        green5: string;
-        green6: string;
-        green7: string;
-        green8: string;
-        green9: string;
-        green10: string;
-        green11: string;
-        green12: string;
-        yellow1: string;
-        yellow2: string;
-        yellow3: string;
-        yellow4: string;
-        yellow5: string;
-        yellow6: string;
-        yellow7: string;
-        yellow8: string;
-        yellow9: string;
-        yellow10: string;
-        yellow11: string;
-        yellow12: string;
-        red1: string;
-        red2: string;
-        red3: string;
-        red4: string;
-        red5: string;
-        red6: string;
-        red7: string;
-        red8: string;
-        red9: string;
-        red10: string;
-        red11: string;
-        red12: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        blue6: string;
-        blue7: string;
-        blue8: string;
-        blue9: string;
-        blue10: string;
-        blue11: string;
-        blue12: string;
-    };
-};

package/dist/styles/palette.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.palette = void 0;
-const colors_1 = require("@radix-ui/colors");
-exports.palette = {
-    white: 'hsl(0, 0%, 100%)',
-    black: 'hsl(0, 0%, 0%)',
-    light: {
-        ...colors_1.blue,
-        ...colors_1.red,
-        ...colors_1.yellow,
-        ...colors_1.green,
-        ...colors_1.orange,
-        ...colors_1.purple,
-        ...colors_1.pink,
-        gray1: colors_1.slate.slate1,
-        gray2: colors_1.slate.slate2,
-        gray3: colors_1.slate.slate3,
-        gray4: colors_1.slate.slate4,
-        gray5: colors_1.slate.slate5,
-        gray6: colors_1.slate.slate6,
-        gray7: colors_1.slate.slate7,
-        gray8: colors_1.slate.slate8,
-        gray9: colors_1.slate.slate9,
-        gray10: colors_1.slate.slate10,
-        gray11: colors_1.slate.slate11,
-        gray12: colors_1.slate.slate12
-    },
-    dark: {
-        ...colors_1.blueDark,
-        ...colors_1.redDark,
-        ...colors_1.yellowDark,
-        ...colors_1.greenDark,
-        ...colors_1.orangeDark,
-        ...colors_1.purpleDark,
-        ...colors_1.pinkDark,
-        gray1: colors_1.slateDark.slate1,
-        gray2: colors_1.slateDark.slate2,
-        gray3: colors_1.slateDark.slate3,
-        gray4: colors_1.slateDark.slate4,
-        gray5: colors_1.slateDark.slate5,
-        gray6: colors_1.slateDark.slate6,
-        gray7: colors_1.slateDark.slate7,
-        gray8: colors_1.slateDark.slate8,
-        gray9: colors_1.slateDark.slate9,
-        gray10: colors_1.slateDark.slate10,
-        gray11: colors_1.slateDark.slate11,
-        gray12: colors_1.slateDark.slate12
-    },
-};

package/dist/styles/shadows.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shadows = void 0;
-exports.shadows = {
-    xs: {
-        elevation: 1,
-        shadowColor: '#000',
-        shadowRadius: 1,
-        shadowOffset: { height: 1, width: 0 },
-        shadowOpacity: 0.075,
-    },
-    sm: {
-        elevation: 4,
-        shadowColor: '#000',
-        shadowRadius: 3,
-        shadowOffset: { height: 3, width: 0 },
-        shadowOpacity: 0.15,
-    },
-    md: {
-        elevation: 8,
-        shadowColor: '#000',
-        shadowRadius: 8,
-        shadowOffset: { height: 6, width: 0 },
-        shadowOpacity: 0.15,
-    },
-    lg: {
-        elevation: 16,
-        shadowColor: '#000',
-        shadowRadius: 10,
-        shadowOffset: { height: 10, width: 0 },
-        shadowOpacity: 0.17,
-    },
-    xl: {
-        elevation: 28,
-        shadowColor: '#000',
-        shadowRadius: 25,
-        shadowOffset: { height: 16, width: 0 },
-        shadowOpacity: 0.2,
-    },
-};

package/dist/styles/sizing.d.ts

@@ -1,19 +0,0 @@
-export declare const borderRadius: {
-    none: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    '2xl': number;
-    '3xl': number;
-    full: number;
-};
-export declare const iconSize: {
-    '2xs': number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};

package/dist/styles/sizing.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconSize = exports.borderRadius = void 0;
-exports.borderRadius = {
-    none: 0,
-    xs: 2,
-    sm: 4,
-    md: 6,
-    lg: 10,
-    xl: 16,
-    '2xl': 20,
-    '3xl': 24,
-    'full': 9999,
-};
-exports.iconSize = {
-    '2xs': 12,
-    xs: 14,
-    sm: 16,
-    md: 20,
-    lg: 24,
-    xl: 40,
-};

package/dist/styles/spacing.d.ts

@@ -1,36 +0,0 @@
-export declare const spacing: {
-    0: number;
-    '0.5': number;
-    1: number;
-    '1.5': number;
-    2: number;
-    '2.5': number;
-    3: number;
-    '3.5': number;
-    4: number;
-    5: number;
-    6: number;
-    7: number;
-    8: number;
-    9: number;
-    10: number;
-    11: number;
-    12: number;
-    14: number;
-    16: number;
-    20: number;
-    24: number;
-    28: number;
-    32: number;
-    36: number;
-    40: number;
-    44: number;
-    48: number;
-    52: number;
-    56: number;
-    60: number;
-    64: number;
-    72: number;
-    80: number;
-    96: number;
-};

package/dist/styles/spacing.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spacing = void 0;
-const baseSize = 16;
-exports.spacing = {
-    0: 1,
-    '0.5': baseSize * 0.125,
-    1: baseSize * 0.25,
-    '1.5': baseSize * 0.375,
-    2: baseSize * 0.5,
-    '2.5': baseSize * 0.625,
-    3: baseSize * 0.75,
-    '3.5': baseSize * 0.875,
-    4: baseSize * 1,
-    5: baseSize * 1.25,
-    6: baseSize * 1.5,
-    7: baseSize * 1.75,
-    8: baseSize * 2,
-    9: baseSize * 2.25,
-    10: baseSize * 2.5,
-    11: baseSize * 2.75,
-    12: baseSize * 3,
-    14: baseSize * 3.5,
-    16: baseSize * 4,
-    20: baseSize * 5,
-    24: baseSize * 6,
-    28: baseSize * 7,
-    32: baseSize * 8,
-    36: baseSize * 9,
-    40: baseSize * 10,
-    44: baseSize * 11,
-    48: baseSize * 12,
-    52: baseSize * 13,
-    56: baseSize * 14,
-    60: baseSize * 15,
-    64: baseSize * 16,
-    72: baseSize * 18,
-    80: baseSize * 20,
-    96: baseSize * 24,
-};

package/dist/styles/themes.d.ts

@@ -1,236 +0,0 @@
-export declare const lightTheme: {
-    background: {
-        default: string;
-        screen: string;
-        subtle: string;
-        element: string;
-        hover: string;
-        selected: string;
-        overlay: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    icon: {
-        default: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    text: {
-        default: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        link: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    border: {
-        default: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    button: {
-        primary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-            destructive: {
-                background: string;
-                border: string;
-                hover: string;
-                icon: string;
-                text: string;
-                disabled: {
-                    background: string;
-                    border: string;
-                    text: string;
-                };
-            };
-        };
-        secondary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-            destructive: {
-                background: string;
-                border: string;
-                hover: string;
-                icon: string;
-                text: string;
-                disabled: {
-                    background: string;
-                    border: string;
-                    text: string;
-                };
-            };
-        };
-        tertiary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-        };
-        quaternary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-        };
-    };
-};
-export declare const darkTheme: {
-    background: {
-        default: string;
-        screen: string;
-        subtle: string;
-        element: string;
-        hover: string;
-        selected: string;
-        overlay: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    icon: {
-        default: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    text: {
-        default: string;
-        secondary: string;
-        tertiary: string;
-        quaternary: string;
-        link: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    border: {
-        default: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-    };
-    button: {
-        primary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-            destructive: {
-                background: string;
-                border: string;
-                hover: string;
-                icon: string;
-                text: string;
-                disabled: {
-                    background: string;
-                    border: string;
-                    text: string;
-                };
-            };
-        };
-        secondary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-            destructive: {
-                background: string;
-                border: string;
-                hover: string;
-                icon: string;
-                text: string;
-                disabled: {
-                    background: string;
-                    border: string;
-                    text: string;
-                };
-            };
-        };
-        tertiary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-        };
-        quaternary: {
-            background: string;
-            border: string;
-            hover: string;
-            icon: string;
-            text: string;
-            disabled: {
-                background: string;
-                border: string;
-                text: string;
-            };
-        };
-    };
-};