/** * diwa-modal-styles.ts * ===================== * CSS-in-JS style function for . * * Follows the PDS CSS-in-JS pattern: * packages/components/src/components/modal/modal-styles.ts * * Visibility technique — the host is always in the DOM; open/close is driven by * `visibility`, `pointer-events`, `opacity`, and `transform` transitions so the * close animation plays fully before the element becomes inert. * * All values use CSS custom properties (--diwa-*). Raw color values are never * hardcoded — theming is handled entirely by the token cascade from app.css. * * Design token override API (injectable by consumers): * --diwa-modal-width Width of the panel (default: 560px) * --diwa-modal-max-height Max height of panel (default: 85vh) */ import type { ModalBackdrop } from './types'; /** * Generates scoped CSS for the shadow tree. * * @param open — Whether the modal is currently open. * @param backdrop — Visual style of the backdrop overlay. * @param hasDismissButton — Whether the × dismiss button is rendered. * @param hasFooter — Whether the footer slot is populated. */ export declare const getComponentCss: (open: boolean, backdrop: ModalBackdrop, hasDismissButton: boolean, hasFooter: boolean) => string; //# sourceMappingURL=diwa-modal-styles.d.ts.map