import { RawValueSignature, ResolvableModeLevelAlias, ResolvableTopLevelAlias, SpecifyTextStyleValue, TokenState, UnresolvableModeLevelAlias } from '@specifyapp/specify-design-token-format'; import { CssResolvableAliasStrategy, CssUnresolvableAliasStrategy } from '../aliasStrategies/CssAliasStrategy.js'; import { TemplateRenderer } from '../../../builtInParsers/utils/template.js'; /** * Converts a `TokenState<'textStyle'>` to a css value. * **Warning**: this token is composite, so the output will be an object. * E.g: * ``` * { * 'font-style': 'normal', * 'font-family': 'My Font', * 'font-weight': 'light', * 'font-size': '24px', * color: 'rgba(12, 80, 244, 1)', * 'text-indent': '24px', * 'line-height': '24px', * 'letter-spacing': '24px', * 'text-align': 'center', * 'text-transform': 'uppercase', * 'text-decoration': 'underline' * } ``` */ export declare function textStyleToCss(aliasStrategy: CssResolvableAliasStrategy, unresolvableAliasStrategy?: CssUnresolvableAliasStrategy): (tokenState: TokenState<'textStyle'>) => { [mode: string]: { 'font-style': string; 'font-family': string; 'font-weight': number; 'font-size': string; color?: string | undefined; 'text-indent'?: string | undefined; 'line-height'?: string | undefined; 'letter-spacing'?: string | undefined; 'text-align'?: string | undefined; 'text-transform'?: string | undefined; 'text-decoration'?: string | undefined; }; }; export declare function modeLevelAliasTextStyleToVariables(alias: ResolvableModeLevelAlias | ResolvableTopLevelAlias, renderAlias: TemplateRenderer, textStyle: RawValueSignature<'textStyle'>, withCssAlias?: boolean): { 'font-style': string; 'font-family': string; 'font-weight': string; 'font-size': string; color?: string | undefined; 'text-indent'?: string | undefined; 'line-height'?: string | undefined; 'letter-spacing'?: string | undefined; 'text-align'?: string | undefined; 'text-transform'?: string | undefined; 'text-decoration'?: string | undefined; }; export declare function modeLevelUnresolvableAliasTextStyleToVariables(alias: UnresolvableModeLevelAlias, renderAlias: TemplateRenderer, withCssAlias?: boolean): { 'font-style': string; 'font-family': string; 'font-weight': string; 'font-size': string; color?: string | undefined; 'text-indent'?: string | undefined; 'line-height'?: string | undefined; 'letter-spacing'?: string | undefined; 'text-align'?: string | undefined; 'text-transform'?: string | undefined; 'text-decoration'?: string | undefined; }; /** * Converts a `RawValueSignature<'textStyle'>` to css. */ export declare function rawTextStyleToCss(textStyle: RawValueSignature<'textStyle'>, aliasStrategy: CssResolvableAliasStrategy, unresolvableAliasStrategy?: CssUnresolvableAliasStrategy): { 'font-style': string; 'font-family': string; 'font-weight': string; 'font-size': string; color?: string | undefined; 'text-indent'?: string | undefined; 'line-height'?: string | undefined; 'letter-spacing'?: string | undefined; 'text-align'?: string | undefined; 'text-transform'?: string | undefined; 'text-decoration'?: string | undefined; }; /** * Converts a textStyle to css. */ export declare function textStyleValueToCss(textStyle: SpecifyTextStyleValue): { 'font-style': string; 'font-family': string; 'font-weight': number; 'font-size': string; color?: string | undefined; 'text-indent'?: string | undefined; 'line-height'?: string | undefined; 'letter-spacing'?: string | undefined; 'text-align'?: string | undefined; 'text-transform'?: string | undefined; 'text-decoration'?: string | undefined; }; //# sourceMappingURL=textStyle.d.ts.map