import { ComposableStyles } from "@microsoft/fast-element"; import { ElementStyles } from "@microsoft/fast-element"; import { type InteractivityDefinition, type StyleModuleTarget } from "../modules/types.js"; import type { ComponentAnatomy, StyleRules } from "./types.js"; import { Styles } from "./styles.js"; /** * Renders Adaptive UI Styles as ElementStyles. * * @public */ export declare class ElementStylesRenderer { private readonly _evaluateFunctions; /** * The rules produced by evaluating the provided `Styles`. */ private readonly _rules; /** * Creates a new ElementStylesRenderer. * * @param styles - A collection of individual styling properties. */ constructor(styles: Styles); private static declaration; private static propertySingle; private static propertyInteractive; private createStyleModules; private appendRule; /** * Convert style definitions to `ElementStyles`. * * @param target - Parameters for creating the selectors for component states. * @param interactivity - The interactivity configuration for the component. * @returns The rendered `ElementStyles`. */ render(target: StyleModuleTarget, interactivity?: InteractivityDefinition): ElementStyles; /** * Styles to merge in for any `ComponentAnatomy` which defines a `disabled` state. */ static disabledStyles: Styles; private static _focusStateStyles; private static _focusStateStylesAdjusted; /** * Styles to merge in for any `ComponentAnatomy` which defines a `focus` state. */ static get focusStateStyles(): Styles; static set focusStateStyles(styles: Styles); private static _focusResetStyles; private static _focusResetStylesAdjusted; /** * Styles to merge in for any `ComponentAnatomy` which defines a `focus` reset target. */ static get focusResetStyles(): Styles; static set focusResetStyles(styles: Styles); /** * Convert style rule definitions to `ElementStyles`. * * @param baseStyles - Any base styles to append style rules to. * @param styleRules - Adaptive UI style rules. * @param anatomy - Optional component anatomy for features including interactivity and focus definition. * @returns The rendered `ElementStyles`. */ static renderStyleRules(baseStyles: ComposableStyles[] | undefined, styleRules: StyleRules, anatomy?: ComponentAnatomy): ElementStyles; }