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
|
@@ -23,11 +23,11 @@ export interface SConfirmModalProps {
|
|
|
23
23
|
tagShape?: STagShape;
|
|
24
24
|
tagSize?: STagSize;
|
|
25
25
|
tagColor?: STagColor;
|
|
26
|
-
/**
|
|
26
|
+
/** 콘텐츠 박스에서 태그 오른쪽에 오는 텍스트 (optionSlot 미지정 시) */
|
|
27
27
|
slotLabel?: string;
|
|
28
28
|
/** 콘텐츠 박스 tag 위치 커스텀 콘텐츠 (미지정 시 tagLabel 기반 STag) */
|
|
29
29
|
tagSlot?: ReactNode;
|
|
30
|
-
/** 콘텐츠
|
|
30
|
+
/** 콘텐츠 박스에서 태그 오른쪽 커스텀 콘텐츠 (미지정 시 slotLabel 텍스트) */
|
|
31
31
|
optionSlot?: ReactNode;
|
|
32
32
|
/** 메인 버튼 */
|
|
33
33
|
mainButtonLabel?: string;
|
|
@@ -3439,7 +3439,8 @@ function SConfirmModal({
|
|
|
3439
3439
|
const mainStyle = MAIN_BUTTON_STYLE[mainButtonName ?? DEFAULT_MAIN_BUTTON[type]];
|
|
3440
3440
|
const tagNode = tagSlot ?? (tagLabel ? /* @__PURE__ */ jsx(STag, { shape: tagShape, size: tagSize, color: tagColor, label: tagLabel }) : null);
|
|
3441
3441
|
const optionNode = optionSlot ?? (slotLabel ? /* @__PURE__ */ jsx("span", { children: slotLabel }) : null);
|
|
3442
|
-
const
|
|
3442
|
+
const hasContentBox = tagNode != null || optionNode != null;
|
|
3443
|
+
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox;
|
|
3443
3444
|
return /* @__PURE__ */ jsx(
|
|
3444
3445
|
SModalContainer,
|
|
3445
3446
|
{
|
|
@@ -3474,8 +3475,12 @@ function SConfirmModal({
|
|
|
3474
3475
|
},
|
|
3475
3476
|
i
|
|
3476
3477
|
)) }),
|
|
3477
|
-
|
|
3478
|
-
|
|
3478
|
+
hasContentBox && // content-box: 흰 박스 + 1px 테두리 + 패딩 + 14/700 (원본 sd-confirm-modal__content-box)
|
|
3479
|
+
// tag 왼쪽, slotLabel/optionSlot 이 그 오른쪽에 gap 8 로 나란히 놓인다
|
|
3480
|
+
/* @__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: [
|
|
3481
|
+
tagNode,
|
|
3482
|
+
optionNode
|
|
3483
|
+
] }),
|
|
3479
3484
|
bottomMessage.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[2px]", children: bottomMessage.map((m, i) => /* @__PURE__ */ jsx(
|
|
3480
3485
|
"p",
|
|
3481
3486
|
{
|
|
@@ -3483,8 +3488,7 @@ function SConfirmModal({
|
|
|
3483
3488
|
dangerouslySetInnerHTML: { __html: sanitizeInlineHtml(m) }
|
|
3484
3489
|
},
|
|
3485
3490
|
i
|
|
3486
|
-
)) })
|
|
3487
|
-
optionNode != null && optionNode
|
|
3491
|
+
)) })
|
|
3488
3492
|
] })
|
|
3489
3493
|
] }),
|
|
3490
3494
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 gap-[8px]", children: [
|