@greensight/gds/types/utils/emotion/typography.d.ts

Greensight Design System

import { CSSObject } from '@emotion/react';
import { Theme } from '../../types/emotion/Theme';
/**
 * Helper for typography styles usage. Generate typography CSS rules by style name included mobile version, fluid typography and variable fonts support.
 *
 * By default helper uses GDS base theme. Recommended way to use this helper with your own theme is define wrapper with your theme as second argument:
 *
 * ```
 * import { typography as typographyHelper } from '@greensight/gds';
 * import theme from '@scripts/theme';
 *
 * const typography = (name: string) => typographyHelper(name, theme);
 *
 * export default typography;
 * ```
 */
export declare const typography: (name: string | undefined, theme?: Theme) => CSSObject | undefined;