@spaced-out/ui-design-system 0.3.45 → 0.3.47-beta.0

package/lib/styles/index.js

@@ -6,538 +6,270 @@ Object.defineProperty(exports, "__esModule", {
 exports.colorTextDisabled = exports.colorTextDanger = exports.colorTextClickable = exports.colorSuccessLightest = exports.colorSuccessLight = exports.colorSuccessDarkest = exports.colorSuccessDark = exports.colorSuccess = exports.colorSubMenuStar = exports.colorSubMenuBackgroundDefault = exports.colorSideMenuIconDefault = exports.colorSideMenuIconActive = exports.colorSideMenuBackgroundSelected = exports.colorSideMenuBackgroundHovered = exports.colorSideMenuBackgroundDefault = exports.colorSideMenuAccountBarFill = exports.colorScoreBarLevel5 = exports.colorScoreBarLevel4 = exports.colorScoreBarLevel3 = exports.colorScoreBarLevel2 = exports.colorScoreBarLevel1 = exports.colorScoreBarInactive = exports.colorNeutralLightest = exports.colorNeutralLight = exports.colorNeutralDarkest = exports.colorNeutralDark = exports.colorNeutral = exports.colorInformationLightest = exports.colorInformationLight = exports.colorInformationDarkest = exports.colorInformationDark = exports.colorInformation = exports.colorIconSecondary = exports.colorIconPrimary = exports.colorGroupMenuTextDefault = exports.colorGroupMenuBackgroundSelected = exports.colorGroupMenuBackgroundHovered = exports.colorGroupMenuBackgroundDefault = exports.colorGrayLightest = exports.colorFocusSecondary = exports.colorFocusPrimary = exports.colorFocusDanger = exports.colorFillSecondary = exports.colorFillPrimary = exports.colorFillNone = exports.colorFillInversePrimary = exports.colorFillDisabled = exports.colorDataViz8 = exports.colorDataViz7 = exports.colorDataViz6 = exports.colorDataViz5 = exports.colorDataViz4 = exports.colorDataViz3 = exports.colorDataViz2 = exports.colorDataViz1 = exports.colorDangerLightest = exports.colorDangerLight = exports.colorDangerDarkest = exports.colorDangerDark = exports.colorDanger = exports.colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryEnabled = exports.colorButtonFillTableActionPressed = exports.colorButtonFillTableActionHovered = exports.colorButtonFillTableActionEnabled = exports.colorButtonFillTableActionBorder = exports.colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryEnabled = exports.colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryEnabled = exports.colorButtonFillGhostPressed = exports.colorButtonFillGhostHovered = exports.colorButtonFillGhostEnabled = exports.colorButtonFillDangerPressed = exports.colorButtonFillDangerHovered = exports.colorButtonFillDangerEnabled = exports.colorBorderTertiary = exports.colorBorderSecondary = exports.colorBorderPrimary = exports.colorBorderDanger = exports.colorBackgroundTertiary = exports.colorBackgroundSecondary = exports.colorBackgroundPrimary = exports.colorBackgroundBrand = exports.colorBackdropFill = exports.borderWidthTertiary = exports.borderWidthSecondary = exports.borderWidthPrimary = exports.borderWidthNone = exports.borderRadiusXSmall = exports.borderRadiusXLarge = exports.borderRadiusSmall = exports.borderRadiusRadioButton = exports.borderRadiusNone = exports.borderRadiusMedium = exports.borderRadiusLarge = exports.borderRadiusCircle = void 0;
 exports.size100 = exports.size10 = exports.shadowBoxShadow4Y = exports.shadowBoxShadow4X = exports.shadowBoxShadow4Type = exports.shadowBoxShadow4Spread = exports.shadowBoxShadow4Color = exports.shadowBoxShadow4Blur = exports.shadowBoxShadow3Y = exports.shadowBoxShadow3X = exports.shadowBoxShadow3Type = exports.shadowBoxShadow3Spread = exports.shadowBoxShadow3Color = exports.shadowBoxShadow3Blur = exports.shadowBoxShadow2Y = exports.shadowBoxShadow2X = exports.shadowBoxShadow2Type = exports.shadowBoxShadow2Spread = exports.shadowBoxShadow2Color = exports.shadowBoxShadow2Blur = exports.shadowBoxShadow1Y = exports.shadowBoxShadow1X = exports.shadowBoxShadow1Type = exports.shadowBoxShadow1Spread = exports.shadowBoxShadow1Color = exports.shadowBoxShadow1Blur = exports.opacity95 = exports.opacity90 = exports.opacity85 = exports.opacity80 = exports.opacity70 = exports.opacity60 = exports.opacity50 = exports.opacity5 = exports.opacity40 = exports.opacity30 = exports.opacity20 = exports.opacity15 = exports.opacity100 = exports.opacity10 = exports.opacity0 = exports.motionEaseInEaseOut = exports.motionDurationSlowest = exports.motionDurationSlower = exports.motionDurationSlow = exports.motionDurationNormal = exports.motionDurationFast = exports.fontWeightMedium = exports.fontWeightBook = exports.fontTextDecorationNone = exports.fontTextCaseNone = exports.fontSize46 = exports.fontSize36 = exports.fontSize26 = exports.fontSize24 = exports.fontSize18 = exports.fontSize16 = exports.fontSize14 = exports.fontSize13 = exports.fontSize12 = exports.fontParagraphSpacing0 = exports.fontLineHeight170 = exports.fontLineHeight150 = exports.fontLineHeight140 = exports.fontLineHeight130 = exports.fontLineHeight125 = exports.fontLineHeight120 = exports.fontLineHeight100 = exports.fontLetterSpacingMinus4 = exports.fontLetterSpacingMinus3 = exports.fontLetterSpacingMinus2 = exports.fontLetterSpacingMinus1 = exports.fontLetterSpacing4 = exports.fontLetterSpacing2 = exports.fontLetterSpacing1 = exports.fontLetterSpacing0 = exports.fontFamilyCentra = exports.elevationTooltip = exports.elevationToast = exports.elevationNone = exports.elevationModal = exports.elevationMenu = exports.elevationCard = exports.elevationBackdrop = exports.colorWarningLightest = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = exports.colorWarning = exports.colorTooltipFill = exports.colorTextWarning = exports.colorTextTertiary = exports.colorTextSuccess = exports.colorTextSecondary = exports.colorTextPrimary = exports.colorTextNeutral = exports.colorTextInverseSecondary = exports.colorTextInversePrimary = exports.colorTextInformation = exports.colorTextFavorite = void 0;
 exports.spaceXXSmall = exports.spaceXXLarge = exports.spaceXSmall = exports.spaceXLarge = exports.spaceSmall = exports.spaceNone = exports.spaceNegHalfFluid = exports.spaceNegFluid = exports.spaceMedium = exports.spaceLarge = exports.spaceHalfFluid = exports.spaceFluid = exports.sizeFullViewportWidth = exports.sizeFullViewportHeight = exports.sizeFluid = exports.size960 = exports.size90 = exports.size880 = exports.size800 = exports.size8 = exports.size720 = exports.size70 = exports.size660 = exports.size66 = exports.size640 = exports.size60 = exports.size580 = exports.size58 = exports.size540 = exports.size500 = exports.size50 = exports.size5 = exports.size480 = exports.size48 = exports.size44 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size38 = exports.size36 = exports.size34 = exports.size320 = exports.size32 = exports.size300 = exports.size30 = exports.size28 = exports.size276 = exports.size260 = exports.size26 = exports.size252 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size200 = exports.size20 = exports.size2 = exports.size180 = exports.size18 = exports.size160 = exports.size140 = exports.size1280 = exports.size125 = exports.size12 = exports.size110 = void 0;
-
-const borderWidthNone = '0px';
-exports.borderWidthNone = borderWidthNone;
-const borderWidthPrimary = '1px';
-exports.borderWidthPrimary = borderWidthPrimary;
-const borderWidthSecondary = '1.5px';
-exports.borderWidthSecondary = borderWidthSecondary;
-const borderWidthTertiary = '2px';
-exports.borderWidthTertiary = borderWidthTertiary;
-const borderRadiusNone = '0px';
-exports.borderRadiusNone = borderRadiusNone;
-const borderRadiusXSmall = '4px';
-exports.borderRadiusXSmall = borderRadiusXSmall;
-const borderRadiusRadioButton = '6px';
-exports.borderRadiusRadioButton = borderRadiusRadioButton;
-const borderRadiusSmall = '8px';
-exports.borderRadiusSmall = borderRadiusSmall;
-const borderRadiusMedium = '12px';
-exports.borderRadiusMedium = borderRadiusMedium;
-const borderRadiusLarge = '20px';
-exports.borderRadiusLarge = borderRadiusLarge;
-const borderRadiusXLarge = '30px';
-exports.borderRadiusXLarge = borderRadiusXLarge;
-const borderRadiusCircle = '50%';
-exports.borderRadiusCircle = borderRadiusCircle;
-const colorTextPrimary = '#17172A';
-exports.colorTextPrimary = colorTextPrimary;
-const colorTextSecondary = '#565656';
-exports.colorTextSecondary = colorTextSecondary;
-const colorTextTertiary = '#7e7e7e';
-exports.colorTextTertiary = colorTextTertiary;
-const colorTextDisabled = '#d1d1d1';
-exports.colorTextDisabled = colorTextDisabled;
-const colorTextClickable = '#5c34cd';
-exports.colorTextClickable = colorTextClickable;
-const colorTextNeutral = '#706F9B';
-exports.colorTextNeutral = colorTextNeutral;
-const colorTextSuccess = '#026b37';
-exports.colorTextSuccess = colorTextSuccess;
-const colorTextInformation = '#0660da';
-exports.colorTextInformation = colorTextInformation;
-const colorTextWarning = '#9e5909';
-exports.colorTextWarning = colorTextWarning;
-const colorTextDanger = '#cf1945';
-exports.colorTextDanger = colorTextDanger;
-const colorTextInversePrimary = '#ffffff';
-exports.colorTextInversePrimary = colorTextInversePrimary;
-const colorTextInverseSecondary = '#9F9FBC';
-exports.colorTextInverseSecondary = colorTextInverseSecondary;
-const colorTextFavorite = '#DFBD0D';
-exports.colorTextFavorite = colorTextFavorite;
-const colorIconPrimary = '#8D8CAF';
-exports.colorIconPrimary = colorIconPrimary;
-const colorIconSecondary = '#3E3D55';
-exports.colorIconSecondary = colorIconSecondary;
-const colorBorderPrimary = '#e1e1e1';
-exports.colorBorderPrimary = colorBorderPrimary;
-const colorBorderSecondary = '#d1d1d1';
-exports.colorBorderSecondary = colorBorderSecondary;
-const colorBorderTertiary = '#AEAEAE';
-exports.colorBorderTertiary = colorBorderTertiary;
-const colorBorderDanger = '#e31c4c';
-exports.colorBorderDanger = colorBorderDanger;
-const colorBackgroundBrand = '#271656';
-exports.colorBackgroundBrand = colorBackgroundBrand;
-const colorBackgroundPrimary = '#fafafa';
-exports.colorBackgroundPrimary = colorBackgroundPrimary;
-const colorBackgroundSecondary = '#f4f4f4';
-exports.colorBackgroundSecondary = colorBackgroundSecondary;
-const colorBackgroundTertiary = '#ffffff';
-exports.colorBackgroundTertiary = colorBackgroundTertiary;
-const colorFocusPrimary = '#ccc0f0';
-exports.colorFocusPrimary = colorFocusPrimary;
-const colorFocusSecondary = '#5c34cd';
-exports.colorFocusSecondary = colorFocusSecondary;
-const colorFocusDanger = '#f6b9c8';
-exports.colorFocusDanger = colorFocusDanger;
-const colorFillPrimary = '#5c34cd';
-exports.colorFillPrimary = colorFillPrimary;
-const colorFillSecondary = '#efebfa';
-exports.colorFillSecondary = colorFillSecondary;
-const colorFillNone = 'rgba(255,255,255,0)';
-exports.colorFillNone = colorFillNone;
-const colorFillDisabled = '#f4f4f4';
-exports.colorFillDisabled = colorFillDisabled;
-const colorFillInversePrimary = '#17172A';
-exports.colorFillInversePrimary = colorFillInversePrimary;
-const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
-exports.colorTooltipFill = colorTooltipFill;
-const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
-exports.colorBackdropFill = colorBackdropFill;
-const colorButtonFillTableActionEnabled = '#542fbb';
-exports.colorButtonFillTableActionEnabled = colorButtonFillTableActionEnabled;
-const colorButtonFillTableActionHovered = '#412592';
-exports.colorButtonFillTableActionHovered = colorButtonFillTableActionHovered;
-const colorButtonFillTableActionPressed = '#412592';
-exports.colorButtonFillTableActionPressed = colorButtonFillTableActionPressed;
-const colorButtonFillTableActionBorder = '#7d5dd7';
-exports.colorButtonFillTableActionBorder = colorButtonFillTableActionBorder;
-const colorButtonFillPrimaryEnabled = '#5c34cd';
-exports.colorButtonFillPrimaryEnabled = colorButtonFillPrimaryEnabled;
-const colorButtonFillPrimaryHovered = '#412592';
-exports.colorButtonFillPrimaryHovered = colorButtonFillPrimaryHovered;
-const colorButtonFillPrimaryPressed = '#412592';
-exports.colorButtonFillPrimaryPressed = colorButtonFillPrimaryPressed;
-const colorButtonFillSecondaryEnabled = '#efebfa';
-exports.colorButtonFillSecondaryEnabled = colorButtonFillSecondaryEnabled;
-const colorButtonFillSecondaryHovered = '#ccc0f0';
-exports.colorButtonFillSecondaryHovered = colorButtonFillSecondaryHovered;
-const colorButtonFillSecondaryPressed = '#ccc0f0';
-exports.colorButtonFillSecondaryPressed = colorButtonFillSecondaryPressed;
-const colorButtonFillTertiaryEnabled = '#ffffff';
-exports.colorButtonFillTertiaryEnabled = colorButtonFillTertiaryEnabled;
-const colorButtonFillTertiaryHovered = '#EBEBEB';
-exports.colorButtonFillTertiaryHovered = colorButtonFillTertiaryHovered;
-const colorButtonFillTertiaryPressed = '#EBEBEB';
-exports.colorButtonFillTertiaryPressed = colorButtonFillTertiaryPressed;
-const colorButtonFillGhostEnabled = 'rgba(255,255,255,0)';
-exports.colorButtonFillGhostEnabled = colorButtonFillGhostEnabled;
-const colorButtonFillGhostHovered = '#EBEBEB';
-exports.colorButtonFillGhostHovered = colorButtonFillGhostHovered;
-const colorButtonFillGhostPressed = '#EBEBEB';
-exports.colorButtonFillGhostPressed = colorButtonFillGhostPressed;
-const colorButtonFillDangerEnabled = '#e31c4c';
-exports.colorButtonFillDangerEnabled = colorButtonFillDangerEnabled;
-const colorButtonFillDangerHovered = '#cf1945';
-exports.colorButtonFillDangerHovered = colorButtonFillDangerHovered;
-const colorButtonFillDangerPressed = '#cf1945';
-exports.colorButtonFillDangerPressed = colorButtonFillDangerPressed;
-const colorSideMenuBackgroundDefault = '#17172A';
-exports.colorSideMenuBackgroundDefault = colorSideMenuBackgroundDefault;
-const colorSideMenuBackgroundHovered = '#1F1F36';
-exports.colorSideMenuBackgroundHovered = colorSideMenuBackgroundHovered;
-const colorSideMenuBackgroundSelected = '#5c34cd';
-exports.colorSideMenuBackgroundSelected = colorSideMenuBackgroundSelected;
-const colorSideMenuIconDefault = '#9F9FBC';
-exports.colorSideMenuIconDefault = colorSideMenuIconDefault;
-const colorSideMenuIconActive = '#ffffff';
-exports.colorSideMenuIconActive = colorSideMenuIconActive;
-const colorSideMenuAccountBarFill = '#1F1F36';
-exports.colorSideMenuAccountBarFill = colorSideMenuAccountBarFill;
-const colorGroupMenuBackgroundDefault = '#17172A';
-exports.colorGroupMenuBackgroundDefault = colorGroupMenuBackgroundDefault;
-const colorGroupMenuBackgroundHovered = '#1F1F36';
-exports.colorGroupMenuBackgroundHovered = colorGroupMenuBackgroundHovered;
-const colorGroupMenuBackgroundSelected = '#5c34cd';
-exports.colorGroupMenuBackgroundSelected = colorGroupMenuBackgroundSelected;
-const colorGroupMenuTextDefault = '#D3D2E0';
-exports.colorGroupMenuTextDefault = colorGroupMenuTextDefault;
-const colorSubMenuBackgroundDefault = '#1F1F36';
-exports.colorSubMenuBackgroundDefault = colorSubMenuBackgroundDefault;
-const colorSubMenuStar = '#DFBD0D';
-exports.colorSubMenuStar = colorSubMenuStar;
-const colorDataViz1 = '#8dbaf8';
-exports.colorDataViz1 = colorDataViz1;
-const colorDataViz2 = '#b4a2e8';
-exports.colorDataViz2 = colorDataViz2;
-const colorDataViz3 = '#8bcfad';
-exports.colorDataViz3 = colorDataViz3;
-const colorDataViz4 = '#f0c48f';
-exports.colorDataViz4 = colorDataViz4;
-const colorDataViz5 = '#f297ad';
-exports.colorDataViz5 = colorDataViz5;
-const colorDataViz6 = '#B0F0E3';
-exports.colorDataViz6 = colorDataViz6;
-const colorDataViz7 = '#F5B8E1';
-exports.colorDataViz7 = colorDataViz7;
-const colorDataViz8 = '#F5EBB4';
-exports.colorDataViz8 = colorDataViz8;
-const colorScoreBarLevel1 = '#7e7e7e';
-exports.colorScoreBarLevel1 = colorScoreBarLevel1;
-const colorScoreBarLevel2 = '#e94970';
-exports.colorScoreBarLevel2 = colorScoreBarLevel2;
-const colorScoreBarLevel3 = '#e5983d';
-exports.colorScoreBarLevel3 = colorScoreBarLevel3;
-const colorScoreBarLevel4 = '#3987f3';
-exports.colorScoreBarLevel4 = colorScoreBarLevel4;
-const colorScoreBarLevel5 = '#35ab71';
-exports.colorScoreBarLevel5 = colorScoreBarLevel5;
-const colorScoreBarInactive = '#d1d1d1';
-exports.colorScoreBarInactive = colorScoreBarInactive;
-const colorGrayLightest = '#EBEBEB';
-exports.colorGrayLightest = colorGrayLightest;
-const colorNeutral = '#706F9B';
-exports.colorNeutral = colorNeutral;
-const colorNeutralLightest = '#f1f1f5';
-exports.colorNeutralLightest = colorNeutralLightest;
-const colorNeutralLight = '#D3D2E0';
-exports.colorNeutralLight = colorNeutralLight;
-const colorNeutralDark = '#504F6E';
-exports.colorNeutralDark = colorNeutralDark;
-const colorNeutralDarkest = '#2C2C47';
-exports.colorNeutralDarkest = colorNeutralDarkest;
-const colorSuccess = '#03964d';
-exports.colorSuccess = colorSuccess;
-const colorSuccessLightest = '#e6f5ed';
-exports.colorSuccessLightest = colorSuccessLightest;
-const colorSuccessLight = '#8bcfad';
-exports.colorSuccessLight = colorSuccessLight;
-const colorSuccessDark = '#026b37';
-exports.colorSuccessDark = colorSuccessDark;
-const colorSuccessDarkest = '#013f20';
-exports.colorSuccessDarkest = colorSuccessDarkest;
-const colorInformation = '#0769f0';
-exports.colorInformation = colorInformation;
-const colorInformationLightest = '#e6f0fe';
-exports.colorInformationLightest = colorInformationLightest;
-const colorInformationLight = '#8dbaf8';
-exports.colorInformationLight = colorInformationLight;
-const colorInformationDark = '#054baa';
-exports.colorInformationDark = colorInformationDark;
-const colorInformationDarkest = '#032c65';
-exports.colorInformationDarkest = colorInformationDarkest;
-const colorWarning = '#df7e0c';
-exports.colorWarning = colorWarning;
-const colorWarningLightest = '#fcf2e7';
-exports.colorWarningLightest = colorWarningLightest;
-const colorWarningLight = '#f0c48f';
-exports.colorWarningLight = colorWarningLight;
-const colorWarningDark = '#9e5909';
-exports.colorWarningDark = colorWarningDark;
-const colorWarningDarkest = '#5e3505';
-exports.colorWarningDarkest = colorWarningDarkest;
-const colorDanger = '#e31c4c';
-exports.colorDanger = colorDanger;
-const colorDangerLightest = '#fce8ed';
-exports.colorDangerLightest = colorDangerLightest;
-const colorDangerLight = '#f297ad';
-exports.colorDangerLight = colorDangerLight;
-const colorDangerDark = '#a11436';
-exports.colorDangerDark = colorDangerDark;
-const colorDangerDarkest = '#5f0c20';
-exports.colorDangerDarkest = colorDangerDarkest;
-const elevationNone = '0';
-exports.elevationNone = elevationNone;
-const elevationCard = '4';
-exports.elevationCard = elevationCard;
-const elevationTooltip = '4';
-exports.elevationTooltip = elevationTooltip;
-const elevationMenu = '12';
-exports.elevationMenu = elevationMenu;
-const elevationBackdrop = '40';
-exports.elevationBackdrop = elevationBackdrop;
-const elevationModal = '40';
-exports.elevationModal = elevationModal;
-const elevationToast = '60';
-exports.elevationToast = elevationToast;
-const fontFamilyCentra = '"Centra No 2"';
-exports.fontFamilyCentra = fontFamilyCentra;
-const fontWeightBook = '400';
-exports.fontWeightBook = fontWeightBook;
-const fontWeightMedium = '500';
-exports.fontWeightMedium = fontWeightMedium;
-const fontSize12 = '12px';
-exports.fontSize12 = fontSize12;
-const fontSize13 = '13px';
-exports.fontSize13 = fontSize13;
-const fontSize14 = '14px';
-exports.fontSize14 = fontSize14;
-const fontSize16 = '16px';
-exports.fontSize16 = fontSize16;
-const fontSize18 = '18px';
-exports.fontSize18 = fontSize18;
-const fontSize24 = '24px';
-exports.fontSize24 = fontSize24;
-const fontSize26 = '26px';
-exports.fontSize26 = fontSize26;
-const fontSize36 = '36px';
-exports.fontSize36 = fontSize36;
-const fontSize46 = '46px';
-exports.fontSize46 = fontSize46;
-const fontLetterSpacing0 = '0em';
-exports.fontLetterSpacing0 = fontLetterSpacing0;
-const fontLetterSpacing1 = '0.01em';
-exports.fontLetterSpacing1 = fontLetterSpacing1;
-const fontLetterSpacing2 = '0.02em';
-exports.fontLetterSpacing2 = fontLetterSpacing2;
-const fontLetterSpacing4 = '0.04em';
-exports.fontLetterSpacing4 = fontLetterSpacing4;
-const fontLetterSpacingMinus1 = '-0.01em';
-exports.fontLetterSpacingMinus1 = fontLetterSpacingMinus1;
-const fontLetterSpacingMinus2 = '-0.02em';
-exports.fontLetterSpacingMinus2 = fontLetterSpacingMinus2;
-const fontLetterSpacingMinus3 = '-0.03em';
-exports.fontLetterSpacingMinus3 = fontLetterSpacingMinus3;
-const fontLetterSpacingMinus4 = '-0.04em';
-exports.fontLetterSpacingMinus4 = fontLetterSpacingMinus4;
-const fontLineHeight100 = '100%';
-exports.fontLineHeight100 = fontLineHeight100;
-const fontLineHeight120 = '120%';
-exports.fontLineHeight120 = fontLineHeight120;
-const fontLineHeight125 = '125%';
-exports.fontLineHeight125 = fontLineHeight125;
-const fontLineHeight130 = '130%';
-exports.fontLineHeight130 = fontLineHeight130;
-const fontLineHeight140 = '140%';
-exports.fontLineHeight140 = fontLineHeight140;
-const fontLineHeight150 = '150%';
-exports.fontLineHeight150 = fontLineHeight150;
-const fontLineHeight170 = '170%';
-exports.fontLineHeight170 = fontLineHeight170;
-const fontParagraphSpacing0 = '0';
-exports.fontParagraphSpacing0 = fontParagraphSpacing0;
-const fontTextCaseNone = 'none';
-exports.fontTextCaseNone = fontTextCaseNone;
-const fontTextDecorationNone = 'none';
-exports.fontTextDecorationNone = fontTextDecorationNone;
-const motionDurationFast = '100ms';
-exports.motionDurationFast = motionDurationFast;
-const motionDurationNormal = '200ms';
-exports.motionDurationNormal = motionDurationNormal;
-const motionDurationSlow = '300ms';
-exports.motionDurationSlow = motionDurationSlow;
-const motionDurationSlower = '500ms';
-exports.motionDurationSlower = motionDurationSlower;
-const motionDurationSlowest = '1000ms';
-exports.motionDurationSlowest = motionDurationSlowest;
-const motionEaseInEaseOut = 'ease-in-out';
-exports.motionEaseInEaseOut = motionEaseInEaseOut;
-const opacity100 = '100%';
-exports.opacity100 = opacity100;
-const opacity95 = '95%';
-exports.opacity95 = opacity95;
-const opacity90 = '90%';
-exports.opacity90 = opacity90;
-const opacity85 = '85%';
-exports.opacity85 = opacity85;
-const opacity80 = '80%';
-exports.opacity80 = opacity80;
-const opacity70 = '70%';
-exports.opacity70 = opacity70;
-const opacity60 = '60%';
-exports.opacity60 = opacity60;
-const opacity50 = '50%';
-exports.opacity50 = opacity50;
-const opacity40 = '40%';
-exports.opacity40 = opacity40;
-const opacity30 = '30%';
-exports.opacity30 = opacity30;
-const opacity20 = '20%';
-exports.opacity20 = opacity20;
-const opacity15 = '15%';
-exports.opacity15 = opacity15;
-const opacity10 = '10%';
-exports.opacity10 = opacity10;
-const opacity5 = '5%';
-exports.opacity5 = opacity5;
-const opacity0 = '0%';
-exports.opacity0 = opacity0;
-const shadowBoxShadow1Color = '#12121214';
-exports.shadowBoxShadow1Color = shadowBoxShadow1Color;
-const shadowBoxShadow1Type = 'dropShadow';
-exports.shadowBoxShadow1Type = shadowBoxShadow1Type;
-const shadowBoxShadow1X = '0px';
-exports.shadowBoxShadow1X = shadowBoxShadow1X;
-const shadowBoxShadow1Y = '4px';
-exports.shadowBoxShadow1Y = shadowBoxShadow1Y;
-const shadowBoxShadow1Blur = '4px';
-exports.shadowBoxShadow1Blur = shadowBoxShadow1Blur;
-const shadowBoxShadow1Spread = '0px';
-exports.shadowBoxShadow1Spread = shadowBoxShadow1Spread;
-const shadowBoxShadow2Color = '#12121214';
-exports.shadowBoxShadow2Color = shadowBoxShadow2Color;
-const shadowBoxShadow2Type = 'dropShadow';
-exports.shadowBoxShadow2Type = shadowBoxShadow2Type;
-const shadowBoxShadow2X = '0px';
-exports.shadowBoxShadow2X = shadowBoxShadow2X;
-const shadowBoxShadow2Y = '8px';
-exports.shadowBoxShadow2Y = shadowBoxShadow2Y;
-const shadowBoxShadow2Blur = '8px';
-exports.shadowBoxShadow2Blur = shadowBoxShadow2Blur;
-const shadowBoxShadow2Spread = '0px';
-exports.shadowBoxShadow2Spread = shadowBoxShadow2Spread;
-const shadowBoxShadow3Color = '#1212121f';
-exports.shadowBoxShadow3Color = shadowBoxShadow3Color;
-const shadowBoxShadow3Type = 'dropShadow';
-exports.shadowBoxShadow3Type = shadowBoxShadow3Type;
-const shadowBoxShadow3X = '0px';
-exports.shadowBoxShadow3X = shadowBoxShadow3X;
-const shadowBoxShadow3Y = '12px';
-exports.shadowBoxShadow3Y = shadowBoxShadow3Y;
-const shadowBoxShadow3Blur = '12px';
-exports.shadowBoxShadow3Blur = shadowBoxShadow3Blur;
-const shadowBoxShadow3Spread = '0px';
-exports.shadowBoxShadow3Spread = shadowBoxShadow3Spread;
-const shadowBoxShadow4Color = '#12121233';
-exports.shadowBoxShadow4Color = shadowBoxShadow4Color;
-const shadowBoxShadow4Type = 'dropShadow';
-exports.shadowBoxShadow4Type = shadowBoxShadow4Type;
-const shadowBoxShadow4X = '0px';
-exports.shadowBoxShadow4X = shadowBoxShadow4X;
-const shadowBoxShadow4Y = '20px';
-exports.shadowBoxShadow4Y = shadowBoxShadow4Y;
-const shadowBoxShadow4Blur = '20px';
-exports.shadowBoxShadow4Blur = shadowBoxShadow4Blur;
-const shadowBoxShadow4Spread = '0px';
-exports.shadowBoxShadow4Spread = shadowBoxShadow4Spread;
-const size2 = '2px';
-exports.size2 = size2;
-const size4 = '4px';
-exports.size4 = size4;
-const size5 = '5px';
-exports.size5 = size5;
-const size8 = '8px';
-exports.size8 = size8;
-const size10 = '10px';
-exports.size10 = size10;
-const size12 = '12px';
-exports.size12 = size12;
-const size18 = '18px';
-exports.size18 = size18;
-const size20 = '20px';
-exports.size20 = size20;
-const size22 = '22px';
-exports.size22 = size22;
-const size24 = '24px';
-exports.size24 = size24;
-const size26 = '26px';
-exports.size26 = size26;
-const size28 = '28px';
-exports.size28 = size28;
-const size30 = '30px';
-exports.size30 = size30;
-const size32 = '32px';
-exports.size32 = size32;
-const size34 = '34px';
-exports.size34 = size34;
-const size36 = '36px';
-exports.size36 = size36;
-const size38 = '38px';
-exports.size38 = size38;
-const size40 = '40px';
-exports.size40 = size40;
-const size42 = '42px';
-exports.size42 = size42;
-const size44 = '44px';
-exports.size44 = size44;
-const size48 = '48px';
-exports.size48 = size48;
-const size50 = '50px';
-exports.size50 = size50;
-const size58 = '58px';
-exports.size58 = size58;
-const size60 = '60px';
-exports.size60 = size60;
-const size66 = '66px';
-exports.size66 = size66;
-const size70 = '70px';
-exports.size70 = size70;
-const size90 = '90px';
-exports.size90 = size90;
-const size100 = '100px';
-exports.size100 = size100;
-const size110 = '110px';
-exports.size110 = size110;
-const size125 = '125px';
-exports.size125 = size125;
-const size140 = '140px';
-exports.size140 = size140;
-const size160 = '160px';
-exports.size160 = size160;
-const size180 = '180px';
-exports.size180 = size180;
-const size200 = '200px';
-exports.size200 = size200;
-const size228 = '228px';
-exports.size228 = size228;
-const size240 = '240px';
-exports.size240 = size240;
-const size252 = '252px';
-exports.size252 = size252;
-const size260 = '260px';
-exports.size260 = size260;
-const size276 = '276px';
-exports.size276 = size276;
-const size300 = '300px';
-exports.size300 = size300;
-const size320 = '320px';
-exports.size320 = size320;
-const size380 = '380px';
-exports.size380 = size380;
-const size400 = '400px';
-exports.size400 = size400;
-const size480 = '480px';
-exports.size480 = size480;
-const size500 = '500px';
-exports.size500 = size500;
-const size540 = '540px';
-exports.size540 = size540;
-const size580 = '580px';
-exports.size580 = size580;
-const size640 = '640px';
-exports.size640 = size640;
-const size660 = '660px';
-exports.size660 = size660;
-const size720 = '720px';
-exports.size720 = size720;
-const size800 = '800px';
-exports.size800 = size800;
-const size880 = '880px';
-exports.size880 = size880;
-const size960 = '960px';
-exports.size960 = size960;
-const size1280 = '1280px';
-exports.size1280 = size1280;
-const sizeFluid = '100%';
-exports.sizeFluid = sizeFluid;
-const sizeFullViewportHeight = '100vh';
-exports.sizeFullViewportHeight = sizeFullViewportHeight;
-const sizeFullViewportWidth = '100vw';
-exports.sizeFullViewportWidth = sizeFullViewportWidth;
-const spaceNone = '0px';
-exports.spaceNone = spaceNone;
-const spaceXXSmall = '4px';
-exports.spaceXXSmall = spaceXXSmall;
-const spaceXSmall = '8px';
-exports.spaceXSmall = spaceXSmall;
-const spaceSmall = '12px';
-exports.spaceSmall = spaceSmall;
-const spaceMedium = '20px';
-exports.spaceMedium = spaceMedium;
-const spaceLarge = '32px';
-exports.spaceLarge = spaceLarge;
-const spaceXLarge = '52px';
-exports.spaceXLarge = spaceXLarge;
-const spaceXXLarge = '84px';
-exports.spaceXXLarge = spaceXXLarge;
-const spaceFluid = '100%';
-exports.spaceFluid = spaceFluid;
-const spaceNegFluid = '-100%';
-exports.spaceNegFluid = spaceNegFluid;
-const spaceHalfFluid = '50%';
-exports.spaceHalfFluid = spaceHalfFluid;
-const spaceNegHalfFluid = '-50%';
-exports.spaceNegHalfFluid = spaceNegHalfFluid;
+const borderWidthNone = exports.borderWidthNone = '0px';
+const borderWidthPrimary = exports.borderWidthPrimary = '1px';
+const borderWidthSecondary = exports.borderWidthSecondary = '1.5px';
+const borderWidthTertiary = exports.borderWidthTertiary = '2px';
+const borderRadiusNone = exports.borderRadiusNone = '0px';
+const borderRadiusXSmall = exports.borderRadiusXSmall = '4px';
+const borderRadiusRadioButton = exports.borderRadiusRadioButton = '6px';
+const borderRadiusSmall = exports.borderRadiusSmall = '8px';
+const borderRadiusMedium = exports.borderRadiusMedium = '12px';
+const borderRadiusLarge = exports.borderRadiusLarge = '20px';
+const borderRadiusXLarge = exports.borderRadiusXLarge = '30px';
+const borderRadiusCircle = exports.borderRadiusCircle = '50%';
+const colorTextPrimary = exports.colorTextPrimary = '#17172A';
+const colorTextSecondary = exports.colorTextSecondary = '#565656';
+const colorTextTertiary = exports.colorTextTertiary = '#7e7e7e';
+const colorTextDisabled = exports.colorTextDisabled = '#d1d1d1';
+const colorTextClickable = exports.colorTextClickable = '#5c34cd';
+const colorTextNeutral = exports.colorTextNeutral = '#706F9B';
+const colorTextSuccess = exports.colorTextSuccess = '#026b37';
+const colorTextInformation = exports.colorTextInformation = '#0660da';
+const colorTextWarning = exports.colorTextWarning = '#9e5909';
+const colorTextDanger = exports.colorTextDanger = '#cf1945';
+const colorTextInversePrimary = exports.colorTextInversePrimary = '#ffffff';
+const colorTextInverseSecondary = exports.colorTextInverseSecondary = '#9F9FBC';
+const colorTextFavorite = exports.colorTextFavorite = '#DFBD0D';
+const colorIconPrimary = exports.colorIconPrimary = '#8D8CAF';
+const colorIconSecondary = exports.colorIconSecondary = '#3E3D55';
+const colorBorderPrimary = exports.colorBorderPrimary = '#e1e1e1';
+const colorBorderSecondary = exports.colorBorderSecondary = '#d1d1d1';
+const colorBorderTertiary = exports.colorBorderTertiary = '#AEAEAE';
+const colorBorderDanger = exports.colorBorderDanger = '#e31c4c';
+const colorBackgroundBrand = exports.colorBackgroundBrand = '#271656';
+const colorBackgroundPrimary = exports.colorBackgroundPrimary = '#fafafa';
+const colorBackgroundSecondary = exports.colorBackgroundSecondary = '#f4f4f4';
+const colorBackgroundTertiary = exports.colorBackgroundTertiary = '#ffffff';
+const colorFocusPrimary = exports.colorFocusPrimary = '#ccc0f0';
+const colorFocusSecondary = exports.colorFocusSecondary = '#5c34cd';
+const colorFocusDanger = exports.colorFocusDanger = '#f6b9c8';
+const colorFillPrimary = exports.colorFillPrimary = '#5c34cd';
+const colorFillSecondary = exports.colorFillSecondary = '#efebfa';
+const colorFillNone = exports.colorFillNone = 'rgba(255,255,255,0)';
+const colorFillDisabled = exports.colorFillDisabled = '#f4f4f4';
+const colorFillInversePrimary = exports.colorFillInversePrimary = '#17172A';
+const colorTooltipFill = exports.colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
+const colorBackdropFill = exports.colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
+const colorButtonFillTableActionEnabled = exports.colorButtonFillTableActionEnabled = '#542fbb';
+const colorButtonFillTableActionHovered = exports.colorButtonFillTableActionHovered = '#412592';
+const colorButtonFillTableActionPressed = exports.colorButtonFillTableActionPressed = '#412592';
+const colorButtonFillTableActionBorder = exports.colorButtonFillTableActionBorder = '#7d5dd7';
+const colorButtonFillPrimaryEnabled = exports.colorButtonFillPrimaryEnabled = '#5c34cd';
+const colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryHovered = '#412592';
+const colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryPressed = '#412592';
+const colorButtonFillSecondaryEnabled = exports.colorButtonFillSecondaryEnabled = '#efebfa';
+const colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryHovered = '#ccc0f0';
+const colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryPressed = '#ccc0f0';
+const colorButtonFillTertiaryEnabled = exports.colorButtonFillTertiaryEnabled = '#ffffff';
+const colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryHovered = '#EBEBEB';
+const colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryPressed = '#EBEBEB';
+const colorButtonFillGhostEnabled = exports.colorButtonFillGhostEnabled = 'rgba(255,255,255,0)';
+const colorButtonFillGhostHovered = exports.colorButtonFillGhostHovered = '#EBEBEB';
+const colorButtonFillGhostPressed = exports.colorButtonFillGhostPressed = '#EBEBEB';
+const colorButtonFillDangerEnabled = exports.colorButtonFillDangerEnabled = '#e31c4c';
+const colorButtonFillDangerHovered = exports.colorButtonFillDangerHovered = '#cf1945';
+const colorButtonFillDangerPressed = exports.colorButtonFillDangerPressed = '#cf1945';
+const colorSideMenuBackgroundDefault = exports.colorSideMenuBackgroundDefault = '#17172A';
+const colorSideMenuBackgroundHovered = exports.colorSideMenuBackgroundHovered = '#1F1F36';
+const colorSideMenuBackgroundSelected = exports.colorSideMenuBackgroundSelected = '#5c34cd';
+const colorSideMenuIconDefault = exports.colorSideMenuIconDefault = '#9F9FBC';
+const colorSideMenuIconActive = exports.colorSideMenuIconActive = '#ffffff';
+const colorSideMenuAccountBarFill = exports.colorSideMenuAccountBarFill = '#1F1F36';
+const colorGroupMenuBackgroundDefault = exports.colorGroupMenuBackgroundDefault = '#17172A';
+const colorGroupMenuBackgroundHovered = exports.colorGroupMenuBackgroundHovered = '#1F1F36';
+const colorGroupMenuBackgroundSelected = exports.colorGroupMenuBackgroundSelected = '#5c34cd';
+const colorGroupMenuTextDefault = exports.colorGroupMenuTextDefault = '#D3D2E0';
+const colorSubMenuBackgroundDefault = exports.colorSubMenuBackgroundDefault = '#1F1F36';
+const colorSubMenuStar = exports.colorSubMenuStar = '#DFBD0D';
+const colorDataViz1 = exports.colorDataViz1 = '#8dbaf8';
+const colorDataViz2 = exports.colorDataViz2 = '#b4a2e8';
+const colorDataViz3 = exports.colorDataViz3 = '#8bcfad';
+const colorDataViz4 = exports.colorDataViz4 = '#f0c48f';
+const colorDataViz5 = exports.colorDataViz5 = '#f297ad';
+const colorDataViz6 = exports.colorDataViz6 = '#B0F0E3';
+const colorDataViz7 = exports.colorDataViz7 = '#F5B8E1';
+const colorDataViz8 = exports.colorDataViz8 = '#F5EBB4';
+const colorScoreBarLevel1 = exports.colorScoreBarLevel1 = '#7e7e7e';
+const colorScoreBarLevel2 = exports.colorScoreBarLevel2 = '#e94970';
+const colorScoreBarLevel3 = exports.colorScoreBarLevel3 = '#e5983d';
+const colorScoreBarLevel4 = exports.colorScoreBarLevel4 = '#3987f3';
+const colorScoreBarLevel5 = exports.colorScoreBarLevel5 = '#35ab71';
+const colorScoreBarInactive = exports.colorScoreBarInactive = '#d1d1d1';
+const colorGrayLightest = exports.colorGrayLightest = '#EBEBEB';
+const colorNeutral = exports.colorNeutral = '#706F9B';
+const colorNeutralLightest = exports.colorNeutralLightest = '#f1f1f5';
+const colorNeutralLight = exports.colorNeutralLight = '#D3D2E0';
+const colorNeutralDark = exports.colorNeutralDark = '#504F6E';
+const colorNeutralDarkest = exports.colorNeutralDarkest = '#2C2C47';
+const colorSuccess = exports.colorSuccess = '#03964d';
+const colorSuccessLightest = exports.colorSuccessLightest = '#e6f5ed';
+const colorSuccessLight = exports.colorSuccessLight = '#8bcfad';
+const colorSuccessDark = exports.colorSuccessDark = '#026b37';
+const colorSuccessDarkest = exports.colorSuccessDarkest = '#013f20';
+const colorInformation = exports.colorInformation = '#0769f0';
+const colorInformationLightest = exports.colorInformationLightest = '#e6f0fe';
+const colorInformationLight = exports.colorInformationLight = '#8dbaf8';
+const colorInformationDark = exports.colorInformationDark = '#054baa';
+const colorInformationDarkest = exports.colorInformationDarkest = '#032c65';
+const colorWarning = exports.colorWarning = '#df7e0c';
+const colorWarningLightest = exports.colorWarningLightest = '#fcf2e7';
+const colorWarningLight = exports.colorWarningLight = '#f0c48f';
+const colorWarningDark = exports.colorWarningDark = '#9e5909';
+const colorWarningDarkest = exports.colorWarningDarkest = '#5e3505';
+const colorDanger = exports.colorDanger = '#e31c4c';
+const colorDangerLightest = exports.colorDangerLightest = '#fce8ed';
+const colorDangerLight = exports.colorDangerLight = '#f297ad';
+const colorDangerDark = exports.colorDangerDark = '#a11436';
+const colorDangerDarkest = exports.colorDangerDarkest = '#5f0c20';
+const elevationNone = exports.elevationNone = '0';
+const elevationCard = exports.elevationCard = '4';
+const elevationTooltip = exports.elevationTooltip = '4';
+const elevationMenu = exports.elevationMenu = '12';
+const elevationBackdrop = exports.elevationBackdrop = '40';
+const elevationModal = exports.elevationModal = '40';
+const elevationToast = exports.elevationToast = '60';
+const fontFamilyCentra = exports.fontFamilyCentra = '"Centra No 2"';
+const fontWeightBook = exports.fontWeightBook = '400';
+const fontWeightMedium = exports.fontWeightMedium = '500';
+const fontSize12 = exports.fontSize12 = '12px';
+const fontSize13 = exports.fontSize13 = '13px';
+const fontSize14 = exports.fontSize14 = '14px';
+const fontSize16 = exports.fontSize16 = '16px';
+const fontSize18 = exports.fontSize18 = '18px';
+const fontSize24 = exports.fontSize24 = '24px';
+const fontSize26 = exports.fontSize26 = '26px';
+const fontSize36 = exports.fontSize36 = '36px';
+const fontSize46 = exports.fontSize46 = '46px';
+const fontLetterSpacing0 = exports.fontLetterSpacing0 = '0em';
+const fontLetterSpacing1 = exports.fontLetterSpacing1 = '0.01em';
+const fontLetterSpacing2 = exports.fontLetterSpacing2 = '0.02em';
+const fontLetterSpacing4 = exports.fontLetterSpacing4 = '0.04em';
+const fontLetterSpacingMinus1 = exports.fontLetterSpacingMinus1 = '-0.01em';
+const fontLetterSpacingMinus2 = exports.fontLetterSpacingMinus2 = '-0.02em';
+const fontLetterSpacingMinus3 = exports.fontLetterSpacingMinus3 = '-0.03em';
+const fontLetterSpacingMinus4 = exports.fontLetterSpacingMinus4 = '-0.04em';
+const fontLineHeight100 = exports.fontLineHeight100 = '100%';
+const fontLineHeight120 = exports.fontLineHeight120 = '120%';
+const fontLineHeight125 = exports.fontLineHeight125 = '125%';
+const fontLineHeight130 = exports.fontLineHeight130 = '130%';
+const fontLineHeight140 = exports.fontLineHeight140 = '140%';
+const fontLineHeight150 = exports.fontLineHeight150 = '150%';
+const fontLineHeight170 = exports.fontLineHeight170 = '170%';
+const fontParagraphSpacing0 = exports.fontParagraphSpacing0 = '0';
+const fontTextCaseNone = exports.fontTextCaseNone = 'none';
+const fontTextDecorationNone = exports.fontTextDecorationNone = 'none';
+const motionDurationFast = exports.motionDurationFast = '100ms';
+const motionDurationNormal = exports.motionDurationNormal = '200ms';
+const motionDurationSlow = exports.motionDurationSlow = '300ms';
+const motionDurationSlower = exports.motionDurationSlower = '500ms';
+const motionDurationSlowest = exports.motionDurationSlowest = '1000ms';
+const motionEaseInEaseOut = exports.motionEaseInEaseOut = 'ease-in-out';
+const opacity100 = exports.opacity100 = '100%';
+const opacity95 = exports.opacity95 = '95%';
+const opacity90 = exports.opacity90 = '90%';
+const opacity85 = exports.opacity85 = '85%';
+const opacity80 = exports.opacity80 = '80%';
+const opacity70 = exports.opacity70 = '70%';
+const opacity60 = exports.opacity60 = '60%';
+const opacity50 = exports.opacity50 = '50%';
+const opacity40 = exports.opacity40 = '40%';
+const opacity30 = exports.opacity30 = '30%';
+const opacity20 = exports.opacity20 = '20%';
+const opacity15 = exports.opacity15 = '15%';
+const opacity10 = exports.opacity10 = '10%';
+const opacity5 = exports.opacity5 = '5%';
+const opacity0 = exports.opacity0 = '0%';
+const shadowBoxShadow1Color = exports.shadowBoxShadow1Color = '#12121214';
+const shadowBoxShadow1Type = exports.shadowBoxShadow1Type = 'dropShadow';
+const shadowBoxShadow1X = exports.shadowBoxShadow1X = '0px';
+const shadowBoxShadow1Y = exports.shadowBoxShadow1Y = '4px';
+const shadowBoxShadow1Blur = exports.shadowBoxShadow1Blur = '4px';
+const shadowBoxShadow1Spread = exports.shadowBoxShadow1Spread = '0px';
+const shadowBoxShadow2Color = exports.shadowBoxShadow2Color = '#12121214';
+const shadowBoxShadow2Type = exports.shadowBoxShadow2Type = 'dropShadow';
+const shadowBoxShadow2X = exports.shadowBoxShadow2X = '0px';
+const shadowBoxShadow2Y = exports.shadowBoxShadow2Y = '8px';
+const shadowBoxShadow2Blur = exports.shadowBoxShadow2Blur = '8px';
+const shadowBoxShadow2Spread = exports.shadowBoxShadow2Spread = '0px';
+const shadowBoxShadow3Color = exports.shadowBoxShadow3Color = '#1212121f';
+const shadowBoxShadow3Type = exports.shadowBoxShadow3Type = 'dropShadow';
+const shadowBoxShadow3X = exports.shadowBoxShadow3X = '0px';
+const shadowBoxShadow3Y = exports.shadowBoxShadow3Y = '12px';
+const shadowBoxShadow3Blur = exports.shadowBoxShadow3Blur = '12px';
+const shadowBoxShadow3Spread = exports.shadowBoxShadow3Spread = '0px';
+const shadowBoxShadow4Color = exports.shadowBoxShadow4Color = '#12121233';
+const shadowBoxShadow4Type = exports.shadowBoxShadow4Type = 'dropShadow';
+const shadowBoxShadow4X = exports.shadowBoxShadow4X = '0px';
+const shadowBoxShadow4Y = exports.shadowBoxShadow4Y = '20px';
+const shadowBoxShadow4Blur = exports.shadowBoxShadow4Blur = '20px';
+const shadowBoxShadow4Spread = exports.shadowBoxShadow4Spread = '0px';
+const size2 = exports.size2 = '2px';
+const size4 = exports.size4 = '4px';
+const size5 = exports.size5 = '5px';
+const size8 = exports.size8 = '8px';
+const size10 = exports.size10 = '10px';
+const size12 = exports.size12 = '12px';
+const size18 = exports.size18 = '18px';
+const size20 = exports.size20 = '20px';
+const size22 = exports.size22 = '22px';
+const size24 = exports.size24 = '24px';
+const size26 = exports.size26 = '26px';
+const size28 = exports.size28 = '28px';
+const size30 = exports.size30 = '30px';
+const size32 = exports.size32 = '32px';
+const size34 = exports.size34 = '34px';
+const size36 = exports.size36 = '36px';
+const size38 = exports.size38 = '38px';
+const size40 = exports.size40 = '40px';
+const size42 = exports.size42 = '42px';
+const size44 = exports.size44 = '44px';
+const size48 = exports.size48 = '48px';
+const size50 = exports.size50 = '50px';
+const size58 = exports.size58 = '58px';
+const size60 = exports.size60 = '60px';
+const size66 = exports.size66 = '66px';
+const size70 = exports.size70 = '70px';
+const size90 = exports.size90 = '90px';
+const size100 = exports.size100 = '100px';
+const size110 = exports.size110 = '110px';
+const size125 = exports.size125 = '125px';
+const size140 = exports.size140 = '140px';
+const size160 = exports.size160 = '160px';
+const size180 = exports.size180 = '180px';
+const size200 = exports.size200 = '200px';
+const size228 = exports.size228 = '228px';
+const size240 = exports.size240 = '240px';
+const size252 = exports.size252 = '252px';
+const size260 = exports.size260 = '260px';
+const size276 = exports.size276 = '276px';
+const size300 = exports.size300 = '300px';
+const size320 = exports.size320 = '320px';
+const size380 = exports.size380 = '380px';
+const size400 = exports.size400 = '400px';
+const size480 = exports.size480 = '480px';
+const size500 = exports.size500 = '500px';
+const size540 = exports.size540 = '540px';
+const size580 = exports.size580 = '580px';
+const size640 = exports.size640 = '640px';
+const size660 = exports.size660 = '660px';
+const size720 = exports.size720 = '720px';
+const size800 = exports.size800 = '800px';
+const size880 = exports.size880 = '880px';
+const size960 = exports.size960 = '960px';
+const size1280 = exports.size1280 = '1280px';
+const sizeFluid = exports.sizeFluid = '100%';
+const sizeFullViewportHeight = exports.sizeFullViewportHeight = '100vh';
+const sizeFullViewportWidth = exports.sizeFullViewportWidth = '100vw';
+const spaceNone = exports.spaceNone = '0px';
+const spaceXXSmall = exports.spaceXXSmall = '4px';
+const spaceXSmall = exports.spaceXSmall = '8px';
+const spaceSmall = exports.spaceSmall = '12px';
+const spaceMedium = exports.spaceMedium = '20px';
+const spaceLarge = exports.spaceLarge = '32px';
+const spaceXLarge = exports.spaceXLarge = '52px';
+const spaceXXLarge = exports.spaceXXLarge = '84px';
+const spaceFluid = exports.spaceFluid = '100%';
+const spaceNegFluid = exports.spaceNegFluid = '-100%';
+const spaceHalfFluid = exports.spaceHalfFluid = '50%';
+const spaceNegHalfFluid = exports.spaceNegHalfFluid = '-50%';