@daikin-oss/dds-tokens 0.2.0 → 0.3.0

package/build/js/daikin/Light/variables.d.cts

@@ -62,12 +62,6 @@ 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;
@@ -82,8 +76,6 @@ 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;
@@ -99,27 +91,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: 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 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;
 export const colorCommonBrandDefault: string;
 export const colorCommonBrandHover: string;
 export const colorCommonBrandPress: string;
@@ -157,6 +140,11 @@ 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;
@@ -173,105 +161,23 @@ 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 fontRegularNormal300: string;
+export const fontRegularNormal350: string;
+export const fontRegularNormal400: string;
+export const fontRegularTight300: string;
+export const fontRegularTight350: string;
+export const fontRegularTight400: string;
+export const fontRegularBoldNormal300: string;
+export const fontRegularBoldNormal350: string;
+export const fontRegularBoldNormal400: string;
+export const fontRegularBoldTight300: string;
+export const fontRegularBoldTight350: string;
+export const fontRegularBoldTight400: 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 fontLineHeightTight: number;
+export const fontLineHeightNormal: number;
+export const fontWeightBold: number;
+export const fontWeightRegular: number;
 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/Light/variables.d.ts

@@ -62,12 +62,6 @@ 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;
@@ -82,8 +76,6 @@ 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;
@@ -99,27 +91,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: 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 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;
 export const colorCommonBrandDefault: string;
 export const colorCommonBrandHover: string;
 export const colorCommonBrandPress: string;
@@ -157,6 +140,11 @@ 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;
@@ -173,105 +161,23 @@ 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 fontRegularNormal300: string;
+export const fontRegularNormal350: string;
+export const fontRegularNormal400: string;
+export const fontRegularTight300: string;
+export const fontRegularTight350: string;
+export const fontRegularTight400: string;
+export const fontRegularBoldNormal300: string;
+export const fontRegularBoldNormal350: string;
+export const fontRegularBoldNormal400: string;
+export const fontRegularBoldTight300: string;
+export const fontRegularBoldTight350: string;
+export const fontRegularBoldTight400: 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 fontLineHeightTight: number;
+export const fontLineHeightNormal: number;
+export const fontWeightBold: number;
+export const fontWeightRegular: number;
 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/Light/variables.js

@@ -62,12 +62,6 @@ 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";
@@ -82,8 +76,6 @@ 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";
@@ -99,20 +91,18 @@ export const colorBlueGray120 = "#1b1e21";
 export const colorDarkGray105 = "#383838";
 export const colorDarkGray115 = "#282828";
 export const colorDarkGray125 = "#1a1a1a";
-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 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";
@@ -149,7 +139,12 @@ export const colorCommonBackgroundOverlay = "#000000";
 export const colorDivider = "#cecece";
 export const colorLinkTextDefault = "#00689a";
 export const colorLinkTextHover = "#005077";
-export const colorLinkTextPress = "#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 borderRadius150 = "6px";
 export const borderRadius200 = "8px";
@@ -166,91 +161,23 @@ 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 fontRegularNormal300 = "400 12px/1.5 Roboto";
+export const fontRegularNormal350 = "400 14px/1.5 Roboto";
+export const fontRegularNormal400 = "400 16px/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 fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
+export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
+export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
+export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
+export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
+export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
 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";
+export const fontLineHeightTight = 1.3;
+export const fontLineHeightNormal = 1.5;
+export const fontWeightBold = 700;
+export const fontWeightRegular = 400;
+export const fontFamilyBase = "Roboto";