UNPKG

@spaced-out/ui-design-system

Version:
111 lines (110 loc) 11 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); 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 = 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 = void 0; exports.colorWarningLightest = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = void 0; 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';