sellmate-design-system-react 3.4.0 → 3.6.0

package/dist/components/SSectionHeaderCard/SSectionHeaderCard.d.ts

@@ -2,9 +2,12 @@ import { type HTMLAttributes, type ReactNode } from 'react';
 export type SSectionHeaderCardBodyChildren = ReactNode;
 export type SSectionHeaderCardChildren = ReactNode;
 export type SSectionHeaderCardThickness = false | 'default' | 'accent';
+export type SSectionHeaderCardTitleSize = 'xs' | 'sm';
 export interface SSectionHeaderCardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'slot' | 'title'> {
     /** 헤더 제목 */
     title: ReactNode;
+    /** 제목 크기 */
+    titleSize?: SSectionHeaderCardTitleSize;
     /** 제목 앞 점 표시 여부 */
     marker?: boolean;
     /** 제목 뒤 필수 별 표시 여부 */

package/dist/components/SSectionHeaderCard/SSectionHeaderCard.js

@@ -3324,6 +3324,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 = forwardRef(
   function SSectionHeaderCardBody2({ className, children, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { ref, className, ...rest, children });
@@ -3332,6 +3336,7 @@ var SSectionHeaderCardBody = forwardRef(
 var SSectionHeaderCardHeader = forwardRef(
   function SSectionHeaderCardHeader2({
     title,
+    titleSize = "xs",
     marker = false,
     required = false,
     helpText,
@@ -3364,7 +3369,16 @@ var SSectionHeaderCardHeader = forwardRef(
           children: [
             marker && /* @__PURE__ */ jsx(SBadge, { color: "darkblue", className: "shrink-0" }),
             /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-[8px]", children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[12px] font-bold leading-[20px] text-(--sys-color-fg-brand)", children: title }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "min-w-0 truncate text-(--sys-color-fg-brand)",
+                    titleSizeClass[titleSize]
+                  ),
+                  children: title
+                }
+              ),
               required && /* @__PURE__ */ jsx(
                 SIcon,
                 {