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