sellmate-design-system-react 3.4.0 → 3.5.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/SConfirmModal/README.md +1 -0
- package/dist/components/SConfirmModal/SConfirmModal.cjs +3 -1
- package/dist/components/SConfirmModal/SConfirmModal.cjs.map +1 -1
- package/dist/components/SConfirmModal/SConfirmModal.d.ts +3 -1
- package/dist/components/SConfirmModal/SConfirmModal.js +3 -1
- package/dist/components/SConfirmModal/SConfirmModal.js.map +1 -1
- package/dist/components/SModal/README.md +1 -1
- package/dist/components/SModal/SModal.cjs +3 -1
- package/dist/components/SModal/SModal.cjs.map +1 -1
- package/dist/components/SModal/SModal.js +3 -1
- package/dist/components/SModal/SModal.js.map +1 -1
- package/dist/index.cjs +3 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/llms-full.txt +2 -1
- package/dist/styles.css +9 -0
- package/package.json +1 -1
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
| `slotLabel?` | `string` | — | 콘텐츠 박스에서 태그 오른쪽에 오는 텍스트 (optionSlot 미지정 시) |
|
|
23
23
|
| `tagSlot?` | `ReactNode` | — | 콘텐츠 박스 tag 위치 커스텀 콘텐츠 (미지정 시 tagLabel 기반 STag) |
|
|
24
24
|
| `optionSlot?` | `ReactNode` | — | 콘텐츠 박스에서 태그 오른쪽 커스텀 콘텐츠 (미지정 시 slotLabel 텍스트) |
|
|
25
|
+
| `contentSlot?` | `ReactNode` | — | 콘텐츠 박스 바로 아래에 통으로 들어가는 커스텀 콘텐츠 (전체 폭) |
|
|
25
26
|
| `mainButtonLabel?` | `string` | `'확인'` | 메인 버튼 |
|
|
26
27
|
| `mainButtonName?` | `ConfirmModalMainButton` | — | 확인 버튼 프리셋 (없으면 type에 따라 자동 결정) |
|
|
27
28
|
| `subButtonLabel?` | `string` | — | 서브(취소) 버튼 |
|
|
@@ -3451,6 +3451,7 @@ function SConfirmModal({
|
|
|
3451
3451
|
slotLabel,
|
|
3452
3452
|
tagSlot,
|
|
3453
3453
|
optionSlot,
|
|
3454
|
+
contentSlot,
|
|
3454
3455
|
mainButtonLabel = "\uD655\uC778",
|
|
3455
3456
|
mainButtonName,
|
|
3456
3457
|
subButtonLabel,
|
|
@@ -3463,7 +3464,7 @@ function SConfirmModal({
|
|
|
3463
3464
|
const tagNode = tagSlot ?? (tagLabel ? /* @__PURE__ */ jsxRuntime.jsx(STag, { shape: tagShape, size: tagSize, color: tagColor, label: tagLabel }) : null);
|
|
3464
3465
|
const optionNode = optionSlot ?? (slotLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: slotLabel }) : null);
|
|
3465
3466
|
const hasContentBox = tagNode != null || optionNode != null;
|
|
3466
|
-
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox;
|
|
3467
|
+
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox || contentSlot != null;
|
|
3467
3468
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3468
3469
|
SModalContainer,
|
|
3469
3470
|
{
|
|
@@ -3504,6 +3505,7 @@ function SConfirmModal({
|
|
|
3504
3505
|
tagNode,
|
|
3505
3506
|
optionNode
|
|
3506
3507
|
] }),
|
|
3508
|
+
contentSlot != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: contentSlot }),
|
|
3507
3509
|
bottomMessage.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-[2px]", children: bottomMessage.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3508
3510
|
"p",
|
|
3509
3511
|
{
|