sellmate-design-system-react 3.4.0 → 3.5.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/README.md +1 -0
- package/dist/components/SConfirmModal/SConfirmModal.cjs +3 -1
- package/dist/components/SConfirmModal/SConfirmModal.cjs.map +1 -1
- package/dist/components/SConfirmModal/SConfirmModal.d.ts +3 -1
- package/dist/components/SConfirmModal/SConfirmModal.js +3 -1
- package/dist/components/SConfirmModal/SConfirmModal.js.map +1 -1
- package/dist/components/SModal/README.md +1 -1
- package/dist/components/SModal/SModal.cjs +3 -1
- package/dist/components/SModal/SModal.cjs.map +1 -1
- package/dist/components/SModal/SModal.js +3 -1
- package/dist/components/SModal/SModal.js.map +1 -1
- package/dist/index.cjs +3 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/llms-full.txt +2 -1
- package/dist/styles.css +9 -0
- package/package.json +1 -1
|
@@ -29,6 +29,8 @@ export interface SConfirmModalProps {
|
|
|
29
29
|
tagSlot?: ReactNode;
|
|
30
30
|
/** 콘텐츠 박스에서 태그 오른쪽 커스텀 콘텐츠 (미지정 시 slotLabel 텍스트) */
|
|
31
31
|
optionSlot?: ReactNode;
|
|
32
|
+
/** 콘텐츠 박스 바로 아래에 통으로 들어가는 커스텀 콘텐츠 (전체 폭) */
|
|
33
|
+
contentSlot?: ReactNode;
|
|
32
34
|
/** 메인 버튼 */
|
|
33
35
|
mainButtonLabel?: string;
|
|
34
36
|
/** 확인 버튼 프리셋 (없으면 type에 따라 자동 결정) */
|
|
@@ -42,4 +44,4 @@ export interface SConfirmModalProps {
|
|
|
42
44
|
onClose?: () => void;
|
|
43
45
|
}
|
|
44
46
|
/** SConfirmModal — sd-confirm-modal 포팅. 아이콘+제목+메시지+태그+확인/취소 버튼. */
|
|
45
|
-
export declare function SConfirmModal({ open, onOpenChange, persistent, type, modalTitle, titleClass, topMessage, bottomMessage, tagLabel, tagShape, tagSize, tagColor, slotLabel, tagSlot, optionSlot, mainButtonLabel, mainButtonName, subButtonLabel, onOk, onCancel, onClose, }: SConfirmModalProps): import("react").JSX.Element;
|
|
47
|
+
export declare function SConfirmModal({ open, onOpenChange, persistent, type, modalTitle, titleClass, topMessage, bottomMessage, tagLabel, tagShape, tagSize, tagColor, slotLabel, tagSlot, optionSlot, contentSlot, mainButtonLabel, mainButtonName, subButtonLabel, onOk, onCancel, onClose, }: SConfirmModalProps): import("react").JSX.Element;
|
|
@@ -3428,6 +3428,7 @@ function SConfirmModal({
|
|
|
3428
3428
|
slotLabel,
|
|
3429
3429
|
tagSlot,
|
|
3430
3430
|
optionSlot,
|
|
3431
|
+
contentSlot,
|
|
3431
3432
|
mainButtonLabel = "\uD655\uC778",
|
|
3432
3433
|
mainButtonName,
|
|
3433
3434
|
subButtonLabel,
|
|
@@ -3440,7 +3441,7 @@ function SConfirmModal({
|
|
|
3440
3441
|
const tagNode = tagSlot ?? (tagLabel ? /* @__PURE__ */ jsx(STag, { shape: tagShape, size: tagSize, color: tagColor, label: tagLabel }) : null);
|
|
3441
3442
|
const optionNode = optionSlot ?? (slotLabel ? /* @__PURE__ */ jsx("span", { children: slotLabel }) : null);
|
|
3442
3443
|
const hasContentBox = tagNode != null || optionNode != null;
|
|
3443
|
-
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox;
|
|
3444
|
+
const hasBody = topMessage.length > 0 || bottomMessage.length > 0 || hasContentBox || contentSlot != null;
|
|
3444
3445
|
return /* @__PURE__ */ jsx(
|
|
3445
3446
|
SModalContainer,
|
|
3446
3447
|
{
|
|
@@ -3481,6 +3482,7 @@ function SConfirmModal({
|
|
|
3481
3482
|
tagNode,
|
|
3482
3483
|
optionNode
|
|
3483
3484
|
] }),
|
|
3485
|
+
contentSlot != null && /* @__PURE__ */ jsx("div", { className: "w-full", children: contentSlot }),
|
|
3484
3486
|
bottomMessage.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[2px]", children: bottomMessage.map((m, i) => /* @__PURE__ */ jsx(
|
|
3485
3487
|
"p",
|
|
3486
3488
|
{
|