import { DDSElement } from "../../base/index.js"; /** * A status message is a concise UI component for displaying status feedback, notifications, or contextual information to users. It typically indicates success, warning, error, or other states, helping users quickly understand the current state or important updates in the interface. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/status-message/index.js"; * ``` * * ```html * description * ``` */ export declare class DaikinStatusMessage extends DDSElement { static readonly styles: import('lit').CSSResult; /** * Sets the size of the status message component. * - "small": Compact status message style. * - "medium": Default status message style. * * @default "medium" */ size: "small" | "medium"; /** * Specifies the status of the message. * - "neutral": Neutral or incomplete status. * - "positive": Success or confirmation status. * - "negative": Error or failure status. * - "warning": Warning or caution status. * * @default "positive" */ status: "neutral" | "positive" | "negative" | "warning"; /** * Sets the ARIA role of the status message component. * - "[alert](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role)": Indicates an important message that requires user attention. * - "[status](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role)": Indicates an advisory message that provides feedback or updates. * - `null` (default): No specific ARIA role, meaning the message content will not be announced automatically when it changes. */ statusMessageRole: "alert" | "status" | null; /** * Provides an alternative text for screen readers that is read by assistive technologies but not displayed visually. * * e.g. If you use the message component for a password validation status (ensure the statusMessageRole is `status`), you might do the following: * When the user inputs an 8-character password, set the status to `positive` and update the screenReaderText to "Met,". This allows the screen reader to announce the full updated message, such as "Met, minimum 8 characters". */ screenReaderText: string | null; render(): import('lit-html').TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "daikin-status-message": DaikinStatusMessage; } }