@sitecore/sc-contenthub-blok/esm/Foundations/semanticTokens.js

A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).

import { blackAlpha, blue, cyan, danger, gray, green, info, orange, pink, primary, purple, red, success, teal, warning, white, whiteAlpha, yellow, } from "./colors";
export const semanticTokens = {
    bodyBg: {
        dark: gray[800],
        default: "white",
    },
    subtleBg: {
        dark: gray[900],
        default: gray[50],
    },
    bodyText: {
        dark: "white",
        default: blackAlpha[900],
    },
    subtleText: {
        dark: whiteAlpha[600],
        default: blackAlpha[500],
    },
    placeholderColor: {
        dark: whiteAlpha[500],
        default: blackAlpha[400],
    },
    inverseText: {
        dark: blackAlpha[900],
        default: "white",
    },
    borderColor: {
        dark: whiteAlpha[200],
        default: blackAlpha[200],
    },
    borderColorA11y: {
        dark: whiteAlpha[400],
        default: blackAlpha[400],
    },
    primaryFg: {
        dark: primary[200],
        default: primary[600],
    },
    dangerFg: {
        dark: danger[200],
        default: danger[600],
    },
    warningFg: {
        dark: warning[200],
        default: warning[600],
    },
    successFg: {
        dark: success[200],
        default: success[600],
    },
    infoFg: {
        dark: info[200],
        default: info[600],
    },
    neutralFg: {
        dark: whiteAlpha[700],
        default: blackAlpha[600],
    },
    primaryBg: {
        dark: "rgba(217, 212, 255, 0.12)",
        default: primary[100],
    },
    dangerBg: {
        dark: "rgba(255, 204, 200, 0.12)",
        default: danger[100],
    },
    warningBg: {
        dark: "rgba(253, 210, 145, 0.12)",
        default: warning[100],
    },
    successBg: {
        dark: "rgba(139, 235, 208, 0.12)",
        default: success[100],
    },
    infoBg: {
        dark: "rgba(217, 212, 255, 0.12)",
        default: info[100],
    },
    neutralBg: {
        dark: whiteAlpha[100],
        default: blackAlpha[100],
    },
    primaryBgActive: {
        dark: "rgba(217, 212, 255, 0.24)",
        default: primary[200],
    },
    dangerBgActive: {
        dark: "rgba(255, 204, 200, 0.24)",
        default: danger[200],
    },
    warningBgActive: {
        dark: "rgba(253, 210, 145, 0.24)",
        default: warning[200],
    },
    successBgActive: {
        dark: "rgba(139, 235, 208, 0.24)",
        default: success[200],
    },
    infoBgActive: {
        dark: "rgba(217, 212, 255, 0.24)",
        default: info[200],
    },
    neutralBgActive: {
        dark: whiteAlpha[300],
        default: blackAlpha[200],
    },
    primary: {
        dark: primary[200],
        default: primary[500],
    },
    danger: {
        dark: danger[200],
        default: danger[500],
    },
    success: {
        dark: success[200],
        default: success[500],
    },
    warning: {
        dark: warning[200],
        default: warning[500],
    },
    info: {
        dark: info[200],
        default: info[500],
    },
    neutral: {
        dark: whiteAlpha[600],
        default: blackAlpha[500],
    },
    gray: {
        dark: gray[200],
        default: gray[500],
    },
    red: {
        dark: red[200],
        default: red[500],
    },
    orange: {
        dark: orange[200],
        default: orange[500],
    },
    yellow: {
        dark: yellow[200],
        default: yellow[500],
    },
    green: {
        dark: green[200],
        default: green[500],
    },
    teal: {
        dark: teal[200],
        default: teal[500],
    },
    cyan: {
        dark: cyan[200],
        default: cyan[500],
    },
    blue: {
        dark: blue[200],
        default: blue[500],
    },
    purple: {
        dark: purple[200],
        default: purple[500],
    },
    pink: {
        dark: pink[200],
        default: pink[500],
    },
    neutral50: {
        dark: whiteAlpha[900],
        default: blackAlpha[50],
    },
    neutral100: {
        dark: whiteAlpha[800],
        default: blackAlpha[100],
    },
    neutral200: {
        dark: whiteAlpha[700],
        default: blackAlpha[200],
    },
    neutral300: {
        dark: whiteAlpha[600],
        default: blackAlpha[300],
    },
    neutral400: {
        dark: whiteAlpha[500],
        default: blackAlpha[400],
    },
    neutral500: {
        dark: whiteAlpha[400],
        default: blackAlpha[500],
    },
    neutral600: {
        dark: whiteAlpha[300],
        default: blackAlpha[600],
    },
    neutral700: {
        dark: whiteAlpha[200],
        default: blackAlpha[700],
    },
    neutral800: {
        dark: whiteAlpha[100],
        default: blackAlpha[800],
    },
    neutral900: {
        dark: whiteAlpha[50],
        default: blackAlpha[900],
    },
    neutralColor50: {
        dark: whiteAlpha[100],
        default: blackAlpha[50],
    },
    neutralColor100: {
        dark: whiteAlpha[200],
        default: blackAlpha[100],
    },
    neutralColor200: {
        dark: whiteAlpha[300],
        default: blackAlpha[200],
    },
    neutralColor300: {
        dark: whiteAlpha[400],
        default: blackAlpha[300],
    },
    neutralColor400: {
        dark: whiteAlpha[500],
        default: blackAlpha[400],
    },
    neutralColor500: {
        dark: whiteAlpha[600],
        default: blackAlpha[500],
    },
    neutralColor600: {
        dark: whiteAlpha[700],
        default: blackAlpha[600],
    },
    neutralColor700: {
        dark: whiteAlpha[800],
        default: blackAlpha[700],
    },
    neutralColor800: {
        dark: whiteAlpha[900],
        default: blackAlpha[800],
    },
    neutralColor900: {
        dark: white[500],
        default: blackAlpha[900],
    },
};
//# sourceMappingURL=semanticTokens.js.map