import { DesignToken } from "@microsoft/fast-foundation"; import { DesignTokenType, TypedCSSDesignToken, TypedDesignToken } from "./adaptive-design-tokens.js"; import { Color } from "./color/color.js"; import { Paint } from "./color/paint.js"; import { Swatch } from "./color/swatch.js"; import { StyleProperty } from "./modules/types.js"; import { Recipe, RecipeEvaluate } from "./recipes.js"; /** @internal @deprecated Use one of the typed `createTokenX` functions instead */ export declare const create: typeof DesignToken.create; /** @internal @deprecated Use `createTokenNonCss` instead */ export declare function createNonCss(name: string): DesignToken; /** * Creates a typed design token of a custom type. Use one of `createTokenX` if exists instead. * * @public */ export declare const createTyped: typeof TypedCSSDesignToken.createTyped; /** * Creates a DesignToken that can be used for color value. * * @param name - The token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * * @public */ export declare function createTokenColor(name: string, intendedFor?: StyleProperty | StyleProperty[]): TypedCSSDesignToken; /** * Creates a DesignToken that can be used by other DesignTokens, but not directly in styles. * * @param name - The token name in `dotted.camelCase` casing. * @param type - The allowed types for the token value. * * @public */ export declare function createTokenNonCss(name: string, type: DesignTokenType, intendedFor?: StyleProperty | StyleProperty[]): TypedDesignToken; /** * Creates a DesignToken that can be used for a recipe. * * @param baseName - The base token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * @param evaluate - The function to call when the derived token needs to be evaluated. * * @public */ export declare function createTokenRecipe(baseName: string, intendedFor: StyleProperty | StyleProperty[], evaluate: RecipeEvaluate): TypedDesignToken>; /** * Creates a DesignToken that can be used for thickness, sizes, and other dimension values in styles. * * @param name - The token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * * @public */ export declare function createTokenDimension(name: string, intendedFor?: StyleProperty | StyleProperty[]): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for typography font family in styles. * * @param name - The token name in `dotted.camelCase` casing. * * @public */ export declare function createTokenFontFamily(name: string): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for typography font size in styles. * * @param name - The token name in `dotted.camelCase` casing. * * @public */ export declare function createTokenFontSize(name: string): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for typography font style (normal, italic) in styles. * * @param name - The token name in `dotted.camelCase` casing. * * @public */ export declare function createTokenFontStyle(name: string): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for typography font variations in styles. * * @param name - The token name in `dotted.camelCase` casing. * * @public */ export declare function createTokenFontVariations(name: string): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for typography font weight in styles. * * @param name - The token name in `dotted.camelCase` casing. * * @public */ export declare function createTokenFontWeight(name: string): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for typography line height in styles. * * @param name - The token name in `dotted.camelCase` casing. * * @public */ export declare function createTokenLineHeight(name: string): TypedCSSDesignToken; /** * Creates a DesignToken that can be used for number value. * * @param name - The token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * * @public */ export declare function createTokenNumber(name: string, intendedFor?: StyleProperty | StyleProperty[]): TypedCSSDesignToken; /** * Creates a DesignToken for number values that can be used by other DesignTokens, but not directly in styles. * * @param name - The token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * * @public */ export declare function createTokenNumberNonStyling(name: string, intendedFor?: StyleProperty | StyleProperty[]): TypedDesignToken; /** * Creates a DesignToken that can be used as a paint treatment (background, foreground, border, etc.) in styles. * * @param name - The token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * * @remarks * This is a token type allowing either `color` or `gradient` values. * * @public */ export declare function createTokenPaint(name: string, intendedFor?: StyleProperty | StyleProperty[]): TypedCSSDesignToken; /** * Creates a DesignToken that can be used as a color in styles. * * @param name - The token name in `dotted.camelCase` casing. * @param intendedFor - The style properties where this token is intended to be used. * * @public * @deprecated Use createTokenColor or createTokenPaint */ export declare function createTokenSwatch(name: string, intendedFor?: StyleProperty | StyleProperty[]): TypedCSSDesignToken;