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