sellmate-design-system-react 2.1.1 → 2.1.2
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/SConfirmModal.cjs +9 -5
- package/dist/components/SConfirmModal/SConfirmModal.cjs.map +1 -1
- package/dist/components/SConfirmModal/SConfirmModal.d.ts +2 -2
- package/dist/components/SConfirmModal/SConfirmModal.js +9 -5
- package/dist/components/SConfirmModal/SConfirmModal.js.map +1 -1
- package/dist/components/SModal/SModal.cjs +9 -5
- package/dist/components/SModal/SModal.cjs.map +1 -1
- package/dist/components/SModal/SModal.js +9 -5
- package/dist/components/SModal/SModal.js.map +1 -1
- package/dist/index.cjs +9 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +9 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -3440,7 +3440,8 @@ function SConfirmModal({
|
|
|
3440
3440
|
const mainStyle = MAIN_BUTTON_STYLE[mainButtonName ?? DEFAULT_MAIN_BUTTON[type]];
|
|
3441
3441
|
const tagNode = tagSlot ?? (tagLabel ? /* @__PURE__ */ jsx(STag, { shape: tagShape, size: tagSize, color: tagColor, label: tagLabel }) : null);
|
|
3442
3442
|
const optionNode = optionSlot ?? (slotLabel ? /* @__PURE__ */ jsx("span", { children: slotLabel }) : null);
|
|
3443
|
-
const
|
|
3443
|
+
const hasContentBox = tagNode != null || optionNode != null;
|
|
3444
|
+
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox;
|
|
3444
3445
|
return /* @__PURE__ */ jsx(
|
|
3445
3446
|
SModalContainer,
|
|
3446
3447
|
{
|
|
@@ -3475,8 +3476,12 @@ function SConfirmModal({
|
|
|
3475
3476
|
},
|
|
3476
3477
|
i
|
|
3477
3478
|
)) }),
|
|
3478
|
-
|
|
3479
|
-
|
|
3479
|
+
hasContentBox && // content-box: 흰 박스 + 1px 테두리 + 패딩 + 14/700 (원본 sd-confirm-modal__content-box)
|
|
3480
|
+
// tag 왼쪽, slotLabel/optionSlot 이 그 오른쪽에 gap 8 로 나란히 놓인다
|
|
3481
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-[8px] rounded-[8px] border border-solid border-[color:var(--color-grey-30)] bg-white px-[16px] py-[12px] text-[14px] font-bold leading-[22px] w-full", children: [
|
|
3482
|
+
tagNode,
|
|
3483
|
+
optionNode
|
|
3484
|
+
] }),
|
|
3480
3485
|
bottomMessage.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[2px]", children: bottomMessage.map((m, i) => /* @__PURE__ */ jsx(
|
|
3481
3486
|
"p",
|
|
3482
3487
|
{
|
|
@@ -3484,8 +3489,7 @@ function SConfirmModal({
|
|
|
3484
3489
|
dangerouslySetInnerHTML: { __html: sanitizeInlineHtml(m) }
|
|
3485
3490
|
},
|
|
3486
3491
|
i
|
|
3487
|
-
)) })
|
|
3488
|
-
optionNode != null && optionNode
|
|
3492
|
+
)) })
|
|
3489
3493
|
] })
|
|
3490
3494
|
] }),
|
|
3491
3495
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 gap-[8px]", children: [
|