@sellmate/design-system 1.4.0 → 1.6.0

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { Event } from "./stencil-public-runtime";
 import { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
+import { CalloutType } from "./components/sd-callout/sd-callout.config";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -51,6 +52,7 @@ export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { Event } from "./stencil-public-runtime";
 export { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
+export { CalloutType } from "./components/sd-callout/sd-callout.config";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -226,6 +228,10 @@ export namespace Components {
         "type": ButtonType;
     }
     interface SdCalendar {
+        /**
+          * @default false
+         */
+        "elevated": boolean;
         "events"?: CalendarEventGroup[];
         "selectable"?: [string, string];
         /**
@@ -233,6 +239,16 @@ export namespace Components {
          */
         "value": string | null;
     }
+    interface SdCallout {
+        /**
+          * @default []
+         */
+        "message": (string | string[])[];
+        /**
+          * @default 'default'
+         */
+        "type": CalloutType;
+    }
     interface SdCard {
         /**
           * @default false
@@ -568,6 +584,13 @@ export namespace Components {
          */
         "value": [string, string] | null;
     }
+    interface SdDivider {
+        /**
+          * true면 수직 분할선, false면 수평 분할선
+          * @default false
+         */
+        "vertical": boolean;
+    }
     interface SdDropdownButton {
         /**
           * @default false
@@ -587,6 +610,10 @@ export namespace Components {
         "name": DropdownButtonName;
         "sdClose": () => Promise<void>;
         "sdOpen": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "split": boolean;
     }
     interface SdField {
         /**
@@ -1084,6 +1111,10 @@ export namespace Components {
           * @default false
          */
         "hovered": boolean;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default ''
          */
@@ -1101,6 +1132,14 @@ export namespace Components {
          */
         "inputSuffix": string;
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
         /**
           * @default ''
          */
@@ -1224,10 +1263,6 @@ export namespace Components {
           * @default 'button'
          */
         "type": ButtonType;
-        /**
-          * @default false
-         */
-        "useClose": boolean;
     }
     interface SdPopup {
         /**
@@ -1532,10 +1567,6 @@ export namespace Components {
          */
         "noDataLabel": string;
         "pagination"?: SdTablePagination;
-        /**
-          * @default 'default'
-         */
-        "radius": 'default' | 'useTop';
         /**
           * @default false
          */
@@ -1581,6 +1612,10 @@ export namespace Components {
           * @default false
          */
         "useRowsPerPageSelect": boolean;
+        /**
+          * @default false
+         */
+        "useTop": boolean;
         /**
           * @default false
          */
@@ -1918,7 +1953,10 @@ export namespace Components {
          */
         "rowKey": string;
         "selectable"?: boolean;
-        "separator"?: boolean;
+        /**
+          * @default null
+         */
+        "separator"?: '4' | '6' | 4 | 6 | null;
         "setColumnWidths": (widths: number[]) => Promise<void>;
         "stickyColumn"?: SdTableStickyColumn;
         "updateVisibility": () => Promise<void>;
@@ -2171,6 +2209,12 @@ declare global {
         prototype: HTMLSdCalendarElement;
         new (): HTMLSdCalendarElement;
     };
+    interface HTMLSdCalloutElement extends Components.SdCallout, HTMLStencilElement {
+    }
+    var HTMLSdCalloutElement: {
+        prototype: HTMLSdCalloutElement;
+        new (): HTMLSdCalloutElement;
+    };
     interface HTMLSdCardElement extends Components.SdCard, HTMLStencilElement {
     }
     var HTMLSdCardElement: {
@@ -2328,8 +2372,15 @@ declare global {
         prototype: HTMLSdDateRangePickerCalendarElement;
         new (): HTMLSdDateRangePickerCalendarElement;
     };
+    interface HTMLSdDividerElement extends Components.SdDivider, HTMLStencilElement {
+    }
+    var HTMLSdDividerElement: {
+        prototype: HTMLSdDividerElement;
+        new (): HTMLSdDividerElement;
+    };
     interface HTMLSdDropdownButtonElementEventMap {
         "sdClick": DropdownButtonValue;
+        "sdButtonClick": void;
         "sdDropDownShow": { isOpen: boolean };
     }
     interface HTMLSdDropdownButtonElement extends Components.SdDropdownButton, HTMLStencilElement {
@@ -2941,6 +2992,7 @@ declare global {
         "sd-barcode-input": HTMLSdBarcodeInputElement;
         "sd-button": HTMLSdButtonElement;
         "sd-calendar": HTMLSdCalendarElement;
+        "sd-callout": HTMLSdCalloutElement;
         "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
         "sd-chip": HTMLSdChipElement;
@@ -2951,6 +3003,7 @@ declare global {
         "sd-date-picker-trigger": HTMLSdDatePickerTriggerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
         "sd-date-range-picker-calendar": HTMLSdDateRangePickerCalendarElement;
+        "sd-divider": HTMLSdDividerElement;
         "sd-dropdown-button": HTMLSdDropdownButtonElement;
         "sd-field": HTMLSdFieldElement;
         "sd-file-picker": HTMLSdFilePickerElement;
@@ -3142,6 +3195,10 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
     }
     interface SdCalendar {
+        /**
+          * @default false
+         */
+        "elevated"?: boolean;
         "events"?: CalendarEventGroup[];
         "onSdUpdate"?: (event: SdCalendarCustomEvent<string>) => void;
         "onSdViewChange"?: (event: SdCalendarCustomEvent<{ year: number; month: number }>) => void;
@@ -3151,6 +3208,16 @@ declare namespace LocalJSX {
          */
         "value"?: string | null;
     }
+    interface SdCallout {
+        /**
+          * @default []
+         */
+        "message"?: (string | string[])[];
+        /**
+          * @default 'default'
+         */
+        "type"?: CalloutType;
+    }
     interface SdCard {
         /**
           * @default false
@@ -3494,6 +3561,13 @@ declare namespace LocalJSX {
          */
         "value"?: [string, string] | null;
     }
+    interface SdDivider {
+        /**
+          * true면 수직 분할선, false면 수평 분할선
+          * @default false
+         */
+        "vertical"?: boolean;
+    }
     interface SdDropdownButton {
         /**
           * @default false
@@ -3511,8 +3585,13 @@ declare namespace LocalJSX {
           * @default 'primary_sm'
          */
         "name"?: DropdownButtonName;
+        "onSdButtonClick"?: (event: SdDropdownButtonCustomEvent<void>) => void;
         "onSdClick"?: (event: SdDropdownButtonCustomEvent<DropdownButtonValue>) => void;
         "onSdDropDownShow"?: (event: SdDropdownButtonCustomEvent<{ isOpen: boolean }>) => void;
+        /**
+          * @default false
+         */
+        "split"?: boolean;
     }
     interface SdField {
         /**
@@ -4001,6 +4080,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "hovered"?: boolean;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default ''
          */
@@ -4018,6 +4101,14 @@ declare namespace LocalJSX {
          */
         "inputSuffix"?: string;
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
         /**
           * @default ''
          */
@@ -4141,10 +4232,6 @@ declare namespace LocalJSX {
           * @default 'button'
          */
         "type"?: ButtonType;
-        /**
-          * @default false
-         */
-        "useClose"?: boolean;
     }
     interface SdPopup {
         "onSdSubmit"?: (event: SdPopupCustomEvent<void>) => void;
@@ -4469,10 +4556,6 @@ declare namespace LocalJSX {
     to: number;
   }>) => void;
         "pagination"?: SdTablePagination;
-        /**
-          * @default 'default'
-         */
-        "radius"?: 'default' | 'useTop';
         /**
           * @default false
          */
@@ -4515,6 +4598,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "useRowsPerPageSelect"?: boolean;
+        /**
+          * @default false
+         */
+        "useTop"?: boolean;
         /**
           * @default false
          */
@@ -4849,7 +4936,10 @@ declare namespace LocalJSX {
          */
         "rowKey"?: string;
         "selectable"?: boolean;
-        "separator"?: boolean;
+        /**
+          * @default null
+         */
+        "separator"?: '4' | '6' | 4 | 6 | null;
         "stickyColumn"?: SdTableStickyColumn;
     }
 
@@ -4895,6 +4985,10 @@ declare namespace LocalJSX {
     }
     interface SdCalendarAttributes {
         "value": string | null;
+        "elevated": boolean;
+    }
+    interface SdCalloutAttributes {
+        "type": CalloutType;
     }
     interface SdCardAttributes {
         "bordered": boolean;
@@ -4982,10 +5076,14 @@ declare namespace LocalJSX {
     interface SdDateRangePickerCalendarAttributes {
         "maxRange": number;
     }
+    interface SdDividerAttributes {
+        "vertical": boolean;
+    }
     interface SdDropdownButtonAttributes {
         "name": DropdownButtonName;
         "label": string;
         "disabled": boolean;
+        "split": boolean;
     }
     interface SdFieldAttributes {
         "name": string;
@@ -5120,6 +5218,7 @@ declare namespace LocalJSX {
         "value": string;
         "label": string;
         "labelWidth": string;
+        "labelTooltip": string;
         "addonLabel": string;
         "addonAlign": FieldAddonAlign;
         "placeholder": string;
@@ -5157,7 +5256,6 @@ declare namespace LocalJSX {
         "type": ButtonType;
         "menuTitle": string;
         "menuClass": string;
-        "useClose": boolean;
     }
     interface SdPopupAttributes {
         "popupTitle": string;
@@ -5248,7 +5346,7 @@ declare namespace LocalJSX {
         "width": string;
         "height": string;
         "stickyHeader": boolean;
-        "radius": 'default' | 'useTop';
+        "useTop": boolean;
         "noDataLabel": string;
         "isLoading": boolean;
         "useInternalPagination": boolean;
@@ -5359,7 +5457,7 @@ declare namespace LocalJSX {
     interface SdTrAttributes {
         "selectable": boolean;
         "rowKey": string;
-        "separator": boolean;
+        "separator": string;
     }
 
     interface IntrinsicElements {
@@ -5368,6 +5466,7 @@ declare namespace LocalJSX {
         "sd-barcode-input": Omit<SdBarcodeInput, keyof SdBarcodeInputAttributes> & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes]?: SdBarcodeInput[K] } & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes as `attr:${K}`]?: SdBarcodeInputAttributes[K] } & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes as `prop:${K}`]?: SdBarcodeInput[K] };
         "sd-button": Omit<SdButton, keyof SdButtonAttributes> & { [K in keyof SdButton & keyof SdButtonAttributes]?: SdButton[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `attr:${K}`]?: SdButtonAttributes[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `prop:${K}`]?: SdButton[K] };
         "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-callout": Omit<SdCallout, keyof SdCalloutAttributes> & { [K in keyof SdCallout & keyof SdCalloutAttributes]?: SdCallout[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `attr:${K}`]?: SdCalloutAttributes[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `prop:${K}`]?: SdCallout[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-chip": Omit<SdChip, keyof SdChipAttributes> & { [K in keyof SdChip & keyof SdChipAttributes]?: SdChip[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `attr:${K}`]?: SdChipAttributes[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `prop:${K}`]?: SdChip[K] };
@@ -5378,6 +5477,7 @@ declare namespace LocalJSX {
         "sd-date-picker-trigger": Omit<SdDatePickerTrigger, keyof SdDatePickerTriggerAttributes> & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes]?: SdDatePickerTrigger[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `attr:${K}`]?: SdDatePickerTriggerAttributes[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `prop:${K}`]?: SdDatePickerTrigger[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] };
         "sd-date-range-picker-calendar": Omit<SdDateRangePickerCalendar, keyof SdDateRangePickerCalendarAttributes> & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes]?: SdDateRangePickerCalendar[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `attr:${K}`]?: SdDateRangePickerCalendarAttributes[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `prop:${K}`]?: SdDateRangePickerCalendar[K] };
+        "sd-divider": Omit<SdDivider, keyof SdDividerAttributes> & { [K in keyof SdDivider & keyof SdDividerAttributes]?: SdDivider[K] } & { [K in keyof SdDivider & keyof SdDividerAttributes as `attr:${K}`]?: SdDividerAttributes[K] } & { [K in keyof SdDivider & keyof SdDividerAttributes as `prop:${K}`]?: SdDivider[K] };
         "sd-dropdown-button": Omit<SdDropdownButton, keyof SdDropdownButtonAttributes> & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes]?: SdDropdownButton[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `attr:${K}`]?: SdDropdownButtonAttributes[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `prop:${K}`]?: SdDropdownButton[K] };
         "sd-field": Omit<SdField, keyof SdFieldAttributes> & { [K in keyof SdField & keyof SdFieldAttributes]?: SdField[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `attr:${K}`]?: SdFieldAttributes[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `prop:${K}`]?: SdField[K] };
         "sd-file-picker": Omit<SdFilePicker, keyof SdFilePickerAttributes> & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes]?: SdFilePicker[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `attr:${K}`]?: SdFilePickerAttributes[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `prop:${K}`]?: SdFilePicker[K] };
@@ -5430,6 +5530,7 @@ declare module "@stencil/core" {
             "sd-barcode-input": LocalJSX.IntrinsicElements["sd-barcode-input"] & JSXBase.HTMLAttributes<HTMLSdBarcodeInputElement>;
             "sd-button": LocalJSX.IntrinsicElements["sd-button"] & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
             "sd-calendar": LocalJSX.IntrinsicElements["sd-calendar"] & JSXBase.HTMLAttributes<HTMLSdCalendarElement>;
+            "sd-callout": LocalJSX.IntrinsicElements["sd-callout"] & JSXBase.HTMLAttributes<HTMLSdCalloutElement>;
             "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
             "sd-chip": LocalJSX.IntrinsicElements["sd-chip"] & JSXBase.HTMLAttributes<HTMLSdChipElement>;
@@ -5440,6 +5541,7 @@ declare module "@stencil/core" {
             "sd-date-picker-trigger": LocalJSX.IntrinsicElements["sd-date-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdDatePickerTriggerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
             "sd-date-range-picker-calendar": LocalJSX.IntrinsicElements["sd-date-range-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerCalendarElement>;
+            "sd-divider": LocalJSX.IntrinsicElements["sd-divider"] & JSXBase.HTMLAttributes<HTMLSdDividerElement>;
             "sd-dropdown-button": LocalJSX.IntrinsicElements["sd-dropdown-button"] & JSXBase.HTMLAttributes<HTMLSdDropdownButtonElement>;
             "sd-field": LocalJSX.IntrinsicElements["sd-field"] & JSXBase.HTMLAttributes<HTMLSdFieldElement>;
             "sd-file-picker": LocalJSX.IntrinsicElements["sd-file-picker"] & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;

package/dist/types/utils/html/sanitize-inline-html.d.ts

@@ -0,0 +1 @@
+export declare const sanitizeInlineHtml: (value: string) => string;