@sellmate/design-system 0.0.53 → 0.0.54

package/dist/types/components.d.ts

@@ -334,6 +334,61 @@ export namespace Components {
          */
         "useCloseButton": boolean;
     }
+    interface SdNumberInput {
+        /**
+          * @default false
+         */
+        "autoFocus": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "getNativeElement": () => Promise<HTMLInputElement | null>;
+        /**
+          * @default ''
+         */
+        "inputClass": string;
+        /**
+          * @default {}
+         */
+        "inputStyle": { [key: string]: string };
+        "label"?: string;
+        /**
+          * @default Number.POSITIVE_INFINITY
+         */
+        "max": number;
+        /**
+          * @default Number.NEGATIVE_INFINITY
+         */
+        "min": number;
+        /**
+          * @default '입력해 주세요.'
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        "rules"?: Array<(value: string | number | null) => boolean | string>;
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default 1
+         */
+        "step": number;
+        /**
+          * @default false
+         */
+        "useButton": boolean;
+        /**
+          * @default false
+         */
+        "useDecimal": boolean;
+        /**
+          * @default null
+         */
+        "value"?: string | number | null;
+        "width"?: number | string;
+    }
     interface SdPagination {
         /**
           * @default 1
@@ -611,6 +666,7 @@ export namespace Components {
           * @default {}
          */
         "labelStyle": SelectStyleProps['labelStyle'];
+        "open": () => Promise<void>;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -1041,6 +1097,10 @@ export interface SdModalCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdModalCardElement;
 }
+export interface SdNumberInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdNumberInputElement;
+}
 export interface SdPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPaginationElement;
@@ -1278,6 +1338,28 @@ declare global {
         prototype: HTMLSdModalCardElement;
         new (): HTMLSdModalCardElement;
     };
+    interface HTMLSdNumberInputElementEventMap {
+        "sdIncrement": { currentVal: number; prevVal: number };
+        "sdDecrement": { currentVal: number; prevVal: number };
+        "sdInput": number | null;
+        "sdChange": number | null;
+        "sdFocus": Event;
+        "sdBlur": Event;
+    }
+    interface HTMLSdNumberInputElement extends Components.SdNumberInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdNumberInputElementEventMap>(type: K, listener: (this: HTMLSdNumberInputElement, ev: SdNumberInputCustomEvent<HTMLSdNumberInputElementEventMap[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 HTMLSdNumberInputElementEventMap>(type: K, listener: (this: HTMLSdNumberInputElement, ev: SdNumberInputCustomEvent<HTMLSdNumberInputElementEventMap[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 HTMLSdNumberInputElement: {
+        prototype: HTMLSdNumberInputElement;
+        new (): HTMLSdNumberInputElement;
+    };
     interface HTMLSdPaginationElementEventMap {
         "pageChange": number;
     }
@@ -1629,6 +1711,7 @@ declare global {
         "sd-input": HTMLSdInputElement;
         "sd-loading-spinner": HTMLSdLoadingSpinnerElement;
         "sd-modal-card": HTMLSdModalCardElement;
+        "sd-number-input": HTMLSdNumberInputElement;
         "sd-pagination": HTMLSdPaginationElement;
         "sd-popover": HTMLSdPopoverElement;
         "sd-portal": HTMLSdPortalElement;
@@ -1966,6 +2049,66 @@ declare namespace LocalJSX {
          */
         "useCloseButton"?: boolean;
     }
+    interface SdNumberInput {
+        /**
+          * @default false
+         */
+        "autoFocus"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "inputClass"?: string;
+        /**
+          * @default {}
+         */
+        "inputStyle"?: { [key: string]: string };
+        "label"?: string;
+        /**
+          * @default Number.POSITIVE_INFINITY
+         */
+        "max"?: number;
+        /**
+          * @default Number.NEGATIVE_INFINITY
+         */
+        "min"?: number;
+        "onSdBlur"?: (event: SdNumberInputCustomEvent<Event>) => void;
+        "onSdChange"?: (event: SdNumberInputCustomEvent<number | null>) => void;
+        "onSdDecrement"?: (event: SdNumberInputCustomEvent<{ currentVal: number; prevVal: number }>) => void;
+        "onSdFocus"?: (event: SdNumberInputCustomEvent<Event>) => void;
+        "onSdIncrement"?: (event: SdNumberInputCustomEvent<{ currentVal: number; prevVal: number }>) => void;
+        "onSdInput"?: (event: SdNumberInputCustomEvent<number | null>) => void;
+        /**
+          * @default '입력해 주세요.'
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        "rules"?: Array<(value: string | number | null) => boolean | string>;
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * @default false
+         */
+        "useButton"?: boolean;
+        /**
+          * @default false
+         */
+        "useDecimal"?: boolean;
+        /**
+          * @default null
+         */
+        "value"?: string | number | null;
+        "width"?: number | string;
+    }
     interface SdPagination {
         /**
           * @default 1
@@ -2683,6 +2826,7 @@ declare namespace LocalJSX {
         "sd-input": SdInput;
         "sd-loading-spinner": SdLoadingSpinner;
         "sd-modal-card": SdModalCard;
+        "sd-number-input": SdNumberInput;
         "sd-pagination": SdPagination;
         "sd-popover": SdPopover;
         "sd-portal": SdPortal;
@@ -2726,6 +2870,7 @@ declare module "@stencil/core" {
             "sd-input": LocalJSX.SdInput & JSXBase.HTMLAttributes<HTMLSdInputElement>;
             "sd-loading-spinner": LocalJSX.SdLoadingSpinner & JSXBase.HTMLAttributes<HTMLSdLoadingSpinnerElement>;
             "sd-modal-card": LocalJSX.SdModalCard & JSXBase.HTMLAttributes<HTMLSdModalCardElement>;
+            "sd-number-input": LocalJSX.SdNumberInput & JSXBase.HTMLAttributes<HTMLSdNumberInputElement>;
             "sd-pagination": LocalJSX.SdPagination & JSXBase.HTMLAttributes<HTMLSdPaginationElement>;
             "sd-popover": LocalJSX.SdPopover & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
             "sd-portal": LocalJSX.SdPortal & JSXBase.HTMLAttributes<HTMLSdPortalElement>;