{"_id":"@becca202420/moment-token","name":"@becca202420/moment-token","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@becca202420/moment-token","version":"0.0.1","description":"moment_token design tokens (CSS variables, SCSS variables, Tailwind v4 theme)","exports":{"./css":"./dist/css/variables.css","./scss":"./dist/scss/_variables.scss","./tailwind":"./dist/tailwind/theme.css","./tokens/*":"./tokens/*"},"scripts":{"build":"node build-tokens.mjs","prepublishOnly":"npm run build"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/becca202420/moment-token.git"},"keywords":["design-tokens","style-dictionary","css-variables","tailwindcss"],"author":{"name":"becca202420"},"license":"MIT","type":"commonjs","bugs":{"url":"https://github.com/becca202420/moment-token/issues"},"homepage":"https://github.com/becca202420/moment-token#readme","devDependencies":{"style-dictionary":"5.5.3"},"gitHead":"a17bc1646cabb3f91c8d3fc1a209a47c354b4879","_id":"@becca202420/moment-token@0.0.1","_nodeVersion":"24.19.0","_npmVersion":"12.0.2","dist":{"integrity":"sha512-NyFtKpfBHGIj2R4HzZVk/ypNz1ClCAVyZ4WhatZC7wT3p9c/CVWz1UzB7vzcFbjWICbyRXjpGNyqA0QUm8311Q==","shasum":"d6eb8de7aac3b25f3daa130b04cdd3b5ea8fdb73","tarball":"https://registry.npmjs.org/@becca202420/moment-token/-/moment-token-0.0.1.tgz","fileCount":12,"unpackedSize":11202,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICL9h7UaGjtA3FlwpYDxJEgegz9uK57VOnpWLtqwyH+bAiEA5pX/+jABm27JWD8uMeoWcLNbJ0ZvVMfCtuwMciyR550="}]},"_npmUser":{"name":"becca202420","email":"becca202420@gmail.com"},"directories":{},"maintainers":[{"name":"becca202420","email":"becca202420@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/moment-token_0.0.1_1788932946157_0.7977997904180025"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-09T05:49:05.961Z","0.0.1":"2026-09-09T05:49:06.303Z","modified":"2026-09-09T05:49:06.510Z"},"maintainers":[{"name":"becca202420","email":"becca202420@gmail.com"}],"description":"moment_token design tokens (CSS variables, SCSS variables, Tailwind v4 theme)","homepage":"https://github.com/becca202420/moment-token#readme","keywords":["design-tokens","style-dictionary","css-variables","tailwindcss"],"repository":{"type":"git","url":"git+https://github.com/becca202420/moment-token.git"},"author":{"name":"becca202420"},"bugs":{"url":"https://github.com/becca202420/moment-token/issues"},"license":"MIT","readme":"# moment-token\r\n\r\nmoment-token\r\n\r\n제품 UI용 디자인 토큰 모음입니다. 색상, 여백(spacing), 반경(radius), 타이포그래피(primitives)와 의미론적(semantic) 디자인 변수들을 포함합니다.\r\n\r\n이 패키지는 웹 애플리케이션에서 사용하기 위한 생성된 CSS 변수, SCSS 변수, Tailwind v4 테마 토큰 및 원본 토큰 JSON 파일들을 내보냅니다.\r\n\r\n## 설치\r\n\r\n```bash\r\nnpm install @becca202420/moment_token\r\n```\r\n\r\n## 패키지 내보내기 (exports)\r\n\r\n```js\r\nimport \"@becca202420/moment-token/css\";\r\nimport \"@becca202420/moment-token/scss\";\r\nimport \"@becca202420/moment-token/tailwind\";\r\n```\r\n\r\n원본 JSON 토큰 파일을 직접 가져다 쓸 수도 있습니다:\r\n\r\n```js\r\nimport colors from \"@becca202420/moment-token/tokens/color---semantic.json\";\r\n```\r\n\r\n## 제공되는 출력물\r\n\r\n- CSS 변수: `@becca202420/moment-token/css`\r\n- SCSS 변수: `@becca202420/moment-token/scss`\r\n- Tailwind v4 테마: `@kbecca202420/moment-token/tailwind`\r\n- 원본 토큰 파일: `@becca202420/moment-token/tokens/*`\r\n\r\n## 사용 예시\r\n\r\n### CSS\r\n\r\n```css\r\n@import \"@becca202420/moment-token/css\";\r\n\r\n.card {\r\n  background: var(--color-surface-default);\r\n  color: var(--color-text-primary);\r\n  border-radius: var(--radius-md);\r\n  padding: var(--spacing-4);\r\n}\r\n```\r\n\r\n### SCSS\r\n\r\n```scss\r\n@use \"@becca202420/moment-token/scss\" as *;\r\n\r\n.card {\r\n  background: $color-surface-default;\r\n  color: $color-text-primary;\r\n  border-radius: $radius-md;\r\n  padding: $spacing-4;\r\n}\r\n```\r\n\r\n### Tailwind CSS\r\n\r\n```css\r\n@import \"tailwindcss\";\r\n@import \"@becca202420/moment-token/tailwind\";\r\n```\r\n\r\nTailwind v4에서 제공하는 생성된 테마 변수를 통해 디자인 토큰을 사용할 수 있습니다.\r\n\r\n## 포함된 토큰 그룹\r\n\r\n- 색상 (Colors)\r\n  - 원시 색상(primitive)\r\n  - 의미적 토큰(브랜드, 표면, 텍스트, 배지 등)\r\n- 여백 (Spacing)\r\n- 반경 (Radius)\r\n- 타이포그래피 (Typography)\r\n  - 폰트 크기\r\n  - 행간(line-height)\r\n  - 자간(letter-spacing)\r\n  - 폰트 패밀리\r\n\r\n## 원본 및 빌드\r\n\r\n이 패키지는 `tokens/` 디렉터리의 JSON 토큰 파일들에서 Style Dictionary를 사용해 생성됩니다.\r\n\r\n```bash\r\nnpm run build\r\n```\r\n\r\n빌드 스크립트: `node build-tokens.mjs` (package.json의 `build` 스크립트 참조)\r\n\r\n배포 전에는 `npm run build` 또는 `npm publish` 전에 자동 실행되는 `prepublishOnly` 훅이 동작합니다.\r\n\r\n## 라이선스\r\n\r\nMIT\r\n\r\n## 저장소\r\n\r\nhttps://github.com/becca202420/moment-token\r\n","readmeFilename":"README.md","_rev":"1-afa2a9c6166b4e182ddb648e00209b83"}