@workday/canvas-kit-react

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