@sitecore/sc-contenthub-blok
Version:
A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).
255 lines • 6.63 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.semanticTokens = void 0;
const colors_1 = require("./colors");
exports.semanticTokens = {
bodyBg: {
dark: colors_1.gray[800],
default: "white",
},
subtleBg: {
dark: colors_1.gray[900],
default: colors_1.gray[50],
},
bodyText: {
dark: "white",
default: colors_1.blackAlpha[900],
},
subtleText: {
dark: colors_1.whiteAlpha[600],
default: colors_1.blackAlpha[500],
},
placeholderColor: {
dark: colors_1.whiteAlpha[500],
default: colors_1.blackAlpha[400],
},
inverseText: {
dark: colors_1.blackAlpha[900],
default: "white",
},
borderColor: {
dark: colors_1.whiteAlpha[200],
default: colors_1.blackAlpha[200],
},
borderColorA11y: {
dark: colors_1.whiteAlpha[400],
default: colors_1.blackAlpha[400],
},
primaryFg: {
dark: colors_1.primary[200],
default: colors_1.primary[600],
},
dangerFg: {
dark: colors_1.danger[200],
default: colors_1.danger[600],
},
warningFg: {
dark: colors_1.warning[200],
default: colors_1.warning[600],
},
successFg: {
dark: colors_1.success[200],
default: colors_1.success[600],
},
infoFg: {
dark: colors_1.info[200],
default: colors_1.info[600],
},
neutralFg: {
dark: colors_1.whiteAlpha[700],
default: colors_1.blackAlpha[600],
},
primaryBg: {
dark: "rgba(217, 212, 255, 0.12)",
default: colors_1.primary[100],
},
dangerBg: {
dark: "rgba(255, 204, 200, 0.12)",
default: colors_1.danger[100],
},
warningBg: {
dark: "rgba(253, 210, 145, 0.12)",
default: colors_1.warning[100],
},
successBg: {
dark: "rgba(139, 235, 208, 0.12)",
default: colors_1.success[100],
},
infoBg: {
dark: "rgba(217, 212, 255, 0.12)",
default: colors_1.info[100],
},
neutralBg: {
dark: colors_1.whiteAlpha[100],
default: colors_1.blackAlpha[100],
},
primaryBgActive: {
dark: "rgba(217, 212, 255, 0.24)",
default: colors_1.primary[200],
},
dangerBgActive: {
dark: "rgba(255, 204, 200, 0.24)",
default: colors_1.danger[200],
},
warningBgActive: {
dark: "rgba(253, 210, 145, 0.24)",
default: colors_1.warning[200],
},
successBgActive: {
dark: "rgba(139, 235, 208, 0.24)",
default: colors_1.success[200],
},
infoBgActive: {
dark: "rgba(217, 212, 255, 0.24)",
default: colors_1.info[200],
},
neutralBgActive: {
dark: colors_1.whiteAlpha[300],
default: colors_1.blackAlpha[200],
},
primary: {
dark: colors_1.primary[200],
default: colors_1.primary[500],
},
danger: {
dark: colors_1.danger[200],
default: colors_1.danger[500],
},
success: {
dark: colors_1.success[200],
default: colors_1.success[500],
},
warning: {
dark: colors_1.warning[200],
default: colors_1.warning[500],
},
info: {
dark: colors_1.info[200],
default: colors_1.info[500],
},
neutral: {
dark: colors_1.whiteAlpha[600],
default: colors_1.blackAlpha[500],
},
gray: {
dark: colors_1.gray[200],
default: colors_1.gray[500],
},
red: {
dark: colors_1.red[200],
default: colors_1.red[500],
},
orange: {
dark: colors_1.orange[200],
default: colors_1.orange[500],
},
yellow: {
dark: colors_1.yellow[200],
default: colors_1.yellow[500],
},
green: {
dark: colors_1.green[200],
default: colors_1.green[500],
},
teal: {
dark: colors_1.teal[200],
default: colors_1.teal[500],
},
cyan: {
dark: colors_1.cyan[200],
default: colors_1.cyan[500],
},
blue: {
dark: colors_1.blue[200],
default: colors_1.blue[500],
},
purple: {
dark: colors_1.purple[200],
default: colors_1.purple[500],
},
pink: {
dark: colors_1.pink[200],
default: colors_1.pink[500],
},
neutral50: {
dark: colors_1.whiteAlpha[900],
default: colors_1.blackAlpha[50],
},
neutral100: {
dark: colors_1.whiteAlpha[800],
default: colors_1.blackAlpha[100],
},
neutral200: {
dark: colors_1.whiteAlpha[700],
default: colors_1.blackAlpha[200],
},
neutral300: {
dark: colors_1.whiteAlpha[600],
default: colors_1.blackAlpha[300],
},
neutral400: {
dark: colors_1.whiteAlpha[500],
default: colors_1.blackAlpha[400],
},
neutral500: {
dark: colors_1.whiteAlpha[400],
default: colors_1.blackAlpha[500],
},
neutral600: {
dark: colors_1.whiteAlpha[300],
default: colors_1.blackAlpha[600],
},
neutral700: {
dark: colors_1.whiteAlpha[200],
default: colors_1.blackAlpha[700],
},
neutral800: {
dark: colors_1.whiteAlpha[100],
default: colors_1.blackAlpha[800],
},
neutral900: {
dark: colors_1.whiteAlpha[50],
default: colors_1.blackAlpha[900],
},
neutralColor50: {
dark: colors_1.whiteAlpha[100],
default: colors_1.blackAlpha[50],
},
neutralColor100: {
dark: colors_1.whiteAlpha[200],
default: colors_1.blackAlpha[100],
},
neutralColor200: {
dark: colors_1.whiteAlpha[300],
default: colors_1.blackAlpha[200],
},
neutralColor300: {
dark: colors_1.whiteAlpha[400],
default: colors_1.blackAlpha[300],
},
neutralColor400: {
dark: colors_1.whiteAlpha[500],
default: colors_1.blackAlpha[400],
},
neutralColor500: {
dark: colors_1.whiteAlpha[600],
default: colors_1.blackAlpha[500],
},
neutralColor600: {
dark: colors_1.whiteAlpha[700],
default: colors_1.blackAlpha[600],
},
neutralColor700: {
dark: colors_1.whiteAlpha[800],
default: colors_1.blackAlpha[700],
},
neutralColor800: {
dark: colors_1.whiteAlpha[900],
default: colors_1.blackAlpha[800],
},
neutralColor900: {
dark: colors_1.white[500],
default: colors_1.blackAlpha[900],
},
};
//# sourceMappingURL=semanticTokens.js.map