@loword/loword-design-system 0.5.6 → 0.5.7

package/dist/components/LDCallout/CalloutBase.d.ts

@@ -10,7 +10,7 @@ export declare const CalloutBase: {
         className?: string;
     }) => import("react/jsx-runtime").JSX.Element | null;
     Description: (props: {
-        description?: string;
+        description?: ReactNode;
         className?: string;
     }) => import("react/jsx-runtime").JSX.Element | null;
 };

package/dist/components/LDCallout/CalloutBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/CalloutBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvD,UAAU,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAqCD,eAAO,MAAM,WAAW;mDAnC8B,SAAS;mBAezC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;yBAUhC;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAcvE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CalloutBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/CalloutBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvD,UAAU,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAwCD,eAAO,MAAM,WAAW;mDAtC8B,SAAS;mBAezC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;yBAUhC;QAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CAcA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/LDCallout/LDCallout.d.ts

@@ -1,9 +1,16 @@
 import { type ReactNode } from 'react';
 interface INoticeProps {
     title: string;
-    description?: string;
+    /** 일부만 굵게 하는 등 마크업이 필요하면 ReactNode 로 넘깁니다. */
+    description?: ReactNode;
     button?: ReactNode;
     className?: string;
+    /** 제목·설명을 묶는 영역 className (기본 `flex flex-col gap-xs`) */
+    contentClassName?: string;
+    /** 제목 className (기본 `display16 extrabold text-lb500`) */
+    titleClassName?: string;
+    /** 설명 className (기본 `display14 text-lb500`) */
+    descriptionClassName?: string;
 }
 declare const LDCallout: (props: INoticeProps) => import("react/jsx-runtime").JSX.Element;
 export default LDCallout;

package/dist/components/LDCallout/LDCallout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LDCallout.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/LDCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,YAAY,4CAUrC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LDCallout.d.ts","sourceRoot":"","sources":["../../../src/components/LDCallout/LDCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,YAAY,4CAgBrC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/LDCallout/LDCallout.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CalloutBase from '../../components/LDCallout/CalloutBase.js';
+import cn from '../../utils/cn.js';
 const LDCallout = (props) => {
-    return (_jsxs(CalloutBase.Root, { className: props.className, children: [_jsxs("div", { className: "flex flex-col gap-xs", children: [_jsx(CalloutBase.Title, { title: props.title }), _jsx(CalloutBase.Description, { description: props.description })] }), props.button] }));
+    return (_jsxs(CalloutBase.Root, { className: props.className, children: [_jsxs("div", { className: cn('flex flex-col gap-xs', props.contentClassName), children: [_jsx(CalloutBase.Title, { title: props.title, className: props.titleClassName }), _jsx(CalloutBase.Description, { description: props.description, className: props.descriptionClassName })] }), props.button] }));
 };
 export default LDCallout;

package/dist/index.css

@@ -2259,6 +2259,10 @@
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
+  .rounded-t-\[5px\] {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+  }
   .rounded-t-\[10px\] {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;

package/dist/utils/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAyE7C,QAAA,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAElC,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AA4E7C,QAAA,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAElC,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/utils/cn.js

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
+import { extendTailwindMerge, validators } from 'tailwind-merge';
 // 커스텀 타이포 유틸을 twMerge 그룹에 등록해, 프리셋과 className이 상충하면
 // 뒤(className)가 이기게 함. (typography.css의 @utility 목록과 반드시 일치시킬 것)
 const DISPLAY_SIZES = [
@@ -49,6 +49,9 @@ const twMerge = extendTailwindMerge({
     extend: {
         theme: {
             spacing: SPACING,
+            // 소비처가 `--radius-8` 처럼 숫자 이름으로 정의한 rounded-* 를 radius 로 인식시켜,
+            // 프리셋의 rounded-[5px] 와 상충하면 className 이 이기게 함. (기본 설정은 sm·lg 같은 이름만 앎)
+            radius: [validators.isNumber],
         },
         classGroups: {
             'font-size': DISPLAY_SIZES,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loword/loword-design-system",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
   "keywords": [
     "react",