{"_id":"@baneung-pack/tokens","_rev":"7-051a1c256d65295133d66085cff5f0ca","name":"@baneung-pack/tokens","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.1":{"name":"@baneung-pack/tokens","version":"1.0.1","_id":"@baneung-pack/tokens@1.0.1","maintainers":[{"name":"baneung-pack","email":"iloveyou100u@gmail.com"}],"dist":{"shasum":"85459c5c1b511f915db33a207e239b420b2c2df9","tarball":"https://registry.npmjs.org/@baneung-pack/tokens/-/tokens-1.0.1.tgz","fileCount":11,"integrity":"sha512-N0wfSAvTNVpK2vsGAlZUp8KKR4SVkMH4VOvwViPk9Zi/PAnOxKC2Bq02s77bNAVB/WPw1X68bFO6MXs+8lM1Ag==","signatures":[{"sig":"MEQCIBrk1BjYnfgO91KLiXXzu3893Ik0G5VWKro6jnFYB9LRAiBmRVvP0uYBBz14JxFZOMgUKUkgNfNkpN/lmTrVv+iKng==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76490},"main":"./dist/tokens.cjs","type":"module","_from":"file:baneung-pack-tokens-1.0.1.tgz","types":"./dist/tokens.d.ts","module":"./dist/tokens.js","exports":{".":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","require":"./dist/tokens.cjs"},"./css":"./dist/tokens.css","./json":"./dist/tokens.json","./package.json":"./package.json"},"private":false,"scripts":{"dev":"tsx watch scripts/build.ts","lint":"eslint src scripts --max-warnings 0","test":"vitest run","build":"tsx scripts/build.ts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"baneung-pack","email":"iloveyou100u@gmail.com"},"_resolved":"/tmp/6a7b368acd9179382b6622df0dd79f77/baneung-pack-tokens-1.0.1.tgz","_integrity":"sha512-N0wfSAvTNVpK2vsGAlZUp8KKR4SVkMH4VOvwViPk9Zi/PAnOxKC2Bq02s77bNAVB/WPw1X68bFO6MXs+8lM1Ag==","_npmVersion":"10.8.2","description":"바능 디자인 시스템 토큰 — CSS / JSON / TS 동시 export (SSOT)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.2","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2","@types/node":"^22.10.0","@baneung-pack/tsconfig":"0.0.0","@baneung-pack/eslint-config":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_1.0.1_1777875966404_0.4529780128650003","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@baneung-pack/tokens","version":"1.0.2","_id":"@baneung-pack/tokens@1.0.2","maintainers":[{"name":"baneung-pack","email":"iloveyou100u@gmail.com"}],"dist":{"shasum":"879a180da0be31f100b1a7ff58d9ff16d3eefc86","tarball":"https://registry.npmjs.org/@baneung-pack/tokens/-/tokens-1.0.2.tgz","fileCount":11,"integrity":"sha512-pCVvDQyNdD/rLwSEkhV5kwcv5zd3AwCBmkrZDKy/p1FHY1+yYxn75TdVZNRJ873UsRSMwhU4SLKtP+8c3YhJ+A==","signatures":[{"sig":"MEUCIQDcO6j34h+MjOijNbQs3FuTwvO5OF24wXuE8LRAisforwIgaNHsVfV7a9gWHhAWwFzJ59kx3yRVh1bhRTMgBJ4lspY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76576},"main":"./dist/tokens.cjs","type":"module","_from":"file:baneung-pack-tokens-1.0.2.tgz","types":"./dist/tokens.d.ts","module":"./dist/tokens.js","exports":{".":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","require":"./dist/tokens.cjs"},"./css":"./dist/tokens.css","./json":"./dist/tokens.json","./package.json":"./package.json"},"private":false,"scripts":{"dev":"tsx watch scripts/build.ts","lint":"eslint src scripts --max-warnings 0","test":"vitest run","build":"tsx scripts/build.ts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"baneung-pack","email":"iloveyou100u@gmail.com"},"_resolved":"/tmp/adb1d1a70d6d9a139ff15c97153b97f1/baneung-pack-tokens-1.0.2.tgz","_integrity":"sha512-pCVvDQyNdD/rLwSEkhV5kwcv5zd3AwCBmkrZDKy/p1FHY1+yYxn75TdVZNRJ873UsRSMwhU4SLKtP+8c3YhJ+A==","_npmVersion":"10.8.2","description":"바능 디자인 시스템 토큰 — CSS / JSON / TS 동시 export (SSOT)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.2","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2","@types/node":"^22.10.0","@baneung-pack/tsconfig":"0.0.0","@baneung-pack/eslint-config":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_1.0.2_1777878906969_0.42044844027894857","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@baneung-pack/tokens","version":"1.0.3","license":"Apache-2.0","_id":"@baneung-pack/tokens@1.0.3","maintainers":[{"name":"baneung-pack","email":"iloveyou100u@gmail.com"}],"dist":{"shasum":"a3ae8111d7d9f5a3873fedfb578a07b735fb61bc","tarball":"https://registry.npmjs.org/@baneung-pack/tokens/-/tokens-1.0.3.tgz","fileCount":11,"integrity":"sha512-YsaCvu+2xeNlWuA3pnBpz4d3znyBgZ5U8M/L394x3avqCbdq9uaSirrt5FIw9pzePv0Z7KWdzs2lAjPqnjSTIQ==","signatures":[{"sig":"MEUCIC1G/+C+d9cLWnFLM1EKXJEBjnn4kN/hCwEnlfqO3ppJAiEAlSfKibsvuK2lN1GycoLaXul3LWhLihqC3J1SQ7/DhlI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":86871},"main":"./dist/tokens.cjs","type":"module","_from":"file:baneung-pack-tokens-1.0.3.tgz","types":"./dist/tokens.d.ts","module":"./dist/tokens.js","exports":{".":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","require":"./dist/tokens.cjs"},"./css":"./dist/tokens.css","./json":"./dist/tokens.json","./package.json":"./package.json"},"private":false,"scripts":{"dev":"tsx watch scripts/build.ts","lint":"eslint src scripts --max-warnings 0","test":"vitest run","build":"tsx scripts/build.ts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"baneung-pack","email":"iloveyou100u@gmail.com"},"_resolved":"/tmp/030b75de462a470e148694a45d3fc897/baneung-pack-tokens-1.0.3.tgz","_integrity":"sha512-YsaCvu+2xeNlWuA3pnBpz4d3znyBgZ5U8M/L394x3avqCbdq9uaSirrt5FIw9pzePv0Z7KWdzs2lAjPqnjSTIQ==","_npmVersion":"10.8.2","description":"바능 디자인 시스템 토큰 — CSS / JSON / TS 동시 export (SSOT)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.2","tsup":"^8.3.5","rimraf":"^6.0.1","vitest":"^2.1.8","typescript":"^5.7.2","@types/node":"^22.10.0","@baneung-pack/tsconfig":"0.0.0","@baneung-pack/eslint-config":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_1.0.3_1781831577742_0.505860573296353","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@baneung-pack/tokens","version":"1.0.4","private":false,"license":"Apache-2.0","description":"바능 디자인 시스템 토큰 — CSS / JSON / TS 동시 export (SSOT)","type":"module","main":"./dist/tokens.cjs","module":"./dist/tokens.js","types":"./dist/tokens.d.ts","exports":{".":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","require":"./dist/tokens.cjs"},"./css":"./dist/tokens.css","./json":"./dist/tokens.json","./package.json":"./package.json"},"devDependencies":{"@types/node":"^22.10.0","rimraf":"^6.0.1","tsup":"^8.3.5","tsx":"^4.19.2","typescript":"^5.7.2","vitest":"^2.1.8","@baneung-pack/eslint-config":"0.0.0","@baneung-pack/tsconfig":"0.0.0"},"publishConfig":{"access":"public"},"scripts":{"build":"tsx scripts/build.ts","dev":"tsx watch scripts/build.ts","lint":"eslint src scripts --max-warnings 0","typecheck":"tsc --noEmit","test":"vitest run","test:watch":"vitest","clean":"rimraf dist .turbo"},"_id":"@baneung-pack/tokens@1.0.4","_integrity":"sha512-yTF1npjyqVafQHggquSt/r8qitLeqc/j3DHp5vs+4USuXN3AHIYZFn9wZakvNw9VaEEKjjAU/8VgikmiEx4Faw==","_resolved":"/tmp/1fd269c2f4bc48809631e2758918337f/baneung-pack-tokens-1.0.4.tgz","_from":"file:baneung-pack-tokens-1.0.4.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-yTF1npjyqVafQHggquSt/r8qitLeqc/j3DHp5vs+4USuXN3AHIYZFn9wZakvNw9VaEEKjjAU/8VgikmiEx4Faw==","shasum":"06633e0b2712e445ce9d000e2d28d9456f3697f8","tarball":"https://registry.npmjs.org/@baneung-pack/tokens/-/tokens-1.0.4.tgz","fileCount":11,"unpackedSize":86854,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIH+DndxM7AS9oSBpwHXczcDYHdCNQWl0EYOemH3p/PnWAiBdwMVXHb7vFzvpzlsaWkT5wsZUEgXEOmoVc/YWJrjGAg=="}]},"_npmUser":{"name":"baneung-pack","email":"iloveyou100u@gmail.com"},"directories":{},"maintainers":[{"name":"baneung-pack","email":"iloveyou100u@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_1.0.4_1781863284862_0.019036087899214627"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-04T06:26:06.319Z","modified":"2026-06-19T10:01:25.129Z","1.0.0":"2026-05-04T05:57:12.421Z","1.0.1":"2026-05-04T06:26:06.564Z","1.0.2":"2026-05-04T07:15:07.103Z","1.0.3":"2026-06-19T01:12:57.947Z","1.0.4":"2026-06-19T10:01:25.005Z"},"license":"Apache-2.0","description":"바능 디자인 시스템 토큰 — CSS / JSON / TS 동시 export (SSOT)","maintainers":[{"name":"baneung-pack","email":"iloveyou100u@gmail.com"}],"readme":"# @baneung-pack/tokens\n\n> 바능(Baneung) 디자인 시스템 토큰 — CSS / JSON / TS 동시 export (Single Source of Truth)\n\n[![npm](https://img.shields.io/npm/v/@baneung-pack/tokens.svg)](https://www.npmjs.com/package/@baneung-pack/tokens)\n[![License: Apache 2.0](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://github.com/BaneungCop/-baneung-ui/blob/master/LICENSE)\n\n**📖 데모 / 컴포넌트 카탈로그**: https://ui.baneung.com\n\n바능 디자인 시스템의 **단일 진실 공급원**(SSOT) 토큰 패키지. 같은 값을 CSS 변수, JSON, TypeScript 객체 세 형태로 동시에 제공해서 어떤 환경에서든 일관된 디자인을 보장합니다.\n\n## 설치\n\n```bash\npnpm add @baneung-pack/tokens\n# or: npm install @baneung-pack/tokens / yarn add @baneung-pack/tokens\n```\n\n## 사용\n\n### 1) CSS 변수 (가장 흔한 방식)\n\n```css\n/* app/global.css */\n@import '@baneung-pack/tokens/css';\n```\n\n```css\n/* 어디서나 var() 로 참조 */\n.my-card {\n background: var(--color-bg-surface);\n color: var(--color-text-primary);\n border: 1px solid var(--color-border-default);\n border-radius: var(--radius-sm);\n padding: var(--space-4);\n}\n```\n\n다크 모드는 `[data-theme=\"dark\"]` cascade로 자동 적용:\n\n```html\n\n ...\n\n```\n\n### 2) TypeScript 객체 (런타임 참조)\n\n```ts\nimport { tokens } from '@baneung-pack/tokens';\n\nconsole.log(tokens.color.bg.canvas); // '#ffffff'\nconsole.log(tokens.space[4]); // '16px'\nconsole.log(tokens.radius.sm); // '2px'\n```\n\n타입 추론 완전 지원 — IDE 자동완성으로 모든 토큰 탐색 가능.\n\n### 3) JSON (다른 도구 연동: Figma / Style Dictionary 등)\n\n```ts\nimport tokensJson from '@baneung-pack/tokens/json';\n```\n\n또는 import 없이 파일 경로로 직접 사용:\n\n```js\nconst path = require.resolve('@baneung-pack/tokens/json');\n```\n\n## 토큰 카테고리\n\n| 카테고리 | 내용 |\n| --------------------- | ------------------------------------------------------------------------------------------------ |\n| **Color (semantic)** | `bg` / `text` / `border` / `focus` / `status` (success·warning·danger·info) |\n| **Color (primitive)** | `neutral` / `baneungNavy` / `baneungTeal` 스케일 |\n| **Typography** | Pretendard Variable (한·영) / JetBrains Mono / 사이즈 스케일 / 라인하이트 / 굵기 |\n| **Spacing** | 4px 베이스 (`--space-1` ~ `--space-32`) |\n| **Radius** | `--radius-none: 0` · `--radius-sm: 2px` · `--radius-md: 4px` (각진 디자인 — 3개만) |\n| **Motion** | `--duration-fast: 100ms` / `--duration-base: 150ms` / `--duration-slow: 250ms` / standard easing |\n| **Z-index** | dropdown / sticky / overlay / modal / popover / toast 레이어 정의 |\n| **Breakpoint** | sm / md / lg / xl / 2xl |\n\n라이트/다크 두 세트 동시 제공.\n\n## 보장\n\n- **CSS / JSON / TS 일관성**: 같은 토큰 값이 세 형식으로 자동 동기화 (빌드 시 단일 소스에서 생성)\n- **WCAG 2.1 AA 색대비**: 모든 시맨틱 컬러 조합 자동 검증\n- **각진 디자인**: `border-radius`는 0 / 2 / 4 세 값만 (강제)\n- **트리쉐이커블**: ESM/CJS dual, 필요한 토큰만 import 가능\n\n## 함께 쓰면 좋은 패키지\n\n- **[@baneung-pack/ui](https://www.npmjs.com/package/@baneung-pack/ui)** — 이 토큰을 사용하는 React 컴포넌트 라이브러리\n\n## 링크\n\n- **GitHub**: [BaneungCop/-baneung-ui](https://github.com/BaneungCop/-baneung-ui)\n- **Issues**: [Bug & Feature requests](https://github.com/BaneungCop/-baneung-ui/issues)\n- **CHANGELOG**: [최신 변경사항](https://github.com/BaneungCop/-baneung-ui/blob/master/packages/tokens/CHANGELOG.md)\n\n## 라이선스\n\n[Apache-2.0](https://github.com/BaneungCop/-baneung-ui/blob/master/LICENSE) © 바능(Baneung)\n","readmeFilename":"README.md"}