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

package/dist/styles/themes.js

@@ -1,240 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.lightTheme = void 0;
-const palette_1 = require("./palette");
-exports.lightTheme = {
-    background: {
-        default: palette_1.palette.white,
-        screen: palette_1.palette.light.gray1,
-        subtle: palette_1.palette.light.gray2,
-        element: palette_1.palette.light.gray3,
-        hover: palette_1.palette.light.gray4,
-        selected: palette_1.palette.light.gray5,
-        overlay: palette_1.palette.white,
-        success: palette_1.palette.light.green3,
-        warning: palette_1.palette.light.yellow3,
-        danger: palette_1.palette.light.red3,
-        info: palette_1.palette.light.blue3,
-    },
-    icon: {
-        default: palette_1.palette.light.gray11,
-        secondary: palette_1.palette.light.gray10,
-        tertiary: palette_1.palette.light.gray9,
-        quaternary: palette_1.palette.light.gray8,
-        success: palette_1.palette.light.green10,
-        warning: palette_1.palette.light.yellow11,
-        danger: palette_1.palette.light.red10,
-        info: palette_1.palette.light.blue10,
-    },
-    text: {
-        default: palette_1.palette.light.gray12,
-        secondary: palette_1.palette.light.gray11,
-        tertiary: palette_1.palette.light.gray10,
-        quaternary: palette_1.palette.light.gray9,
-        link: palette_1.palette.light.blue11,
-        success: palette_1.palette.light.green11,
-        warning: palette_1.palette.light.yellow11,
-        danger: palette_1.palette.light.red11,
-        info: palette_1.palette.light.blue11,
-    },
-    border: {
-        default: palette_1.palette.light.gray7,
-        secondary: palette_1.palette.light.gray6,
-        success: palette_1.palette.light.green7,
-        warning: palette_1.palette.light.yellow7,
-        danger: palette_1.palette.light.red7,
-        info: palette_1.palette.light.blue7,
-    },
-    button: {
-        primary: {
-            background: palette_1.palette.light.blue10,
-            border: palette_1.palette.light.blue10,
-            hover: palette_1.palette.light.blue11,
-            icon: palette_1.palette.light.blue3,
-            text: palette_1.palette.white,
-            disabled: {
-                background: palette_1.palette.light.blue7,
-                border: palette_1.palette.light.blue7,
-                text: palette_1.palette.white,
-            },
-            destructive: {
-                background: palette_1.palette.light.red10,
-                border: palette_1.palette.light.red10,
-                hover: palette_1.palette.light.red11,
-                icon: palette_1.palette.light.red3,
-                text: palette_1.palette.white,
-                disabled: {
-                    background: palette_1.palette.light.red7,
-                    border: palette_1.palette.light.red7,
-                    text: palette_1.palette.white,
-                }
-            }
-        },
-        secondary: {
-            background: palette_1.palette.white,
-            border: palette_1.palette.light.gray8,
-            hover: palette_1.palette.light.gray3,
-            icon: palette_1.palette.light.gray11,
-            text: palette_1.palette.light.gray12,
-            disabled: {
-                background: palette_1.palette.white,
-                border: palette_1.palette.light.gray6,
-                text: palette_1.palette.light.gray9,
-            },
-            destructive: {
-                background: palette_1.palette.white,
-                border: palette_1.palette.light.red7,
-                hover: palette_1.palette.light.red3,
-                icon: palette_1.palette.light.red9,
-                text: palette_1.palette.light.red11,
-                disabled: {
-                    background: palette_1.palette.white,
-                    border: palette_1.palette.light.red5,
-                    text: palette_1.palette.light.red8,
-                }
-            }
-        },
-        tertiary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette_1.palette.light.blue4,
-            icon: palette_1.palette.light.blue9,
-            text: palette_1.palette.light.blue10,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette_1.palette.light.blue8,
-            }
-        },
-        quaternary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette_1.palette.light.gray4,
-            icon: palette_1.palette.light.gray11,
-            text: palette_1.palette.light.gray12,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette_1.palette.light.gray9,
-            }
-        },
-    },
-};
-exports.darkTheme = {
-    background: {
-        default: palette_1.palette.dark.gray1,
-        screen: '#0C0D0E',
-        subtle: palette_1.palette.dark.gray2,
-        element: palette_1.palette.dark.gray3,
-        hover: palette_1.palette.dark.gray4,
-        selected: palette_1.palette.dark.gray5,
-        overlay: palette_1.palette.dark.gray2,
-        success: palette_1.palette.dark.green3,
-        warning: palette_1.palette.dark.yellow3,
-        danger: palette_1.palette.dark.red3,
-        info: palette_1.palette.dark.blue3,
-    },
-    icon: {
-        default: palette_1.palette.dark.gray11,
-        secondary: palette_1.palette.dark.gray10,
-        tertiary: palette_1.palette.dark.gray9,
-        quaternary: palette_1.palette.dark.gray8,
-        success: palette_1.palette.dark.green10,
-        warning: palette_1.palette.dark.yellow11,
-        danger: palette_1.palette.dark.red10,
-        info: palette_1.palette.dark.blue10,
-    },
-    text: {
-        default: palette_1.palette.dark.gray12,
-        secondary: palette_1.palette.dark.gray11,
-        tertiary: palette_1.palette.dark.gray10,
-        quaternary: palette_1.palette.dark.gray9,
-        link: palette_1.palette.dark.blue11,
-        success: palette_1.palette.dark.green11,
-        warning: palette_1.palette.dark.yellow11,
-        danger: palette_1.palette.dark.red11,
-        info: palette_1.palette.dark.blue11,
-    },
-    border: {
-        default: palette_1.palette.dark.gray7,
-        secondary: palette_1.palette.dark.gray6,
-        success: palette_1.palette.dark.green7,
-        warning: palette_1.palette.dark.yellow7,
-        danger: palette_1.palette.dark.red7,
-        info: palette_1.palette.dark.blue7,
-    },
-    button: {
-        primary: {
-            background: palette_1.palette.dark.blue8,
-            border: palette_1.palette.dark.blue8,
-            hover: palette_1.palette.dark.blue7,
-            icon: palette_1.palette.dark.blue12,
-            text: palette_1.palette.white,
-            disabled: {
-                background: palette_1.palette.dark.blue7,
-                border: palette_1.palette.dark.blue7,
-                text: palette_1.palette.dark.gray11,
-            },
-            destructive: {
-                background: palette_1.palette.dark.red8,
-                border: palette_1.palette.dark.red8,
-                hover: palette_1.palette.dark.red7,
-                icon: palette_1.palette.dark.red12,
-                text: palette_1.palette.white,
-                disabled: {
-                    background: palette_1.palette.dark.red6,
-                    border: palette_1.palette.dark.red6,
-                    text: palette_1.palette.dark.red11,
-                }
-            }
-        },
-        secondary: {
-            background: palette_1.palette.dark.gray3,
-            border: palette_1.palette.dark.gray8,
-            hover: palette_1.palette.dark.gray4,
-            icon: palette_1.palette.dark.gray12,
-            text: palette_1.palette.white,
-            disabled: {
-                background: palette_1.palette.dark.gray1,
-                border: palette_1.palette.dark.gray7,
-                text: palette_1.palette.dark.gray11,
-            },
-            destructive: {
-                background: palette_1.palette.dark.red3,
-                border: palette_1.palette.dark.red7,
-                hover: palette_1.palette.dark.red2,
-                icon: palette_1.palette.dark.red9,
-                text: palette_1.palette.white,
-                disabled: {
-                    background: palette_1.palette.dark.red2,
-                    border: palette_1.palette.dark.red6,
-                    text: palette_1.palette.dark.red10,
-                }
-            }
-        },
-        tertiary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette_1.palette.dark.blue4,
-            icon: palette_1.palette.dark.blue10,
-            text: palette_1.palette.dark.blue11,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette_1.palette.dark.blue8,
-            }
-        },
-        quaternary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette_1.palette.dark.gray4,
-            icon: palette_1.palette.dark.gray10,
-            text: palette_1.palette.dark.gray11,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette_1.palette.dark.gray9,
-            }
-        },
-    },
-};

package/dist/styles/typography.js

@@ -1,338 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typography = void 0;
-const baseFontSize = 16;
-const fontSizes = {
-    61: {
-        fontSize: 61,
-        lineHeight: 73,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    53: {
-        fontSize: 53,
-        lineHeight: 64,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    49: {
-        fontSize: 49,
-        lineHeight: 59,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    46: {
-        fontSize: 46,
-        lineHeight: 55,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    43: {
-        fontSize: 43,
-        lineHeight: 52,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    39: {
-        fontSize: 39,
-        lineHeight: 51,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    37: {
-        fontSize: 37,
-        lineHeight: 48,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    34: {
-        fontSize: 34,
-        lineHeight: 44,
-        letterSpacing: -0.022 * baseFontSize,
-    },
-    31: {
-        fontSize: 31,
-        lineHeight: 40,
-        letterSpacing: -0.021 * baseFontSize,
-    },
-    29: {
-        fontSize: 29,
-        lineHeight: 38,
-        letterSpacing: -0.021 * baseFontSize,
-    },
-    27: {
-        fontSize: 27,
-        lineHeight: 36,
-        letterSpacing: -0.021 * baseFontSize,
-    },
-    25: {
-        fontSize: 25,
-        lineHeight: 35,
-        letterSpacing: -0.021 * baseFontSize,
-    },
-    23: {
-        fontSize: 23,
-        lineHeight: 32,
-        letterSpacing: -0.019 * baseFontSize,
-    },
-    22: {
-        fontSize: 22,
-        lineHeight: 31,
-        letterSpacing: -0.018 * baseFontSize,
-    },
-    20: {
-        fontSize: 20,
-        lineHeight: 30,
-        letterSpacing: -0.017 * baseFontSize,
-    },
-    19: {
-        fontSize: 19,
-        lineHeight: 29,
-        letterSpacing: -0.015 * baseFontSize,
-    },
-    18: {
-        fontSize: 18,
-        lineHeight: 28,
-        letterSpacing: -0.014 * baseFontSize,
-    },
-    16: {
-        fontSize: 16,
-        lineHeight: 26,
-        letterSpacing: -0.011 * baseFontSize,
-    },
-    15: {
-        fontSize: 15,
-        lineHeight: 24,
-        letterSpacing: -0.009 * baseFontSize,
-    },
-    14: {
-        fontSize: 14,
-        lineHeight: 22,
-        letterSpacing: -0.006 * baseFontSize,
-    },
-    13: {
-        fontSize: 13,
-        lineHeight: 21,
-        letterSpacing: -0.003 * baseFontSize,
-    },
-    12: {
-        fontSize: 12,
-        lineHeight: 19,
-    },
-};
-const headers = {
-    xl: {
-        large: {
-            huge: {
-                fontWeight: '900',
-                ...fontSizes[61],
-            },
-            h1: {
-                fontWeight: '600',
-                ...fontSizes[49],
-            },
-            h2: {
-                fontWeight: '600',
-                ...fontSizes[39],
-            },
-            h3: {
-                fontWeight: '600',
-                ...fontSizes[31],
-            },
-            h4: {
-                fontWeight: '600',
-                ...fontSizes[25],
-            },
-            h5: {
-                fontWeight: '600',
-                ...fontSizes[20],
-            },
-            h6: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-        },
-        medium: {
-            huge: {
-                fontWeight: '900',
-                ...fontSizes[53],
-            },
-            h1: {
-                fontWeight: '600',
-                ...fontSizes[43],
-            },
-            h2: {
-                fontWeight: '600',
-                ...fontSizes[34],
-            },
-            h3: {
-                fontWeight: '600',
-                ...fontSizes[27],
-            },
-            h4: {
-                fontWeight: '600',
-                ...fontSizes[22],
-            },
-            h5: {
-                fontWeight: '600',
-                ...fontSizes[18],
-            },
-            h6: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-        },
-        small: {
-            huge: {
-                fontWeight: '900',
-                ...fontSizes[46],
-            },
-            h1: {
-                fontWeight: '600',
-                ...fontSizes[37],
-            },
-            h2: {
-                fontWeight: '600',
-                ...fontSizes[29],
-            },
-            h3: {
-                fontWeight: '600',
-                ...fontSizes[23],
-            },
-            h4: {
-                fontWeight: '600',
-                ...fontSizes[19],
-            },
-            h5: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-            h6: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-        },
-    },
-    default: {
-        large: {
-            huge: {
-                fontWeight: '900',
-                ...fontSizes[39],
-            },
-            h1: {
-                fontWeight: '600',
-                ...fontSizes[31],
-            },
-            h2: {
-                fontWeight: '600',
-                ...fontSizes[25],
-            },
-            h3: {
-                fontWeight: '600',
-                ...fontSizes[20],
-            },
-            h4: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-            h5: {
-                fontWeight: '600',
-                ...fontSizes[13],
-            },
-            h6: {
-                fontWeight: '600',
-                ...fontSizes[12],
-            },
-        },
-        medium: {
-            huge: {
-                fontWeight: '900',
-                ...fontSizes[34],
-            },
-            h1: {
-                fontWeight: '600',
-                ...fontSizes[27],
-            },
-            h2: {
-                fontWeight: '600',
-                ...fontSizes[22],
-            },
-            h3: {
-                fontWeight: '600',
-                ...fontSizes[18],
-            },
-            h4: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-            h5: {
-                fontWeight: '600',
-                ...fontSizes[13],
-            },
-            h6: {
-                fontWeight: '600',
-                ...fontSizes[12],
-            },
-        },
-        small: {
-            huge: {
-                fontWeight: '900',
-                ...fontSizes[29],
-            },
-            h1: {
-                fontWeight: '600',
-                ...fontSizes[23],
-            },
-            h2: {
-                fontWeight: '600',
-                ...fontSizes[19],
-            },
-            h3: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-            h4: {
-                fontWeight: '600',
-                ...fontSizes[16],
-            },
-            h5: {
-                fontWeight: '600',
-                ...fontSizes[13],
-            },
-            h6: {
-                fontWeight: '600',
-                ...fontSizes[12],
-            },
-        },
-    },
-};
-const baseStyle = {
-    fontWeight: '400',
-    ...fontSizes[16],
-};
-const body = {
-    headline: {
-        fontWeight: '500',
-        ...fontSizes[16],
-    },
-    paragraph: baseStyle,
-    label: {
-        fontWeight: '500',
-        ...fontSizes[15],
-    },
-    callout: {
-        fontWeight: '400',
-        ...fontSizes[14],
-    },
-    footnote: {
-        fontWeight: '400',
-        ...fontSizes[13],
-    },
-    caption: {
-        fontWeight: '400',
-        ...fontSizes[12],
-    },
-    code: {
-        fontWeight: '400',
-        ...fontSizes[13],
-    },
-};
-exports.typography = {
-    baseFontSize,
-    headers,
-    body,
-    fontSizes,
-};

package/dist/types/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });