import { colors, gradients } from '@workday/canvas-colors-web';
import { borderRadius, CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues } from './lib/radius';
import { BrandingColor, CanvasColor } from './lib/colors.types';
import { depth, CanvasDepth, CanvasDepthValues } from './lib/depth';
import { space, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, spaceNumbers } from './lib/space';
import { type, fontFamily, monoFontFamily, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy } from './lib/type';
import { CSSProperties } from './lib/types';
export declare const canvas: {
    buttonColors: {
        delete: {
            background: string;
            border: string;
            text: string;
            activeBackground: string;
            activeBorder: string;
            activeText: string;
            disabledBackground: string;
            disabledBorder: string;
            disabledText: string;
            focusBackground: string;
            focusBorder: string;
            focusText: string;
            hoverBackground: string;
            hoverBorder: string;
            hoverText: string;
        };
        primary: {
            background: string;
            border: string;
            text: string;
            activeBackground: string;
            activeBorder: string;
            activeText: string;
            disabledBackground: string;
            disabledBorder: string;
            disabledText: string;
            focusBackground: string;
            focusBorder: string;
            focusText: string;
            hoverBackground: string;
            hoverBorder: string;
            hoverText: string;
        };
        secondary: {
            background: string;
            border: string;
            text: string;
            activeBackground: string;
            activeBorder: string;
            activeText: string;
            disabledBackground: string;
            disabledBorder: string;
            disabledText: string;
            focusBackground: string;
            focusBorder: string;
            focusText: string;
            hoverBackground: string;
            hoverBorder: string;
            hoverText: string;
        };
    };
    chartingColorOffsets: {
        barAndColumn: number;
        pie: number;
        lineAndArea: number;
        bubble: number;
    };
    chartingColors: {
        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;
        21: string;
        22: string;
        23: string;
        24: string;
        25: string;
        26: string;
        27: string;
        28: string;
        29: string;
        30: string;
        31: string;
        32: string;
        33: string;
        34: string;
        35: string;
        36: string;
        37: string;
        38: string;
        39: string;
        40: string;
        41: string;
        42: string;
        43: string;
        44: string;
        45: string;
        46: string;
        47: string;
        48: string;
        49: string;
        50: string;
        51: string;
        52: string;
        53: string;
        54: string;
        55: string;
        56: string;
        57: string;
        58: string;
        59: string;
        60: string;
        61: string;
        62: string;
        63: string;
        64: string;
        65: string;
        66: string;
        67: string;
        68: string;
        69: string;
        70: string;
        71: string;
        72: string;
        73: string;
        74: string;
        75: string;
        76: string;
        77: string;
        78: string;
        79: string;
        80: string;
        81: string;
        82: string;
        83: string;
        84: string;
        85: string;
        86: string;
    };
    colors: {
        [key: string]: string;
        cinnamon600: string;
        cinnamon500: string;
        cinnamon400: string;
        cinnamon300: string;
        cinnamon200: string;
        cinnamon100: string;
        peach600: string;
        peach500: string;
        peach400: string;
        peach300: string;
        peach200: string;
        peach100: string;
        chiliMango600: string;
        chiliMango500: string;
        chiliMango400: string;
        chiliMango300: string;
        chiliMango200: string;
        chiliMango100: string;
        cantaloupe600: string;
        cantaloupe500: string;
        cantaloupe400: string;
        cantaloupe300: string;
        cantaloupe200: string;
        cantaloupe100: string;
        sourLemon600: string;
        sourLemon500: string;
        sourLemon400: string;
        sourLemon300: string;
        sourLemon200: string;
        sourLemon100: string;
        juicyPear600: string;
        juicyPear500: string;
        juicyPear400: string;
        juicyPear300: string;
        juicyPear200: string;
        juicyPear100: string;
        kiwi600: string;
        kiwi500: string;
        kiwi400: string;
        kiwi300: string;
        kiwi200: string;
        kiwi100: string;
        greenApple600: string;
        greenApple500: string;
        greenApple400: string;
        greenApple300: string;
        greenApple200: string;
        greenApple100: string;
        watermelon600: string;
        watermelon500: string;
        watermelon400: string;
        watermelon300: string;
        watermelon200: string;
        watermelon100: string;
        jewel600: string;
        jewel500: string;
        jewel400: string;
        jewel300: string;
        jewel200: string;
        jewel100: string;
        toothpaste600: string;
        toothpaste500: string;
        toothpaste400: string;
        toothpaste300: string;
        toothpaste200: string;
        toothpaste100: string;
        blueberry600: string;
        blueberry500: string;
        blueberry400: string;
        blueberry300: string;
        blueberry200: string;
        blueberry100: string;
        plum600: string;
        plum500: string;
        plum400: string;
        plum300: string;
        plum200: string;
        plum100: string;
        berrySmoothie600: string;
        berrySmoothie500: string;
        berrySmoothie400: string;
        berrySmoothie300: string;
        berrySmoothie200: string;
        berrySmoothie100: string;
        blackberry600: string;
        blackberry500: string;
        blackberry400: string;
        blackberry300: string;
        blackberry200: string;
        blackberry100: string;
        islandPunch600: string;
        islandPunch500: string;
        islandPunch400: string;
        islandPunch300: string;
        islandPunch200: string;
        islandPunch100: string;
        grapeSoda600: string;
        grapeSoda500: string;
        grapeSoda400: string;
        grapeSoda300: string;
        grapeSoda200: string;
        grapeSoda100: string;
        pomegranate600: string;
        pomegranate500: string;
        pomegranate400: string;
        pomegranate300: string;
        pomegranate200: string;
        pomegranate100: string;
        fruitPunch600: string;
        fruitPunch500: string;
        fruitPunch400: string;
        fruitPunch300: string;
        fruitPunch200: string;
        fruitPunch100: string;
        rootBeer600: string;
        rootBeer500: string;
        rootBeer400: string;
        rootBeer300: string;
        rootBeer200: string;
        rootBeer100: string;
        toastedMarshmallow600: string;
        toastedMarshmallow500: string;
        toastedMarshmallow400: string;
        toastedMarshmallow300: string;
        toastedMarshmallow200: string;
        toastedMarshmallow100: string;
        coconut600: string;
        coconut500: string;
        coconut400: string;
        coconut300: string;
        coconut200: string;
        coconut100: string;
        cappuccino600: string;
        cappuccino500: string;
        cappuccino400: string;
        cappuccino300: string;
        cappuccino200: string;
        cappuccino100: string;
        soap600: string;
        soap500: string;
        soap400: string;
        soap300: string;
        soap200: string;
        soap100: string;
        licorice600: string;
        licorice500: string;
        licorice400: string;
        licorice300: string;
        licorice200: string;
        licorice100: string;
        frenchVanilla600: string;
        frenchVanilla500: string;
        frenchVanilla400: string;
        frenchVanilla300: string;
        frenchVanilla200: string;
        frenchVanilla100: string;
        blackPepper600: string;
        blackPepper500: string;
        blackPepper400: string;
        blackPepper300: string;
        blackPepper200: string;
        blackPepper100: string;
    };
    commonColors: {
        background: string;
        backgroundAlt: string;
        focusOutline: string;
        focusBackground: string;
        hoverBackground: string;
        divider: string;
    };
    depth: CanvasDepth;
    fontFamily: string;
    gradients: {
        [key: string]: string;
        cinnamon: string;
        peach: string;
        chiliMango: string;
        cantaloupe: string;
        sourLemon: string;
        juicyPear: string;
        kiwi: string;
        greenApple: string;
        watermelon: string;
        jewel: string;
        toothpaste: string;
        blueberry: string;
        plum: string;
        berrySmoothie: string;
        blackberry: string;
        islandPunch: string;
        grapeSoda: string;
        pomegranate: string;
        fruitPunch: string;
        rootBeer: string;
        toastedMarshmallow: string;
        cappuccino: string;
        licorice: string;
        blackPepper: string;
    };
    iconColors: {
        active: string;
        disabled: string;
        hover: string;
        inverse: string;
        standard: string;
    };
    inputColors: {
        background: string;
        border: string;
        placeholder: string;
        text: string;
        icon: string;
        iconHover: string;
        selectionControlFill: string;
        hoverBorder: string;
        focusBorder: string;
        disabled: {
            background: string;
            border: string;
            text: string;
            icon: string;
        };
        error: {
            border: string;
            message: string;
            icon: string;
        };
        alert: {
            border: string;
            message: string;
            icon: string;
        };
    };
    monoFontFamily: string;
    space: CanvasSpace;
    statusColors: {
        active: string;
        success: string;
        warning: string;
        error: string;
    };
    type: CanvasType;
    typeColors: {
        body: string;
        heading: string;
        hint: string;
        inverse: string;
        label: string;
        link: string;
        selectHighlight: string;
        selectHighlightInverse: string;
    };
};
export * from '@workday/canvas-colors-web';
export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, };
export type { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasDepth, CanvasDepthValues, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, CSSProperties, };
//# sourceMappingURL=index.d.ts.map