@patreon/studio
Version:
Patreon Studio Design System
54 lines (53 loc) • 2.63 kB
TypeScript
import type { BodyTextBundle, ButtonTextBundle, DisplayTextBundle, HeadingTextBundle, DataBodyTextBundle, DataDisplayTextBundle, DataHeadingTextBundle } from '../../types/type-bundles';
/**
* CSS which includes the correct tokens and styles for BodyText.
*
* In most cases, the `<BodyText />` component should be used instead.
*/
export declare function cssForBodyText(config?: BodyTextBundle): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for BoldBodyText.
*
* In most cases, the `<BodyText><strong>` component should be used instead.
*
* @deprecated use `cssForBodyText({ weight: 'bold' })` instead.
*/
export declare function cssForBoldBodyText(config?: Pick<BodyTextBundle, 'size'>): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for DataBodyText.
*
* In most cases, the `<DataText variant="body" />` component should be used instead.
*/
export declare function cssForDataBodyText(config?: DataBodyTextBundle): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for HeadingText.
*
* In most cases, the `<HeadingText />` component should be used instead.
*/
export declare function cssForHeadingText(config?: HeadingTextBundle): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for DataHeadingText.
*
* In most cases, the `<DataText variant="heading" />` component should be used instead.
*/
export declare function cssForDataHeadingText(config?: DataHeadingTextBundle): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for DisplayText.
*
* In most cases, the `<DisplayText />` component should be used instead.
*/
export declare function cssForDisplayText(config?: DisplayTextBundle): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for DataDisplayText.
*
* In most cases, the `<DataText variant="display" />` component should be used instead.
*/
export declare function cssForDataDisplayText(config?: DataDisplayTextBundle): import("styled-components").FlattenSimpleInterpolation;
/**
* CSS which includes the correct tokens and styles for ButtonText.
*
* In most cases, the `<Button />` component should be used instead.
*
* @deprecated use `cssForBodyText({ weight: 'bold' })` instead.
*/
export declare function cssForButtonText(config?: ButtonTextBundle): import("styled-components").FlattenSimpleInterpolation;