sellmate-design-system-react 3.4.0 → 3.6.0

package/dist/components/SSectionHeaderCard/README.md

@@ -17,6 +17,7 @@
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `title` | `ReactNode` | — | 헤더 제목 |
+| `titleSize?` | `SSectionHeaderCardTitleSize` | `'xs'` | 제목 크기 |
 | `marker?` | `boolean` | `false` | 제목 앞 점 표시 여부 |
 | `required?` | `boolean` | `false` | 제목 뒤 필수 별 표시 여부 |
 | `helpText?` | `string[]` | — | 도움말 툴팁 메시지 |

package/dist/components/SSectionHeaderCard/SSectionHeaderCard.cjs

@@ -3346,6 +3346,10 @@ var topBorderColorClass = {
   default: "bg-(--cmp-sectionHeaderCard-topBorder-color-default)",
   accent: "bg-(--cmp-sectionHeaderCard-topBorder-color-accent)"
 };
+var titleSizeClass = {
+  xs: "typo-heading-xs",
+  sm: "typo-heading-sm"
+};
 var SSectionHeaderCardBody = react.forwardRef(
   function SSectionHeaderCardBody2({ className, children, ...rest }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className, ...rest, children });
@@ -3354,6 +3358,7 @@ var SSectionHeaderCardBody = react.forwardRef(
 var SSectionHeaderCardHeader = react.forwardRef(
   function SSectionHeaderCardHeader2({
     title,
+    titleSize = "xs",
     marker = false,
     required = false,
     helpText,
@@ -3386,7 +3391,16 @@ var SSectionHeaderCardHeader = react.forwardRef(
           children: [
             marker && /* @__PURE__ */ jsxRuntime.jsx(SBadge, { color: "darkblue", className: "shrink-0" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-[8px]", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-[12px] font-bold leading-[20px] text-(--sys-color-fg-brand)", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "min-w-0 truncate text-(--sys-color-fg-brand)",
+                    titleSizeClass[titleSize]
+                  ),
+                  children: title
+                }
+              ),
               required && /* @__PURE__ */ jsxRuntime.jsx(
                 SIcon,
                 {