export * from './zeniColors'; export declare const sp: number[]; export declare enum Space { sp0 = "0px", sp1 = "4px", sp2 = "8px", sp3 = "16px", sp4 = "24px", sp5 = "32px", sp6 = "40px", sp7 = "48px", sp8 = "56px", sp9 = "64px", sp10 = "72px", sp11 = "80px", sp12 = "100px" } /** * BorderStroke widths for borders / outlines. Wrapped in an enum so call * sites don't sprinkle bare px literals throughout styled-components. */ export declare enum BorderStroke { hairline = "1px", regular = "2px" } export declare const OriginalFont: "Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif"; export declare const fonts: { readonly Original: "Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif"; readonly Roboto: "Roboto"; readonly Manrope: "Manrope"; readonly "PT Mono": "PT Mono"; }; type FontType = keyof typeof fonts; /** @TODO - These needs to be removed */ export declare const customFontSizes: { readonly chargeCard: 17.8; }; export declare const customCountCapsulePadding: { padding: string; }; export declare enum FontWeight { thin = 100, extraLight = 200, light = 300, regular = 400, medium = 500, semiBold = 600, bold = 700, extraBold = 800, superBold = 900 } export declare enum FontStyle { normal = "normal", italic = "italic" } export declare const textTransform: { readonly uppercase: "uppercase"; readonly none: ""; }; type TextTransform = keyof typeof textTransform; /** Below are the css properties allowed to be exported */ export type CSSPropertiesObject = { fontFamily: FontType | typeof OriginalFont; fontSize: string; fontWeight: FontWeight; letterSpacing: string; lineHeight: string; textTransform?: TextTransform | undefined; }; type CSSProperties = "fontSize" | "fontWeight" | "letterSpacing" | "fontFamily" | "lineHeight" | "textTransform"; type CSSPropertiesValue = string | FontWeight | FontType | TextTransform | undefined; type LetterSpacingType = number | "normal"; /** Pixel line-height or CSS keyword `auto` (body/headings use `auto`). */ export type LineHeightType = number | "auto"; export declare class TextStyle { private _fontSize; private _fontWeight; private _lineHeight; private _letterSpacing; private _fontFamily; private _textTransform; constructor(fontSize: number, fontWeight: FontWeight, lineHeight: LineHeightType, letterSpacing?: LetterSpacingType, fontFamily?: FontType, textTransform?: TextTransform); get fontFamily(): "Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif" | "Roboto" | "Manrope" | "PT Mono"; get fontSize(): string; get fontSizeValue(): number; get fontWeight(): FontWeight; get lineHeight(): string; /** * When line-height is `auto`, returns a layout fallback (1.5× font size) for * virtualization / measurement code that needs a number. */ get lineHeightValue(): number; get letterSpacing(): string; get textTransform(): "" | "uppercase"; /** Use below getter when need font style properties as an object to be used in styled components */ get css(): string; /** Use below getter when need font style properties as a style object to be passed as prop */ get cssObject(): CSSPropertiesObject; /** Use below getter when need partial font style properties as a style object to be passed as prop */ get cssPartialObject(): (props: CSSProperties[]) => Record; } declare const _textStyles: { /** Below needs to be removed/replaced */ chargeCardNumberText: TextStyle; businessCardText: TextStyle; accountsPromoHighlightText: TextStyle; h1ExtraLight: TextStyle; h1Light: TextStyle; h1Regular: TextStyle; h1Medium: TextStyle; h1SemiBold: TextStyle; h1Bold: TextStyle; h1ExtraBold: TextStyle; h2ExtraLight: TextStyle; h2Light: TextStyle; h2Regular: TextStyle; h2Medium: TextStyle; h2SemiBold: TextStyle; h2Bold: TextStyle; h2ExtraBold: TextStyle; h3ExtraLight: TextStyle; h3Light: TextStyle; h3Regular: TextStyle; h3Medium: TextStyle; h3SemiBold: TextStyle; h3Bold: TextStyle; h3ExtraBold: TextStyle; h4ExtraLight: TextStyle; h4Light: TextStyle; h4Regular: TextStyle; h4Medium: TextStyle; h4SemiBold: TextStyle; h4Bold: TextStyle; h4ExtraBold: TextStyle; h5ExtraLight: TextStyle; h5Light: TextStyle; h5Regular: TextStyle; h5Medium: TextStyle; h5SemiBold: TextStyle; h5Bold: TextStyle; h5ExtraBold: TextStyle; h6ExtraLight: TextStyle; h6Light: TextStyle; h6Regular: TextStyle; h6Medium: TextStyle; h6SemiBold: TextStyle; h6Bold: TextStyle; h6ExtraBold: TextStyle; h7ExtraLight: TextStyle; h7Light: TextStyle; h7Regular: TextStyle; h7Medium: TextStyle; h7SemiBold: TextStyle; h7Bold: TextStyle; h7ExtraBold: TextStyle; extraLargeExtraLight: TextStyle; extraLargeLight: TextStyle; extraLargeRegular: TextStyle; extraLargeMedium: TextStyle; extraLargeSemiBold: TextStyle; extraLargeBold: TextStyle; extraLargeExtraBold: TextStyle; largeExtraLight: TextStyle; largeLight: TextStyle; largeRegular: TextStyle; largeMedium: TextStyle; largeSemiBold: TextStyle; largeBold: TextStyle; largeExtraBold: TextStyle; standardExtraLight: TextStyle; standardLight: TextStyle; standardRegular: TextStyle; standardMedium: TextStyle; standardSemiBold: TextStyle; standardBold: TextStyle; standardExtraBold: TextStyle; smallExtraLight: TextStyle; smallLight: TextStyle; smallRegular: TextStyle; smallMedium: TextStyle; smallSemiBold: TextStyle; smallBold: TextStyle; smallExtraBold: TextStyle; extraSmallExtraLight: TextStyle; extraSmallLight: TextStyle; extraSmallRegular: TextStyle; extraSmallMedium: TextStyle; extraSmallSemiBold: TextStyle; extraSmallBold: TextStyle; extraSmallExtraBold: TextStyle; superSmallExtraLight: TextStyle; superSmallLight: TextStyle; superSmallRegular: TextStyle; superSmallMedium: TextStyle; superSmallSemiBold: TextStyle; superSmallBold: TextStyle; superSmallExtraBold: TextStyle; tinyExtraLight: TextStyle; tinyLight: TextStyle; tinyRegular: TextStyle; tinyMedium: TextStyle; tinySemiBold: TextStyle; tinyBold: TextStyle; tinyExtraBold: TextStyle; extraTinyExtraLight: TextStyle; extraTinyLight: TextStyle; extraTinyRegular: TextStyle; extraTinyMedium: TextStyle; extraTinySemiBold: TextStyle; extraTinyBold: TextStyle; extraTinyExtraBold: TextStyle; eyebrowLargeExtraLight: TextStyle; eyebrowLargeLight: TextStyle; eyebrowLargeRegular: TextStyle; eyebrowLargeMedium: TextStyle; eyebrowLargeSemiBold: TextStyle; eyebrowLargeBold: TextStyle; eyebrowLargeExtraBold: TextStyle; eyebrowStandardExtraLight: TextStyle; eyebrowStandardLight: TextStyle; eyebrowStandardRegular: TextStyle; eyebrowStandardMedium: TextStyle; eyebrowStandardSemiBold: TextStyle; eyebrowStandardBold: TextStyle; eyebrowStandardExtraBold: TextStyle; eyebrowSmallExtraLight: TextStyle; eyebrowSmallLight: TextStyle; eyebrowSmallRegular: TextStyle; eyebrowSmallMedium: TextStyle; eyebrowSmallSemiBold: TextStyle; eyebrowSmallBold: TextStyle; eyebrowSmallExtraBold: TextStyle; eyebrowExtraSmallMedium: TextStyle; eyebrowSuperSmallMedium: TextStyle; }; export type TextStyleType = keyof typeof _textStyles; export declare const textStyles: Readonly;