sellmate-design-system-react 8.1.0 → 9.0.0-beta.2

package/dist/components/SPortal/SPortal.d.ts

@@ -29,7 +29,10 @@ export interface SPortalProps {
     autoClose?: boolean;
     /** 외부 클릭 · ESC 로 닫히지 않게 한다. */
     persistent?: boolean;
-    /** 뷰포트 경계 여백 px (충돌 회피 패딩). */
+    /**
+     * 뷰포트 경계 여백 px (충돌 회피 패딩).
+     * 콘텐츠 폭은 항상 `창 폭 - viewportPadding*2` 를 넘지 않게 잘린다.
+     */
     viewportPadding?: number;
     /** 열릴 때 포커스 이동 처리 (기본은 Radix가 콘텐츠로 포커스를 옮김). e.preventDefault()로 막을 수 있다. */
     onOpenAutoFocus?: (event: Event) => void;
@@ -49,5 +52,8 @@ export interface SPortalProps {
  * 트리거를 감싸지 않고 `anchorRef` 로 임의의 엘리먼트에 붙는다(=sd-portal `parentRef`).
  * open/onClose 로 외부에서 제어하며, flip·collision·스크롤 재배치·외부클릭·ESC·모달 포털은
  * Radix 가 처리한다. 콘텐츠는 children 으로 완전히 자유롭다.
+ *
+ * 콘텐츠가 창보다 넓으면 창 폭에 맞춰 줄어든다(sd-portal 과 동일). `style` 로 준
+ * width·minWidth·maxWidth 도 이 상한 안으로 가둬지므로 화면 밖으로 나가지 않는다.
  */
 export declare function SPortal({ open, onClose, onOpenChange, anchorRef, placement, align, offset, alignOffset, fit, maxHeight, autoClose, persistent, viewportPadding, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, children, className, style, ariaLabel, }: SPortalProps): import("react").JSX.Element;

package/dist/components/SRadio/README.md

@@ -46,12 +46,14 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SKeyValueTable](../SKeyValueTable)
 
 ### Graph
 
 ```mermaid
 graph TD;
+  SChipFilter --> SRadio
   SKeyValueTable --> SRadio
   style SRadio fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/dist/components/SRadioButton/README.md

@@ -22,3 +22,16 @@
 |-------|------|-------------|
 | `onValueChange` | `(value: string \| number) => void` | 변경 (sdUpdate) |
 
+## Dependencies
+
+### Used by
+
+ - [SChipFilter](../SChipFilter)
+
+### Graph
+
+```mermaid
+graph TD;
+  SChipFilter --> SRadioButton
+  style SRadioButton fill:#f9f,stroke:#333,stroke-width:4px
+```

package/dist/components/SSelect/README.md

@@ -22,8 +22,8 @@
 | `rules?` | `Rule[]` | — | 유효성 규칙 — 닫힐 때 자동 검증 |
 | `labelTooltipProps?` | `Partial<STooltipProps>` | — | 레이블 툴팁 상세 옵션 |
 | `dropdownHeight?` | `string` | `'260px'` | 드롭다운 최대 높이 |
-| `dropdownWidth?` | `string` | — | 드롭다운 너비 (없으면 트리거 너비) |
-| `maxDropdownWidth?` | `string` | `'640px'` | 드롭다운 최대 너비 |
+| `dropdownWidth?` | `string` | — | 드롭다운 너비 (없으면 트리거 너비). 창보다 넓게 줘도 창 폭까지만 벌어진다. |
+| `maxDropdownWidth?` | `string` | `'640px'` | 드롭다운 최대 너비. 창이 이보다 좁으면 창 폭이 상한이 된다. |
 | `label?` | `string` | — |  |
 | `labelWidth?` | `number \| string` | — |  |
 | `icon?` | `SIconName` | — | 레이블 영역 아이콘 |

package/dist/components/SSelect/SSelect.d.ts

@@ -45,9 +45,9 @@ export interface SSelectProps {
     labelTooltipProps?: Partial<STooltipProps>;
     /** 드롭다운 최대 높이 */
     dropdownHeight?: string;
-    /** 드롭다운 너비 (없으면 트리거 너비) */
+    /** 드롭다운 너비 (없으면 트리거 너비). 창보다 넓게 줘도 창 폭까지만 벌어진다. */
     dropdownWidth?: string;
-    /** 드롭다운 최대 너비 */
+    /** 드롭다운 최대 너비. 창이 이보다 좁으면 창 폭이 상한이 된다. */
     maxDropdownWidth?: string;
     label?: string;
     labelWidth?: number | string;

package/dist/components/STag/README.md

@@ -20,6 +20,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SConfirmModal](../SConfirmModal)
  - [SGhostButton](../SGhostButton)
  - [SGnb](../SGnb)
@@ -35,6 +36,7 @@
 ```mermaid
 graph TD;
   STag --> SIcon
+  SChipFilter --> STag
   SConfirmModal --> STag
   SGhostButton --> STag
   SGnb --> STag

package/dist/components/STextLink/README.md

@@ -28,6 +28,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SChipInput](../SChipInput)
  - [SPopover](../SPopover)
 
@@ -42,6 +43,7 @@
 graph TD;
   STextLink --> SIcon
   STextLink --> STag
+  SChipFilter --> STextLink
   SChipInput --> STextLink
   SPopover --> STextLink
   style STextLink fill:#f9f,stroke:#333,stroke-width:4px

package/dist/components/SToggle/README.md

@@ -11,6 +11,7 @@
 | `value?` | `boolean` | `false` | 선택(on/off) 상태 |
 | `label?` | `string` | `''` | 라벨 |
 | `disabled?` | `boolean` | `false` | 비활성 |
+| `size?` | `SToggleSize` | `'sm'` | 크기 |
 | `className?` | `string` | — |  |
 | `style?` | `CSSProperties` | — |  |
 

package/dist/components/SToggle/SToggle.d.ts

@@ -1,4 +1,5 @@
 import { type CSSProperties } from 'react';
+export type SToggleSize = 'xs' | 'sm';
 export interface SToggleProps {
     /** 선택(on/off) 상태 */
     value?: boolean;
@@ -6,6 +7,8 @@ export interface SToggleProps {
     label?: string;
     /** 비활성 */
     disabled?: boolean;
+    /** 크기 */
+    size?: SToggleSize;
     /** 변경 (sdUpdate) */
     onValueChange?: (value: boolean) => void;
     className?: string;
@@ -15,4 +18,4 @@ export interface SToggleProps {
  * SToggle — sd-toggle 포팅. 알약형 토글 버튼.
  * default(흰 배경/회색), hover(파란 채움), select(흰 배경/파란 테두리·글자), disabled.
  */
-export declare function SToggle({ value, label, disabled, onValueChange, className, style, }: SToggleProps): import("react").JSX.Element;
+export declare function SToggle({ value, label, disabled, size, onValueChange, className, style, }: SToggleProps): import("react").JSX.Element;

package/dist/components/STooltip/README.md

@@ -44,6 +44,7 @@
 
 ### Used by
 
+ - [SChipFilter](../SChipFilter)
  - [SField](../SField)
  - [SKeyValueTable](../SKeyValueTable)
  - [SSectionHeaderCard](../SSectionHeaderCard)
@@ -60,6 +61,7 @@
 graph TD;
   STooltip --> SGhostButton
   STooltip --> SIcon
+  SChipFilter --> STooltip
   SField --> STooltip
   SKeyValueTable --> STooltip
   SSectionHeaderCard --> STooltip