@sellmate/design-system 0.0.13 → 0.0.15

package/dist/types/components/assets/minus/index.d.ts

@@ -0,0 +1,3 @@
+export declare const minus: {
+    12: (props: any) => any;
+};

package/dist/types/components/sd-button/sd-button.d.ts

@@ -14,8 +14,7 @@ export declare class SdButton {
     iconSize?: number;
     iconRight?: IconName;
     noHover: boolean;
-    buttonStyle: StyleProps;
-    iconStyle: StyleProps;
+    class: string;
     sdClick: EventEmitter<MouseEvent>;
     private handleClick;
     private getButtonClasses;

package/dist/types/components/sd-card/sd-card.d.ts

@@ -0,0 +1,5 @@
+export declare class SdCard {
+    bordered: boolean;
+    class: string;
+    render(): any;
+}

package/dist/types/components/sd-checkbox/sd-checkbox.d.ts

@@ -1,22 +1,23 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+export type CheckedType = boolean | any[] | null;
 export declare class SdCheckbox {
     el: HTMLElement;
     /** 현재 선택 상태 또는 배열 형태의 값 */
-    checked: any[] | any;
+    checked: CheckedType;
     /** 배열 모드에서의 개별 값 */
     val?: any;
     /** 비활성화 여부 */
     disabled: boolean;
     /** 표시할 라벨 텍스트 */
     label: string;
-    checkboxStyle: StyleProps;
     /** 내부 체크 상태 */
     private isChecked;
     /** 값 변경 이벤트 */
-    sdChange: EventEmitter<any | any[]>;
+    sdChange: EventEmitter<CheckedType>;
     componentWillLoad(): void;
-    watchValueHandler(newValue: any | any[]): void;
-    private getCheckboxClasses;
+    componentWillRender(): void;
+    watchValueHandler(newValue: CheckedType): void;
+    private get checkboxClasses();
     private updateCheckedState;
     private handleChange;
     render(): any;

package/dist/types/components/sd-guide/sd-guide.d.ts

@@ -2,23 +2,14 @@ type GuideType = 'help' | 'pdf' | 'youtube' | 'notion' | 'event';
 export declare class SdGuide {
     el: HTMLElement;
     type: GuideType;
-    popupTitle: string;
+    label: string;
     message: string | string[];
     guideUrl: string;
     popupWidth?: number;
     popupShow: boolean;
     private guideRef?;
-    static guideTitle: {
-        help: string;
-        pdf: string;
-        youtube: string;
-        notion: string;
-        event: string;
-    };
     private handleClickGuide;
-    private getGuideClasses;
-    private getGuideStyle;
-    private getGuidIcon;
+    private get guideClass();
     closeDropdown: () => void;
     render(): any;
     renderListItem(message: string | string[], depth?: number): HTMLElement[];

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
+import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { Type } from "./components/sd-date-box/sd-date-box";
 import { Event } from "./stencil-public-runtime";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
@@ -16,6 +17,7 @@ import { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOp
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
 import { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
+export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { Type } from "./components/sd-date-box/sd-date-box";
 export { Event } from "./stencil-public-runtime";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
@@ -42,9 +44,9 @@ export namespace Components {
     }
     interface SdButton {
         /**
-          * @default {}
+          * @default ''
          */
-        "buttonStyle": StyleProps;
+        "class": string;
         /**
           * @default '#025497'
          */
@@ -57,10 +59,6 @@ export namespace Components {
         "iconColor"?: string;
         "iconRight"?: IconName;
         "iconSize"?: number;
-        /**
-          * @default {}
-         */
-        "iconStyle": StyleProps;
         /**
           * @default ''
          */
@@ -82,16 +80,21 @@ export namespace Components {
          */
         "variant"?: ButtonVariant;
     }
-    interface SdCheckbox {
+    interface SdCard {
         /**
-          * @default {}
+          * @default true
+         */
+        "bordered": boolean;
+        /**
+          * @default ''
          */
-        "checkboxStyle": StyleProps;
+        "class": string;
+    }
+    interface SdCheckbox {
         /**
           * 현재 선택 상태 또는 배열 형태의 값
-          * @default false
          */
-        "checked": any[] | any;
+        "checked": CheckedType;
         /**
           * 비활성화 여부
           * @default false
@@ -174,11 +177,11 @@ export namespace Components {
         /**
           * @default ''
          */
-        "message": string | string[];
+        "label": string;
         /**
           * @default ''
          */
-        "popupTitle": string;
+        "message": string | string[];
         "popupWidth"?: number;
         /**
           * @default 'help'
@@ -554,9 +557,6 @@ export namespace Components {
   column: SdTableColumn,
   row: Row,
  ) => HTMLElement | string | null | undefined;
-        /**
-          * @default []
-         */
         "columns": SdTableColumn[];
         "height"?: string;
         /**
@@ -576,9 +576,6 @@ export namespace Components {
           * @default 'id'
          */
         "rowKey": string;
-        /**
-          * @default []
-         */
         "rows": Row[];
         /**
           * @default false
@@ -771,8 +768,14 @@ declare global {
         prototype: HTMLSdButtonElement;
         new (): HTMLSdButtonElement;
     };
+    interface HTMLSdCardElement extends Components.SdCard, HTMLStencilElement {
+    }
+    var HTMLSdCardElement: {
+        prototype: HTMLSdCardElement;
+        new (): HTMLSdCardElement;
+    };
     interface HTMLSdCheckboxElementEventMap {
-        "sdChange": any | any[];
+        "sdChange": CheckedType;
     }
     interface HTMLSdCheckboxElement extends Components.SdCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdCheckboxElementEventMap>(type: K, listener: (this: HTMLSdCheckboxElement, ev: SdCheckboxCustomEvent<HTMLSdCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1060,6 +1063,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "sd-badge": HTMLSdBadgeElement;
         "sd-button": HTMLSdButtonElement;
+        "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
@@ -1098,9 +1102,9 @@ declare namespace LocalJSX {
     }
     interface SdButton {
         /**
-          * @default {}
+          * @default ''
          */
-        "buttonStyle"?: StyleProps;
+        "class"?: string;
         /**
           * @default '#025497'
          */
@@ -1113,10 +1117,6 @@ declare namespace LocalJSX {
         "iconColor"?: string;
         "iconRight"?: IconName;
         "iconSize"?: number;
-        /**
-          * @default {}
-         */
-        "iconStyle"?: StyleProps;
         /**
           * @default ''
          */
@@ -1139,16 +1139,21 @@ declare namespace LocalJSX {
          */
         "variant"?: ButtonVariant;
     }
-    interface SdCheckbox {
+    interface SdCard {
         /**
-          * @default {}
+          * @default true
+         */
+        "bordered"?: boolean;
+        /**
+          * @default ''
          */
-        "checkboxStyle"?: StyleProps;
+        "class"?: string;
+    }
+    interface SdCheckbox {
         /**
           * 현재 선택 상태 또는 배열 형태의 값
-          * @default false
          */
-        "checked"?: any[] | any;
+        "checked": CheckedType;
         /**
           * 비활성화 여부
           * @default false
@@ -1162,7 +1167,7 @@ declare namespace LocalJSX {
         /**
           * 값 변경 이벤트
          */
-        "onSdChange"?: (event: SdCheckboxCustomEvent<any | any[]>) => void;
+        "onSdChange"?: (event: SdCheckboxCustomEvent<CheckedType>) => void;
         /**
           * 배열 모드에서의 개별 값
          */
@@ -1239,11 +1244,11 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "message"?: string | string[];
+        "label"?: string;
         /**
           * @default ''
          */
-        "popupTitle"?: string;
+        "message"?: string | string[];
         "popupWidth"?: number;
         /**
           * @default 'help'
@@ -1640,10 +1645,7 @@ declare namespace LocalJSX {
   column: SdTableColumn,
   row: Row,
  ) => HTMLElement | string | null | undefined;
-        /**
-          * @default []
-         */
-        "columns"?: SdTableColumn[];
+        "columns": SdTableColumn[];
         "height"?: string;
         /**
           * @default '데이터가 없습니다.'
@@ -1664,10 +1666,7 @@ declare namespace LocalJSX {
           * @default 'id'
          */
         "rowKey"?: string;
-        /**
-          * @default []
-         */
-        "rows"?: Row[];
+        "rows": Row[];
         /**
           * @default false
          */
@@ -1778,6 +1777,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "sd-badge": SdBadge;
         "sd-button": SdButton;
+        "sd-card": SdCard;
         "sd-checkbox": SdCheckbox;
         "sd-date-box": SdDateBox;
         "sd-date-picker": SdDatePicker;
@@ -1805,6 +1805,7 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "sd-badge": LocalJSX.SdBadge & JSXBase.HTMLAttributes<HTMLSdBadgeElement>;
             "sd-button": LocalJSX.SdButton & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
+            "sd-card": LocalJSX.SdCard & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.SdCheckbox & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
             "sd-date-box": LocalJSX.SdDateBox & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.SdDatePicker & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;