@skillzet/tokens/tokens/Figma.js

Design Tokens

/**
 * Do not edit directly
 * Generated on Wed, 06 Jul 2022 18:41:11 GMT
 */

export const BaseRadius = 8;
export const PrimaryContrastText = "#ffffff";
export const PrimaryMain = "#ff00ff";
export const PrimaryLight = "#a3a9ff";
export const PrimaryDark = "#364eb5";
export const PrimaryBackground = "#f6f6fb";
export const PrimaryBorder = "#6e7ae8";
export const SecondaryContrastText = "#ffffff";
export const SecondaryMain = "#cd48e8";
export const SecondaryLight = "#ff7dff";
export const SecondaryDark = "#9800b5";
export const SecondaryBackground = "#faf3fb";
export const SecondaryBorder = "#eab7f4";
export const TextPrimary = "#2e323a";
export const TextSecondary = "#717b8f";
export const TextDisabled = "#00000061";
export const TextHint = "#00000061";
export const ActionMain = "#e0e0e0";
export const ActionHover = "#00000066";
export const ActionSelected = "#00000014";
export const ActionDisabledBg = "#0000001f";
export const ActionDisabled = "#00000042";
export const ActionFocus = "#0000001f";
export const OtherBorder = "#bdbdbd";
export const OtherWhite = "#ffffff";
export const OtherBackdrop = "#757575";
export const OtherDivider = "#0000001f";
export const OtherSnackbar = "#424242";
export const OtherActiveRating = "#ffb400";
export const InfoContrastText = "#ffffff";
export const InfoMain = "#4890e8";
export const InfoDark = "#0063b5";
export const InfoLight = "#82c0ff";
export const InfoTextDark = "#0d3c61";
export const InfoLightBg = "#f1f8fe";
export const SuccessContrastText = "#ffffff";
export const SuccessMain = "#7db534";
export const SuccessDark = "#4c8500";
export const SuccessLight = "#b0e765";
export const SuccessLightBg = "#f8fbf3";
export const SuccessDarkText = "#1e4620";
export const ErrorMain = "#a43f23";
export const ErrorContrastText = "#ffffff";
export const ErrorLight = "#ff997f";
export const ErrorDark = "#a63a29";
export const ErrorDarkText = "#621b16";
export const ErrorLightBg = "#fef6f6";
export const WarningContrastText = "#000000";
export const WarningMain = "#f59b2c";
export const WarningDark = "#bd6c00";
export const WarningLight = "#ffcc5e";
export const WarningDarkText = "#663d00";
export const WarningLightBg = "#fef9f1";
export const GreyGrey50 = "#fafafa";
export const GreyGrey100 = "#f5f5f5";
export const GreyGrey200 = "#eeeeee";
export const GreyGrey300 = "#e0e0e0";
export const GreyGrey400 = "#bdbdbd";
export const GreyGrey500 = "#9e9e9e";
export const GreyGrey600 = "#757575";
export const GreyGrey700 = "#616161";
export const GreyGrey800 = "#424242";
export const GreyGrey900 = "#212121";
export const GreyBlack = "#000000";
export const GreyGreyA100 = "#e0e0e0";
export const GreyGreyA200 = "#9e9e9e";
export const GreyGreyA400 = "#616161";
export const GreyGreyA700 = "#212121";
export const BackgroundPaper = "#ffffff";
export const BlueGrey100 = "#f7f7f8";
export const BlueGrey200 = "#eeeff0";
export const BlueGrey300 = "#d4d7dd";
export const BlueGrey400 = "#b8bdc7";
export const BlueGrey500 = "#9ca3b1";
export const BlueGrey600 = "#868fa0";
export const BlueGrey700 = "#717b8f";
export const Elevation1 = [{"color":"#0000000d","type":"dropShadow","x":0,"y":0,"blur":0,"spread":1},{"color":"#0000001f","type":"dropShadow","x":0,"y":1,"blur":2,"spread":0}];
export const Elevation2 = [{"color":"#0000000d","type":"dropShadow","x":0,"y":0,"blur":0,"spread":1},{"color":"#00000026","type":"dropShadow","x":0,"y":2,"blur":4,"spread":0}];
export const Elevation3 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":3,"blur":4,"spread":-2}];
export const Elevation4 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":3,"blur":4,"spread":-2}];
export const Elevation5 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":4,"blur":6,"spread":-2}];
export const Elevation6 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":4,"blur":6,"spread":-2}];
export const Elevation7 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":4,"blur":8,"spread":-2}];
export const Elevation8 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":5,"blur":8,"spread":-2}];
export const Elevation9 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":6,"blur":12,"spread":-4}];
export const Elevation10 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":7,"blur":12,"spread":-4}];
export const Elevation11 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":6,"blur":16,"spread":-4}];
export const Elevation12 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":7,"blur":16,"spread":-4}];
export const Elevation13 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":8,"blur":18,"spread":-8}];
export const Elevation14 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":9,"blur":18,"spread":-8}];
export const Elevation15 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":10,"blur":20,"spread":-8}];
export const Elevation16 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":11,"blur":20,"spread":-8}];
export const Elevation17 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":12,"blur":22,"spread":-8}];
export const Elevation18 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":13,"blur":22,"spread":-8}];
export const Elevation19 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":14,"blur":24,"spread":-8}];
export const Elevation20 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":16,"blur":28,"spread":-8}];
export const Elevation21 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":18,"blur":30,"spread":-8}];
export const Elevation22 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":20,"blur":32,"spread":-8}];
export const Elevation23 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":22,"blur":34,"spread":-8}];
export const Elevation24 = [{"color":"#0000004f","type":"dropShadow","x":0,"y":0,"blur":1,"spread":0},{"color":"#00000040","type":"dropShadow","x":0,"y":24,"blur":36,"spread":-8}];
export const ElevationOutlined = {"color":"#e0e0e0","type":"innerShadow","x":0,"y":0,"blur":0,"spread":1};
export const FontFamiliesRoboto = "Roboto";
export const LineHeights0 = "112%";
export const LineHeights1 = "120%";
export const LineHeights2 = "116.7%";
export const LineHeights3 = "123.5%";
export const LineHeights4 = "133.4%";
export const LineHeights5 = "160%";
export const LineHeights6 = "150%";
export const LineHeights7 = "143%";
export const LineHeights8 = "175%";
export const LineHeights9 = "157%";
export const LineHeights10 = "166%";
export const LineHeights11 = "266%";
export const LineHeights12 = 26;
export const LineHeights13 = 24;
export const LineHeights14 = "170%";
export const FontWeightsRoboto0 = "Medium";
export const FontWeightsRoboto1 = "Bold";
export const FontWeightsRoboto2 = "Medium Italic";
export const FontWeightsRoboto3 = "Regular";
export const FontWeightsRoboto4 = "Italic";
export const FontSize0 = 12;
export const FontSize1 = 13;
export const FontSize2 = 14;
export const FontSize3 = 15;
export const FontSize4 = 16;
export const FontSize5 = 18;
export const FontSize6 = 24;
export const FontSize7 = 32;
export const FontSize8 = 36;
export const FontSize9 = 48;
export const FontSize10 = 56;
export const LetterSpacing0 = -1.5;
export const LetterSpacing1 = -0.5;
export const LetterSpacing2 = 0;
export const LetterSpacing3 = 0.25;
export const LetterSpacing4 = 0.15;
export const LetterSpacing5 = 0.1;
export const LetterSpacing6 = 0.4;
export const LetterSpacing7 = 0.5;
export const ParagraphSpacing0 = 0;
export const TextCaseNone = "none";
export const TextCaseUppercase = "uppercase";
export const TextDecorationNone = "none";
export const H1Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"112%","fontSize":56,"letterSpacing":-1.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H1Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"112%","fontSize":56,"letterSpacing":-1.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H1Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"112%","fontSize":56,"letterSpacing":-1.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H2Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"120%","fontSize":48,"letterSpacing":-0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H2Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"120%","fontSize":48,"letterSpacing":-0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H2Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"120%","fontSize":48,"letterSpacing":-0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H3Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"116.7%","fontSize":36,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H3Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"116.7%","fontSize":36,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H3Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"116.7%","fontSize":36,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H4Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"123.5%","fontSize":32,"letterSpacing":0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H4Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"123.5%","fontSize":32,"letterSpacing":0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H4Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"123.5%","fontSize":32,"letterSpacing":0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H5Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"133.4%","fontSize":24,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H5Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"133.4%","fontSize":24,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H5Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"133.4%","fontSize":24,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H6Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"160%","fontSize":18,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H6Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"160%","fontSize":18,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const H6Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"160%","fontSize":18,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Body1Regular = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":"150%","fontSize":16,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Body1Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"150%","fontSize":16,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Body1Italic = {"fontFamily":"Roboto","fontWeight":"Italic","lineHeight":"150%","fontSize":16,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Body2Regular = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":"143%","fontSize":14,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Body2Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"143%","fontSize":14,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Body2Italic = {"fontFamily":"Roboto","fontWeight":"Italic","lineHeight":"143%","fontSize":14,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Subtitle1Regular = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":"175%","fontSize":16,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Subtitle1Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"175%","fontSize":16,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Subtitle1Italic = {"fontFamily":"Roboto","fontWeight":"Italic","lineHeight":"175%","fontSize":16,"letterSpacing":0.15,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Subtitle2Regular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"157%","fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Subtitle2Bold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"157%","fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const Subtitle2Italic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"157%","fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const CaptionRegular = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":"166%","fontSize":12,"letterSpacing":0.4,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const CaptionBold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"166%","fontSize":12,"letterSpacing":0.4,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const CaptionItalic = {"fontFamily":"Roboto","fontWeight":"Italic","lineHeight":"166%","fontSize":12,"letterSpacing":0.4,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const OverlineRegular = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":"266%","fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"};
export const OverlineBold = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"266%","fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"};
export const OverlineItalic = {"fontFamily":"Roboto","fontWeight":"Medium Italic","lineHeight":"266%","fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"uppercase","textDecoration":"none"};
export const ButtonLarge = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":26,"fontSize":15,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const ButtonMedium = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":24,"fontSize":14,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const ButtonSmall = {"fontFamily":"Roboto","fontWeight":"Bold","lineHeight":"170%","fontSize":13,"letterSpacing":0,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const GlobalBlack = "#000000";
export const GlobalWhite = "#ffffff";
export const GlobalGray25 = "#fefefe";
export const GlobalGray50 = "#fafafa";
export const GlobalGray100 = "#f5f5f5";
export const GlobalGray200 = "#eeeeee";
export const GlobalGray300 = "#e0e0e0";
export const GlobalGray400 = "#bdbdbd";
export const GlobalGray500 = "#9e9e9e";
export const GlobalGray600 = "#757575";
export const GlobalGray700 = "#616161";
export const GlobalGray800 = "#424242";
export const GlobalGray900 = "#212121";
export const GlobalGrayDefault = "#212121";
export const GlobalGrayLight = "#484848";
export const GlobalGrayDark = "#000000";
export const GlobalGrayContrast = "#000000";
export const GlobalGrayBlue25 = "#f7f7f8";
export const GlobalGrayBlue50 = "#eeeff0";
export const GlobalGrayBlue100 = "#d4d7dd";
export const GlobalGrayBlue200 = "#b8bdc7";
export const GlobalGrayBlue300 = "#9ca3b1";
export const GlobalGrayBlue400 = "#868fa0";
export const GlobalGrayBlue500 = "#717b8f";
export const GlobalGrayBlue600 = "#636d7e";
export const GlobalGrayBlue700 = "#515967";
export const GlobalGrayBlue800 = "#414752";
export const GlobalGrayBlue900 = "#2e323a";
export const GlobalGrayBlueDefault = "#2e323a";
export const GlobalGrayBlueLight = "#b8bdc7";
export const GlobalGrayBlueDark = "#040a14";
export const GlobalGrayBlueContrast = "#040a14";
export const GlobalBlue25 = "#f1f8fe";
export const GlobalBlue50 = "#e5f3fe";
export const GlobalBlue100 = "#c1e1fd";
export const GlobalBlue200 = "#9bcffc";
export const GlobalBlue300 = "#77bcf9";
export const GlobalBlue400 = "#5eacf8";
export const GlobalBlue500 = "#4d9ef6";
export const GlobalBlue600 = "#4890e8";
export const GlobalBlue700 = "#417ed5";
export const GlobalBlue800 = "#3c6dc2";
export const GlobalBlue900 = "#324ea2";
export const GlobalBlueDefault = "#4890e8";
export const GlobalBlueLight = "#82c0ff";
export const GlobalBlueDark = "#0063b5";
export const GlobalBlueContrast = "#0d3c61";
export const GlobalOrange25 = "#fef9f1";
export const GlobalOrange50 = "#fdf3e2";
export const GlobalOrange100 = "#fce0b7";
export const GlobalOrange200 = "#facc89";
export const GlobalOrange300 = "#f8b85c";
export const GlobalOrange400 = "#f7a93d";
export const GlobalOrange500 = "#f59b2c";
export const GlobalOrange600 = "#f18f29";
export const GlobalOrange700 = "#ea8025";
export const GlobalOrange800 = "#e37223";
export const GlobalOrange900 = "#d85b1f";
export const GlobalOrangeDefault = "#f59b2c";
export const GlobalOrangeLight = "#ffcc5e";
export const GlobalOrangeDark = "#bd6c00";
export const GlobalOrangeContrast = "#663d00";
export const GlobalPurple25 = "#f2f1fe";
export const GlobalPurple50 = "#ebeafd";
export const GlobalPurple100 = "#cbcaf9";
export const GlobalPurple200 = "#a8a8f6";
export const GlobalPurple300 = "#8485f2";
export const GlobalPurple400 = "#6967ee";
export const GlobalPurple500 = "#5048e8";
export const GlobalPurple600 = "#4b3fdc";
export const GlobalPurple700 = "#4233d0";
export const GlobalPurple800 = "#3b25c4";
export const GlobalPurple900 = "#2d00b3";
export const GlobalPurpleDefault = "#5048e8";
export const GlobalPurpleLight = "#8b75ff";
export const GlobalPurpleDark = "#001eb5";
export const GlobalPurpleContrast = "#010a37";
export const GlobalRed25 = "#fef6f6";
export const GlobalRed50 = "#fceded";
export const GlobalRed100 = "#f8d1d1";
export const GlobalRed200 = "#e4a29a";
export const GlobalRed300 = "#d68075";
export const GlobalRed400 = "#dd6952";
export const GlobalRed500 = "#df603a";
export const GlobalRed600 = "#d15839";
export const GlobalRed700 = "#bf4e34";
export const GlobalRed800 = "#b2492e";
export const GlobalRed900 = "#a43f23";
export const GlobalRedDefault = "#dd6952";
export const GlobalRedLight = "#ff997f";
export const GlobalRedDark = "#a63a29";
export const GlobalRedContrast = "#621b16";
export const GlobalGreen25 = "#f8fbf3";
export const GlobalGreen50 = "#f2f8e8";
export const GlobalGreen100 = "#ddeec5";
export const GlobalGreen200 = "#c7e2a0";
export const GlobalGreen300 = "#b0d779";
export const GlobalGreen400 = "#9ece5b";
export const GlobalGreen500 = "#8dc53c";
export const GlobalGreen600 = "#7db534";
export const GlobalGreen700 = "#68a12a";
export const GlobalGreen800 = "#548d21";
export const GlobalGreen900 = "#2f6b0d";
export const GlobalGreenDefault = "#7db534";
export const GlobalGreenLight = "#b0e765";
export const GlobalGreenDark = "#4c8500";
export const GlobalGreenContrast = "#1e4620";
export const GlobalBrand125 = "#f6f6fb";
export const GlobalBrand150 = "#e7e8fb";
export const GlobalBrand1100 = "#c3c5f5";
export const GlobalBrand1200 = "#9aa0ee";
export const GlobalBrand1300 = "#6e7ae8";
export const GlobalBrand1400 = "#4a5ce3";
export const GlobalBrand1500 = "#283ed3";
export const GlobalBrand1600 = "#2336c9";
export const GlobalBrand1700 = "#172bbc";
export const GlobalBrand1800 = "#0c1faf";
export const GlobalBrand1900 = "#000397";
export const GlobalBrand1Default = "#6e7ae8";
export const GlobalBrand1Light = "#a3a9ff";
export const GlobalBrand1Dark = "#364eb5";
export const GlobalBrand1Contrast = "#1f2c66";
export const GlobalBrand225 = "#faf3fb";
export const GlobalBrand250 = "#f7e2fb";
export const GlobalBrand2100 = "#eab7f4";
export const GlobalBrand2200 = "#dc84ee";
export const GlobalBrand2300 = "#cc48e8";
export const GlobalBrand2400 = "#c100e3";
export const GlobalBrand2500 = "#b000d6";
export const GlobalBrand2600 = "#9f00d1";
export const GlobalBrand2700 = "#8600cc";
export const GlobalBrand2800 = "#6f00c5";
export const GlobalBrand2900 = "#3d00ba";
export const GlobalBrand2Default = "#cd48e8";
export const GlobalBrand2Light = "#ff7dff";
export const GlobalBrand2Dark = "#9800b5";
export const GlobalBrand2Contrast = "#43034f";
export const GlobalGrayA100 = "#d5d5d5";
export const GlobalGrayA200 = "#aaaaaa";
export const GlobalGrayA400 = "#616161";
export const GlobalGrayA700 = "#303030";
export const BaseSpace = 8;
export const Space05x = 4;
export const Space1x = 8;
export const Space2x = 16;
export const Space3x = 24;
export const Space4x = 32;
export const Space5x = 40;
export const Space6x = 48;
export const Space7x = 56;
export const Space8x = 64;
export const Space9x = 72;
export const Space10x = 80;
export const GradientBrandHorizontal = "linear-gradient(-90deg, #cd48e8 0%, #6e7ae8 100%)";
export const GradientBrandDiagonal = "linear-gradient(-45deg, #cd48e8 0%, #6e7ae8 100%)";
export const GradientSuccessDiagonal = "linear-gradient(-45deg, #7db534 0%, #4890e8  100%)";
export const GradientSuccessHorizontal = "linear-gradient(-90deg, #7db534  0%, #4890e8  100%)";
export const GradientErrorDiagonal = "linear-gradient(-45deg, #dd6952  0%, #a43f23 100%)";
export const GradientErrorHorizontal = "linear-gradient(-90deg, #dd6952 0%, #a43f23 100%)";
export const ThemeGreyGrey25 = "#fefefe";
export const ThemeGreyGrey50 = "#fafafa";
export const ThemeGreyGrey100 = "#f5f5f5";
export const ThemeGreyGrey200 = "#eeeeee";
export const ThemeGreyGrey300 = "#e0e0e0";
export const ThemeGreyGrey400 = "#bdbdbd";
export const ThemeGreyGrey500 = "#9e9e9e";
export const ThemeGreyGrey600 = "#757575";
export const ThemeGreyGrey700 = "#616161";
export const ThemeGreyGrey800 = "#424242";
export const ThemeGreyGrey900 = "#212121";
export const Radius05x = 4;
export const Radius1x = 8;
export const Radius2x = 16;
export const Radius3x = 24;
export const Radius4x = 32;
export const Radius5x = 40;
export const BaseSize = 8;
export const Size1x = "8rem";
export const Size2x = "16rem";
export const Size3x = "24rem";
export const Size4x = "32rem";
export const Size5x = "40rem";
export const Size6x = "48rem";
export const Size7x = "56rem";
export const Size8x = "64rem";
export const Size9x = "72rem";
export const Size10x = "80rem";
export const Size15x = "120rem";
export const Opacity10 = 0.1;
export const Opacity20 = 0.2;
export const Opacity30 = 0.3;
export const Opacity40 = 0.4;
export const Opacity50 = 0.5;
export const Opacity60 = 0.6;
export const Opacity70 = 0.7;
export const Opacity80 = 0.8;
export const Opacity90 = 0.9;
export const BrandedPrimary = "#ff0000";