import { SeverityWithInfo } from '@mezzanine-ui/system/severity'; /** * Modal 的狀態類型,用於顯示對應的狀態圖示。 * - `'success'` — 成功狀態 * - `'warning'` — 警告狀態 * - `'error'` — 錯誤狀態 * - `'info'` — 資訊狀態 * - `'email'` — 電子郵件相關操作 * - `'delete'` — 刪除操作 */ export type ModalStatusType = SeverityWithInfo | 'email' | 'delete'; /** * Modal 的寬度尺寸。 * - `'tight'` — 最窄尺寸 * - `'narrow'` — 較窄尺寸 * - `'regular'` — 標準尺寸 * - `'wide'` — 寬尺寸 */ export type ModalSize = 'tight' | 'narrow' | 'regular' | 'wide'; /** * Modal 的版面配置類型。 * - `'extended'` — 延伸版面,內容區域較大 * - `'extendedSplit'` — 延伸分割版面,左右兩欄配置 * - `'standard'` — 標準版面 * - `'mediaPreview'` — 媒體預覽版面 * - `'verification'` — 驗證碼輸入版面 */ export type ModalType = 'extended' | 'extendedSplit' | 'standard' | 'mediaPreview' | 'verification'; export declare const modalPrefix = "mzn-modal"; export declare const modalStatusTypeIcons: { readonly success: import("@mezzanine-ui/icons").IconDefinition; readonly warning: import("@mezzanine-ui/icons").IconDefinition; readonly error: import("@mezzanine-ui/icons").IconDefinition; readonly info: import("@mezzanine-ui/icons").IconDefinition; readonly email: import("@mezzanine-ui/icons").IconDefinition; readonly delete: import("@mezzanine-ui/icons").IconDefinition; }; export declare const modalClasses: { readonly host: "mzn-modal"; readonly contentWrapper: "mzn-modal__content-wrapper"; readonly closeIcon: "mzn-modal__close-icon"; readonly modalStatusType: (severity: ModalStatusType) => string; readonly size: (size: ModalSize) => string; readonly fullScreen: "mzn-modal--full-screen"; readonly withCloseIcon: "mzn-modal--close-icon"; /** Header */ readonly modalHeader: "mzn-modal__header"; readonly modalHeaderStatusTypeIcon: "mzn-modal__header__status-type-icon"; readonly modalHeaderTitleAndSupportingTextContainer: "mzn-modal__header__title-supporting-text-container"; readonly modalHeaderTitle: "mzn-modal__header__title"; readonly modalHeaderSupportingText: "mzn-modal__header__supporting-text"; /** Body */ readonly modalBodyContainer: "mzn-modal__body-container"; readonly modalBodyContainerWithTopSeparator: "mzn-modal__body-container--with-top-separator"; readonly modalBodyContainerWithBottomSeparator: "mzn-modal__body-container--with-bottom-separator"; readonly modalBodyContainerExtendedSplit: "mzn-modal__body-container__extended-split"; readonly modalBodyContainerExtendedSplitSidebarLeft: "mzn-modal__body-container__extended-split--sidebar-left"; readonly modalBodyContainerExtendedSplitRight: "mzn-modal__body-container__extended-split-right"; readonly modalBodyContainerExtendedSplitLeft: "mzn-modal__body-container__extended-split-left"; readonly modalBodyContainerExtendedSplitLeftSideContent: "mzn-modal__body-container__extended-split-left__content"; /** Footer */ readonly modalFooter: "mzn-modal__footer"; readonly modalFooterPasswordContainer: "mzn-modal__footer__password-container"; readonly modalFooterAuxiliaryContentContainer: "mzn-modal__footer__auxiliary-content-container"; readonly modalFooterActionsButtonContainer: "mzn-modal__footer__actions-button-container"; readonly modalFooterActionsButton: "mzn-modal__footer__actions-button"; /** Body Verification */ readonly modalBodyVerification: "mzn-modal__body-verification"; readonly modalBodyVerificationInputs: "mzn-modal__body-verification__inputs"; readonly modalBodyVerificationInputsExtended: "mzn-modal__body-verification__inputs--extended"; readonly modalBodyVerificationInput: "mzn-modal__body-verification__input"; readonly modalBodyVerificationInputError: "mzn-modal__body-verification__input--error"; readonly modalBodyVerificationResend: "mzn-modal__body-verification__resend"; readonly modalBodyVerificationResendLink: "mzn-modal__body-verification__resend-link"; /** Media Preview */ readonly mediaPreview: "mzn-modal--media-preview"; readonly mediaPreviewCloseButton: "mzn-modal__media-preview-close-button"; readonly mediaPreviewContent: "mzn-modal__media-preview-content"; readonly mediaPreviewMediaContainer: "mzn-modal__media-preview-media-container"; readonly mediaPreviewImage: "mzn-modal__media-preview-image"; readonly mediaPreviewNavButton: "mzn-modal__media-preview-nav-button"; readonly mediaPreviewNavButtonPrev: "mzn-modal__media-preview-nav-button--prev"; readonly mediaPreviewNavButtonNext: "mzn-modal__media-preview-nav-button--next"; readonly mediaPreviewPaginationIndicator: "mzn-modal__media-preview-pagination-indicator"; };