@daikin-oss/dds-tokens
Version:
Design token definitions for DDS
201 lines (199 loc) • 6.21 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",
colorCommonBrandDefault: "#0097e0",
colorCommonBrandHover: "#0081c0",
colorCommonBrandPress: "#00689a",
colorCommonSurfaceBrandHover: "#ddf3fc",
colorCommonSurfaceBrandPress: "#bbe7f9",
colorCommonSurfaceNeutralHover: "#f2f2f2",
colorCommonSurfaceNeutralPress: "#ebebeb",
colorCommonSurfaceDangerHover: "#fdd9db",
colorCommonSurfaceDangerPress: "#fbb3b7",
colorCommonSurfaceDefault: "#ffffff",
colorCommonSurfaceSecondaryDefault: "#ebebeb",
colorCommonSurfaceSecondaryHover: "#dcdcdc",
colorCommonSurfaceSecondaryPress: "#cecece",
colorCommonSurfaceInverse: "#616161",
colorCommonSurfaceHover: "#f2f2f2",
colorCommonSurfacePress: "#ebebeb",
colorCommonSurfaceSelectedDefault: "#ddf3fc",
colorCommonSurfaceSelectedHover: "#bbe7f9",
colorCommonSurfaceSelectedPress: "#98dbf7",
colorCommonNeutralDefault: "#616161",
colorCommonNeutralHover: "#515151",
colorCommonNeutralPress: "#414141",
colorCommonDangerDefault: "#d80c18",
colorCommonDangerHover: "#b90a15",
colorCommonDangerPress: "#9a0911",
colorCommonSuccess: "#008f7e",
colorCommonWarning: "#b88700",
colorCommonAlarm: "#e46b08",
colorCommonInformation: "#0097e0",
colorCommonDisabled: "#bfbfbf",
colorCommonTextPrimary: "#212121",
colorCommonTextSecondary: "#616161",
colorCommonTextInverse: "#ffffff",
colorCommonBorderFocus: "#0081c0",
colorCommonBorderEmpty: "#cecece",
colorCommonBorderInverse: "#ffffff",
colorCommonBackgroundDefault: "#ffffff",
colorCommonBackgroundOverlay: "rgba(0, 0, 0, 0.5)",
colorDivider: "#cecece",
colorLinkTextDefault: "#00689a",
colorLinkTextHover: "#005077",
colorLinkTextPress: "#004160",
colorLinkTextVisitedDefault: "#5c2365",
colorLinkTextVisitedHover: "#4a1c51",
colorLinkTextVisitedPress: "#37153d",
colorLinkSurfaceVisitedHover: "#f0ddf3",
colorLinkSurfaceVisitedPress: "#e1bbe8",
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",
};