@sellmate/design-system 1.0.68 → 1.0.70

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ButtonV2Name, ButtonV2Props, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 import { BadgeColor } from "./components/sd-badge/sd-badge.config";
 import { BarcodeInputSize } from "./components/sd-barcode-input/sd-barcode-input.config";
+import { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.config";
 import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { Event } from "./stencil-public-runtime";
@@ -21,7 +22,6 @@ import { DatePickerSize } from "./components/sd-date-picker/sd-date-picker.confi
 import { DateRangeValue } from "./components/sd-date-range-picker/sd-date-range-picker";
 import { DatePickerSize as DatePickerSize1 } from "./components/sd-date-range-picker/sd-date-range-picker.config";
 import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
-import { FieldSize } from "./components/sd-field/sd-field.config";
 import { ValidatableField } from "./components/sd-form/sd-form";
 import { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 import { GuideType } from "./components/sd-guide/sd-guide";
@@ -31,6 +31,7 @@ import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-moda
 import { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 import { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
+import { PopoverButton } from "./components/sd-popover/sd-popover";
 import { RadioValue } from "./components/sd-radio/sd-radio";
 import { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
 import { RadioOption } from "./components/sd-radio-button/sd-radio-button";
@@ -50,6 +51,7 @@ import { CellRenderer, HeaderRenderer, TableColumn, TableRow } from "./component
 export { ButtonV2Name, ButtonV2Props, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 export { BadgeColor } from "./components/sd-badge/sd-badge.config";
 export { BarcodeInputSize } from "./components/sd-barcode-input/sd-barcode-input.config";
+export { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.config";
 export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { Event } from "./stencil-public-runtime";
@@ -63,7 +65,6 @@ export { DatePickerSize } from "./components/sd-date-picker/sd-date-picker.confi
 export { DateRangeValue } from "./components/sd-date-range-picker/sd-date-range-picker";
 export { DatePickerSize as DatePickerSize1 } from "./components/sd-date-range-picker/sd-date-range-picker.config";
 export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
-export { FieldSize } from "./components/sd-field/sd-field.config";
 export { ValidatableField } from "./components/sd-form/sd-form";
 export { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 export { GuideType } from "./components/sd-guide/sd-guide";
@@ -73,6 +74,7 @@ export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-moda
 export { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 export { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
+export { PopoverButton } from "./components/sd-popover/sd-popover";
 export { RadioValue } from "./components/sd-radio/sd-radio";
 export { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
 export { RadioOption } from "./components/sd-radio-button/sd-radio-button";
@@ -110,6 +112,10 @@ export namespace Components {
         "label": string;
     }
     interface SdBarcodeInput {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -436,6 +442,10 @@ export namespace Components {
         "type": Type;
     }
     interface SdDatePicker {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -531,6 +541,10 @@ export namespace Components {
         "size": DatePickerSize;
     }
     interface SdDateRangePicker {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -630,6 +644,10 @@ export namespace Components {
         "sdOpen": () => Promise<void>;
     }
     interface SdField {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -702,6 +720,10 @@ export namespace Components {
     }
     interface SdFilePicker {
         "accept"?: string;
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -890,6 +912,10 @@ export namespace Components {
         "size": number | string;
     }
     interface SdInput {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -1037,6 +1063,10 @@ export namespace Components {
         "update": (id: string, props: Partial<ConfirmModalOptions> | Partial<LoadingModalOptions>) => Promise<void>;
     }
     interface SdNumberInput {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -1164,9 +1194,7 @@ export namespace Components {
         /**
           * @default []
          */
-        "buttons": {
-    [key: string]: any;
-  }[];
+        "buttons": PopoverButton[];
         /**
           * @default '#01BB4B'
          */
@@ -1192,10 +1220,6 @@ export namespace Components {
           * @default []
          */
         "messages": string[];
-        /**
-          * @default true
-         */
-        "noHover": boolean;
         /**
           * @default 'bottom'
          */
@@ -1303,6 +1327,10 @@ export namespace Components {
      * @deprecated sd-select-v2를 사용하세요.
      */
     interface SdSelect {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -1406,6 +1434,10 @@ export namespace Components {
      * @deprecated sd-select-v2 (name="default_depth")를 사용하세요.
      */
     interface SdSelectGroup {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -1768,6 +1800,10 @@ export namespace Components {
         "searchText": string | null;
     }
     interface SdSelectV2 {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -1840,6 +1876,8 @@ export namespace Components {
           * @default []
          */
         "rules"?: Rule[];
+        "sdFocus": () => Promise<void>;
+        "sdOpen": () => Promise<void>;
         /**
           * @default null
          */
@@ -1923,6 +1961,7 @@ export namespace Components {
           * @default '선택'
          */
         "placeholder": string;
+        "sdFocus": () => Promise<void>;
     }
     interface SdSwitch {
         /**
@@ -2091,6 +2130,10 @@ export namespace Components {
         "useArrow": boolean;
     }
     interface SdTextarea {
+        /**
+          * @default 'start'
+         */
+        "addonAlign": FieldAddonAlign;
         /**
           * @default ''
          */
@@ -2435,6 +2478,10 @@ export interface SdPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPaginationElement;
 }
+export interface SdPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdPopoverElement;
+}
 export interface SdPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPortalElement;
@@ -3003,7 +3050,18 @@ declare global {
         prototype: HTMLSdPaginationElement;
         new (): HTMLSdPaginationElement;
     };
+    interface HTMLSdPopoverElementEventMap {
+        "sdShowChange": boolean;
+    }
     interface HTMLSdPopoverElement extends Components.SdPopover, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdPopoverElementEventMap>(type: K, listener: (this: HTMLSdPopoverElement, ev: SdPopoverCustomEvent<HTMLSdPopoverElementEventMap[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 HTMLSdPopoverElementEventMap>(type: K, listener: (this: HTMLSdPopoverElement, ev: SdPopoverCustomEvent<HTMLSdPopoverElementEventMap[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 HTMLSdPopoverElement: {
         prototype: HTMLSdPopoverElement;
@@ -3323,6 +3381,8 @@ declare global {
     };
     interface HTMLSdSelectV2TriggerElementEventMap {
         "sdTriggerClick": void;
+        "sdTriggerFocus": void;
+        "sdTriggerBlur": void;
     }
     interface HTMLSdSelectV2TriggerElement extends Components.SdSelectV2Trigger, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdSelectV2TriggerElementEventMap>(type: K, listener: (this: HTMLSdSelectV2TriggerElement, ev: SdSelectV2TriggerCustomEvent<HTMLSdSelectV2TriggerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3635,6 +3695,10 @@ declare namespace LocalJSX {
         "label"?: string;
     }
     interface SdBarcodeInput {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -3970,6 +4034,10 @@ declare namespace LocalJSX {
         "type"?: Type;
     }
     interface SdDatePicker {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4067,6 +4135,10 @@ declare namespace LocalJSX {
         "size"?: DatePickerSize;
     }
     interface SdDateRangePicker {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4167,6 +4239,10 @@ declare namespace LocalJSX {
         "onSdDropDownShow"?: (event: SdDropdownButtonCustomEvent<{ isOpen: boolean }>) => void;
     }
     interface SdField {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4235,6 +4311,10 @@ declare namespace LocalJSX {
     }
     interface SdFilePicker {
         "accept"?: string;
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4424,6 +4504,10 @@ declare namespace LocalJSX {
         "size"?: number | string;
     }
     interface SdInput {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4563,6 +4647,10 @@ declare namespace LocalJSX {
         "autoRemove"?: boolean;
     }
     interface SdNumberInput {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4689,9 +4777,7 @@ declare namespace LocalJSX {
         /**
           * @default []
          */
-        "buttons"?: {
-    [key: string]: any;
-  }[];
+        "buttons"?: PopoverButton[];
         /**
           * @default '#01BB4B'
          */
@@ -4717,10 +4803,7 @@ declare namespace LocalJSX {
           * @default []
          */
         "messages"?: string[];
-        /**
-          * @default true
-         */
-        "noHover"?: boolean;
+        "onSdShowChange"?: (event: SdPopoverCustomEvent<boolean>) => void;
         /**
           * @default 'bottom'
          */
@@ -4832,6 +4915,10 @@ declare namespace LocalJSX {
      * @deprecated sd-select-v2를 사용하세요.
      */
     interface SdSelect {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -4939,6 +5026,10 @@ declare namespace LocalJSX {
      * @deprecated sd-select-v2 (name="default_depth")를 사용하세요.
      */
     interface SdSelectGroup {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -5301,6 +5392,10 @@ declare namespace LocalJSX {
         "searchText"?: string | null;
     }
     interface SdSelectV2 {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -5457,7 +5552,9 @@ declare namespace LocalJSX {
           * @default false
          */
         "isOpen"?: boolean;
+        "onSdTriggerBlur"?: (event: SdSelectV2TriggerCustomEvent<void>) => void;
         "onSdTriggerClick"?: (event: SdSelectV2TriggerCustomEvent<void>) => void;
+        "onSdTriggerFocus"?: (event: SdSelectV2TriggerCustomEvent<void>) => void;
         /**
           * @default '선택'
          */
@@ -5639,6 +5736,10 @@ declare namespace LocalJSX {
         "useArrow"?: boolean;
     }
     interface SdTextarea {
+        /**
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
         /**
           * @default ''
          */
@@ -5893,6 +5994,7 @@ declare namespace LocalJSX {
         "value": string;
         "size": BarcodeInputSize;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "placeholder": string;
         "disabled": boolean;
         "clearable": boolean;
@@ -5989,6 +6091,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "hint": string;
         "errorMessage": string;
         "fieldName": string;
@@ -6013,6 +6116,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "hint": string;
         "errorMessage": string;
         "fieldName": string;
@@ -6041,6 +6145,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "labelTooltip": string;
     }
     interface SdFilePickerAttributes {
@@ -6056,6 +6161,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "hint": string;
         "errorMessage": string;
         "width": string;
@@ -6101,6 +6207,7 @@ declare namespace LocalJSX {
         "type": 'text' | 'password' | 'email';
         "size": InputSize;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "placeholder": string;
         "disabled": boolean;
         "clearable": boolean;
@@ -6146,6 +6253,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "placeholder": string;
         "disabled": boolean;
         "width": string;
@@ -6177,7 +6285,6 @@ declare namespace LocalJSX {
         "buttonVariant": ButtonVariant;
         "menuTitle": string;
         "menuClass": string;
-        "noHover": boolean;
         "useClose": boolean;
     }
     interface SdPortalAttributes {
@@ -6225,6 +6332,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "labelTooltip": string;
         "error": boolean;
     }
@@ -6251,6 +6359,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "labelTooltip": string;
         "error": boolean;
     }
@@ -6316,6 +6425,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "error": boolean;
         "hint": string;
         "errorMessage": string;
@@ -6408,6 +6518,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
         "hint": string;
         "errorMessage": string;
         "labelTooltip": string;