import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import * as _emotion_react from '@emotion/react';
import { Theme } from '@emotion/react';
import { WithTheme, ThemeProp } from './colors.js';
import '@emotion/css';
import './fonts/typographyTokens.js';

declare const rootFontSizePx = 12;
declare const rootFontSizeRems: number;
declare const standardLineHeightEms = 1.21;
declare const headingContentMarginPx = 30;
declare const standardContentInset: {
    smPx: number;
    minSmMaxLgPx: number;
    lgPx: number;
    smCSS: _emotion_react.SerializedStyles;
    minSmMaxLgCSS: _emotion_react.SerializedStyles;
    lgCSS: _emotion_react.SerializedStyles;
    css: _emotion_react.SerializedStyles;
};
declare const standardBorderRadiusPx: readonly [0, 4, 8, 12, 16];
type StandardBorderRadius = (typeof standardBorderRadiusPx)[number];
declare const cardBorderRadiusPx = 16;
type BorderRadiusArg = StandardBorderRadius | StandardBorderRadius[];
declare const standardBorderRadius: (radius: BorderRadiusArg) => string;
declare const standardCardShadow: _emotion_react.SerializedStyles;
declare const pageBorderRadiusPx = 16;
declare const pageBorderRadius = "\n  border-radius: 16px;\n";
declare const getFocusOutline: ({ theme, onBgHex, }: WithTheme<{
    onBgHex?: string;
}>) => string;
declare const outlineOffset = "-2px";
declare const standardFocusOutline: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
declare const delta: ({ theme, delta, invertSuccessColor, }: WithTheme<{
    delta?: number;
    invertSuccessColor?: boolean;
}>) => _emotion_react.SerializedStyles;
declare const subtext: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
declare const Subtext: _emotion_styled.StyledComponent<{
    theme?: Theme;
    as?: react.ElementType<any>;
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
declare const darkGradientBg: _emotion_react.SerializedStyles;
declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
    important?: boolean;
}>) => _emotion_react.SerializedStyles;
declare const overlaySurface: ({ theme, important, }: WithTheme<{
    important?: boolean;
}>) => _emotion_react.SerializedStyles;
declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;

export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, standardBorderRadius, standardCardShadow, standardContentInset, standardFocusOutline, standardLineHeightEms, subtext };
