@3w-witim/ui 0.1.0 → 0.3.0

package/dist/tailwind-preset.cjs

@@ -128,6 +128,69 @@ module.exports = {
       // Foundation typography(글꼴) 바인딩.
       "fontFamily": {
         "sans": "var(--font-sans)"
+      },
+      // Foundation typography(크기) 바인딩: text-display … text-caption.
+      // ※ tokens.css의 .text-* 완성형 클래스(글꼴+굵기+행간+자간)와 크기값 동일 — 유틸 조합용 중복 노출(무해).
+      "fontSize": {
+        "display": "var(--text-display-size)",
+        "heading-lg": "var(--text-heading-lg-size)",
+        "heading-md": "var(--text-heading-md-size)",
+        "heading-sm": "var(--text-heading-sm-size)",
+        "title": "var(--text-title-size)",
+        "body-lg": "var(--text-body-lg-size)",
+        "body": "var(--text-body-size)",
+        "body-sm": "var(--text-body-sm-size)",
+        "button1": "var(--text-button1-size)",
+        "button2": "var(--text-button2-size)",
+        "label1": "var(--text-label1-size)",
+        "label2": "var(--text-label2-size)",
+        "caption": "var(--text-caption-size)"
+      },
+      // Foundation motion — duration 바인딩: duration-fast/base/slow.
+      // ⚠ reduced-motion 시 tokens.css의 @media가 --duration-*을 1ms로 덮음(자동).
+      "transitionDuration": {
+        "fast": "var(--duration-fast)",
+        "base": "var(--duration-base)",
+        "slow": "var(--duration-slow)"
+      },
+      // Foundation motion — easing 바인딩. standard=기본 곡선.
+      // out/in은 디자인 곡선으로 Tailwind 기본 ease-out/ease-in을 의도적으로 대체.
+      "transitionTimingFunction": {
+        "standard": "var(--ease-standard)",
+        "out": "var(--ease-out)",
+        "in": "var(--ease-in)"
+      },
+      // Foundation z-index(stack order) 바인딩: z-dropdown … z-tooltip (1000~1600).
+      "zIndex": {
+        "dropdown": "var(--z-dropdown)",
+        "sticky": "var(--z-sticky)",
+        "overlay": "var(--z-overlay)",
+        "modal": "var(--z-modal)",
+        "popover": "var(--z-popover)",
+        "toast": "var(--z-toast)",
+        "tooltip": "var(--z-tooltip)"
+      },
+      // Foundation 자간(letter-spacing) 바인딩: tracking-kr(-0.04em) · tracking-en(-0.02em).
+      "letterSpacing": {
+        "kr": "var(--tracking-kr)",
+        "en": "var(--tracking-en)"
+      },
+      // Foundation spacing(4pt 그리드) — tokens.css를 SSOT 소스로 재연결.
+      // ⚠ --spacing-*는 px名, Tailwind 키는 rem-step名. 값이 같은 키에만 정렬 매핑해
+      // 깨지는 겹침(예: 키 16에 16px 주입 → p-16 64→16 붕괴)은 제외. 값 불변, rem→px만 전환.
+      "spacing": {
+        "0": "var(--spacing-0)",
+        "0.5": "var(--spacing-2)",
+        "1": "var(--spacing-4)",
+        "2": "var(--spacing-8)",
+        "3": "var(--spacing-12)",
+        "4": "var(--spacing-16)",
+        "5": "var(--spacing-20)",
+        "6": "var(--spacing-24)",
+        "8": "var(--spacing-32)",
+        "10": "var(--spacing-40)",
+        "12": "var(--spacing-48)",
+        "16": "var(--spacing-64)"
       }
     }
   }

package/package.json

@@ -1,28 +1,22 @@
 {
   "name": "@3w-witim/ui",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "license": "UNLICENSED",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./icons": {
-      "types": "./dist/icons/index.d.ts",
-      "import": "./dist/icons/index.mjs",
-      "require": "./dist/icons/index.js"
-    },
-    "./calendar": {
-      "types": "./dist/calendar/index.d.ts",
-      "import": "./dist/calendar/index.mjs",
-      "require": "./dist/calendar/index.js"
-    },
-    "./calendar/styles.css": "./dist/calendar/index.css",
-    "./tailwind-preset": "./dist/tailwind-preset.cjs",
-    "./tokens.css": "./dist/tokens.css"
+    ".": "./src/index.ts",
+    "./icons": "./src/icons/index.ts",
+    "./calendar": "./src/calendar/index.ts",
+    "./*": "./src/*.tsx"
+  },
+  "scripts": {
+    "lint": "eslint .",
+    "lint:tokens": "node scripts/lint-tokens.cjs",
+    "type-check": "tsc --noEmit",
+    "build": "tsup && node scripts/copy-dist-assets.cjs",
+    "storybook": "storybook dev -p 6009",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@radix-ui/react-scroll-area": "^1.0.5",
@@ -37,6 +31,8 @@
     "@storybook/react-vite": "10.4.6",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@workb/config": "workspace:*",
+    "@workb/design-system": "workspace:^",
     "autoprefixer": "^10",
     "postcss": "^8",
     "react": "^18",
@@ -45,9 +41,7 @@
     "tailwindcss": "^3.4",
     "tsup": "^8.3.0",
     "typescript": "^5",
-    "vite": "^6",
-    "@workb/design-system": "^0.1.0",
-    "@workb/config": "0.0.0"
+    "vite": "^6"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -60,15 +54,29 @@
     "**/*.css"
   ],
   "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "lint": "eslint .",
-    "lint:tokens": "node scripts/lint-tokens.cjs",
-    "type-check": "tsc --noEmit",
-    "build": "tsup && node scripts/copy-dist-assets.cjs",
-    "storybook": "storybook dev -p 6009",
-    "build-storybook": "storybook build"
-  },
-  "module": "./dist/index.mjs"
-}
+    "access": "public",
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.mjs",
+        "require": "./dist/index.js"
+      },
+      "./icons": {
+        "types": "./dist/icons/index.d.ts",
+        "import": "./dist/icons/index.mjs",
+        "require": "./dist/icons/index.js"
+      },
+      "./calendar": {
+        "types": "./dist/calendar/index.d.ts",
+        "import": "./dist/calendar/index.mjs",
+        "require": "./dist/calendar/index.js"
+      },
+      "./calendar/styles.css": "./dist/calendar/index.css",
+      "./tailwind-preset": "./dist/tailwind-preset.cjs",
+      "./tokens.css": "./dist/tokens.css"
+    }
+  }
+}