@sellmate/design-system 1.0.36 → 1.0.38

package/dist/types/components.d.ts

@@ -10,13 +10,15 @@ import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 import { ButtonV2Name, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 import { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
+import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
 import { Type } from "./components/sd-date-box/sd-date-box";
 import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { ValidatableField } from "./components/sd-form/sd-form";
 import { Event } from "./stencil-public-runtime";
-import { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
+import { ConfirmModalOptions, ModalDialogChainLike, NoticeModalOptions } from "./components/sd-modal-container/sd-modal-container.config";
+import { TagName as TagName1 } from "./components/sd-notice-modal/sd-notice-modal.config";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
 import { RadioValue } from "./components/sd-radio/sd-radio";
 import { RadioOption, RadioValue as RadioValue1 } from "./components/sd-radio-button-group/sd-radio-button-group";
@@ -30,7 +32,7 @@ import { SelectOptionGroup as SelectOptionGroup1 } from "./components/sd-select-
 import { SelectV2Name, SelectV2Option, SelectV2UpdateDetail, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
 import { TabOption } from "./components/sd-tabs/sd-tabs";
-import { TagName } from "./components/sd-tag/sd-tag.config";
+import { TagName as TagName2 } from "./components/sd-tag/sd-tag.config";
 import { ToastType } from "./components/sd-toast/sd-toast.config";
 import { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
 export { BadgeColor } from "./components/sd-badge/sd-badge.config";
@@ -38,13 +40,15 @@ export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { ButtonV2Name, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 export { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
+export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
 export { Type } from "./components/sd-date-box/sd-date-box";
 export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { ValidatableField } from "./components/sd-form/sd-form";
 export { Event } from "./stencil-public-runtime";
-export { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
+export { ConfirmModalOptions, ModalDialogChainLike, NoticeModalOptions } from "./components/sd-modal-container/sd-modal-container.config";
+export { TagName as TagName1 } from "./components/sd-notice-modal/sd-notice-modal.config";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
 export { RadioValue } from "./components/sd-radio/sd-radio";
 export { RadioOption, RadioValue as RadioValue1 } from "./components/sd-radio-button-group/sd-radio-button-group";
@@ -58,7 +62,7 @@ export { SelectOptionGroup as SelectOptionGroup1 } from "./components/sd-select-
 export { SelectV2Name, SelectV2Option, SelectV2UpdateDetail, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
 export { Row, SdTableColumn } from "./components/sd-table/sd-table";
 export { TabOption } from "./components/sd-tabs/sd-tabs";
-export { TagName } from "./components/sd-tag/sd-tag.config";
+export { TagName as TagName2 } from "./components/sd-tag/sd-tag.config";
 export { ToastType } from "./components/sd-toast/sd-toast.config";
 export { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
 export namespace Components {
@@ -172,6 +176,47 @@ export namespace Components {
          */
         "value": CheckedType;
     }
+    interface SdConfirmModal {
+        /**
+          * @default []
+         */
+        "bottomMessage": string[];
+        /**
+          * @default '확인'
+         */
+        "mainButtonLabel": string;
+        "mainButtonName"?: ConfirmModalMainButton;
+        /**
+          * @default ''
+         */
+        "modalTitle": string;
+        /**
+          * @default ''
+         */
+        "slotLabel": string;
+        /**
+          * @default ''
+         */
+        "subButtonLabel": string;
+        "tagContents"?: HTMLElement;
+        /**
+          * @default ''
+         */
+        "tagLabel": string;
+        "tagPreset"?: TagName;
+        /**
+          * @default ''
+         */
+        "titleClass": string;
+        /**
+          * @default []
+         */
+        "topMessage": string[];
+        /**
+          * @default 'positive'
+         */
+        "type": ConfirmModalType;
+    }
     interface SdDateBox {
         /**
           * @default null
@@ -511,36 +556,46 @@ export namespace Components {
          */
         "color"?: string;
     }
-    interface SdModalCard {
+    interface SdModalContainer {
+        "open": (options: ConfirmModalOptions, chain: ModalDialogChainLike) => Promise<string>;
+        "openNotice": (options: NoticeModalOptions, chain: ModalDialogChainLike) => Promise<string>;
+        "update": (id: string, props: Partial<ConfirmModalOptions & NoticeModalOptions>) => Promise<void>;
+    }
+    interface SdNoticeModal {
         /**
-          * @default 'row'
+          * @default []
          */
-        "buttonFlexDirection": 'row' | 'column';
-        "buttonProps"?: SdModalCardButtonProps[];
+        "bottomMessage": string[];
         /**
-          * @default []
+          * @default '확인'
          */
-        "message": string[];
+        "mainButtonLabel": string;
         /**
-          * @default 'normal'
+          * @default ''
          */
         "modalTitle": string;
         /**
           * @default ''
          */
-        "sdClass": string;
+        "slotLabel": string;
         /**
-          * @default 'normal'
+          * @default ''
          */
-        "system": 'normal' | 'positive' | 'negative';
+        "subButtonLabel": string;
+        "tagContents"?: HTMLElement;
         /**
-          * @default 'info'
+          * @default ''
          */
-        "type": 'info' | 'warning' | 'normal';
+        "tagLabel": string;
+        "tagPreset"?: TagName1;
         /**
-          * @default true
+          * @default ''
+         */
+        "titleClass": string;
+        /**
+          * @default []
          */
-        "useCloseButton": boolean;
+        "topMessage": string[];
     }
     interface SdNumberInput {
         /**
@@ -1299,7 +1354,7 @@ export namespace Components {
          */
         "value": SelectV2Value;
         /**
-          * @default '200px'
+          * @default '100%'
          */
         "width": string;
     }
@@ -1481,7 +1536,7 @@ export namespace Components {
         /**
           * @default 'square_sm_grey'
          */
-        "name": TagName;
+        "name": TagName2;
     }
     interface SdTextarea {
         /**
@@ -1632,6 +1687,10 @@ export interface SdCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdCheckboxElement;
 }
+export interface SdConfirmModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdConfirmModalElement;
+}
 export interface SdDateBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDateBoxElement;
@@ -1664,9 +1723,9 @@ export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
 }
-export interface SdModalCardCustomEvent<T> extends CustomEvent<T> {
+export interface SdNoticeModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSdModalCardElement;
+    target: HTMLSdNoticeModalElement;
 }
 export interface SdNumberInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1854,6 +1913,24 @@ declare global {
         prototype: HTMLSdCheckboxElement;
         new (): HTMLSdCheckboxElement;
     };
+    interface HTMLSdConfirmModalElementEventMap {
+        "sdClose": void;
+        "sdConfirm": void;
+    }
+    interface HTMLSdConfirmModalElement extends Components.SdConfirmModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdConfirmModalElementEventMap>(type: K, listener: (this: HTMLSdConfirmModalElement, ev: SdConfirmModalCustomEvent<HTMLSdConfirmModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdConfirmModalElementEventMap>(type: K, listener: (this: HTMLSdConfirmModalElement, ev: SdConfirmModalCustomEvent<HTMLSdConfirmModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdConfirmModalElement: {
+        prototype: HTMLSdConfirmModalElement;
+        new (): HTMLSdConfirmModalElement;
+    };
     interface HTMLSdDateBoxElementEventMap {
         "sdClick": number | string | null;
         "sdMouseOver": number | string | null;
@@ -2021,23 +2098,29 @@ declare global {
         prototype: HTMLSdLoadingSpinnerElement;
         new (): HTMLSdLoadingSpinnerElement;
     };
-    interface HTMLSdModalCardElementEventMap {
-        "sdClose": MouseEvent;
-        "sdConfirm": MouseEvent;
+    interface HTMLSdModalContainerElement extends Components.SdModalContainer, HTMLStencilElement {
     }
-    interface HTMLSdModalCardElement extends Components.SdModalCard, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdModalCardElementEventMap>(type: K, listener: (this: HTMLSdModalCardElement, ev: SdModalCardCustomEvent<HTMLSdModalCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    var HTMLSdModalContainerElement: {
+        prototype: HTMLSdModalContainerElement;
+        new (): HTMLSdModalContainerElement;
+    };
+    interface HTMLSdNoticeModalElementEventMap {
+        "sdClose": void;
+        "sdConfirm": void;
+    }
+    interface HTMLSdNoticeModalElement extends Components.SdNoticeModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdNoticeModalElementEventMap>(type: K, listener: (this: HTMLSdNoticeModalElement, ev: SdNoticeModalCustomEvent<HTMLSdNoticeModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSdModalCardElementEventMap>(type: K, listener: (this: HTMLSdModalCardElement, ev: SdModalCardCustomEvent<HTMLSdModalCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdNoticeModalElementEventMap>(type: K, listener: (this: HTMLSdNoticeModalElement, ev: SdNoticeModalCustomEvent<HTMLSdNoticeModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLSdModalCardElement: {
-        prototype: HTMLSdModalCardElement;
-        new (): HTMLSdModalCardElement;
+    var HTMLSdNoticeModalElement: {
+        prototype: HTMLSdNoticeModalElement;
+        new (): HTMLSdNoticeModalElement;
     };
     interface HTMLSdNumberInputElementEventMap {
         "sdUpdate": number | null;
@@ -2553,6 +2636,7 @@ declare global {
         "sd-calendar": HTMLSdCalendarElement;
         "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
+        "sd-confirm-modal": HTMLSdConfirmModalElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
@@ -2565,7 +2649,8 @@ declare global {
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
         "sd-loading-spinner": HTMLSdLoadingSpinnerElement;
-        "sd-modal-card": HTMLSdModalCardElement;
+        "sd-modal-container": HTMLSdModalContainerElement;
+        "sd-notice-modal": HTMLSdNoticeModalElement;
         "sd-number-input": HTMLSdNumberInputElement;
         "sd-pagination": HTMLSdPaginationElement;
         "sd-popover": HTMLSdPopoverElement;
@@ -2719,6 +2804,49 @@ declare namespace LocalJSX {
          */
         "value": CheckedType;
     }
+    interface SdConfirmModal {
+        /**
+          * @default []
+         */
+        "bottomMessage"?: string[];
+        /**
+          * @default '확인'
+         */
+        "mainButtonLabel"?: string;
+        "mainButtonName"?: ConfirmModalMainButton;
+        /**
+          * @default ''
+         */
+        "modalTitle"?: string;
+        "onSdClose"?: (event: SdConfirmModalCustomEvent<void>) => void;
+        "onSdConfirm"?: (event: SdConfirmModalCustomEvent<void>) => void;
+        /**
+          * @default ''
+         */
+        "slotLabel"?: string;
+        /**
+          * @default ''
+         */
+        "subButtonLabel"?: string;
+        "tagContents"?: HTMLElement;
+        /**
+          * @default ''
+         */
+        "tagLabel"?: string;
+        "tagPreset"?: TagName;
+        /**
+          * @default ''
+         */
+        "titleClass"?: string;
+        /**
+          * @default []
+         */
+        "topMessage"?: string[];
+        /**
+          * @default 'positive'
+         */
+        "type"?: ConfirmModalType;
+    }
     interface SdDateBox {
         /**
           * @default null
@@ -3057,38 +3185,45 @@ declare namespace LocalJSX {
          */
         "color"?: string;
     }
-    interface SdModalCard {
+    interface SdModalContainer {
+    }
+    interface SdNoticeModal {
         /**
-          * @default 'row'
+          * @default []
          */
-        "buttonFlexDirection"?: 'row' | 'column';
-        "buttonProps"?: SdModalCardButtonProps[];
+        "bottomMessage"?: string[];
         /**
-          * @default []
+          * @default '확인'
          */
-        "message"?: string[];
+        "mainButtonLabel"?: string;
         /**
-          * @default 'normal'
+          * @default ''
          */
         "modalTitle"?: string;
-        "onSdClose"?: (event: SdModalCardCustomEvent<MouseEvent>) => void;
-        "onSdConfirm"?: (event: SdModalCardCustomEvent<MouseEvent>) => void;
+        "onSdClose"?: (event: SdNoticeModalCustomEvent<void>) => void;
+        "onSdConfirm"?: (event: SdNoticeModalCustomEvent<void>) => void;
         /**
           * @default ''
          */
-        "sdClass"?: string;
+        "slotLabel"?: string;
         /**
-          * @default 'normal'
+          * @default ''
          */
-        "system"?: 'normal' | 'positive' | 'negative';
+        "subButtonLabel"?: string;
+        "tagContents"?: HTMLElement;
         /**
-          * @default 'info'
+          * @default ''
          */
-        "type"?: 'info' | 'warning' | 'normal';
+        "tagLabel"?: string;
+        "tagPreset"?: TagName1;
         /**
-          * @default true
+          * @default ''
+         */
+        "titleClass"?: string;
+        /**
+          * @default []
          */
-        "useCloseButton"?: boolean;
+        "topMessage"?: string[];
     }
     interface SdNumberInput {
         /**
@@ -3856,7 +3991,7 @@ declare namespace LocalJSX {
          */
         "value"?: SelectV2Value;
         /**
-          * @default '200px'
+          * @default '100%'
          */
         "width"?: string;
     }
@@ -4046,7 +4181,7 @@ declare namespace LocalJSX {
         /**
           * @default 'square_sm_grey'
          */
-        "name"?: TagName;
+        "name"?: TagName2;
     }
     interface SdTextarea {
         /**
@@ -4223,6 +4358,17 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "label": string;
     }
+    interface SdConfirmModalAttributes {
+        "type": ConfirmModalType;
+        "modalTitle": string;
+        "titleClass": string;
+        "mainButtonName": ConfirmModalMainButton;
+        "mainButtonLabel": string;
+        "subButtonLabel": string;
+        "tagPreset": TagName;
+        "tagLabel": string;
+        "slotLabel": string;
+    }
     interface SdDateBoxAttributes {
         "date": string;
         "disabled": boolean;
@@ -4314,13 +4460,14 @@ declare namespace LocalJSX {
     interface SdLoadingSpinnerAttributes {
         "color": string;
     }
-    interface SdModalCardAttributes {
-        "type": 'info' | 'warning' | 'normal';
-        "system": 'normal' | 'positive' | 'negative';
-        "useCloseButton": boolean;
+    interface SdNoticeModalAttributes {
         "modalTitle": string;
-        "buttonFlexDirection": 'row' | 'column';
-        "sdClass": string;
+        "titleClass": string;
+        "mainButtonLabel": string;
+        "subButtonLabel": string;
+        "tagPreset": TagName;
+        "tagLabel": string;
+        "slotLabel": string;
     }
     interface SdNumberInputAttributes {
         "min": number;
@@ -4487,7 +4634,6 @@ declare namespace LocalJSX {
         "name": SelectV2Name;
         "value": string;
         "placeholder": string;
-        "width": string;
         "maxDropdownWidth": string;
         "dropdownHeight": string;
         "disabled": boolean;
@@ -4497,6 +4643,7 @@ declare namespace LocalJSX {
         "fieldName": string;
         "labelTooltip": string;
         "emitValue": boolean;
+        "width": string;
     }
     interface SdSelectV2ListItemAttributes {
         "depth": number;
@@ -4601,6 +4748,7 @@ declare namespace LocalJSX {
         "sd-calendar": Omit<SdCalendar, keyof SdCalendarAttributes> & { [K in keyof SdCalendar & keyof SdCalendarAttributes]?: SdCalendar[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `attr:${K}`]?: SdCalendarAttributes[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `prop:${K}`]?: SdCalendar[K] };
         "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
         "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
+        "sd-confirm-modal": Omit<SdConfirmModal, keyof SdConfirmModalAttributes> & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes]?: SdConfirmModal[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `attr:${K}`]?: SdConfirmModalAttributes[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `prop:${K}`]?: SdConfirmModal[K] };
         "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
         "sd-date-picker": Omit<SdDatePicker, keyof SdDatePickerAttributes> & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes]?: SdDatePicker[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `attr:${K}`]?: SdDatePickerAttributes[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `prop:${K}`]?: SdDatePicker[K] };
         "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
@@ -4613,7 +4761,8 @@ declare namespace LocalJSX {
         "sd-icon": Omit<SdIcon, keyof SdIconAttributes> & { [K in keyof SdIcon & keyof SdIconAttributes]?: SdIcon[K] } & { [K in keyof SdIcon & keyof SdIconAttributes as `attr:${K}`]?: SdIconAttributes[K] } & { [K in keyof SdIcon & keyof SdIconAttributes as `prop:${K}`]?: SdIcon[K] } & OneOf<"name", SdIcon["name"], SdIconAttributes["name"]>;
         "sd-input": Omit<SdInput, keyof SdInputAttributes> & { [K in keyof SdInput & keyof SdInputAttributes]?: SdInput[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `attr:${K}`]?: SdInputAttributes[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `prop:${K}`]?: SdInput[K] };
         "sd-loading-spinner": Omit<SdLoadingSpinner, keyof SdLoadingSpinnerAttributes> & { [K in keyof SdLoadingSpinner & keyof SdLoadingSpinnerAttributes]?: SdLoadingSpinner[K] } & { [K in keyof SdLoadingSpinner & keyof SdLoadingSpinnerAttributes as `attr:${K}`]?: SdLoadingSpinnerAttributes[K] } & { [K in keyof SdLoadingSpinner & keyof SdLoadingSpinnerAttributes as `prop:${K}`]?: SdLoadingSpinner[K] };
-        "sd-modal-card": Omit<SdModalCard, keyof SdModalCardAttributes> & { [K in keyof SdModalCard & keyof SdModalCardAttributes]?: SdModalCard[K] } & { [K in keyof SdModalCard & keyof SdModalCardAttributes as `attr:${K}`]?: SdModalCardAttributes[K] } & { [K in keyof SdModalCard & keyof SdModalCardAttributes as `prop:${K}`]?: SdModalCard[K] };
+        "sd-modal-container": SdModalContainer;
+        "sd-notice-modal": Omit<SdNoticeModal, keyof SdNoticeModalAttributes> & { [K in keyof SdNoticeModal & keyof SdNoticeModalAttributes]?: SdNoticeModal[K] } & { [K in keyof SdNoticeModal & keyof SdNoticeModalAttributes as `attr:${K}`]?: SdNoticeModalAttributes[K] } & { [K in keyof SdNoticeModal & keyof SdNoticeModalAttributes as `prop:${K}`]?: SdNoticeModal[K] };
         "sd-number-input": Omit<SdNumberInput, keyof SdNumberInputAttributes> & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes]?: SdNumberInput[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `attr:${K}`]?: SdNumberInputAttributes[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `prop:${K}`]?: SdNumberInput[K] };
         "sd-pagination": Omit<SdPagination, keyof SdPaginationAttributes> & { [K in keyof SdPagination & keyof SdPaginationAttributes]?: SdPagination[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `attr:${K}`]?: SdPaginationAttributes[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `prop:${K}`]?: SdPagination[K] };
         "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] };
@@ -4656,6 +4805,7 @@ declare module "@stencil/core" {
             "sd-calendar": LocalJSX.IntrinsicElements["sd-calendar"] & JSXBase.HTMLAttributes<HTMLSdCalendarElement>;
             "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
+            "sd-confirm-modal": LocalJSX.IntrinsicElements["sd-confirm-modal"] & JSXBase.HTMLAttributes<HTMLSdConfirmModalElement>;
             "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.IntrinsicElements["sd-date-picker"] & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
@@ -4668,7 +4818,8 @@ declare module "@stencil/core" {
             "sd-icon": LocalJSX.IntrinsicElements["sd-icon"] & JSXBase.HTMLAttributes<HTMLSdIconElement>;
             "sd-input": LocalJSX.IntrinsicElements["sd-input"] & JSXBase.HTMLAttributes<HTMLSdInputElement>;
             "sd-loading-spinner": LocalJSX.IntrinsicElements["sd-loading-spinner"] & JSXBase.HTMLAttributes<HTMLSdLoadingSpinnerElement>;
-            "sd-modal-card": LocalJSX.IntrinsicElements["sd-modal-card"] & JSXBase.HTMLAttributes<HTMLSdModalCardElement>;
+            "sd-modal-container": LocalJSX.IntrinsicElements["sd-modal-container"] & JSXBase.HTMLAttributes<HTMLSdModalContainerElement>;
+            "sd-notice-modal": LocalJSX.IntrinsicElements["sd-notice-modal"] & JSXBase.HTMLAttributes<HTMLSdNoticeModalElement>;
             "sd-number-input": LocalJSX.IntrinsicElements["sd-number-input"] & JSXBase.HTMLAttributes<HTMLSdNumberInputElement>;
             "sd-pagination": LocalJSX.IntrinsicElements["sd-pagination"] & JSXBase.HTMLAttributes<HTMLSdPaginationElement>;
             "sd-popover": LocalJSX.IntrinsicElements["sd-popover"] & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;

package/dist/types/index.d.ts

@@ -16,3 +16,5 @@ export type { ToastType } from './components/sd-toast/sd-toast.config';
 export type { ToastPosition, ToastNotifyOptions } from './components/sd-toast-container/sd-toast-container.config';
 export { sdToast } from './utils/toast';
 export type { SdToastGlobalOptions } from './utils/toast';
+export { sdModal } from './utils/modal';
+export type { ModalDialogChain, ConfirmModalOptions, NoticeModalOptions, SdModalGlobalOptions } from './utils/modal';

package/dist/types/utils/modal.d.ts

@@ -0,0 +1,12 @@
+import type { ConfirmModalOptions, NoticeModalOptions, SdModalGlobalOptions } from '../components/sd-modal-container/sd-modal-container.config';
+export type { ConfirmModalOptions, NoticeModalOptions, SdModalGlobalOptions };
+export interface ModalDialogChain {
+    onOk(fn: () => void): ModalDialogChain;
+    onCancel(fn: () => void): ModalDialogChain;
+    update(props: Partial<ConfirmModalOptions & NoticeModalOptions>): ModalDialogChain;
+}
+export declare const sdModal: {
+    confirm(options: ConfirmModalOptions): ModalDialogChain;
+    notice(options: NoticeModalOptions): ModalDialogChain;
+    configure(options: SdModalGlobalOptions): void;
+};