/** * Canonical role-level typography tokens. Family values are font names or the * existing preset names. Scale is a unitless multiplier, weight and lineHeight * accept CSS font values, and tracking accepts a CSS letter-spacing value. * Every value is optional; Text supplies its existing variant defaults when a * role token is absent. */ export declare const TYPOGRAPHY_TOKEN_NAMES: { readonly heading: { readonly family: "font.heading"; readonly scale: "font.heading.scale"; readonly weight: "font.heading.weight"; readonly lineHeight: "font.heading.line-height"; readonly tracking: "font.heading.tracking"; }; readonly body: { readonly family: "font.body"; readonly scale: "font.body.scale"; readonly weight: "font.body.weight"; readonly lineHeight: "font.body.line-height"; readonly tracking: "font.body.tracking"; }; }; export declare const THEME_TOKEN_NAMES: { readonly bg: "color.bg"; readonly fg: "color.fg"; readonly primary: "color.primary"; readonly secondary: "color.secondary"; readonly accent: "color.accent"; readonly muted: "color.muted"; readonly surface: "color.surface"; readonly surfaceMuted: "color.surface-muted"; readonly surfaceInverse: "color.surface-inverse"; readonly onInverse: "color.on-inverse"; readonly onDark: "color.on-dark"; readonly onPrimary: "color.on-primary"; readonly onSecondary: "color.on-secondary"; readonly onAccent: "color.on-accent"; readonly border: "color.border"; readonly borderStrong: "color.border-strong"; readonly link: "color.link"; readonly success: "color.success"; readonly successSurface: "color.success-surface"; readonly warning: "color.warning"; readonly warningSurface: "color.warning-surface"; readonly danger: "color.danger"; readonly dangerSurface: "color.danger-surface"; readonly info: "color.info"; readonly infoSurface: "color.info-surface"; readonly overlay: "color.overlay"; readonly onOverlay: "color.on-overlay"; readonly fontHeading: "font.heading"; readonly fontHeadingScale: "font.heading.scale"; readonly fontHeadingWeight: "font.heading.weight"; readonly fontHeadingLineHeight: "font.heading.line-height"; readonly fontHeadingTracking: "font.heading.tracking"; readonly fontBody: "font.body"; readonly fontBodyScale: "font.body.scale"; readonly fontBodyWeight: "font.body.weight"; readonly fontBodyLineHeight: "font.body.line-height"; readonly fontBodyTracking: "font.body.tracking"; readonly focusRingWidth: "focus.ring.width"; readonly focusRingOffset: "focus.ring.offset"; readonly focusRingColor: "focus.ring.color"; readonly radius: "radius.base"; readonly shadow: "shadow.base"; }; /** Shared author controls and renderer defaults; paired roles keep text distinct from surfaces. */ export declare const SEMANTIC_COLOR_TOKENS: readonly [{ readonly name: "color.bg"; readonly label: "Page background"; readonly defaultValue: "#f8fafc"; }, { readonly name: "color.fg"; readonly label: "Text"; readonly defaultValue: "#1e293b"; }, { readonly name: "color.primary"; readonly label: "Primary"; readonly defaultValue: "#4f46e5"; }, { readonly name: "color.secondary"; readonly label: "Secondary"; readonly defaultValue: "#64748b"; }, { readonly name: "color.accent"; readonly label: "Accent"; readonly defaultValue: "#0ea5e9"; }, { readonly name: "color.muted"; readonly label: "Muted text"; readonly defaultValue: "#94a3b8"; }, { readonly name: "color.surface"; readonly label: "Surface"; readonly defaultValue: "var(--color-background)"; }, { readonly name: "color.surface-muted"; readonly label: "Subtle surface"; readonly defaultValue: "color-mix(in srgb, var(--color-background) 95%, var(--color-foreground))"; }, { readonly name: "color.surface-inverse"; readonly label: "Inverse surface"; readonly defaultValue: "var(--color-foreground)"; }, { readonly name: "color.on-inverse"; readonly label: "Text on inverse surface"; readonly defaultValue: "#ffffff"; }, { readonly name: "color.on-dark"; readonly label: "Text on dark surface"; readonly defaultValue: "#ffffff"; }, { readonly name: "color.on-primary"; readonly label: "Text on primary"; readonly defaultValue: "#ffffff"; }, { readonly name: "color.on-secondary"; readonly label: "Text on secondary"; readonly defaultValue: "#ffffff"; }, { readonly name: "color.on-accent"; readonly label: "Text on accent"; readonly defaultValue: "var(--color-foreground)"; }, { readonly name: "color.border"; readonly label: "Subtle border"; readonly defaultValue: "color-mix(in srgb, var(--color-foreground) 20%, var(--color-background))"; }, { readonly name: "color.border-strong"; readonly label: "Control border"; readonly defaultValue: "var(--color-muted)"; }, { readonly name: "color.link"; readonly label: "Link"; readonly defaultValue: "var(--color-primary)"; }, { readonly name: "color.success"; readonly label: "Success text"; readonly defaultValue: "#166534"; }, { readonly name: "color.success-surface"; readonly label: "Success surface"; readonly defaultValue: "#f0fdf4"; }, { readonly name: "color.warning"; readonly label: "Warning text"; readonly defaultValue: "#9a3412"; }, { readonly name: "color.warning-surface"; readonly label: "Warning surface"; readonly defaultValue: "#fff7ed"; }, { readonly name: "color.danger"; readonly label: "Error text"; readonly defaultValue: "#b91c1c"; }, { readonly name: "color.danger-surface"; readonly label: "Error surface"; readonly defaultValue: "#fef2f2"; }, { readonly name: "color.info"; readonly label: "Information text"; readonly defaultValue: "#1e40af"; }, { readonly name: "color.info-surface"; readonly label: "Information surface"; readonly defaultValue: "#eff6ff"; }, { readonly name: "color.on-overlay"; readonly label: "Text on media backdrop"; readonly defaultValue: "#ffffff"; }, { readonly name: "color.overlay"; readonly label: "Media backdrop"; readonly defaultValue: "#000000b3"; }]; export declare function tokenToCssVar(name: string): string; export declare function tokenToCssVarReference(name: string): string; //# sourceMappingURL=themeTokens.d.ts.map