sellmate-design-system-react 3.2.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/SActionModal/README.md +1 -0
- package/dist/components/SActionModal/SActionModal.cjs +5 -1
- package/dist/components/SActionModal/SActionModal.cjs.map +1 -1
- package/dist/components/SActionModal/SActionModal.d.ts +6 -1
- package/dist/components/SActionModal/SActionModal.js +5 -1
- package/dist/components/SActionModal/SActionModal.js.map +1 -1
- package/dist/components/SBadge/README.md +2 -2
- package/dist/components/SIcon/README.md +0 -2
- package/dist/components/STooltip/README.md +2 -2
- package/dist/index.cjs +5 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/llms-full.txt +3 -3
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
| `open?` | `boolean` | — | |
|
|
12
12
|
| `persistent?` | `boolean` | — | true면 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent) |
|
|
13
13
|
| `modalTitle?` | `string` | `''` | |
|
|
14
|
+
| `description?` | `ReactNode` | — | 제목 오른쪽에 붙는 보조 설명 (sd-action-modal 의 header-sub-title 슬롯). 문자열이면 서브텍스트 스타일로 렌더하고, 노드를 넘기면 그대로 배치한다. |
|
|
14
15
|
| `button?` | `SActionModalButton` | — | 하단 액션 버튼 (주 액션 1개). 의도적으로 단수다 — 보조 버튼(취소·삭제 등)은 `footerLeft` 슬롯에 직접 배치한다. |
|
|
15
16
|
| `footerLeft?` | `ReactNode` | — | footer 좌측 영역 (sd-action-modal 의 bottom-sub-content 슬롯). 보조 버튼이나 안내 문구를 넣는다. 버튼을 하나 더 쓰고 싶을 때 여기에 SButton 을 넣는다. |
|
|
16
17
|
| `width?` | `number \| string` | — | |
|
|
@@ -3350,6 +3350,7 @@ function SActionModal({
|
|
|
3350
3350
|
onClose,
|
|
3351
3351
|
persistent,
|
|
3352
3352
|
modalTitle = "",
|
|
3353
|
+
description,
|
|
3353
3354
|
button,
|
|
3354
3355
|
footerLeft,
|
|
3355
3356
|
width,
|
|
@@ -3369,7 +3370,10 @@ function SActionModal({
|
|
|
3369
3370
|
height,
|
|
3370
3371
|
className: "w-fit min-w-[480px] min-h-[min(320px,calc(100dvh-48px))]",
|
|
3371
3372
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-auto flex-col", children: [
|
|
3372
|
-
/* @__PURE__ */ jsxRuntime.
|
|
3373
|
+
/* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-shrink-0 items-center gap-[var(--cmp-overlay-header-gap)] py-[var(--cmp-overlay-header-paddingY)] pl-[var(--cmp-overlay-header-paddingX)] pr-[calc(var(--cmp-overlay-header-paddingX)+20px)]", children: [
|
|
3374
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "whitespace-nowrap text-[16px] font-bold leading-[26px] text-[color:var(--cmp-overlay-header-title-color)]", children: modalTitle }),
|
|
3375
|
+
description != null && description !== "" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-[12px] font-normal leading-[20px] text-[color:var(--color-grey-65)]", children: description })
|
|
3376
|
+
] }),
|
|
3373
3377
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto px-[var(--cmp-modal-action-body-paddingX)] pb-[var(--cmp-modal-action-body-paddingBottom)]", children }),
|
|
3374
3378
|
(button || footerLeft) && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3375
3379
|
"footer",
|