@sellmate/design-system 1.27.0 → 1.28.0

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

@@ -28,6 +28,11 @@ export declare class SdField implements ValidatableField {
     width: string | number;
     /** 필드 크기 */
     size: FieldSize;
+    /**
+     * 테두리 박스 제거 (inline 컨트롤용) — border/배경/hover·focus 강조만 사라지고
+     * label·hint·errorMessage 등 나머지 필드 구성은 그대로 동작한다.
+     */
+    borderless: boolean;
     /** 레이블 텍스트 */
     label: string;
     /** 레이블 너비 */

package/dist/types/components/sd-file-picker/sd-file-picker.config.d.ts

@@ -29,3 +29,9 @@ export declare const FILE_PICKER_COLORS: {
         disabled: string;
     };
 };
+export declare const FILE_PICKER_LIST_BOX: {
+    radius: string;
+    bg: string;
+    chipPadding: string;
+    chipGap: string;
+};

package/dist/types/components/sd-file-picker/sd-file-picker.d.ts

@@ -10,10 +10,12 @@ export declare class SdFilePicker implements ComponentInterface {
     placeholder: string;
     /** 비활성 상태 여부 */
     disabled: boolean;
-    /** sd-field 없이 인라인으로 표시하는 모드 여부 */
+    /** 인라인 표시 — sd-field 테두리 박스만 사라지고 label/rules/hint 는 그대로 동작 */
     inline: boolean;
     /** 다중 파일 선택 여부 */
     multiple: boolean;
+    /** multiple 파일 목록을 필드 아래 칩 대신, caret(▼) 클릭 시 열리는 리스트박스 카드로 표시 */
+    useMultipleListBox: boolean;
     /** 허용할 파일 타입 (input accept 속성과 동일) */
     accept?: string;
     /** 파일 한 개의 최대 크기 (bytes) */
@@ -56,9 +58,13 @@ export declare class SdFilePicker implements ComponentInterface {
     hovered: boolean;
     private internalValue;
     private showTooltip;
+    private isListboxOpen;
+    private listboxWidth;
     private fileInputRef?;
     private fileNamesRef?;
+    private contentRef?;
     private formField?;
+    private static readonly VIEWPORT_PADDING;
     /** 파일 선택 또는 삭제 시 현재 파일 값을 전달합니다. */
     update: EventEmitter<File[] | File | null>;
     /** 파일이 크기·개수 제한을 초과하여 거부됐을 때 발생합니다. */
@@ -80,11 +86,15 @@ export declare class SdFilePicker implements ComponentInterface {
     private handleFileChange;
     private handleClear;
     private handleClick;
+    /** caret(▼) 클릭 시 파일 목록 리스트박스를 토글한다. */
+    private handleListboxToggle;
+    private closeListbox;
     private hasFiles;
     private hasChips;
     private getDisplayText;
     private handleChipRemove;
     private renderChipList;
+    private renderListbox;
     private checkOverflow;
     private getIconColor;
     render(): any;

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

@@ -25,7 +25,6 @@ export declare const GUIDE_CONFIG: {
         readonly paddingX: `${string}px`;
         readonly paddingY: `${string}px`;
         readonly gap: `${string}px`;
-        readonly rowGap: `${string}px`;
         readonly bodyGap: `${string}px`;
         readonly titleGap: `${string}px`;
         readonly radius: `${string}px`;

package/dist/types/components/sd-loading-container/sd-loading-container.d.ts

@@ -2,9 +2,15 @@ import type { SdLoadingShowArgs } from './sd-loading-container.config';
 export declare class SdLoadingContainer {
     visible: boolean;
     message: string;
+    private prevBodyOverflow;
     /** 로딩 오버레이를 표시합니다. */
     show(options?: SdLoadingShowArgs): Promise<void>;
     /** 로딩 오버레이를 숨깁니다. */
     hide(): Promise<void>;
+    disconnectedCallback(): void;
+    /** 오버레이 표시 중 배경 스크롤을 차단합니다. */
+    private lockScroll;
+    /** 배경 스크롤 차단을 해제합니다. */
+    private unlockScroll;
     render(): any;
 }

package/dist/types/components/sd-loading-modal/sd-loading-modal.d.ts

@@ -17,9 +17,13 @@ export declare class SdLoadingModal {
     progress?: number;
     /** 버튼 클릭 시 발생합니다. */
     click: EventEmitter<void>;
+    /** 닫기 버튼 클릭 시 발생합니다. (error 상태에서만 노출) */
+    close: EventEmitter<void>;
     private get resolvedState();
     private get resolvedMessage();
     private get resolvedButtonLabel();
+    /** error 상태에서는 버튼이 필수로 표시됩니다. */
+    private get showButton();
     private handleClick;
     private toCssSize;
     render(): any;

package/dist/types/components/sd-pagination/sd-pagination.config.d.ts

@@ -4,6 +4,7 @@ export declare const PAGINATION_LAYOUT: {
     radius: string;
     gap: string;
     moveGap: string;
+    simpleGap: string;
     iconSize: number;
 };
 export declare const PAGINATION_TYPOGRAPHY: {

package/dist/types/components/sd-table/sd-table.config.d.ts

@@ -28,6 +28,7 @@ export declare const TABLE_BODY_LAYOUT: {
         paddingY: string;
     };
     paddingX: string;
+    densePaddingX: string;
     framePadding: string;
 };
 export declare const TABLE_BODY_TYPOGRAPHY: {

package/dist/types/components.d.ts

@@ -580,6 +580,11 @@ export namespace Components {
           * @default false
          */
         "indeterminate": boolean;
+        /**
+          * true면 퍼센트를 원 아래가 아닌 원 가운데에 표시
+          * @default false
+         */
+        "innerValue": boolean;
         /**
           * 원 하단에 표시할 레이블 텍스트
          */
@@ -997,6 +1002,11 @@ export namespace Components {
           * @default ''
          */
         "addonLabel": string;
+        /**
+          * 테두리 박스 제거 (inline 컨트롤용) — border/배경/hover·focus 강조만 사라지고 label·hint·errorMessage 등 나머지 필드 구성은 그대로 동작한다.
+          * @default false
+         */
+        "borderless": boolean;
         /**
           * 비활성 상태 여부
           * @default false
@@ -1149,7 +1159,7 @@ export namespace Components {
          */
         "icon"?: IconProps;
         /**
-          * sd-field 없이 인라인으로 표시하는 모드 여부
+          * 인라인 표시 — sd-field 테두리 박스만 사라지고 label/rules/hint 는 그대로 동작
           * @default false
          */
         "inline": boolean;
@@ -1220,6 +1230,11 @@ export namespace Components {
           * 필드 상태 (없으면 rules 결과로 자동 결정)
          */
         "status"?: 'default' | 'pass' | 'error';
+        /**
+          * multiple 파일 목록을 필드 아래 칩 대신, caret(▼) 클릭 시 열리는 리스트박스 카드로 표시
+          * @default false
+         */
+        "useMultipleListBox": boolean;
         /**
           * 선택된 파일 값
           * @default null
@@ -3637,6 +3652,7 @@ declare global {
     };
     interface HTMLSdLoadingModalElementEventMap {
         "sdClick": void;
+        "sdClose": void;
     }
     interface HTMLSdLoadingModalElement extends Components.SdLoadingModal, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdLoadingModalElementEventMap>(type: K, listener: (this: HTMLSdLoadingModalElement, ev: SdLoadingModalCustomEvent<HTMLSdLoadingModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4649,6 +4665,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "indeterminate"?: boolean;
+        /**
+          * true면 퍼센트를 원 아래가 아닌 원 가운데에 표시
+          * @default false
+         */
+        "innerValue"?: boolean;
         /**
           * 원 하단에 표시할 레이블 텍스트
          */
@@ -5094,6 +5115,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "addonLabel"?: string;
+        /**
+          * 테두리 박스 제거 (inline 컨트롤용) — border/배경/hover·focus 강조만 사라지고 label·hint·errorMessage 등 나머지 필드 구성은 그대로 동작한다.
+          * @default false
+         */
+        "borderless"?: boolean;
         /**
           * 비활성 상태 여부
           * @default false
@@ -5230,7 +5256,7 @@ declare namespace LocalJSX {
          */
         "icon"?: IconProps;
         /**
-          * sd-field 없이 인라인으로 표시하는 모드 여부
+          * 인라인 표시 — sd-field 테두리 박스만 사라지고 label/rules/hint 는 그대로 동작
           * @default false
          */
         "inline"?: boolean;
@@ -5300,6 +5326,11 @@ declare namespace LocalJSX {
           * 필드 상태 (없으면 rules 결과로 자동 결정)
          */
         "status"?: 'default' | 'pass' | 'error';
+        /**
+          * multiple 파일 목록을 필드 아래 칩 대신, caret(▼) 클릭 시 열리는 리스트박스 카드로 표시
+          * @default false
+         */
+        "useMultipleListBox"?: boolean;
         /**
           * 선택된 파일 값
           * @default null
@@ -5691,6 +5722,10 @@ declare namespace LocalJSX {
           * 버튼 클릭 시 발생합니다.
          */
         "onSdClick"?: (event: SdLoadingModalCustomEvent<void>) => void;
+        /**
+          * 닫기 버튼 클릭 시 발생합니다. (error 상태에서만 노출)
+         */
+        "onSdClose"?: (event: SdLoadingModalCustomEvent<void>) => void;
         /**
           * sd-circle-progress에 전달할 진행률 (0–100)
          */
@@ -7196,6 +7231,7 @@ declare namespace LocalJSX {
         "value": number;
         "type": CircleProgressType;
         "label": string;
+        "innerValue": boolean;
     }
     interface SdConfirmModalAttributes {
         "type": ConfirmModalType;
@@ -7280,6 +7316,7 @@ declare namespace LocalJSX {
         "errorMessage": string;
         "width": string;
         "size": FieldSize;
+        "borderless": boolean;
         "label": string;
         "labelWidth": string;
         "addonLabel": string;
@@ -7291,6 +7328,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "inline": boolean;
         "multiple": boolean;
+        "useMultipleListBox": boolean;
         "accept": string;
         "maxFileSize": string;
         "maxTotalSize": string;