@actinc/dls/styles/themeEncourage/colors.d.ts

Design Language System (DLS) for ACT & Encoura front-end projects.

/**
 * Copyright (c) ACT, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
/** Colors from E4S Web Design System */
export declare const grayscale: {
    black: string;
    darkGray: string;
    lightestGray: string;
    lightGray: string;
    midGray: string;
    neutralGray: string;
    white: string;
};
/** AKA Rebrand Directive */
export declare const black: {
    10: string;
    100: string;
    20: string;
    40: string;
    60: string;
    80: string;
    white: string;
};
export declare const surface: {
    black: {
        10: string;
        100: string;
        20: string;
        40: string;
        60: string;
        80: string;
        white: string;
    };
    grayscale: {
        black: string;
        darkGray: string;
        lightestGray: string;
        lightGray: string;
        midGray: string;
        neutralGray: string;
        white: string;
    };
};
export declare const sapphire: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const navy: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const seafoam: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const neon: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const orange: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const fuchsia: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const mist: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const teal: {
    100: string;
    15: string;
    30: string;
    50: string;
    600: string;
    70: string;
    700: string;
    800: string;
    900: string;
};
export declare const utility: {
    blueAlertFill: string;
    danger: string;
    dangerAlertFill: string;
    savedCollegeHeartFill: string;
    successAlert: string;
    successAlertFill: string;
    tealT0: string;
    tealT3: string;
};
declare const colors: {
    fuchsia: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    mist: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    navy: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    neon: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    orange: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    sapphire: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    seafoam: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    surface: {
        black: {
            10: string;
            100: string;
            20: string;
            40: string;
            60: string;
            80: string;
            white: string;
        };
        grayscale: {
            black: string;
            darkGray: string;
            lightestGray: string;
            lightGray: string;
            midGray: string;
            neutralGray: string;
            white: string;
        };
    };
    teal: {
        100: string;
        15: string;
        30: string;
        50: string;
        600: string;
        70: string;
        700: string;
        800: string;
        900: string;
    };
    utility: {
        blueAlertFill: string;
        danger: string;
        dangerAlertFill: string;
        savedCollegeHeartFill: string;
        successAlert: string;
        successAlertFill: string;
        tealT0: string;
        tealT3: string;
    };
};
export default colors;
//# sourceMappingURL=colors.d.ts.map