@sellmate/design-system 1.27.0 → 1.27.1

package/dist/esm/sd-td.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-BwIs2-fm.js';
+import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-BZg-6aSz.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
 
 const sdTdCss = () => `sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}`;
@@ -165,7 +165,7 @@ const SdTd = class {
         }
     }
     render() {
-        return (h(Host, { key: '28d45d8cd629c6cdd826834cbae719fd7c851511', class: { [`align-${this.align}`]: Boolean(this.align) } }, h("slot", { key: '0bab0005e4513464ad18698c111a55eb684434e9' })));
+        return (h(Host, { key: '2fce45ffda30fd75a0c0ef2ff0de5896c409c108', class: { [`align-${this.align}`]: Boolean(this.align) } }, h("slot", { key: '3e2131547d544d01c745017f3375a26df35a9d6e' })));
     }
     static get watchers() { return {
         "field": [{

package/dist/esm/sd-text-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZg-6aSz.js';
 
 const textLink = {
 	sm: {

package/dist/esm/sd-toast-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BwIs2-fm.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BZg-6aSz.js';
 
 const DEFAULT_DURATION = 4000;
 const DEFAULT_MAX_VISIBLE = 3;
@@ -159,9 +159,9 @@ const SdToastContainer = class {
             'top-left': { top: '20px', left: '20px' },
             'top-center': { top: '20px', left: '50%', transform: 'translateX(-50%)' },
             'top-right': { top: '20px', right: '20px' },
-            'bottom-left': { bottom: '20px', left: '20px' },
-            'bottom-center': { bottom: '20px', left: '50%', transform: 'translateX(-50%)' },
-            'bottom-right': { bottom: '20px', right: '20px' },
+            'bottom-left': { bottom: '100px', left: '20px' },
+            'bottom-center': { bottom: '100px', left: '50%', transform: 'translateX(-50%)' },
+            'bottom-right': { bottom: '100px', right: '20px' },
         };
         return { ...base, ...posMap[position] };
     }
@@ -241,7 +241,7 @@ const SdToastContainer = class {
         const activeToasts = toasts.filter(t => t.state !== 'exiting').reverse();
         const indexMap = new Map();
         activeToasts.forEach((t, i) => indexMap.set(t.id, i));
-        return (h("div", { key: '1e9af4dd46dd901ba903518c1425ce0bc723e4b4', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
+        return (h("div", { key: '17526924c57e06a77725f66233f5b5360097fac0', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
                 this.expanded = true;
                 this.pauseTimers();
             }, onMouseLeave: () => {

package/dist/esm/sd-toast.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
+import { r as registerInstance, c as createEvent, h } from './index-BZg-6aSz.js';
 
 const toast = {
 	icon: "16",
@@ -91,12 +91,12 @@ const SdToast = class {
         const linkColor = typeConfig.linkColor ?? typeConfig.content;
         const useDefaultCloseIntent = ['default', 'caution', 'info'].includes(this.type);
         const buttonName = TOAST_BUTTON_NAME_BY_TYPE[this.type] ?? TOAST_BUTTON_NAME_BY_TYPE.default;
-        return (h("div", { key: '3d7a3fe3647010a8a96246ef3cdbfdf1550c0a91', style: {
+        return (h("div", { key: '124b32e52e9dfd7a09ac67ffb8032bf2217e9c05', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
                 '--sd-toast-icon': iconColor,
                 '--sd-toast-link': linkColor,
-            } }, h("div", { key: 'a863ff763bced7656cedc69f3598b3371fc13059', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '7606930ad68ab81543a719db8abb61055fdaf97d', class: "sd-toast__icon" }, h("sd-icon", { key: '9b75fb05ab26ddab43b677482a026b5860613e07', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '5fb10f690ad560f0be74b5bf6afd288318e22082', class: "sd-toast__content" }, h("span", { key: 'c474a5e1f215a19e47a89ba154f6149e0a875f61', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: 'a0dcbba791c123776ccb6de62e169359777b3bd2', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: 'b85f734cbe429207c028602b29bd5f7fa78f7910', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: '09cb6b946c18c1c079b036799272d7bc7bdb6480', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
+            } }, h("div", { key: '54eddcc1fe8a0eab427a084e589c0f9a2e0412bf', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '0ff05c4e7cb8dda2f2732cd09bfc586cb21020b6', class: "sd-toast__icon" }, h("sd-icon", { key: '41e1e259ef605454ee680bbd3228c418f013283e', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '7db4e1bc0ce80bd1887476ac728a7999cb4fee93', class: "sd-toast__content" }, h("span", { key: '88925dfa075a5da813466a74a0f5fa4cb61e3bc9', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '068aaf887a6fe8c18f7db6e513778d862e09bd56', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: 'fb066d2cfaad7668aec48caafc6eb6d6e19ebaee', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: 'e610479efe5034a222aa98d19232682243214ee0', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
     }
 };
 SdToast.style = sdToastCss();

package/dist/esm/sd-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BwIs2-fm.js';
+import { r as registerInstance, c as createEvent, h } from './index-BZg-6aSz.js';
 
 const toggle = {
 	height: "28",
@@ -121,7 +121,7 @@ const SdToggle = class {
             '--sd-toggle-content-select': TOGGLE_COLORS.content.select,
             '--sd-toggle-content-disabled': TOGGLE_COLORS.content.disabled,
         };
-        return (h("label", { key: 'b25e66cadfeee2714f137504ad49c8bf66622f60', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '276f7411899bcb14db93a6f2b93cc51b5363e1c9', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: '2b988ca6148da376d9af21538b03764423cb3a0a', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: 'b1bd161b88a627ba296197902d46181925511c70', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
 };
 SdToggle.style = sdToggleCss();

package/dist/esm/{tooltipArrow-CJxhdfqT.js → tooltipArrow-BAi-pktU.js}

@@ -1,4 +1,4 @@
-import { h } from './index-BwIs2-fm.js';
+import { h } from './index-BZg-6aSz.js';
 
 const TooltipArrow = (props) => (h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z", fill: "currentColor" })));
 

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.d.ts

@@ -10,7 +10,7 @@ export declare class SdFilePicker implements ComponentInterface {
     placeholder: string;
     /** 비활성 상태 여부 */
     disabled: boolean;
-    /** sd-field 없이 인라인으로 표시하는 모드 여부 */
+    /** 인라인 표시 — sd-field 테두리 박스만 사라지고 label/rules/hint 는 그대로 동작 */
     inline: boolean;
     /** 다중 파일 선택 여부 */
     multiple: boolean;

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

@@ -20,6 +20,8 @@ export declare class SdLoadingModal {
     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.d.ts

@@ -997,6 +997,11 @@ export namespace Components {
           * @default ''
          */
         "addonLabel": string;
+        /**
+          * 테두리 박스 제거 (inline 컨트롤용) — border/배경/hover·focus 강조만 사라지고 label·hint·errorMessage 등 나머지 필드 구성은 그대로 동작한다.
+          * @default false
+         */
+        "borderless": boolean;
         /**
           * 비활성 상태 여부
           * @default false
@@ -1149,7 +1154,7 @@ export namespace Components {
          */
         "icon"?: IconProps;
         /**
-          * sd-field 없이 인라인으로 표시하는 모드 여부
+          * 인라인 표시 — sd-field 테두리 박스만 사라지고 label/rules/hint 는 그대로 동작
           * @default false
          */
         "inline": boolean;
@@ -5094,6 +5099,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "addonLabel"?: string;
+        /**
+          * 테두리 박스 제거 (inline 컨트롤용) — border/배경/hover·focus 강조만 사라지고 label·hint·errorMessage 등 나머지 필드 구성은 그대로 동작한다.
+          * @default false
+         */
+        "borderless"?: boolean;
         /**
           * 비활성 상태 여부
           * @default false
@@ -5230,7 +5240,7 @@ declare namespace LocalJSX {
          */
         "icon"?: IconProps;
         /**
-          * sd-field 없이 인라인으로 표시하는 모드 여부
+          * 인라인 표시 — sd-field 테두리 박스만 사라지고 label/rules/hint 는 그대로 동작
           * @default false
          */
         "inline"?: boolean;
@@ -7280,6 +7290,7 @@ declare namespace LocalJSX {
         "errorMessage": string;
         "width": string;
         "size": FieldSize;
+        "borderless": boolean;
         "label": string;
         "labelWidth": string;
         "addonLabel": string;