@spaced-out/ui-design-system/lib/styles/index.js

Sense UI components library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
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.colorFocusInformation = 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.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 = exports.colorTextDisabled = 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.size426 = 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.size284 = 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.size16 = exports.size150 = exports.size140 = exports.size1280 = exports.size125 = exports.size120 = exports.size12 = exports.size110 = exports.size100 = void 0;
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 colorFocusInformation = exports.colorFocusInformation = '#b2d1fa';
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 size16 = exports.size16 = '16px';
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 size120 = exports.size120 = '120px';
const size125 = exports.size125 = '125px';
const size140 = exports.size140 = '140px';
const size150 = exports.size150 = '150px';
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 size284 = exports.size284 = '284px';
const size300 = exports.size300 = '300px';
const size320 = exports.size320 = '320px';
const size380 = exports.size380 = '380px';
const size400 = exports.size400 = '400px';
const size426 = exports.size426 = '426px';
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%';