{"_id":"@design-os-kit/tokens","name":"@design-os-kit/tokens","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@design-os-kit/tokens","version":"0.1.1","description":"Design Token Engine — W3C DTCG compatible, CSS/JS/JSON multi-platform output","license":"MIT","repository":{"type":"git","url":"git+https://github.com/zengyforex123456/design-os.git","directory":"packages/tokens"},"keywords":["design-tokens","dtcg","css-variables","style-dictionary","design-system"],"type":"module","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./css":"./outputs/tokens.css","./prefixed":"./outputs/tokens.prefixed.css","./json":"./outputs/tokens.json"},"publishConfig":{"access":"public"},"dependencies":{"style-dictionary":"^4.1.0"},"devDependencies":{"@types/node":"^20.14.0","eslint":"^9.8.0","rimraf":"^6.0.0","typescript":"^5.5.0","vitest":"^2.0.0"},"scripts":{"build":"node sd.config.js","dev":"style-dictionary build --config ./sd.config.js --watch","clean":"rimraf dist outputs","lint":"eslint src/","test":"vitest run"},"_id":"@design-os-kit/tokens@0.1.1","bugs":{"url":"https://github.com/zengyforex123456/design-os/issues"},"homepage":"https://github.com/zengyforex123456/design-os#readme","_integrity":"sha512-56d+DiNPSqCNI0HFWZ0AXNQ3i8vqNiGRiTzfJfRlKurpZhPqAZL7Nrcv65j4XOmSk4+JGAJpzUYWo3pECB6nVA==","_resolved":"C:\\Users\\ADMINI~1\\AppData\\Local\\Temp\\1765c514603b5463a2a3f36e53b5bfce\\design-os-kit-tokens-0.1.1.tgz","_from":"file:design-os-kit-tokens-0.1.1.tgz","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-56d+DiNPSqCNI0HFWZ0AXNQ3i8vqNiGRiTzfJfRlKurpZhPqAZL7Nrcv65j4XOmSk4+JGAJpzUYWo3pECB6nVA==","shasum":"950338246ad1cd07d429cb78214e028953c9f5f6","tarball":"https://registry.npmjs.org/@design-os-kit/tokens/-/tokens-0.1.1.tgz","fileCount":7,"unpackedSize":12844,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD9p7u6kYE5h3ZgeSnynjEWZKLMkiV+vXhlUnTlIP4mCwIgO9Wp5wRICtlEWpgAmEyBVnHl2XHIkRALX9lsusTdeM0="}]},"_npmUser":{"name":"zengyforex2026","email":"zengyforex@gmail.com"},"directories":{},"maintainers":[{"name":"zengyforex2026","email":"zengyforex@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.1.1_1786113950331_0.24255368941685385"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-07T14:45:50.118Z","0.1.1":"2026-08-07T14:45:50.498Z","modified":"2026-08-07T14:45:50.753Z"},"maintainers":[{"name":"zengyforex2026","email":"zengyforex@gmail.com"}],"description":"Design Token Engine — W3C DTCG compatible, CSS/JS/JSON multi-platform output","homepage":"https://github.com/zengyforex123456/design-os#readme","keywords":["design-tokens","dtcg","css-variables","style-dictionary","design-system"],"repository":{"type":"git","url":"git+https://github.com/zengyforex123456/design-os.git","directory":"packages/tokens"},"bugs":{"url":"https://github.com/zengyforex123456/design-os/issues"},"license":"MIT","readme":"# @design-os/tokens\n\n> W3C DTCG 兼容 — 设计 Token 引擎，CSS/JS/JSON 四态输出\n\n[![npm](https://img.shields.io/badge/npm-@design--os/tokens-blue.svg)](https://www.npmjs.com/package/@design-os/tokens)\n\n## 安装\n\n```bash\nnpm install @design-os/tokens\n```\n\n## 使用\n\n### CSS 变量（推荐 — 零 JS 开销）\n\n```css\n@import '@design-os/tokens/css';\n\n.my-button {\n  background: var(--color-primary-500);\n  border-radius: var(--radius-md);\n  padding: var(--spacing-md) var(--spacing-lg);\n}\n```\n\n### 带 `--ds-` 前缀版本\n\n```css\n@import '@design-os/tokens/prefixed';\n\n.my-button {\n  background: var(--ds-color-primary-500);\n  border-radius: var(--ds-radius-md);\n}\n```\n\n### JavaScript\n\n```js\nimport tokens from '@design-os/tokens';\n\nconsole.log(tokens.color.primary[500].value); // '#2563eb'\nconsole.log(tokens.fontSize.base.value);       // '14px'\n```\n\n### JSON\n\n```js\nimport tokens from '@design-os/tokens/json';\n// → 完整的 W3C DTCG 格式 JSON 对象\n```\n\n## Token 类别（64 个）\n\n| 类别 | 数量 | 示例 |\n|------|:---:|------|\n| Color — Primary | 10 | `--color-primary-50` … `--color-primary-900` |\n| Color — Neutral | 10 | `--color-neutral-50` … `--color-neutral-900` |\n| Color — Semantic | 4 | `--color-success`, `--color-warning`, `--color-error`, `--color-info` |\n| Spacing | 7 | `--spacing-xs` … `--spacing-3xl` |\n| Radius | 5 | `--radius-sm` … `--radius-full` |\n| Typography | 16 | font family + size + weight + line-height |\n| Shadow | 3 | `--shadow-sm` / `--shadow-md` / `--shadow-lg` |\n| Motion | 7 | `--duration-fast` / `--ease-in-out` / … |\n| Breakpoint | 6 | `--bp-sm` … `--bp-2xl` |\n\n## CLI 生成\n\n```bash\nds generate --tokens\n# → outputs/tokens.css / tokens.prefixed.css / tokens.js / tokens.json\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-2c0f81264a6ad7376f2d772ac7f8dcad"}