@daikin-oss/dds-tokens 0.1.0 → 0.2.1

package/build/js/daikin/Dark/variables.d.ts

@@ -0,0 +1,294 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const colorBlue10: string;
+export const colorBlue20: string;
+export const colorBlue30: string;
+export const colorBlue40: string;
+export const colorBlue50: string;
+export const colorBlue60: string;
+export const colorBlue70: string;
+export const colorBlue80: string;
+export const colorBlue90: string;
+export const colorBlue100: string;
+export const colorBlue110: string;
+export const colorBlue120: string;
+export const colorGreen10: string;
+export const colorGreen20: string;
+export const colorGreen30: string;
+export const colorGreen40: string;
+export const colorGreen50: string;
+export const colorGreen60: string;
+export const colorGreen70: string;
+export const colorGreen80: string;
+export const colorGreen90: string;
+export const colorGreen100: string;
+export const colorGreen110: string;
+export const colorGreen120: string;
+export const colorYellow10: string;
+export const colorYellow20: string;
+export const colorYellow30: string;
+export const colorYellow40: string;
+export const colorYellow50: string;
+export const colorYellow60: string;
+export const colorYellow70: string;
+export const colorYellow80: string;
+export const colorYellow90: string;
+export const colorYellow100: string;
+export const colorYellow110: string;
+export const colorYellow120: string;
+export const colorOrange10: string;
+export const colorOrange20: string;
+export const colorOrange30: string;
+export const colorOrange40: string;
+export const colorOrange50: string;
+export const colorOrange60: string;
+export const colorOrange70: string;
+export const colorOrange80: string;
+export const colorOrange90: string;
+export const colorOrange100: string;
+export const colorOrange110: string;
+export const colorOrange120: string;
+export const colorRed10: string;
+export const colorRed20: string;
+export const colorRed30: string;
+export const colorRed40: string;
+export const colorRed50: string;
+export const colorRed60: string;
+export const colorRed70: string;
+export const colorRed80: string;
+export const colorRed90: string;
+export const colorRed100: string;
+export const colorRed110: string;
+export const colorRed120: string;
+export const colorRedAaf100: string;
+export const colorRedAaf200: string;
+export const colorRedAaf300: string;
+export const colorRedAaf400: string;
+export const colorRedAaf500: string;
+export const colorRedAaf600: string;
+export const colorGray10: string;
+export const colorGray20: string;
+export const colorGray30: string;
+export const colorGray40: string;
+export const colorGray50: string;
+export const colorGray60: string;
+export const colorGray70: string;
+export const colorGray80: string;
+export const colorGray90: string;
+export const colorGray100: string;
+export const colorGray110: string;
+export const colorGray120: string;
+export const colorBlack: string;
+export const colorWhite: string;
+export const colorBlackShadow: string;
+export const colorWhiteShadow: string;
+export const colorBlueGray10: string;
+export const colorBlueGray20: string;
+export const colorBlueGray30: string;
+export const colorBlueGray40: string;
+export const colorBlueGray50: string;
+export const colorBlueGray60: string;
+export const colorBlueGray70: string;
+export const colorBlueGray80: string;
+export const colorBlueGray90: string;
+export const colorBlueGray100: string;
+export const colorBlueGray110: string;
+export const colorBlueGray120: string;
+export const colorDarkGray105: string;
+export const colorDarkGray115: string;
+export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
+/** System status is positive */
+export const colorFeedbackPositive: string;
+/** System status is warning */
+export const colorFeedbackWarning: string;
+/** System status is warning */
+export const colorFeedbackNegative: string;
+/** System status is warning */
+export const colorFeedbackAlarm: string;
+/** System status is warning */
+export const colorFeedbackInformation: string;
+/** Primary brand blue */
+export const colorBrandPrimary: string;
+/** Primary secondary brand blue */
+export const colorBrandSecondary: string;
+export const colorTextBrandPrimary: string;
+export const colorTextTheme: string;
+export const colorTextDefault: string;
+export const colorTextDefaultSub: string;
+export const colorBackgroundTheme: string;
+export const colorBackgroundComponent: string;
+export const colorBackgroundObject: string;
+export const colorCommonBrandDefault: string;
+export const colorCommonBrandHover: string;
+export const colorCommonBrandPress: string;
+export const colorCommonSurfaceBrandHover: string;
+export const colorCommonSurfaceBrandPress: string;
+export const colorCommonSurfaceNeutralHover: string;
+export const colorCommonSurfaceNeutralPress: string;
+export const colorCommonSurfaceDangerHover: string;
+export const colorCommonSurfaceDangerPress: string;
+export const colorCommonSurfaceDefault: string;
+export const colorCommonSurfaceHover: string;
+export const colorCommonSurfacePress: string;
+export const colorCommonSurfaceSelectedDefault: string;
+export const colorCommonSurfaceSelectedHover: string;
+export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonNeutralDefault: string;
+export const colorCommonNeutralHover: string;
+export const colorCommonNeutralPress: string;
+export const colorCommonDangerDefault: string;
+export const colorCommonDangerHover: string;
+export const colorCommonDangerPress: string;
+export const colorCommonSuccess: string;
+export const colorCommonWarning: string;
+export const colorCommonAlarm: string;
+export const colorCommonInformation: string;
+export const colorCommonDisabled: string;
+export const colorCommonTextPrimary: string;
+export const colorCommonTextSecondary: string;
+export const colorCommonTextInverse: string;
+export const colorCommonBorderFocus: string;
+export const colorCommonBorderEmpty: string;
+export const colorCommonBackgroundDefault: string;
+export const colorCommonBackgroundOverlay: string;
+export const colorDivider: string;
+export const colorLinkTextDefault: string;
+export const colorLinkTextHover: string;
+export const colorLinkTextPress: string;
+export const colorLinkTextVisitedDefault: string;
+export const colorLinkTextVisitedHover: string;
+export const colorLinkTextVisitedPress: string;
+export const colorLinkSurfaceVisitedHover: string;
+export const colorLinkSurfaceVisitedPress: string;
+export const borderRadius100: string;
+export const borderRadius150: string;
+export const borderRadius200: string;
+export const borderRadius250: string;
+export const borderRadius300: string;
+export const borderRadius400: string;
+export const borderRadius050: string;
+export const borderWidth100: string;
+export const borderWidth025: string;
+export const borderWidth050: string;
+export const space100: string;
+export const space200: string;
+export const space300: string;
+export const space400: string;
+export const space800: string;
+export const space050: string;
+export const shadowBlack: string;
+export const shadowWhite: string;
+export const fontSize300: string;
+export const fontSize350: string;
+export const fontSize400: string;
+export const lineHeightTight: string;
+export const lineHeightNormal: string;
+export const fontWeightBold: string;
+export const fontWeightRegular: string;
+/** The primary font used in the DDS Design Kit is Roboto */
+export const fontFamilyBase: string;
+/** Body is primarily used for components and for blocks of text. */
+export const regularNormal300: string;
+/** Body is primarily used for components and for blocks of text. */
+export const regularNormal350: string;
+/** Body is primarily used for components and for blocks of text. */
+export const regularNormal400: string;
+/** Body is primarily used for components and for blocks of text. */
+export const regularTight300: string;
+/** Body is primarily used for components and for blocks of text. */
+export const regularTight350: string;
+/** Body is primarily used for components and for blocks of text. */
+export const regularTight400: string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const regularBoldNormal300: string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const regularBoldNormal350: string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const regularBoldNormal400: string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const regularBoldTight300: string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const regularBoldTight350: string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const regularBoldTight400: string;
+export const checkboxBorderUnselected: string;
+export const checkboxColorBackground: string;
+export const checkboxColorIcon: string;
+export const dropdownColorBackground: string;
+export const dropdownColorText: string;
+export const dropdownTrayColorBackgroundSelected: string;
+export const tableColorBackground: string;
+export const tableColorText: string;
+export const tableHeaderBorder: string;
+export const tableCellBorder: string;
+export const tablePageNumberColorBackgroundSelected: string;
+export const tablePageNumberColorTextDefault: string;
+export const tablePageNumberColorTextSelected: string;
+export const tablePageNumberBorderHover: string;
+export const loginSsoButtonBorder: string;
+export const loginSsoButtonColorText: string;
+export const formColorBackground: string;
+export const formColorTextDefault: string;
+export const formColorTextPlaceholder: string;
+export const formColorTextPositive: string;
+export const formColorTextNegative: string;
+export const notificationColorBackgroundSuccess: string;
+export const notificationColorBackgroundError: string;
+export const notificationColorBackgroundWarning: string;
+export const notificationColorBackgroundAlarm: string;
+export const notificationColorBackgroundInformation: string;
+export const notificationColorBackgroundTheme: string;
+export const notificationColorText: string;
+export const notificationShadow: string;
+export const iconColorBackgroundNeutral: string;
+export const iconColorBackgroundDefault: string;
+export const iconColorBackgroundTheme: string;
+export const containerColorBackground: string;
+export const containerColorTextHeader: string;
+export const containerColorTextBody: string;
+export const cardShadow: string;
+export const cardColorBackground: string;
+export const cardBorderHover: string;
+export const cardBorderAlert: string;
+export const cardBorderUnderline: string;
+/** Color used for the default state of a secondary button */
+export const buttonColorBackgroundPrimaryActive: string;
+export const buttonColorBackgroundPrimaryHover: string;
+export const buttonColorBackgroundPrimaryPress: string;
+export const buttonColorBackgroundPrimaryFocus: string;
+export const buttonColorBackgroundPrimaryDisabled: string;
+export const buttonColorBorderSecondaryActive: string;
+export const buttonColorBorderSecondaryHover: string;
+export const buttonColorBorderSecondaryPress: string;
+export const buttonColorBorderSecondaryFocus: string;
+export const buttonColorBorderSecondaryDisabled: string;
+export const buttonColorTextSecondaryActive: string;
+export const buttonColorTextSecondaryHover: string;
+export const buttonColorTextSecondaryPress: string;
+export const buttonColorTextSecondaryFocus: string;
+export const buttonColorTextSecondaryDisabled: string;
+export const buttonColorTextPrimary: string;
+export const tabColorLineActive: string;
+export const tabColorLineHover: string;
+export const tabColorLinePress: string;
+export const tabColorLineFocus: string;
+export const tabColorLineDisabled: string;
+export const tabColorTextActive: string;
+export const tabColorTextHover: string;
+export const tabColorTextPress: string;
+export const tabColorTextFocus: string;
+export const tabColorTextDisabled: string;

package/build/js/daikin/Dark/variables.js

@@ -0,0 +1,273 @@
+/**
+ * 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 colorRedAaf100 = "#fcecea";
+export const colorRedAaf200 = "#f5c0b8";
+export const colorRedAaf300 = "#f8aeba";
+export const colorRedAaf400 = "#db4f66";
+export const colorRedAaf500 = "#d2324c";
+export const colorRedAaf600 = "#c8102e";
+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 colorBlackShadow = "rgba(0, 0, 0, 0.1)";
+export const colorWhiteShadow = "rgba(255, 255, 255, 0.1)";
+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 colorFeedbackPositive = "#00c3ac"; // System status is positive
+export const colorFeedbackWarning = "#ffbf0e"; // System status is warning
+export const colorFeedbackNegative = "#f21a27"; // System status is warning
+export const colorFeedbackAlarm = "#fa7a12"; // System status is warning
+export const colorFeedbackInformation = "#30ade9"; // System status is warning
+export const colorBrandPrimary = "#30ade9"; // Primary brand blue
+export const colorBrandSecondary = "#76cff4"; // Primary secondary brand blue
+export const colorTextBrandPrimary = "#30ade9";
+export const colorTextTheme = "#ffffff";
+export const colorTextDefault = "#414141";
+export const colorTextDefaultSub = "#616161";
+export const colorBackgroundTheme = "#ffffff";
+export const colorBackgroundComponent = "#ffffff";
+export const colorBackgroundObject = "#414141";
+export const colorCommonBrandDefault = "#30ade9";
+export const colorCommonBrandHover = "#54c3f1";
+export const colorCommonBrandPress = "#76cff4";
+export const colorCommonSurfaceBrandHover = "#002b40";
+export const colorCommonSurfaceBrandPress = "#004160";
+export const colorCommonSurfaceNeutralHover = "#313131";
+export const colorCommonSurfaceNeutralPress = "#414141";
+export const colorCommonSurfaceDangerHover = "#3e0307";
+export const colorCommonSurfaceDangerPress = "#5d050a";
+export const colorCommonSurfaceDefault = "#212121";
+export const colorCommonSurfaceHover = "#313131";
+export const colorCommonSurfacePress = "#414141";
+export const colorCommonSurfaceSelectedDefault = "#002b40";
+export const colorCommonSurfaceSelectedHover = "#004160";
+export const colorCommonSurfaceSelectedPress = "#005077";
+export const colorCommonNeutralDefault = "#bfbfbf";
+export const colorCommonNeutralHover = "#cecece";
+export const colorCommonNeutralPress = "#dcdcdc";
+export const colorCommonDangerDefault = "#f21a27";
+export const colorCommonDangerHover = "#f4404b";
+export const colorCommonDangerPress = "#f7666f";
+export const colorCommonSuccess = "#00c3ac";
+export const colorCommonWarning = "#efb000";
+export const colorCommonAlarm = "#fa7a12";
+export const colorCommonInformation = "#30ade9";
+export const colorCommonDisabled = "#616161";
+export const colorCommonTextPrimary = "#dcdcdc";
+export const colorCommonTextSecondary = "#bfbfbf";
+export const colorCommonTextInverse = "#212121";
+export const colorCommonBorderFocus = "#54c3f1";
+export const colorCommonBorderEmpty = "#515151";
+export const colorCommonBackgroundDefault = "#212121";
+export const colorCommonBackgroundOverlay = "#000000";
+export const colorDivider = "#515151";
+export const colorLinkTextDefault = "#76cff4";
+export const colorLinkTextHover = "#98dbf7";
+export const colorLinkTextPress = "#bbe7f9";
+export const colorLinkTextVisitedDefault = "#c477d0";
+export const colorLinkTextVisitedHover = "#d399dc";
+export const colorLinkTextVisitedPress = "#e1bbe8";
+export const colorLinkSurfaceVisitedHover = "#250e29";
+export const colorLinkSurfaceVisitedPress = "#37153d";
+export const borderRadius100 = "4px";
+export const borderRadius150 = "6px";
+export const borderRadius200 = "8px";
+export const borderRadius250 = "10px";
+export const borderRadius300 = "12px";
+export const borderRadius400 = "16px";
+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 space800 = "32px";
+export const space050 = "2px";
+export const shadowBlack = "0 -2px 19px 0 rgba(0, 0, 0, 0.1)";
+export const shadowWhite = "0 -2px 19px 0 rgba(255, 255, 255, 0.1)";
+export const fontSize300 = "12px";
+export const fontSize350 = "14px";
+export const fontSize400 = "16px";
+export const lineHeightTight = "130%";
+export const lineHeightNormal = "150%";
+export const fontWeightBold = "Bold";
+export const fontWeightRegular = "Regular";
+export const fontFamilyBase = "Roboto"; // The primary font used in the DDS Design Kit is Roboto
+export const regularNormal300 = "400 12px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const regularNormal350 = "400 14px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const regularNormal400 = "400 16px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const regularTight300 = "400 12px/1.3 Roboto"; // Body is primarily used for components and for blocks of text.
+export const regularTight350 = "400 14px/1.3 Roboto"; // Body is primarily used for components and for blocks of text.
+export const regularTight400 = "400 16px/1.3 Roboto"; // Body is primarily used for components and for blocks of text.
+export const regularBoldNormal300 = "700 12px/1.5 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const regularBoldNormal350 = "700 14px/1.5 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const regularBoldNormal400 = "700 16px/1.5 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const regularBoldTight300 = "700 12px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const regularBoldTight350 = "700 14px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const regularBoldTight400 = "700 16px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const checkboxBorderUnselected = "2px solid #bfbfbf";
+export const checkboxColorBackground = "#30ade9";
+export const checkboxColorIcon = "#ffffff";
+export const dropdownColorBackground = "#ffffff";
+export const dropdownColorText = "#515151";
+export const dropdownTrayColorBackgroundSelected = "#ebebeb";
+export const tableColorBackground = "#ffffff";
+export const tableColorText = "#515151";
+export const tableHeaderBorder = "1px none #000000";
+export const tableCellBorder = "1px none #ebebeb";
+export const tablePageNumberColorBackgroundSelected = "#828282";
+export const tablePageNumberColorTextDefault = "#515151";
+export const tablePageNumberColorTextSelected = "#ffffff";
+export const tablePageNumberBorderHover = "1px none #828282";
+export const loginSsoButtonBorder = "1px none #616161";
+export const loginSsoButtonColorText = "#616161";
+export const formColorBackground = "#ffffff";
+export const formColorTextDefault = "#414141";
+export const formColorTextPlaceholder = "#828282";
+export const formColorTextPositive = "#00c3ac";
+export const formColorTextNegative = "#f21a27";
+export const notificationColorBackgroundSuccess = "#00c3ac";
+export const notificationColorBackgroundError = "#f21a27";
+export const notificationColorBackgroundWarning = "#ffbf0e";
+export const notificationColorBackgroundAlarm = "#fa7a12";
+export const notificationColorBackgroundInformation = "#30ade9";
+export const notificationColorBackgroundTheme = "#ffffff";
+export const notificationColorText = "#414141";
+export const notificationShadow = "0 -2px 19px 0 rgba(0, 0, 0, 0.1)";
+export const iconColorBackgroundNeutral = "#a0a0a0";
+export const iconColorBackgroundDefault = "#414141";
+export const iconColorBackgroundTheme = "#ffffff";
+export const containerColorBackground = "#ffffff";
+export const containerColorTextHeader = "#414141";
+export const containerColorTextBody = "#616161";
+export const cardShadow = "0 -2px 19px 0 rgba(0, 0, 0, 0.1)";
+export const cardColorBackground = "#ffffff";
+export const cardBorderHover = "2px solid #BFBFBF";
+export const cardBorderAlert = "2px solid #f21a27";
+export const cardBorderUnderline = "1px solid #d8dde0";
+export const buttonColorBackgroundPrimaryActive = "#30ade9"; // Color used for the default state of a secondary button
+export const buttonColorBackgroundPrimaryHover = "#76cff4";
+export const buttonColorBackgroundPrimaryPress = "#0097e0";
+export const buttonColorBackgroundPrimaryFocus = "#0081c0";
+export const buttonColorBackgroundPrimaryDisabled = "#dcdcdc";
+export const buttonColorBorderSecondaryActive = "#30ade9";
+export const buttonColorBorderSecondaryHover = "#76cff4";
+export const buttonColorBorderSecondaryPress = "#0097e0";
+export const buttonColorBorderSecondaryFocus = "#0081c0";
+export const buttonColorBorderSecondaryDisabled = "#dcdcdc";
+export const buttonColorTextSecondaryActive = "#30ade9";
+export const buttonColorTextSecondaryHover = "#76cff4";
+export const buttonColorTextSecondaryPress = "#0097e0";
+export const buttonColorTextSecondaryFocus = "#0081c0";
+export const buttonColorTextSecondaryDisabled = "#dcdcdc";
+export const buttonColorTextPrimary = "#ffffff";
+export const tabColorLineActive = "#30ade9";
+export const tabColorLineHover = "#76cff4";
+export const tabColorLinePress = "#0097e0";
+export const tabColorLineFocus = "#0081c0";
+export const tabColorLineDisabled = "#dcdcdc";
+export const tabColorTextActive = "#30ade9";
+export const tabColorTextHover = "#76cff4";
+export const tabColorTextPress = "#0097e0";
+export const tabColorTextFocus = "#0081c0";
+export const tabColorTextDisabled = "#dcdcdc";