@daikin-oss/dds-tokens 0.0.0

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

@@ -0,0 +1,306 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 31 May 2024 20:50:38 GMT
+ */
+
+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 colorBlue130 : 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 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 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 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 colorRedAaf100 : string;
+export const colorRedAaf200 : string;
+export const colorRedAaf300 : string;
+export const colorRedAaf400 : string;
+export const colorRedAaf500 : string;
+export const colorRedAaf600 : string;
+export const colorMagenta10 : string;
+export const colorMagenta20 : string;
+export const colorMagenta30 : string;
+export const colorMagenta40 : string;
+export const colorMagenta50 : string;
+export const colorMagenta60 : string;
+export const colorMagenta70 : string;
+export const colorMagenta80 : string;
+export const colorMagenta90 : string;
+export const colorMagenta100 : string;
+export const colorMagenta110 : string;
+export const colorGrey10 : string;
+export const colorGrey20 : string;
+export const colorGrey30 : string;
+export const colorGrey40 : string;
+export const colorGrey50 : string;
+export const colorGrey60 : string;
+export const colorGrey70 : string;
+export const colorGrey80 : string;
+export const colorGrey90 : string;
+export const colorGrey100 : string;
+export const colorCoolgrey10 : string;
+export const colorCoolgrey20 : string;
+export const colorCoolgrey30 : string;
+export const colorCoolgrey40 : string;
+export const colorCoolgrey50 : string;
+export const colorCoolgrey60 : string;
+export const colorCoolgrey70 : string;
+export const colorCoolgrey80 : string;
+export const colorCoolgrey90 : string;
+export const colorCoolgrey100 : string;
+export const colorCoolgrey110 : string;
+export const colorBlack : string;
+export const colorWhite : string;
+export const colorBlackShadow : string;
+export const colorWhiteShadow : string;
+/** System status is positive */
+export const colorFeedbackPositive : string;
+/** System status has a warning */
+export const colorFeedbackWarning : string;
+/** System status is negative */
+export const colorFeedbackNegative : 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 fontSize12 : string;
+export const fontSize14 : string;
+export const fontSize16 : string;
+export const fontSize18 : string;
+export const fontSize20 : string;
+export const fontSize24 : string;
+export const fontSize28 : string;
+export const fontSize32 : string;
+export const fontSize36 : string;
+export const fontSize40 : string;
+export const fontSize48 : string;
+export const fontSizeXs : string;
+export const fontSizeS : string;
+export const fontSizeM : string;
+export const fontSizeL : string;
+export const fontSizeXl : string;
+export const fontSize2Xl : string;
+export const fontSize3Xl : string;
+export const fontSize4Xl : string;
+export const fontSize5Xl : string;
+export const fontSize6Xl : string;
+export const fontSize7Xl : string;
+export const lineHeight130 : number;
+export const lineHeight150 : number;
+/** Latin, Arabic, and Hebrew scripts */
+export const lineHeightM : number;
+/** Latin, Arabic, and Hebrew scripts */
+export const lineHeightL : number;
+export const fontWeightBold : number;
+export const fontWeightRegular : number;
+/** The primary font used in the DDS Design Kit is Roboto */
+export const fontFamilyRoboto : string;
+/** The primary font used in the DDS Design Kit is Roboto */
+export const fontFamilyBase : string;
+export const borderRadius2 : string;
+export const borderRadius4 : string;
+export const borderRadius6 : string;
+export const borderRadius8 : string;
+export const borderRadius10 : string;
+export const borderRadius12 : string;
+export const borderRadius16 : string;
+export const borderRadius2Xs : string;
+export const borderRadiusXs : string;
+export const borderRadiusS : string;
+export const borderRadiusM : string;
+export const borderRadiusL : string;
+export const borderRadiusXl : string;
+export const borderRadius2Xl : string;
+export const borderWidth1 : string;
+export const borderWidth2 : string;
+export const borderWidth4 : string;
+export const borderWidthS : string;
+export const borderWidthM : string;
+export const borderWidthL : string;
+export const space0 : string;
+export const space2 : string;
+export const space4 : string;
+export const space8 : string;
+export const space12 : string;
+export const space16 : string;
+export const space20 : string;
+export const space24 : string;
+export const space32 : string;
+export const space40 : string;
+export const space48 : string;
+export const space56 : string;
+export const space64 : string;
+export const space72 : string;
+export const space80 : string;
+export const space96 : string;
+export const space4Xs : string;
+export const space3Xs : string;
+export const space2Xs : string;
+export const spaceXs : string;
+export const spaceS : string;
+export const spaceM : string;
+export const spaceL : string;
+export const spaceXl : string;
+export const space2Xl : string;
+export const space3Xl : string;
+export const space4Xl : string;
+export const space5Xl : string;
+export const space6Xl : string;
+export const space7Xl : string;
+export const space8Xl : string;
+export const space9Xl : string;
+export const shadowBlack : string;
+export const shadowWhite : string;
+/** Body is primarily used for components and for blocks of text. */
+export const bodyXs : string;
+/** Body is primarily used for components and for blocks of text. */
+export const bodyS : string;
+/** Body is primarily used for components and for blocks of text. */
+export const bodyM : string;
+/** Body is primarily used for components and for blocks of text. */
+export const bodyL : string;
+/** Body is primarily used for components and for blocks of text. */
+export const bodyXl : string;
+/** Body is primarily used for components and for blocks of text. */
+export const body2Xl : string;
+/** Body is primarily used for components and for blocks of text. */
+export const body3Xl : string;
+/** Body is primarily used for components and for blocks of text. */
+export const body4Xl : string;
+/** Body is primarily used for components and for blocks of text. */
+export const body5Xl : string;
+/** Body is primarily used for components and for blocks of text. */
+export const body6Xl : string;
+/** Body is primarily used for components and for blocks of text. */
+export const body7Xl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const headerXs : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const headerS : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const headerM : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const headerL : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const headerXl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const header2Xl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const header3Xl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const header4Xl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const header5Xl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const header6Xl : string;
+/** Header is used to create various levels of typographic hierarchies. */
+export const header7Xl : string;
+export const buttonBorderSignInActive : string;
+export const buttonBorderSecondaryActive : string;
+export const buttonBorderSecondaryHover : string;
+export const buttonBorderSecondaryPress : string;
+export const buttonBorderSecondaryFocus : string;
+export const buttonBorderSecondaryDisabled : 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 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 formBorderActive : string;
+export const formBorderNegative : string;
+export const tabBorderUnderline : string;
+export const tabBorderSelected : string;
+export const containerColorBackground : string;
+export const containerColorTextHeader : string;
+export const containerColorTextBody : string;
+export const containerShadow : string;
+export const iconColorBackground : string;

package/build/js/DKN/Dark/variables.js

@@ -0,0 +1,274 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 31 May 2024 20:50:38 GMT
+ */
+
+export const colorBlue10 = "#D1F3FF";
+export const colorBlue20 = "#A6E4FB";
+export const colorBlue30 = "#7CD5F7";
+export const colorBlue40 = "#54c3f1";
+export const colorBlue50 = "#2DB8F0";
+export const colorBlue60 = "#0097E0";
+export const colorBlue70 = "#0674C1";
+export const colorBlue80 = "#0D59A3";
+export const colorBlue90 = "#114484";
+export const colorBlue100 = "#143466";
+export const colorBlue110 = "#132547";
+export const colorBlue120 = "#0E1629";
+export const colorBlue130 = "#04060A";
+export const colorGreen10 = "#F4FFE6";
+export const colorGreen20 = "#D0F8B9";
+export const colorGreen30 = "#9FF28F";
+export const colorGreen40 = "#69EB6E";
+export const colorGreen50 = "#45E46A";
+export const colorGreen60 = "#13CE66";
+export const colorGreen70 = "#04A632";
+export const colorGreen80 = "#007F0E";
+export const colorGreen90 = "#055700";
+export const colorGreen100 = "#0B2F00";
+export const colorGreen110 = "#030800";
+export const colorYellow10 = "#FCFFE6";
+export const colorYellow20 = "#FDFFBB";
+export const colorYellow30 = "#FFF890";
+export const colorYellow40 = "#FFE667";
+export const colorYellow50 = "#FFCC3D";
+export const colorYellow60 = "#D7B834";
+export const colorYellow70 = "#AFA02E";
+export const colorYellow80 = "#878429";
+export const colorYellow90 = "#5C5F21";
+export const colorYellow100 = "#333717";
+export const colorYellow110 = "#0E0F07";
+export const colorOrange10 = "#FFF4E6";
+export const colorOrange20 = "#FFE7CD";
+export const colorOrange30 = "#FFD8B5";
+export const colorOrange40 = "#FFC69A";
+export const colorOrange50 = "#FFB27F";
+export const colorOrange60 = "#F68C54";
+export const colorOrange70 = "#E86427";
+export const colorOrange80 = "#B15C20";
+export const colorOrange90 = "#7A4D14";
+export const colorOrange100 = "#443809";
+export const colorOrange110 = "#0C0D01";
+export const colorRed10 = "#FAF2ED";
+export const colorRed20 = "#FEE0D2";
+export const colorRed30 = "#FFC7B5";
+export const colorRed40 = "#FFAA98";
+export const colorRed50 = "#FF867B";
+export const colorRed60 = "#FF4949";
+export const colorRed70 = "#CE3B2B";
+export const colorRed80 = "#9C3219";
+export const colorRed90 = "#6B290F";
+export const colorRed100 = "#391A08";
+export const colorRed110 = "#080401";
+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 colorMagenta10 = "#F5F5FF";
+export const colorMagenta20 = "#E4E0F8";
+export const colorMagenta30 = "#D7CCF2";
+export const colorMagenta40 = "#CDB8EB";
+export const colorMagenta50 = "#C7A4E5";
+export const colorMagenta60 = "#B981CF";
+export const colorMagenta70 = "#B15FBA";
+export const colorMagenta80 = "#A43D95";
+export const colorMagenta90 = "#722B6D";
+export const colorMagenta100 = "#3F183F";
+export const colorMagenta110 = "#0C050D";
+export const colorGrey10 = "#FAFAFA";
+export const colorGrey20 = "#EBEBEB";
+export const colorGrey30 = "#DCDCDC";
+export const colorGrey40 = "#CECECE";
+export const colorGrey50 = "#BFBFBF";
+export const colorGrey60 = "#A0A0A0";
+export const colorGrey70 = "#828282";
+export const colorGrey80 = "#616161";
+export const colorGrey90 = "#414141";
+export const colorGrey100 = "#212121";
+export const colorCoolgrey10 = "#EDFFFE";
+export const colorCoolgrey20 = "#DEEFEF";
+export const colorCoolgrey30 = "#CFDFDF";
+export const colorCoolgrey40 = "#C0CED0";
+export const colorCoolgrey50 = "#B1BEC0";
+export const colorCoolgrey60 = "#8D9CA0";
+export const colorCoolgrey70 = "#6C7A81";
+export const colorCoolgrey80 = "#445762";
+export const colorCoolgrey90 = "#253543";
+export const colorCoolgrey100 = "#0F1724";
+export const colorCoolgrey110 = "#010205";
+export const colorBlack = "#000000";
+export const colorWhite = "#ffffff";
+export const colorBlackShadow = "#0000001A";
+export const colorWhiteShadow = "#ffffff1A";
+export const colorFeedbackPositive = "#13CE66"; // System status is positive
+export const colorFeedbackWarning = "#FFCC3D"; // System status has a warning
+export const colorFeedbackNegative = "#FF4949"; // System status is negative
+export const colorBrandPrimary = "#54c3f1"; // Primary brand blue
+export const colorBrandSecondary = "#0097E0"; // Primary secondary brand blue
+export const colorTextBrandPrimary = "#54c3f1";
+export const colorTextTheme = "#212121";
+export const colorTextDefault = "#FAFAFA";
+export const colorTextDefaultSub = "#EBEBEB";
+export const colorBackgroundTheme = "#000000";
+export const colorBackgroundComponent = "#212121";
+export const colorBackgroundObject = "#FAFAFA";
+export const fontSize12 = "12px";
+export const fontSize14 = "14px";
+export const fontSize16 = "16px";
+export const fontSize18 = "18px";
+export const fontSize20 = "20px";
+export const fontSize24 = "24px";
+export const fontSize28 = "28px";
+export const fontSize32 = "32px";
+export const fontSize36 = "36px";
+export const fontSize40 = "40px";
+export const fontSize48 = "48px";
+export const fontSizeXs = "12px";
+export const fontSizeS = "14px";
+export const fontSizeM = "16px";
+export const fontSizeL = "18px";
+export const fontSizeXl = "20px";
+export const fontSize2Xl = "24px";
+export const fontSize3Xl = "28px";
+export const fontSize4Xl = "32px";
+export const fontSize5Xl = "36px";
+export const fontSize6Xl = "40px";
+export const fontSize7Xl = "48px";
+export const lineHeight130 = 1.3;
+export const lineHeight150 = 1.5;
+export const lineHeightM = 1.3; // Latin, Arabic, and Hebrew scripts
+export const lineHeightL = 1.5; // Latin, Arabic, and Hebrew scripts
+export const fontWeightBold = 700;
+export const fontWeightRegular = 400;
+export const fontFamilyRoboto = "Roboto"; // The primary font used in the DDS Design Kit is Roboto
+export const fontFamilyBase = "Roboto"; // The primary font used in the DDS Design Kit is Roboto
+export const borderRadius2 = "2px";
+export const borderRadius4 = "4px";
+export const borderRadius6 = "6px";
+export const borderRadius8 = "8px";
+export const borderRadius10 = "10px";
+export const borderRadius12 = "12px";
+export const borderRadius16 = "16px";
+export const borderRadius2Xs = "2px";
+export const borderRadiusXs = "4px";
+export const borderRadiusS = "6px";
+export const borderRadiusM = "8px";
+export const borderRadiusL = "10px";
+export const borderRadiusXl = "12px";
+export const borderRadius2Xl = "16px";
+export const borderWidth1 = "1px";
+export const borderWidth2 = "2px";
+export const borderWidth4 = "4px";
+export const borderWidthS = "1px";
+export const borderWidthM = "2px";
+export const borderWidthL = "4px";
+export const space0 = "0";
+export const space2 = "2px";
+export const space4 = "4px";
+export const space8 = "8px";
+export const space12 = "12px";
+export const space16 = "16px";
+export const space20 = "20px";
+export const space24 = "24px";
+export const space32 = "32px";
+export const space40 = "40px";
+export const space48 = "48px";
+export const space56 = "56px";
+export const space64 = "64px";
+export const space72 = "72px";
+export const space80 = "80px";
+export const space96 = "96px";
+export const space4Xs = "0";
+export const space3Xs = "2px";
+export const space2Xs = "4px";
+export const spaceXs = "8px";
+export const spaceS = "12px";
+export const spaceM = "16px";
+export const spaceL = "20px";
+export const spaceXl = "24px";
+export const space2Xl = "32px";
+export const space3Xl = "40px";
+export const space4Xl = "48px";
+export const space5Xl = "56px";
+export const space6Xl = "64px";
+export const space7Xl = "72px";
+export const space8Xl = "80px";
+export const space9Xl = "96px";
+export const shadowBlack = "0 -2px 19px 0 #0000001A";
+export const shadowWhite = "0 -2px 19px 0 #ffffff1A";
+export const bodyXs = "400 12px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const bodyS = "400 14px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const bodyM = "400 16px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const bodyL = "400 18px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const bodyXl = "400 20px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const body2Xl = "400 24px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const body3Xl = "400 28px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const body4Xl = "400 32px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const body5Xl = "400 36px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const body6Xl = "400 40px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const body7Xl = "400 48px/1.5 Roboto"; // Body is primarily used for components and for blocks of text.
+export const headerXs = "700 12px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const headerS = "700 14px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const headerM = "700 16px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const headerL = "700 18px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const headerXl = "700 20px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const header2Xl = "700 24px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const header3Xl = "700 28px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const header4Xl = "700 32px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const header5Xl = "700 36px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const header6Xl = "700 40px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const header7Xl = "700 48px/1.3 Roboto"; // Header is used to create various levels of typographic hierarchies.
+export const buttonBorderSignInActive = "1px Inside #616161";
+export const buttonBorderSecondaryActive = "1px Solid #54c3f1";
+export const buttonBorderSecondaryHover = "1px Solid #0097E0";
+export const buttonBorderSecondaryPress = "1px Solid #7CD5F7";
+export const buttonBorderSecondaryFocus = "1px Solid #A6E4FB";
+export const buttonBorderSecondaryDisabled = "1px Solid #616161";
+export const buttonColorBackgroundPrimaryActive = "#54c3f1"; // Color used for the default state of a secondary button
+export const buttonColorBackgroundPrimaryHover = "#0097E0";
+export const buttonColorBackgroundPrimaryPress = "#7CD5F7";
+export const buttonColorBackgroundPrimaryFocus = "#A6E4FB";
+export const buttonColorBackgroundPrimaryDisabled = "#616161";
+export const buttonColorBorderSecondaryActive = "#54c3f1";
+export const buttonColorBorderSecondaryHover = "#0097E0";
+export const buttonColorBorderSecondaryPress = "#7CD5F7";
+export const buttonColorBorderSecondaryFocus = "#A6E4FB";
+export const buttonColorBorderSecondaryDisabled = "#616161";
+export const buttonColorTextSecondaryActive = "#54c3f1";
+export const buttonColorTextSecondaryHover = "#0097E0";
+export const buttonColorTextSecondaryPress = "#7CD5F7";
+export const buttonColorTextSecondaryFocus = "#A6E4FB";
+export const buttonColorTextSecondaryDisabled = "#616161";
+export const buttonColorTextPrimary = "#212121";
+export const checkboxBorderUnselected = "2px solid #BFBFBF";
+export const checkboxColorBackground = "#0097E0";
+export const checkboxColorIcon = "#ffffff";
+export const dropdownColorBackground = "#ffffff";
+export const dropdownColorText = "#414141";
+export const dropdownTrayColorBackgroundSelected = "#EBEBEB";
+export const tableColorBackground = "#ffffff";
+export const tableColorText = "#414141";
+export const tableHeaderBorder = "1px  #000000";
+export const tableCellBorder = "1px  #EBEBEB";
+export const tablePageNumberColorBackgroundSelected = "#828282";
+export const tablePageNumberColorTextDefault = "#414141";
+export const tablePageNumberColorTextSelected = "#ffffff";
+export const tablePageNumberBorderHover = "1px  #828282";
+export const loginSsoButtonBorder = "1px  #616161";
+export const loginSsoButtonColorText = "#616161";
+export const formColorBackground = "#ffffff";
+export const formColorTextDefault = "#212121";
+export const formColorTextPlaceholder = "#828282";
+export const formColorTextPositive = "#13CE66";
+export const formColorTextNegative = "#FF4949";
+export const formBorderActive = "1px Solid #828282";
+export const formBorderNegative = "1px solid #FF4949";
+export const tabBorderUnderline = "1px  #CFDFDF";
+export const tabBorderSelected = "1px  #0097E0";
+export const containerColorBackground = "#212121";
+export const containerColorTextHeader = "#FAFAFA";
+export const containerColorTextBody = "#EBEBEB";
+export const containerShadow = "0 -2px 19px 0 #ffffff1A";
+export const iconColorBackground = "#FAFAFA";