@tide-tds/foundation 0.0.0-stage → 0.2.0

package/dist/typography.js

@@ -0,0 +1,145 @@
+// src/typography.ts
+/**
+* font-family 스택. 공개 계약은 `--tide-font-<이름>`이고 `font-<이름>` class와 기본 글꼴이 쓴다.
+* - sans: Pretendard README의 「어디서든 동일한 환경」 스택. 가변판 이름(`Pretendard Variable`)을 맨 앞에 둔다.
+* - mono: 시스템 고정폭 글꼴만 쓴다(tailwindcss 4.3.5 기본 `--font-mono`와 같은 순서).
+*/
+const fontFamily = {
+	sans: [
+		"Pretendard Variable",
+		"Pretendard",
+		"-apple-system",
+		"BlinkMacSystemFont",
+		"system-ui",
+		"Roboto",
+		"Helvetica Neue",
+		"Segoe UI",
+		"Apple SD Gothic Neo",
+		"Noto Sans KR",
+		"Malgun Gothic",
+		"Apple Color Emoji",
+		"Segoe UI Emoji",
+		"Segoe UI Symbol",
+		"sans-serif"
+	],
+	mono: [
+		"ui-monospace",
+		"SFMono-Regular",
+		"Menlo",
+		"Monaco",
+		"Consolas",
+		"Liberation Mono",
+		"Courier New",
+		"monospace"
+	]
+};
+/**
+* Primitive 크기. 키는 px, 값은 rem이다. class로 노출하지 않고 공개 계약 `--tide-font-size-<px>`만 둔다.
+* 텍스트 스타일이 이 값을 참조한다.
+*/
+const fontSize = {
+	12: "0.75rem",
+	14: "0.875rem",
+	16: "1rem",
+	18: "1.125rem",
+	20: "1.25rem",
+	24: "1.5rem",
+	32: "2rem",
+	40: "2.5rem",
+	48: "3rem",
+	56: "3.5rem"
+};
+/** 굵기 Token. Tailwind 기본 굵기는 지우고 이 다섯 개만 `font-<이름>` class로 둔다. */
+const fontWeight = {
+	light: 300,
+	normal: 400,
+	medium: 500,
+	semibold: 600,
+	bold: 700
+};
+/**
+* 텍스트 스타일 14개. `text-<이름>` class 하나가 크기, 행간, 굵기를 함께 정한다.
+* 공개 계약은 `--tide-text-<이름>`과 그 `--line-height`, `--font-weight` 하위 변수다.
+* 값은 spec 표를 그대로 옮겼다(크기/행간 px → rem).
+*/
+const textStyle = {
+	"display-lg": {
+		fontSize: 56,
+		lineHeight: "4rem",
+		fontWeight: "bold"
+	},
+	"display-md": {
+		fontSize: 48,
+		lineHeight: "3.5rem",
+		fontWeight: "bold"
+	},
+	"heading-xl": {
+		fontSize: 40,
+		lineHeight: "3rem",
+		fontWeight: "bold"
+	},
+	"heading-lg": {
+		fontSize: 32,
+		lineHeight: "2.5rem",
+		fontWeight: "bold"
+	},
+	"heading-md": {
+		fontSize: 24,
+		lineHeight: "2rem",
+		fontWeight: "bold"
+	},
+	"heading-sm": {
+		fontSize: 20,
+		lineHeight: "1.75rem",
+		fontWeight: "semibold"
+	},
+	"heading-xs": {
+		fontSize: 18,
+		lineHeight: "1.75rem",
+		fontWeight: "semibold"
+	},
+	"body-lg": {
+		fontSize: 18,
+		lineHeight: "1.75rem",
+		fontWeight: "normal"
+	},
+	"body-md": {
+		fontSize: 16,
+		lineHeight: "1.5rem",
+		fontWeight: "normal"
+	},
+	"body-sm": {
+		fontSize: 14,
+		lineHeight: "1.25rem",
+		fontWeight: "normal"
+	},
+	"label-lg": {
+		fontSize: 16,
+		lineHeight: "1.25rem",
+		fontWeight: "medium"
+	},
+	"label-md": {
+		fontSize: 14,
+		lineHeight: "1.25rem",
+		fontWeight: "medium"
+	},
+	"label-sm": {
+		fontSize: 12,
+		lineHeight: "1rem",
+		fontWeight: "medium"
+	},
+	caption: {
+		fontSize: 12,
+		lineHeight: "1rem",
+		fontWeight: "normal"
+	}
+};
+/**
+* font-family 스택을 CSS 값으로 만든다. 영문과 하이픈만으로 된 이름은 그대로 두고, 나머지(공백이 있는 이름)는 따옴표로 감싼다.
+* @internal `@tide-tds/foundation/internal` 전용. 앱 개발자용 공개 계약이 아니다(문서 앱·빌드 스크립트·테스트용).
+*/
+function fontFamilyCss(name) {
+	return fontFamily[name].map((family) => /^[-a-zA-Z]+$/.test(family) ? family : `"${family}"`).join(", ");
+}
+
+export { fontFamily, fontFamilyCss, fontSize, fontWeight, textStyle };

package/package.json

@@ -1,6 +1,63 @@
 {
   "name": "@tide-tds/foundation",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "Tide 디자인 시스템의 Token과 CSS",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chane81/tide-design-system.git",
+    "directory": "packages/foundation"
+  },
+  "bin": {
+    "tide-color": "./dist/cli.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./internal": {
+      "types": "./dist/internal.d.ts",
+      "default": "./dist/internal.js"
+    },
+    "./color-family": {
+      "types": "./dist/color-family.d.ts",
+      "default": "./dist/color-family.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./tailwind.css": "./dist/tailwind.css",
+    "./tailwind-merge": {
+      "types": "./dist/tailwind-merge.d.ts",
+      "default": "./dist/tailwind-merge.js"
+    }
+  },
+  "devDependencies": {
+    "@tailwindcss/node": "^4.3.5",
+    "@types/node": "^26.6.6",
+    "tailwind-merge": "^3.7.0",
+    "tailwindcss": "^4.3.5",
+    "tsdown": "0.23.7",
+    "typescript": "^7.0.2",
+    "vitest": "^5.1.0"
+  },
+  "peerDependencies": {
+    "tailwind-merge": "^3"
+  },
+  "peerDependenciesMeta": {
+    "tailwind-merge": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsdown && node scripts/build.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.