@sellmate/design-system 1.31.0 → 1.32.0

package/dist/types/components.d.ts

@@ -39,7 +39,9 @@ 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";
 import { RadioOption as RadioOption1 } from "./components/sd-radio-group/sd-radio-group";
+import { ScrollAreaAxis } from "./components/sd-scroll-area/sd-scroll-area.config";
 import { SelectOption, SelectOptionSelectDetail, SelectType, SelectValue } from "./components/sd-select/sd-select.config";
+import { StepperItem, StepperSize } from "./components/sd-stepper/sd-stepper.config";
 import { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 import { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 import { TextLinkSize } from "./components/sd-text-link/sd-text-link.config";
@@ -81,7 +83,9 @@ 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";
 export { RadioOption as RadioOption1 } from "./components/sd-radio-group/sd-radio-group";
+export { ScrollAreaAxis } from "./components/sd-scroll-area/sd-scroll-area.config";
 export { SelectOption, SelectOptionSelectDetail, SelectType, SelectValue } from "./components/sd-select/sd-select.config";
+export { StepperItem, StepperSize } from "./components/sd-stepper/sd-stepper.config";
 export { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 export { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 export { TextLinkSize } from "./components/sd-text-link/sd-text-link.config";
@@ -2113,6 +2117,33 @@ export namespace Components {
          */
         "value"?: RadioValue1;
     }
+    interface SdScrollArea {
+        /**
+          * 스크롤 방향. vertical=세로만, horizontal=가로만, both=양방향
+          * @default 'both'
+         */
+        "axis": ScrollAreaAxis;
+        /**
+          * true면 스크롤바 트랙 배경을 채운다. 콘텐츠 영역 배경은 바뀌지 않는다.
+          * @default false
+         */
+        "background": boolean;
+        /**
+          * true면 스크롤바와 콘텐츠 사이에 1px 구분선을 그린다. 컨테이너 테두리가 아니다.
+          * @default false
+         */
+        "bordered": boolean;
+        /**
+          * viewport 최대 높이 (예: '400px'). 비우면 호스트 크기를 따른다.
+          * @default ''
+         */
+        "maxHeight": string;
+        /**
+          * viewport 최대 너비 (예: '480px'). 비우면 호스트 크기를 따른다.
+          * @default ''
+         */
+        "maxWidth": string;
+    }
     interface SdSelect {
         /**
           * 어드온 정렬 방향
@@ -2362,6 +2393,28 @@ export namespace Components {
          */
         "sdFocus": () => Promise<void>;
     }
+    interface SdStepper {
+        /**
+          * 접근성 레이블
+          * @default '진행 단계'
+         */
+        "ariaLabel": string;
+        /**
+          * 단계 목록
+          * @default []
+         */
+        "items": StepperItem[];
+        /**
+          * 크기
+          * @default 'sm'
+         */
+        "size": StepperSize;
+        /**
+          * 현재 활성 단계 value
+          * @default ''
+         */
+        "value": string;
+    }
     interface SdSwitch {
         /**
           * 비활성 상태 여부
@@ -3882,6 +3935,12 @@ declare global {
         prototype: HTMLSdRadioGroupElement;
         new (): HTMLSdRadioGroupElement;
     };
+    interface HTMLSdScrollAreaElement extends Components.SdScrollArea, HTMLStencilElement {
+    }
+    var HTMLSdScrollAreaElement: {
+        prototype: HTMLSdScrollAreaElement;
+        new (): HTMLSdScrollAreaElement;
+    };
     interface HTMLSdSelectElementEventMap {
         "sdUpdate": SelectValue;
         "sdDropDownShow": { isOpen: boolean };
@@ -3971,6 +4030,12 @@ declare global {
         prototype: HTMLSdSelectTriggerElement;
         new (): HTMLSdSelectTriggerElement;
     };
+    interface HTMLSdStepperElement extends Components.SdStepper, HTMLStencilElement {
+    }
+    var HTMLSdStepperElement: {
+        prototype: HTMLSdStepperElement;
+        new (): HTMLSdStepperElement;
+    };
     interface HTMLSdSwitchElementEventMap {
         "sdUpdate": boolean;
     }
@@ -4235,11 +4300,13 @@ declare global {
         "sd-radio": HTMLSdRadioElement;
         "sd-radio-button": HTMLSdRadioButtonElement;
         "sd-radio-group": HTMLSdRadioGroupElement;
+        "sd-scroll-area": HTMLSdScrollAreaElement;
         "sd-select": HTMLSdSelectElement;
         "sd-select-list-item": HTMLSdSelectListItemElement;
         "sd-select-list-item-search": HTMLSdSelectListItemSearchElement;
         "sd-select-listbox": HTMLSdSelectListboxElement;
         "sd-select-trigger": HTMLSdSelectTriggerElement;
+        "sd-stepper": HTMLSdStepperElement;
         "sd-switch": HTMLSdSwitchElement;
         "sd-tabs": HTMLSdTabsElement;
         "sd-tag": HTMLSdTagElement;
@@ -6305,6 +6372,33 @@ declare namespace LocalJSX {
          */
         "value"?: RadioValue1;
     }
+    interface SdScrollArea {
+        /**
+          * 스크롤 방향. vertical=세로만, horizontal=가로만, both=양방향
+          * @default 'both'
+         */
+        "axis"?: ScrollAreaAxis;
+        /**
+          * true면 스크롤바 트랙 배경을 채운다. 콘텐츠 영역 배경은 바뀌지 않는다.
+          * @default false
+         */
+        "background"?: boolean;
+        /**
+          * true면 스크롤바와 콘텐츠 사이에 1px 구분선을 그린다. 컨테이너 테두리가 아니다.
+          * @default false
+         */
+        "bordered"?: boolean;
+        /**
+          * viewport 최대 높이 (예: '400px'). 비우면 호스트 크기를 따른다.
+          * @default ''
+         */
+        "maxHeight"?: string;
+        /**
+          * viewport 최대 너비 (예: '480px'). 비우면 호스트 크기를 따른다.
+          * @default ''
+         */
+        "maxWidth"?: string;
+    }
     interface SdSelect {
         /**
           * 어드온 정렬 방향
@@ -6574,6 +6668,28 @@ declare namespace LocalJSX {
          */
         "placeholder"?: string;
     }
+    interface SdStepper {
+        /**
+          * 접근성 레이블
+          * @default '진행 단계'
+         */
+        "ariaLabel"?: string;
+        /**
+          * 단계 목록
+          * @default []
+         */
+        "items"?: StepperItem[];
+        /**
+          * 크기
+          * @default 'sm'
+         */
+        "size"?: StepperSize;
+        /**
+          * 현재 활성 단계 value
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface SdSwitch {
         /**
           * 비활성 상태 여부
@@ -7705,6 +7821,13 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "groupName": string;
     }
+    interface SdScrollAreaAttributes {
+        "axis": ScrollAreaAxis;
+        "background": boolean;
+        "bordered": boolean;
+        "maxHeight": string;
+        "maxWidth": string;
+    }
     interface SdSelectAttributes {
         "type": SelectType;
         "value": string;
@@ -7753,6 +7876,11 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "isOpen": boolean;
     }
+    interface SdStepperAttributes {
+        "value": string;
+        "size": StepperSize;
+        "ariaLabel": string;
+    }
     interface SdSwitchAttributes {
         "value": boolean;
         "leftLabel": string;
@@ -7941,11 +8069,13 @@ declare namespace LocalJSX {
         "sd-radio": Omit<SdRadio, keyof SdRadioAttributes> & { [K in keyof SdRadio & keyof SdRadioAttributes]?: SdRadio[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `attr:${K}`]?: SdRadioAttributes[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `prop:${K}`]?: SdRadio[K] } & OneOf<"val", SdRadio["val"], SdRadioAttributes["val"]>;
         "sd-radio-button": Omit<SdRadioButton, keyof SdRadioButtonAttributes> & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes]?: SdRadioButton[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `attr:${K}`]?: SdRadioButtonAttributes[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `prop:${K}`]?: SdRadioButton[K] };
         "sd-radio-group": Omit<SdRadioGroup, keyof SdRadioGroupAttributes> & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes]?: SdRadioGroup[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `attr:${K}`]?: SdRadioGroupAttributes[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `prop:${K}`]?: SdRadioGroup[K] };
+        "sd-scroll-area": Omit<SdScrollArea, keyof SdScrollAreaAttributes> & { [K in keyof SdScrollArea & keyof SdScrollAreaAttributes]?: SdScrollArea[K] } & { [K in keyof SdScrollArea & keyof SdScrollAreaAttributes as `attr:${K}`]?: SdScrollAreaAttributes[K] } & { [K in keyof SdScrollArea & keyof SdScrollAreaAttributes as `prop:${K}`]?: SdScrollArea[K] };
         "sd-select": Omit<SdSelect, keyof SdSelectAttributes> & { [K in keyof SdSelect & keyof SdSelectAttributes]?: SdSelect[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `attr:${K}`]?: SdSelectAttributes[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `prop:${K}`]?: SdSelect[K] };
         "sd-select-list-item": Omit<SdSelectListItem, keyof SdSelectListItemAttributes> & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes]?: SdSelectListItem[K] } & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes as `attr:${K}`]?: SdSelectListItemAttributes[K] } & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes as `prop:${K}`]?: SdSelectListItem[K] };
         "sd-select-list-item-search": Omit<SdSelectListItemSearch, keyof SdSelectListItemSearchAttributes> & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes]?: SdSelectListItemSearch[K] } & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes as `attr:${K}`]?: SdSelectListItemSearchAttributes[K] } & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes as `prop:${K}`]?: SdSelectListItemSearch[K] };
         "sd-select-listbox": Omit<SdSelectListbox, keyof SdSelectListboxAttributes> & { [K in keyof SdSelectListbox & keyof SdSelectListboxAttributes]?: SdSelectListbox[K] } & { [K in keyof SdSelectListbox & keyof SdSelectListboxAttributes as `attr:${K}`]?: SdSelectListboxAttributes[K] } & { [K in keyof SdSelectListbox & keyof SdSelectListboxAttributes as `prop:${K}`]?: SdSelectListbox[K] };
         "sd-select-trigger": Omit<SdSelectTrigger, keyof SdSelectTriggerAttributes> & { [K in keyof SdSelectTrigger & keyof SdSelectTriggerAttributes]?: SdSelectTrigger[K] } & { [K in keyof SdSelectTrigger & keyof SdSelectTriggerAttributes as `attr:${K}`]?: SdSelectTriggerAttributes[K] } & { [K in keyof SdSelectTrigger & keyof SdSelectTriggerAttributes as `prop:${K}`]?: SdSelectTrigger[K] };
+        "sd-stepper": Omit<SdStepper, keyof SdStepperAttributes> & { [K in keyof SdStepper & keyof SdStepperAttributes]?: SdStepper[K] } & { [K in keyof SdStepper & keyof SdStepperAttributes as `attr:${K}`]?: SdStepperAttributes[K] } & { [K in keyof SdStepper & keyof SdStepperAttributes as `prop:${K}`]?: SdStepper[K] };
         "sd-switch": Omit<SdSwitch, keyof SdSwitchAttributes> & { [K in keyof SdSwitch & keyof SdSwitchAttributes]?: SdSwitch[K] } & { [K in keyof SdSwitch & keyof SdSwitchAttributes as `attr:${K}`]?: SdSwitchAttributes[K] } & { [K in keyof SdSwitch & keyof SdSwitchAttributes as `prop:${K}`]?: SdSwitch[K] };
         "sd-tabs": Omit<SdTabs, keyof SdTabsAttributes> & { [K in keyof SdTabs & keyof SdTabsAttributes]?: SdTabs[K] } & { [K in keyof SdTabs & keyof SdTabsAttributes as `attr:${K}`]?: SdTabsAttributes[K] } & { [K in keyof SdTabs & keyof SdTabsAttributes as `prop:${K}`]?: SdTabs[K] } & OneOf<"value", SdTabs["value"], SdTabsAttributes["value"]>;
         "sd-tag": Omit<SdTag, keyof SdTagAttributes> & { [K in keyof SdTag & keyof SdTagAttributes]?: SdTag[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `attr:${K}`]?: SdTagAttributes[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `prop:${K}`]?: SdTag[K] };
@@ -8006,11 +8136,13 @@ declare module "@stencil/core" {
             "sd-radio": LocalJSX.IntrinsicElements["sd-radio"] & JSXBase.HTMLAttributes<HTMLSdRadioElement>;
             "sd-radio-button": LocalJSX.IntrinsicElements["sd-radio-button"] & JSXBase.HTMLAttributes<HTMLSdRadioButtonElement>;
             "sd-radio-group": LocalJSX.IntrinsicElements["sd-radio-group"] & JSXBase.HTMLAttributes<HTMLSdRadioGroupElement>;
+            "sd-scroll-area": LocalJSX.IntrinsicElements["sd-scroll-area"] & JSXBase.HTMLAttributes<HTMLSdScrollAreaElement>;
             "sd-select": LocalJSX.IntrinsicElements["sd-select"] & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
             "sd-select-list-item": LocalJSX.IntrinsicElements["sd-select-list-item"] & JSXBase.HTMLAttributes<HTMLSdSelectListItemElement>;
             "sd-select-list-item-search": LocalJSX.IntrinsicElements["sd-select-list-item-search"] & JSXBase.HTMLAttributes<HTMLSdSelectListItemSearchElement>;
             "sd-select-listbox": LocalJSX.IntrinsicElements["sd-select-listbox"] & JSXBase.HTMLAttributes<HTMLSdSelectListboxElement>;
             "sd-select-trigger": LocalJSX.IntrinsicElements["sd-select-trigger"] & JSXBase.HTMLAttributes<HTMLSdSelectTriggerElement>;
+            "sd-stepper": LocalJSX.IntrinsicElements["sd-stepper"] & JSXBase.HTMLAttributes<HTMLSdStepperElement>;
             "sd-switch": LocalJSX.IntrinsicElements["sd-switch"] & JSXBase.HTMLAttributes<HTMLSdSwitchElement>;
             "sd-tabs": LocalJSX.IntrinsicElements["sd-tabs"] & JSXBase.HTMLAttributes<HTMLSdTabsElement>;
             "sd-tag": LocalJSX.IntrinsicElements["sd-tag"] & JSXBase.HTMLAttributes<HTMLSdTagElement>;