sellmate-design-system-react 2.1.1 → 2.2.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/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/components/STable/STable.cjs +101 -80
- package/dist/components/STable/STable.cjs.map +1 -1
- package/dist/components/STable/STable.d.ts +36 -1
- package/dist/components/STable/STable.js +102 -81
- package/dist/components/STable/STable.js.map +1 -1
- package/dist/components/STable/index.d.ts +1 -1
- package/dist/index.cjs +110 -85
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +111 -86
- package/dist/index.js.map +1 -1
- package/dist/styles.css +3 -0
- package/package.json +1 -1
|
@@ -3463,7 +3463,8 @@ function SConfirmModal({
|
|
|
3463
3463
|
const mainStyle = MAIN_BUTTON_STYLE[mainButtonName ?? DEFAULT_MAIN_BUTTON[type]];
|
|
3464
3464
|
const tagNode = tagSlot ?? (tagLabel ? /* @__PURE__ */ jsxRuntime.jsx(STag, { shape: tagShape, size: tagSize, color: tagColor, label: tagLabel }) : null);
|
|
3465
3465
|
const optionNode = optionSlot ?? (slotLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: slotLabel }) : null);
|
|
3466
|
-
const
|
|
3466
|
+
const hasContentBox = tagNode != null || optionNode != null;
|
|
3467
|
+
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox;
|
|
3467
3468
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3468
3469
|
SModalContainer,
|
|
3469
3470
|
{
|
|
@@ -3498,8 +3499,12 @@ function SConfirmModal({
|
|
|
3498
3499
|
},
|
|
3499
3500
|
i
|
|
3500
3501
|
)) }),
|
|
3501
|
-
|
|
3502
|
-
|
|
3502
|
+
hasContentBox && // content-box: 흰 박스 + 1px 테두리 + 패딩 + 14/700 (원본 sd-confirm-modal__content-box)
|
|
3503
|
+
// tag 왼쪽, slotLabel/optionSlot 이 그 오른쪽에 gap 8 로 나란히 놓인다
|
|
3504
|
+
/* @__PURE__ */ jsxRuntime.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: [
|
|
3505
|
+
tagNode,
|
|
3506
|
+
optionNode
|
|
3507
|
+
] }),
|
|
3503
3508
|
bottomMessage.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-[2px]", children: bottomMessage.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3504
3509
|
"p",
|
|
3505
3510
|
{
|
|
@@ -3507,8 +3512,7 @@ function SConfirmModal({
|
|
|
3507
3512
|
dangerouslySetInnerHTML: { __html: sanitizeInlineHtml(m) }
|
|
3508
3513
|
},
|
|
3509
3514
|
i
|
|
3510
|
-
)) })
|
|
3511
|
-
optionNode != null && optionNode
|
|
3515
|
+
)) })
|
|
3512
3516
|
] })
|
|
3513
3517
|
] }),
|
|
3514
3518
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-shrink-0 gap-[8px]", children: [
|