sellmate-design-system-react 3.1.0 → 3.3.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/AGENTS.md +34 -0
- package/README.md +23 -2
- package/bin/sellmate-ds.mjs +337 -0
- package/dist/components/SActionModal/README.md +1 -0
- package/dist/components/SActionModal/SActionModal.cjs +5 -1
- package/dist/components/SActionModal/SActionModal.cjs.map +1 -1
- package/dist/components/SActionModal/SActionModal.d.ts +6 -1
- package/dist/components/SActionModal/SActionModal.js +5 -1
- package/dist/components/SActionModal/SActionModal.js.map +1 -1
- package/dist/components/SBadge/README.md +2 -2
- package/dist/components/SIcon/README.md +0 -2
- package/dist/components/STooltip/README.md +2 -2
- package/dist/index.cjs +5 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/llms-full.txt +3530 -0
- package/dist/llms.txt +42 -2656
- package/dist/styles.css +12 -0
- package/eslint/index.mjs +3 -0
- package/eslint/rules/component-group-gap.mjs +186 -0
- package/package.json +7 -1
|
@@ -17,6 +17,11 @@ export interface SActionModalProps {
|
|
|
17
17
|
/** true면 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent) */
|
|
18
18
|
persistent?: boolean;
|
|
19
19
|
modalTitle?: string;
|
|
20
|
+
/**
|
|
21
|
+
* 제목 오른쪽에 붙는 보조 설명 (sd-action-modal 의 header-sub-title 슬롯).
|
|
22
|
+
* 문자열이면 서브텍스트 스타일로 렌더하고, 노드를 넘기면 그대로 배치한다.
|
|
23
|
+
*/
|
|
24
|
+
description?: ReactNode;
|
|
20
25
|
/**
|
|
21
26
|
* 하단 액션 버튼 (주 액션 1개).
|
|
22
27
|
* 의도적으로 단수다 — 보조 버튼(취소·삭제 등)은 `footerLeft` 슬롯에 직접 배치한다.
|
|
@@ -40,4 +45,4 @@ export interface SActionModalProps {
|
|
|
40
45
|
* `button` 은 의도적으로 단수다. 주 액션은 오른쪽에 하나만 두고, 보조 버튼은 `footerLeft` 슬롯에
|
|
41
46
|
* 소비자가 직접 배치한다. (buttons 배열 API 를 추가하지 말 것)
|
|
42
47
|
*/
|
|
43
|
-
export declare function SActionModal({ open, onOpenChange, onClose, persistent, modalTitle, button, footerLeft, width, height, children, }: SActionModalProps): import("react").JSX.Element;
|
|
48
|
+
export declare function SActionModal({ open, onOpenChange, onClose, persistent, modalTitle, description, button, footerLeft, width, height, children, }: SActionModalProps): import("react").JSX.Element;
|
|
@@ -3327,6 +3327,7 @@ function SActionModal({
|
|
|
3327
3327
|
onClose,
|
|
3328
3328
|
persistent,
|
|
3329
3329
|
modalTitle = "",
|
|
3330
|
+
description,
|
|
3330
3331
|
button,
|
|
3331
3332
|
footerLeft,
|
|
3332
3333
|
width,
|
|
@@ -3346,7 +3347,10 @@ function SActionModal({
|
|
|
3346
3347
|
height,
|
|
3347
3348
|
className: "w-fit min-w-[480px] min-h-[min(320px,calc(100dvh-48px))]",
|
|
3348
3349
|
children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-auto flex-col", children: [
|
|
3349
|
-
/* @__PURE__ */
|
|
3350
|
+
/* @__PURE__ */ jsxs("header", { className: "flex flex-shrink-0 items-center gap-[var(--cmp-overlay-header-gap)] py-[var(--cmp-overlay-header-paddingY)] pl-[var(--cmp-overlay-header-paddingX)] pr-[calc(var(--cmp-overlay-header-paddingX)+20px)]", children: [
|
|
3351
|
+
/* @__PURE__ */ jsx("h2", { className: "whitespace-nowrap text-[16px] font-bold leading-[26px] text-[color:var(--cmp-overlay-header-title-color)]", children: modalTitle }),
|
|
3352
|
+
description != null && description !== "" && /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-[12px] font-normal leading-[20px] text-[color:var(--color-grey-65)]", children: description })
|
|
3353
|
+
] }),
|
|
3350
3354
|
/* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-[var(--cmp-modal-action-body-paddingX)] pb-[var(--cmp-modal-action-body-paddingBottom)]", children }),
|
|
3351
3355
|
(button || footerLeft) && /* @__PURE__ */ jsxs(
|
|
3352
3356
|
"footer",
|