@daikin-oss/dds-tokens/build/js/daikin/Light/variables.js

Design token definitions for DDS

/**
 * Do not edit directly, this file was auto-generated.
 */

export const colorBlue10 = "#ddf3fc";
export const colorBlue20 = "#bbe7f9";
export const colorBlue30 = "#98dbf7";
export const colorBlue40 = "#76cff4";
export const colorBlue50 = "#54c3f1";
export const colorBlue60 = "#30ade9";
export const colorBlue70 = "#0097e0";
export const colorBlue80 = "#0081c0";
export const colorBlue90 = "#00689a";
export const colorBlue100 = "#005077";
export const colorBlue110 = "#004160";
export const colorBlue120 = "#002b40";
export const colorGreen10 = "#ccfef8";
export const colorGreen20 = "#9bfaef";
export const colorGreen30 = "#6cf5e4";
export const colorGreen40 = "#3bf1dc";
export const colorGreen50 = "#13e5cc";
export const colorGreen60 = "#00c3ac";
export const colorGreen70 = "#008f7e";
export const colorGreen80 = "#007b6c";
export const colorGreen90 = "#00665a";
export const colorGreen100 = "#005248";
export const colorGreen110 = "#003d36";
export const colorGreen120 = "#002924";
export const colorYellow10 = "#fff4d7";
export const colorYellow20 = "#ffeaaf";
export const colorYellow30 = "#ffd45f";
export const colorYellow40 = "#ffc936";
export const colorYellow50 = "#ffbf0e";
export const colorYellow60 = "#efb000";
export const colorYellow70 = "#b88700";
export const colorYellow80 = "#9e7400";
export const colorYellow90 = "#836000";
export const colorYellow100 = "#694d00";
export const colorYellow110 = "#4f3a00";
export const colorYellow120 = "#352700";
export const colorOrange10 = "#feead9";
export const colorOrange20 = "#fcd4b3";
export const colorOrange30 = "#fbbf8e";
export const colorOrange40 = "#ff9c4b";
export const colorOrange50 = "#fd8b2e";
export const colorOrange60 = "#fa7a12";
export const colorOrange70 = "#e46b08";
export const colorOrange80 = "#b45100";
export const colorOrange90 = "#964400";
export const colorOrange100 = "#783600";
export const colorOrange110 = "#5a2900";
export const colorOrange120 = "#3c1b00";
export const colorRed10 = "#fdd9db";
export const colorRed20 = "#fbb3b7";
export const colorRed30 = "#f98d93";
export const colorRed40 = "#f7666f";
export const colorRed50 = "#f4404b";
export const colorRed60 = "#f21a27";
export const colorRed70 = "#d80c18";
export const colorRed80 = "#b90a15";
export const colorRed90 = "#9a0911";
export const colorRed100 = "#7b070e";
export const colorRed110 = "#5d050a";
export const colorRed120 = "#3e0307";
export const colorGray10 = "#f2f2f2";
export const colorGray20 = "#ebebeb";
export const colorGray30 = "#dcdcdc";
export const colorGray40 = "#cecece";
export const colorGray50 = "#bfbfbf";
export const colorGray60 = "#a0a0a0";
export const colorGray70 = "#828282";
export const colorGray80 = "#616161";
export const colorGray90 = "#515151";
export const colorGray100 = "#414141";
export const colorGray110 = "#313131";
export const colorGray120 = "#212121";
export const colorBlack = "#000000";
export const colorWhite = "#ffffff";
export const colorBlueGray10 = "#eef0f2";
export const colorBlueGray20 = "#d8dde0";
export const colorBlueGray30 = "#bbc1c7";
export const colorBlueGray40 = "#a4acb4";
export const colorBlueGray50 = "#8d98a1";
export const colorBlueGray60 = "#76838e";
export const colorBlueGray70 = "#636e78";
export const colorBlueGray80 = "#505961";
export const colorBlueGray90 = "#444b52";
export const colorBlueGray100 = "#30353a";
export const colorBlueGray110 = "#282c30";
export const colorBlueGray120 = "#1b1e21";
export const colorDarkGray105 = "#383838";
export const colorDarkGray115 = "#282828";
export const colorDarkGray125 = "#1a1a1a";
export const colorPurple10 = "#f0ddf3";
export const colorPurple20 = "#e1bbe8";
export const colorPurple30 = "#d399dc";
export const colorPurple40 = "#c477d0";
export const colorPurple50 = "#b556c5";
export const colorPurple60 = "#a03db0";
export const colorPurple70 = "#81318e";
export const colorPurple80 = "#6f2a7a";
export const colorPurple90 = "#5c2365";
export const colorPurple100 = "#4a1c51";
export const colorPurple110 = "#37153d";
export const colorPurple120 = "#250e29";
export const colorCommonBrandDefault = "#0097e0";
export const colorCommonBrandHover = "#0081c0";
export const colorCommonBrandPress = "#00689a";
export const colorCommonSurfaceBrandHover = "#ddf3fc";
export const colorCommonSurfaceBrandPress = "#bbe7f9";
export const colorCommonSurfaceNeutralHover = "#f2f2f2";
export const colorCommonSurfaceNeutralPress = "#ebebeb";
export const colorCommonSurfaceDangerHover = "#fdd9db";
export const colorCommonSurfaceDangerPress = "#fbb3b7";
export const colorCommonSurfaceDefault = "#ffffff";
export const colorCommonSurfaceSecondaryDefault = "#ebebeb";
export const colorCommonSurfaceSecondaryHover = "#dcdcdc";
export const colorCommonSurfaceSecondaryPress = "#cecece";
export const colorCommonSurfaceInverse = "#616161";
export const colorCommonSurfaceHover = "#f2f2f2";
export const colorCommonSurfacePress = "#ebebeb";
export const colorCommonSurfaceSelectedDefault = "#ddf3fc";
export const colorCommonSurfaceSelectedHover = "#bbe7f9";
export const colorCommonSurfaceSelectedPress = "#98dbf7";
export const colorCommonNeutralDefault = "#616161";
export const colorCommonNeutralHover = "#515151";
export const colorCommonNeutralPress = "#414141";
export const colorCommonDangerDefault = "#d80c18";
export const colorCommonDangerHover = "#b90a15";
export const colorCommonDangerPress = "#9a0911";
export const colorCommonSuccess = "#008f7e";
export const colorCommonWarning = "#b88700";
export const colorCommonAlarm = "#e46b08";
export const colorCommonInformation = "#0097e0";
export const colorCommonDisabled = "#bfbfbf";
export const colorCommonTextPrimary = "#212121";
export const colorCommonTextSecondary = "#616161";
export const colorCommonTextInverse = "#ffffff";
export const colorCommonBorderFocus = "#0081c0";
export const colorCommonBorderEmpty = "#cecece";
export const colorCommonBorderInverse = "#ffffff";
export const colorCommonBackgroundDefault = "#ffffff";
export const colorCommonBackgroundOverlay = "rgba(0, 0, 0, 0.5)";
export const colorDivider = "#cecece";
export const colorLinkTextDefault = "#00689a";
export const colorLinkTextHover = "#005077";
export const colorLinkTextPress = "#004160";
export const colorLinkTextVisitedDefault = "#5c2365";
export const colorLinkTextVisitedHover = "#4a1c51";
export const colorLinkTextVisitedPress = "#37153d";
export const colorLinkSurfaceVisitedHover = "#f0ddf3";
export const colorLinkSurfaceVisitedPress = "#e1bbe8";
export const borderRadius100 = "4px";
export const borderRadius200 = "8px";
export const borderRadius050 = "2px";
export const borderWidth100 = "4px";
export const borderWidth025 = "1px";
export const borderWidth050 = "2px";
export const space100 = "4px";
export const space200 = "8px";
export const space300 = "12px";
export const space400 = "16px";
export const space600 = "24px";
export const space800 = "32px";
export const space1200 = "48px";
export const space1600 = "64px";
export const space050 = "2px";
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
export const fontRegularNormal400 = "400 16px/1.5 Roboto";
export const fontRegularNormal500 = "400 20px/1.5 Roboto";
export const fontRegularTight300 = "400 12px/1.3 Roboto";
export const fontRegularTight350 = "400 14px/1.3 Roboto";
export const fontRegularTight400 = "400 16px/1.3 Roboto";
export const fontRegularTight500 = "400 20px/1.3 Roboto";
export const fontSize300 = "12px";
export const fontSize350 = "14px";
export const fontSize400 = "16px";
export const fontSize500 = "20px";
export const fontSize600 = "24px";
export const fontSize700 = "28px";
export const fontSize800 = "32px";
export const fontLineHeightTight = 1.3;
export const fontLineHeightNormal = 1.5;
export const fontWeightBold = 700;
export const fontWeightRegular = 400;
export const fontFamilyBase = "Roboto";
export const fontBoldNormal300 = "700 12px/1.5 Roboto";
export const fontBoldNormal350 = "700 14px/1.5 Roboto";
export const fontBoldNormal400 = "700 16px/1.5 Roboto";
export const fontBoldNormal500 = "700 20px/1.5 Roboto";
export const fontBoldTight300 = "700 12px/1.3 Roboto";
export const fontBoldTight350 = "700 14px/1.3 Roboto";
export const fontBoldTight400 = "700 16px/1.3 Roboto";
export const fontBoldTight500 = "700 20px/1.3 Roboto";
export const fontBoldTight600 = "700 24px/1.3 Roboto";
export const fontBoldTight700 = "700 28px/1.3 Roboto";
export const fontBoldTight800 = "700 32px/1.3 Roboto";