sellmate-design-system-react 3.4.0 → 3.6.0

package/dist/components/SConfirmModal/README.md

@@ -22,6 +22,7 @@
 | `slotLabel?` | `string` | — | 콘텐츠 박스에서 태그 오른쪽에 오는 텍스트 (optionSlot 미지정 시) |
 | `tagSlot?` | `ReactNode` | — | 콘텐츠 박스 tag 위치 커스텀 콘텐츠 (미지정 시 tagLabel 기반 STag) |
 | `optionSlot?` | `ReactNode` | — | 콘텐츠 박스에서 태그 오른쪽 커스텀 콘텐츠 (미지정 시 slotLabel 텍스트) |
+| `contentSlot?` | `ReactNode` | — | 콘텐츠 박스 바로 아래에 통으로 들어가는 커스텀 콘텐츠 (전체 폭) |
 | `mainButtonLabel?` | `string` | `'확인'` | 메인 버튼 |
 | `mainButtonName?` | `ConfirmModalMainButton` | — | 확인 버튼 프리셋 (없으면 type에 따라 자동 결정) |
 | `subButtonLabel?` | `string` | — | 서브(취소) 버튼 |

package/dist/components/SConfirmModal/SConfirmModal.cjs

@@ -3451,6 +3451,7 @@ function SConfirmModal({
   slotLabel,
   tagSlot,
   optionSlot,
+  contentSlot,
   mainButtonLabel = "\uD655\uC778",
   mainButtonName,
   subButtonLabel,
@@ -3463,7 +3464,7 @@ function SConfirmModal({
   const tagNode = tagSlot ?? (tagLabel ? /* @__PURE__ */ jsxRuntime.jsx(STag, { shape: tagShape, size: tagSize, color: tagColor, label: tagLabel }) : null);
   const optionNode = optionSlot ?? (slotLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: slotLabel }) : null);
   const hasContentBox = tagNode != null || optionNode != null;
-  const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox;
+  const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox || contentSlot != null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     SModalContainer,
     {
@@ -3504,6 +3505,7 @@ function SConfirmModal({
               tagNode,
               optionNode
             ] }),
+            contentSlot != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: contentSlot }),
             bottomMessage.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-[2px]", children: bottomMessage.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
               "p",
               {