From 7aa2d429d5d708771a32538553935faf4693bb4d Mon Sep 17 00:00:00 2001 From: sohee Date: Tue, 31 Oct 2023 10:42:42 +0900 Subject: [PATCH] feat(fonts): release 1.0.0 --- .changeset/bright-papayas-cough.md | 5 + packages/fonts/package.json | 27 +++++ packages/fonts/src/fonts.ts | 175 +++++++++++++++++++++++++++++ packages/fonts/src/index.ts | 1 + packages/fonts/tsconfig.json | 13 +++ 5 files changed, 221 insertions(+) create mode 100644 .changeset/bright-papayas-cough.md create mode 100644 packages/fonts/package.json create mode 100644 packages/fonts/src/fonts.ts create mode 100644 packages/fonts/src/index.ts create mode 100644 packages/fonts/tsconfig.json diff --git a/.changeset/bright-papayas-cough.md b/.changeset/bright-papayas-cough.md new file mode 100644 index 0000000..fc7c9bc --- /dev/null +++ b/.changeset/bright-papayas-cough.md @@ -0,0 +1,5 @@ +--- +"@sopt-makers/fonts": major +--- + +release v.1.0.0 diff --git a/packages/fonts/package.json b/packages/fonts/package.json new file mode 100644 index 0000000..69d24cd --- /dev/null +++ b/packages/fonts/package.json @@ -0,0 +1,27 @@ +{ + "name": "@sopt-makers/fonts", + "version": "0.0.1", + "description": "sopt-makers의 frontend repository에 사용되는 fonts를 제공해요.", + "main": "./dist/index.js", + "module": "./dist/index.mjs", + "types": "./dist/index.d.ts", + "scripts": { + "build": "tsup src/index.ts --format cjs,esm --dts", + "dev": "tsup src/index.ts --format cjs,esm --dts --watch" + }, + "repository": { + "type": "git", + "url": "https://github.com/sopt-makers/makers-frontend.git" + }, + "author": "sopt-makers", + "license": "MIT", + "bugs": { + "url": "https://github.com/sopt-makers/makers-frontend/issues" + }, + "homepage": "https://github.com/sopt-makers/makers-frontend#readme", + "dependencies": {}, + "devDependencies": { + "tsup": "^7.2.0", + "typescript": "^5.2.2" + } +} diff --git a/packages/fonts/src/fonts.ts b/packages/fonts/src/fonts.ts new file mode 100644 index 0000000..179276b --- /dev/null +++ b/packages/fonts/src/fonts.ts @@ -0,0 +1,175 @@ +export const fontBase = ` + font-family: 'SUIT', sans-serif; + font-style: normal; +`; + +export const fonts = { + HEADING_48_B: ` + font-weight: 700; + font-size: 48px; + line-height: 72px; + letter-spacing: -2%; + `, + HEADING_32_B: ` + font-weight: 700; + font-size: 32px; + line-height: 48px; + letter-spacing: -2%; + `, + HEADING_28_B: ` + font-weight: 700; + font-size: 28px; + line-height: 42px; + letter-spacing: -2%; + `, + HEADING_24_B: ` + font-weight: 700; + font-size: 24px; + line-height: 36px; + letter-spacing: -2%; + `, + HEADING_20_B: ` + font-weight: 700; + font-size: 20px; + line-height: 30px; + letter-spacing: -2%; + `, + HEADING_18_B: ` + font-weight: 700; + font-size: 18px; + line-height: 28px; + letter-spacing: -2%; + `, + HEADING_16_B: ` + font-weight: 700; + font-size: 16px; + line-height: 24px; + letter-spacing: -2%; + `, + TITLE_32_SB: ` + font-weight: 600; + font-size: 32px; + line-height: 48px; + letter-spacing: -2%; + `, + TITLE_28_SB: ` + font-weight: 600; + font-size: 28px; + line-height: 42px; + letter-spacing: -2%; + `, + TITLE_24_SB: ` + font-weight: 600; + font-size: 24px; + line-height: 36px; + letter-spacing: -2%; + `, + TITLE_20_SB: ` + font-weight: 600; + font-size: 20px; + line-height: 30px; + letter-spacing: -2%; + `, + TITLE_18_SB: ` + font-weight: 600; + font-size: 18px; + line-height: 28px; + letter-spacing: -2%; + `, + TITLE_16_SB: ` + font-weight: 600; + font-size: 16px; + line-height: 24px; + letter-spacing: -1.5%; + `, + TITLE_14_SB: ` + font-weight: 600; + font-size: 14px; + line-height: 20px; + letter-spacing: -1.5%; + `, + BODY_18_M: ` + font-weight: 500; + font-size: 18px; + line-height: 30px; + letter-spacing: -1.5%; + `, + BODY_16_M: ` + font-weight: 500; + font-size: 16px; + line-height: 26px; + letter-spacing: -1.5%; + `, + BODY_16_R: ` + font-weight: 400; + font-size: 16px; + line-height: 26px; + letter-spacing: -1.5%; + `, + BODY_14_M: ` + font-weight: 500; + font-size: 14px; + line-height: 22px; + letter-spacing: -1.5%; + `, + BODY_14_R: ` + font-weight: 400; + font-size: 14px; + line-height: 22px; + letter-spacing: -1.5%; + `, + BODY_14_L: ` + font-weight: 300; + font-size: 14px; + line-height: 22px; + letter-spacing: -1.5%; + `, + BODY_13_M: ` + font-weight: 500; + font-size: 13px; + line-height: 20px; + letter-spacing: -1.5%; + `, + BODY_13_R: ` + font-weight: 400; + font-size: 13px; + line-height: 20px; + letter-spacing: -1.5%; + `, + BODY_13_L: ` + font-weight: 300; + font-size: 13px; + line-height: 20px; + letter-spacing: -1.5%; + `, + LABEL_18_SB: ` + font-weight: 600; + font-size: 18px; + line-height: 24px; + letter-spacing: -2%; + `, + LABEL_16_SB: ` + font-weight: 600; + font-size: 16px; + line-height: 22px; + letter-spacing: -2%; + `, + LABEL_14_SB: ` + font-weight: 600; + font-size: 14px; + line-height: 18px; + letter-spacing: -2%; + `, + LABEL_12_SB: ` + font-weight: 600; + font-size: 12px; + line-height: 16px; + letter-spacing: -2%; + `, + LABEL_11_SB: ` + font-weight: 600; + font-size: 11px; + line-height: 14px; + letter-spacing: -2%; + `, +} \ No newline at end of file diff --git a/packages/fonts/src/index.ts b/packages/fonts/src/index.ts new file mode 100644 index 0000000..616454c --- /dev/null +++ b/packages/fonts/src/index.ts @@ -0,0 +1 @@ +export * from "./fonts"; \ No newline at end of file diff --git a/packages/fonts/tsconfig.json b/packages/fonts/tsconfig.json new file mode 100644 index 0000000..a185edd --- /dev/null +++ b/packages/fonts/tsconfig.json @@ -0,0 +1,13 @@ +{ + "compilerOptions": { + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "isolatedModules": true, + "moduleResolution": "node", + "preserveWatchOutput": true, + "skipLibCheck": true, + "noEmit": true, + "strict": true + }, + "exclude": ["node_modules"] +} \ No newline at end of file