@daikin-oss/dds-tokens
Version:
Design token definitions for DDS
154 lines (152 loc) • 4.34 kB
JavaScript
/**
* Do not edit directly, this file was auto-generated.
*/
module.exports = {
colorBlue10: "#ddf3fc",
colorBlue20: "#bbe7f9",
colorBlue30: "#98dbf7",
colorBlue40: "#76cff4",
colorBlue50: "#54c3f1",
colorBlue60: "#30ade9",
colorBlue70: "#0097e0",
colorBlue80: "#0081c0",
colorBlue90: "#00689a",
colorBlue100: "#005077",
colorBlue110: "#004160",
colorBlue120: "#002b40",
colorGreen10: "#ccfef8",
colorGreen20: "#9bfaef",
colorGreen30: "#6cf5e4",
colorGreen40: "#3bf1dc",
colorGreen50: "#13e5cc",
colorGreen60: "#00c3ac",
colorGreen70: "#008f7e",
colorGreen80: "#007b6c",
colorGreen90: "#00665a",
colorGreen100: "#005248",
colorGreen110: "#003d36",
colorGreen120: "#002924",
colorYellow10: "#fff4d7",
colorYellow20: "#ffeaaf",
colorYellow30: "#ffd45f",
colorYellow40: "#ffc936",
colorYellow50: "#ffbf0e",
colorYellow60: "#efb000",
colorYellow70: "#b88700",
colorYellow80: "#9e7400",
colorYellow90: "#836000",
colorYellow100: "#694d00",
colorYellow110: "#4f3a00",
colorYellow120: "#352700",
colorOrange10: "#feead9",
colorOrange20: "#fcd4b3",
colorOrange30: "#fbbf8e",
colorOrange40: "#ff9c4b",
colorOrange50: "#fd8b2e",
colorOrange60: "#fa7a12",
colorOrange70: "#e46b08",
colorOrange80: "#b45100",
colorOrange90: "#964400",
colorOrange100: "#783600",
colorOrange110: "#5a2900",
colorOrange120: "#3c1b00",
colorRed10: "#fdd9db",
colorRed20: "#fbb3b7",
colorRed30: "#f98d93",
colorRed40: "#f7666f",
colorRed50: "#f4404b",
colorRed60: "#f21a27",
colorRed70: "#d80c18",
colorRed80: "#b90a15",
colorRed90: "#9a0911",
colorRed100: "#7b070e",
colorRed110: "#5d050a",
colorRed120: "#3e0307",
colorGray10: "#f2f2f2",
colorGray20: "#ebebeb",
colorGray30: "#dcdcdc",
colorGray40: "#cecece",
colorGray50: "#bfbfbf",
colorGray60: "#a0a0a0",
colorGray70: "#828282",
colorGray80: "#616161",
colorGray90: "#515151",
colorGray100: "#414141",
colorGray110: "#313131",
colorGray120: "#212121",
colorBlack: "#000000",
colorWhite: "#ffffff",
colorBlueGray10: "#eef0f2",
colorBlueGray20: "#d8dde0",
colorBlueGray30: "#bbc1c7",
colorBlueGray40: "#a4acb4",
colorBlueGray50: "#8d98a1",
colorBlueGray60: "#76838e",
colorBlueGray70: "#636e78",
colorBlueGray80: "#505961",
colorBlueGray90: "#444b52",
colorBlueGray100: "#30353a",
colorBlueGray110: "#282c30",
colorBlueGray120: "#1b1e21",
colorDarkGray105: "#383838",
colorDarkGray115: "#282828",
colorDarkGray125: "#1a1a1a",
colorPurple10: "#f0ddf3",
colorPurple20: "#e1bbe8",
colorPurple30: "#d399dc",
colorPurple40: "#c477d0",
colorPurple50: "#b556c5",
colorPurple60: "#a03db0",
colorPurple70: "#81318e",
colorPurple80: "#6f2a7a",
colorPurple90: "#5c2365",
colorPurple100: "#4a1c51",
colorPurple110: "#37153d",
colorPurple120: "#250e29",
borderRadius100: "4px",
borderRadius200: "8px",
borderRadius050: "2px",
borderWidth100: "4px",
borderWidth025: "1px",
borderWidth050: "2px",
space100: "4px",
space200: "8px",
space300: "12px",
space400: "16px",
space600: "24px",
space800: "32px",
space1200: "48px",
space1600: "64px",
space050: "2px",
fontRegularNormal300: "400 12px/1.5 Roboto",
fontRegularNormal350: "400 14px/1.5 Roboto",
fontRegularNormal400: "400 16px/1.5 Roboto",
fontRegularNormal500: "400 20px/1.5 Roboto",
fontRegularTight300: "400 12px/1.3 Roboto",
fontRegularTight350: "400 14px/1.3 Roboto",
fontRegularTight400: "400 16px/1.3 Roboto",
fontRegularTight500: "400 20px/1.3 Roboto",
fontSize300: "12px",
fontSize350: "14px",
fontSize400: "16px",
fontSize500: "20px",
fontSize600: "24px",
fontSize700: "28px",
fontSize800: "32px",
fontLineHeightTight: 1.3,
fontLineHeightNormal: 1.5,
fontWeightBold: 700,
fontWeightRegular: 400,
fontFamilyBase: "Roboto",
fontBoldNormal300: "700 12px/1.5 Roboto",
fontBoldNormal350: "700 14px/1.5 Roboto",
fontBoldNormal400: "700 16px/1.5 Roboto",
fontBoldNormal500: "700 20px/1.5 Roboto",
fontBoldTight300: "700 12px/1.3 Roboto",
fontBoldTight350: "700 14px/1.3 Roboto",
fontBoldTight400: "700 16px/1.3 Roboto",
fontBoldTight500: "700 20px/1.3 Roboto",
fontBoldTight600: "700 24px/1.3 Roboto",
fontBoldTight700: "700 28px/1.3 Roboto",
fontBoldTight800: "700 32px/1.3 Roboto",
};