@sproutsocial/seeds-react-theme 1.0.0

package/dist/types/light/theme.d.ts

@@ -0,0 +1,794 @@
+export declare const breakpoints: string[];
+export declare const typography: {
+    100: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    200: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    300: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    400: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    500: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    600: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    700: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    800: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    900: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    1000: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    1100: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    1200: {
+        fontSize: string;
+        lineHeight: string;
+    };
+};
+export declare const fontSizes: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+};
+export declare const lineHeights: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+    1100: string;
+    1200: string;
+};
+export type TypeFontFamilyString = string;
+export declare const fontFamily: string;
+export declare const fontWeights: {
+    normal: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+};
+export declare const space: {
+    0: string;
+    100: string;
+    200: string;
+    300: string;
+    350: string;
+    400: string;
+    450: string;
+    500: string;
+    600: string;
+};
+export declare const radii: {
+    400: string;
+    500: string;
+    600: string;
+    1000: string;
+    inner: string;
+    outer: string;
+    pill: string;
+};
+export declare const borders: {
+    500: string;
+};
+export declare const borderWidths: {
+    500: string;
+};
+export declare const shadows: {
+    low: string;
+    medium: string;
+    high: string;
+};
+export declare const easing: {
+    ease_in: string;
+    ease_out: string;
+    ease_inout: string;
+};
+export declare const duration: {
+    fast: string;
+    medium: string;
+    slow: string;
+};
+declare const theme: {
+    breakpoints: string[];
+    colors: {
+        DATAVIZ_COLORS_LIST: string[];
+        DATAVIZ_COLORS_MAP: {
+            "1": string;
+            "2": string;
+            "3": string;
+            "4": string;
+            "5": string;
+            "6": string;
+            "7": string;
+            "8": string;
+            "9": string;
+            "10": string;
+            "11": string;
+            "12": string;
+            "13": string;
+            "14": string;
+            "15": string;
+            "16": string;
+            "17": string;
+            "18": string;
+            "19": string;
+            "20": string;
+        };
+        neutral: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        green: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        red: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        blue: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        teal: {
+            "0": string;
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        aqua: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        purple: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        magenta: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "350": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        yellow: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        pink: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        orange: {
+            "0": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "1000": string;
+            "1100": string;
+        };
+        app: {
+            background: {
+                base: string;
+            };
+        };
+        container: {
+            background: {
+                base: string;
+                success: string;
+                warning: string;
+                error: string;
+                info: string;
+                opportunity: string;
+                /**  @deprecated Use "error" instead of "danger" */
+                danger: string;
+                decorative: {
+                    green: string;
+                    blue: string;
+                    purple: string;
+                    yellow: string;
+                    orange: string;
+                    red: string;
+                    neutral: string;
+                    magenta: string;
+                    pink: string;
+                    aqua: string;
+                    teal: string;
+                };
+                selected: string;
+                positive_sentiment: string;
+                negative_sentiment: string;
+                neutral_sentiment: string;
+            };
+            border: {
+                base: string;
+                success: string;
+                warning: string;
+                error: string;
+                /**  @deprecated Use "error" instead of "danger" */
+                danger: string;
+                info: string;
+                opportunity: string;
+                decorative: {
+                    green: string;
+                    blue: string;
+                    purple: string;
+                    yellow: string;
+                    orange: string;
+                    red: string;
+                    neutral: string;
+                    magenta: string;
+                    pink: string;
+                    aqua: string;
+                    teal: string;
+                };
+                selected: string;
+            };
+        };
+        button: {
+            primary: {
+                background: {
+                    base: string;
+                    hover: string;
+                    active: string;
+                };
+                border: {
+                    base: string;
+                };
+                text: {
+                    base: string;
+                    hover: string;
+                };
+            };
+            secondary: {
+                background: {
+                    base: string;
+                    hover: string;
+                    active: string;
+                };
+                border: {
+                    base: string;
+                };
+                text: {
+                    base: string;
+                    hover: string;
+                };
+            };
+            pill: {
+                background: {
+                    base: string;
+                    hover: string;
+                    active: string;
+                };
+                border: {
+                    base: string;
+                    hover: string;
+                };
+                text: {
+                    base: string;
+                    hover: string;
+                };
+            };
+            destructive: {
+                background: {
+                    base: string;
+                    hover: string;
+                    active: string;
+                };
+                border: {
+                    base: string;
+                };
+                text: {
+                    base: string;
+                    hover: string;
+                };
+            };
+            placeholder: {
+                background: {
+                    base: string;
+                    hover: string;
+                    active: string;
+                };
+                border: {
+                    base: string;
+                };
+                text: {
+                    base: string;
+                    hover: string;
+                };
+            };
+            unstyled: {
+                background: {
+                    base: string;
+                };
+                border: {
+                    base: string;
+                };
+                text: {
+                    base: string;
+                    hover: string;
+                };
+            };
+        };
+        link: {
+            base: string;
+            hover: string;
+        };
+        text: {
+            headline: string;
+            subtext: string;
+            body: string;
+            inverse: string;
+            error: string;
+            background: {
+                highlight: string;
+                selection: string;
+            };
+            decorative: {
+                green: string;
+                blue: string;
+                purple: string;
+                yellow: string;
+                orange: string;
+                red: string;
+                neutral: string;
+                magenta: string;
+                pink: string;
+                aqua: string;
+                teal: string;
+            };
+        };
+        icon: {
+            base: string;
+            inverse: string;
+            success: string;
+            warning: string;
+            error: string;
+            /**  @deprecated Use "error" instead of "danger" */
+            danger: string;
+            info: string;
+            opportunity: string;
+            applied: string;
+            positive_sentiment: string;
+            negative_sentiment: string;
+            neutral_sentiment: string;
+        };
+        form: {
+            background: {
+                base: string;
+                selected: string;
+            };
+            border: {
+                base: string;
+                error: string;
+                warning: string;
+                selected: string;
+            };
+            placeholder: {
+                base: string;
+            };
+        };
+        listItem: {
+            background: {
+                base: string;
+                hover: string;
+                selected: string;
+            };
+        };
+        overlay: {
+            background: {
+                base: string;
+            };
+            text: {
+                base: string;
+            };
+            icon: {
+                base: string;
+            };
+        };
+        elevation: {
+            base: string;
+        };
+        illustration: {
+            fill: string;
+            stroke: string;
+        };
+        network: {
+            twitter: string;
+            twitter_like: string;
+            facebook: string;
+            facebook_audience_network: string;
+            linkedin: string;
+            instagram: string;
+            feedly: string;
+            analytics: string;
+            youtube: string;
+            messenger: string;
+            snapchat: string;
+            pinterest: string;
+            tumblr: string;
+            reddit: string;
+            tripadvisor: string;
+            glassdoor: string;
+            google_my_business: string;
+            google_business_messages: string;
+            google_play_store: string;
+            apple_app_store: string;
+            salesforce: string;
+            zendesk: string;
+            hubspot: string;
+            microsoft_dynamics: string;
+            yelp: string;
+            whatsapp: string;
+            tiktok: string;
+            threads: string;
+            trustpilot: string;
+        };
+        dataviz: {
+            map: {
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
+                "5": string;
+                "6": string;
+                "7": string;
+                "8": string;
+                "9": string;
+                "10": string;
+                "11": string;
+                "12": string;
+                "13": string;
+                "14": string;
+                "15": string;
+                "16": string;
+                "17": string;
+                "18": string;
+                "19": string;
+                "20": string;
+            };
+            list: string[];
+        };
+    };
+    typography: {
+        typography: {
+            100: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            200: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            300: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            400: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            500: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            600: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            700: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            800: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            900: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            1000: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            1100: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            1200: {
+                fontSize: string;
+                lineHeight: string;
+            };
+        };
+        100: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        200: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        300: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        400: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        500: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        600: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        700: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        800: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        900: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        1000: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        1100: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        1200: {
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    fontSizes: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+    };
+    lineHeights: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+    };
+    fontFamily: string;
+    fontWeights: {
+        normal: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    space: {
+        space: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            350: string;
+            400: string;
+            450: string;
+            500: string;
+            600: string;
+        };
+        "-space": {};
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        350: string;
+        400: string;
+        450: string;
+        500: string;
+        600: string;
+    };
+    radii: {
+        radii: {
+            400: string;
+            500: string;
+            600: string;
+            1000: string;
+            inner: string;
+            outer: string;
+            pill: string;
+        };
+        400: string;
+        500: string;
+        600: string;
+        1000: string;
+        inner: string;
+        outer: string;
+        pill: string;
+    };
+    borders: {
+        500: string;
+    };
+    borderWidths: {
+        500: string;
+    };
+    shadows: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    easing: {
+        ease_in: string;
+        ease_out: string;
+        ease_inout: string;
+    };
+    duration: {
+        fast: string;
+        medium: string;
+        slow: string;
+    };
+    mode: "light";
+};
+export default theme;
+//# sourceMappingURL=theme.d.ts.map