@rhds/elements/elements/rh-disclosure/rh-disclosure.d.ts

Red Hat Design System Elements

import { LitElement } from 'lit';
import { type ColorPalette } from '@rhds/elements/lib/color-palettes.js';
import '@rhds/elements/rh-icon/rh-icon.js';
export declare class DisclosureToggleEvent extends Event {
    constructor();
}
/**
 * A disclosure toggles the visibility of content when triggered.
 *
 * @summary A disclosure toggles the visibility of content when triggered
 *
 * @alias disclosure
 *
 * @fires {DisclosureToggleEvent} toggle - Fires when a user opens or closes a disclosure.
 */
export declare class RhDisclosure extends LitElement {
    #private;
    static readonly styles: CSSStyleSheet[];
    private static readonly preventEscElements;
    /**
     * Set the colorPalette of the disclosure. Overrides parent context. Possible values are:
     * - `lightest` (default)
     * - `lighter`
     * - `light`
     * - `dark`
     * - `darker`
     * - `darkest`
     */
    colorPalette?: ColorPalette;
    /**
     * Sets the disclosure to be in its open (expanded) state
     */
    open: boolean;
    /** Borderless: Removes the outer and left border from the disclosure.
     * The background is `surface-light`/`surface-dark` when expanded.
     * Compact: decreases disclosure padding.
     */
    variant?: 'borderless' | 'compact';
    /**
     * Sets the disclosure title via an attribute
     */
    summary?: string;
    private hasJumpLinks;
    private detailsEl;
    private summaryEl;
    render(): import("lit-html").TemplateResult<1>;
    protected _openChanged(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'rh-disclosure': RhDisclosure;
    }
}