@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
73 lines (72 loc) • 3.22 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultCanvasTheme = void 0;
const types_1 = require("./types");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const breakpoints_1 = require("./breakpoints");
/**
* @deprecated ⚠️ `defaultCanvasTheme` is deprecated and will be removed in a future major version. If you want to reset the theme, use `defaultBranding` and apply it to the `CanvasProvider`. For more information, view our [theming docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs).
*/
exports.defaultCanvasTheme = {
palette: {
primary: {
lightest: canvas_tokens_web_1.base.blue25,
lighter: canvas_tokens_web_1.base.blue50,
light: canvas_tokens_web_1.base.blue200,
main: canvas_tokens_web_1.base.blue600,
dark: canvas_tokens_web_1.base.blue700,
darkest: canvas_tokens_web_1.base.blue800,
contrast: canvas_tokens_web_1.base.neutral0,
},
alert: {
lightest: canvas_tokens_web_1.base.amber25,
lighter: canvas_tokens_web_1.base.amber50,
light: canvas_tokens_web_1.base.amber200,
main: canvas_tokens_web_1.base.amber400,
dark: canvas_tokens_web_1.base.amber500,
darkest: canvas_tokens_web_1.base.amber600,
contrast: canvas_tokens_web_1.base.neutral900,
},
error: {
lightest: canvas_tokens_web_1.base.red25,
lighter: canvas_tokens_web_1.base.red50,
light: canvas_tokens_web_1.base.red200,
main: canvas_tokens_web_1.base.red600,
dark: canvas_tokens_web_1.base.red700,
darkest: canvas_tokens_web_1.base.red800,
contrast: canvas_tokens_web_1.base.neutral0,
},
success: {
lightest: canvas_tokens_web_1.base.green25,
lighter: canvas_tokens_web_1.base.green50,
light: canvas_tokens_web_1.base.green200,
main: canvas_tokens_web_1.base.green600,
dark: canvas_tokens_web_1.base.green700,
darkest: canvas_tokens_web_1.base.green800,
contrast: canvas_tokens_web_1.base.neutral0,
},
neutral: {
lightest: canvas_tokens_web_1.base.slate25,
lighter: canvas_tokens_web_1.base.slate50,
light: canvas_tokens_web_1.base.slate200,
main: canvas_tokens_web_1.base.slate600,
dark: canvas_tokens_web_1.base.slate700,
darkest: canvas_tokens_web_1.base.slate800,
contrast: canvas_tokens_web_1.base.neutral0,
},
common: {
focusOutline: canvas_tokens_web_1.base.blue500,
alertInner: canvas_tokens_web_1.base.amber400,
errorInner: canvas_tokens_web_1.base.red500,
alertOuter: canvas_tokens_web_1.base.amber500,
},
},
breakpoints: {
values: breakpoints_1.breakpoints,
up: breakpoints_1.up,
down: breakpoints_1.down,
between: breakpoints_1.between,
only: breakpoints_1.only,
},
direction: types_1.ContentDirection.LTR,
};