@loword/loword-design-system 0.0.9 → 0.0.10

package/dist/index.css

@@ -2408,6 +2408,9 @@
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
+  .black {
+    font-weight: var(--font-black);
+  }
   .bold {
     font-weight: var(--font-bold);
   }

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,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,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,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AA+B7C,QAAA,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAElC,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/utils/cn.js

@@ -1,5 +1,29 @@
 import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { extendTailwindMerge } from 'tailwind-merge';
+// 커스텀 타이포 유틸을 twMerge 그룹에 등록해, 프리셋과 className이 상충하면
+// 뒤(className)가 이기게 함. (typography.css의 @utility 목록과 반드시 일치시킬 것)
+const DISPLAY_SIZES = [
+    '10', '12', '14', '16', '18', '20', '24', '28', '30', '32', '36', '40', '64',
+    '80', '120',
+].map((s) => `display${s}`);
+const FONT_WEIGHTS = [
+    'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold', 'black',
+];
+// spacing.css의 커스텀 값. theme.spacing에 넣으면 gap-*/p*-*/m*-* 전 prefix가 한 번에 잡힘.
+const SPACING = [
+    '4xs', '3xs', '2xs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl',
+];
+const twMerge = extendTailwindMerge({
+    extend: {
+        theme: {
+            spacing: SPACING,
+        },
+        classGroups: {
+            'font-size': DISPLAY_SIZES,
+            'font-weight': FONT_WEIGHTS,
+        },
+    },
+});
 const cn = (...inputs) => {
     return twMerge(clsx(inputs));
 };

package/package.json

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