import { PropertyValues } from 'lit'; import { GdsElement } from '../../gds-element'; /** * @element gds-alert * @status beta * * Alert component with responsive layout, optional icon, dismiss functionality, * auto-dismiss timer, and action button support. * * @slot - Alert message content * @event gds-close - Fired when alert is dismissed * @event gds-action - Fired when action button is clicked */ export declare class GdsAlert extends GdsElement { #private; static styles: (import("lit").CSSResult | import("lit").CSSResult[])[]; /** * The variant of the alert, which determines its appearance and icon. */ variant: 'information' | 'notice' | 'positive' | 'warning' | 'negative'; /** * The label for the alert, used for accessibility purposes. * This needs be set to something relevant to the content of the alert. */ label: string; /** * The role of the alert, which can be 'alert' or 'status'. * 'alert' is used for critical messages that require immediate attention, * while 'status' is for informational messages. These corresponds to the * ARIA roles, which you can read more about on MDN: * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role */ role: 'alert' | 'status'; /** * The dismissibility of the alert, which determines whether it can be closed by the user. */ dismissible: boolean; /** * The time in milliseconds after which the alert will automatically dismiss itself. * Set to 0 to disable auto-dismiss. */ timeout: number; /** * The text for the action button, if provided. * If not set, no action button will be rendered. */ buttonLabel: string; private _progress; private _isClosing; private _cardHidden; constructor(); protected updated(changed: PropertyValues): void; render(): any; } declare global { interface HTMLElementTagNameMap { 'gds-alert': GdsAlert; } }