{"_id":"@brkz-inc/tokens","name":"@brkz-inc/tokens","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@brkz-inc/tokens","version":"2.0.0","description":"BRKZ design tokens — colors, spacing, typography, radius, shadows, motion","license":"SEE LICENSE IN LICENSE","repository":{"type":"git","url":"git+https://github.com/BRKZ-Inc/brkz-ui.git"},"type":"module","main":"./build/tokens.js","module":"./build/tokens.js","types":"./build/tokens.d.ts","exports":{".":{"import":"./build/tokens.js","require":"./build/tokens.cjs","types":"./build/tokens.d.ts"},"./css":"./build/tokens.css","./json":"./build/tokens.json"},"devDependencies":{"style-dictionary":"^4.2.0","typescript":"^5.5.4"},"publishConfig":{"registry":"https://registry.npmjs.org","access":"public"},"scripts":{"build":"style-dictionary build --config style-dictionary.config.js","dev":"style-dictionary build --config style-dictionary.config.js --watch","clean":"rm -rf build"},"_id":"@brkz-inc/tokens@2.0.0","bugs":{"url":"https://github.com/BRKZ-Inc/brkz-ui/issues"},"homepage":"https://github.com/BRKZ-Inc/brkz-ui#readme","_integrity":"sha512-b5X3fNrzpTlClbCNU7rBTTqy0snqMnOsGGIgA3Vdqa2g6vj2Vt4XnvP9Gk9YTm7EZfCaFiVAsr5BCnaVXrgT6w==","_resolved":"/tmp/ddbf6d65bb434a85bff5f43414917977/brkz-inc-tokens-2.0.0.tgz","_from":"file:brkz-inc-tokens-2.0.0.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-b5X3fNrzpTlClbCNU7rBTTqy0snqMnOsGGIgA3Vdqa2g6vj2Vt4XnvP9Gk9YTm7EZfCaFiVAsr5BCnaVXrgT6w==","shasum":"fb154ce8a2d382c330cde0118946ccb63722fa5d","tarball":"https://registry.npmjs.org/@brkz-inc/tokens/-/tokens-2.0.0.tgz","fileCount":8,"unpackedSize":154593,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFSqXuKO/H8tP/uCi5tn/eHxZM+ovqtiSuPteeSxabdTAiEA9RwW2xMUdmZWYLSqgvCxQ5/qkpN8Dtrpsx5D/opLVm8="}]},"_npmUser":{"name":"brkz-tech","email":"techsubscriptions@brkz.com"},"directories":{},"maintainers":[{"name":"brkz-tech","email":"techsubscriptions@brkz.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_2.0.0_1783003879250_0.41490197077483293"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-02T14:51:19.078Z","2.0.0":"2026-07-02T14:51:19.376Z","modified":"2026-07-02T14:51:19.645Z"},"maintainers":[{"name":"brkz-tech","email":"techsubscriptions@brkz.com"}],"description":"BRKZ design tokens — colors, spacing, typography, radius, shadows, motion","homepage":"https://github.com/BRKZ-Inc/brkz-ui#readme","repository":{"type":"git","url":"git+https://github.com/BRKZ-Inc/brkz-ui.git"},"bugs":{"url":"https://github.com/BRKZ-Inc/brkz-ui/issues"},"license":"SEE LICENSE IN LICENSE","readme":"# @brkz-inc/tokens\n\nDesign tokens for the BRKZ design system. These are the atomic values that define the visual language.\n\n## Token Layers\n\n```\nGlobal Tokens  →  Semantic Tokens  →  Component Tokens\n───────────────    ─────────────────    ────────────────\ncolor.brand.500  semantic.bg.primary  button.height.md\nspacing.4        semantic.text.error  input.radius\nradius.md        semantic.border.focus\n```\n\n## Usage\n\n### As CSS variables (recommended)\n\n```css\n@import '@brkz-inc/tokens/css';\n```\n\n### As JavaScript\n\n```ts\nimport { colorBrand500, spacingMd } from '@brkz-inc/tokens'\n```\n\n### As JSON (for Figma plugins, design tools)\n\n```ts\nimport tokens from '@brkz-inc/tokens/json'\n```\n\n## Token Categories\n\n| Category | File | Description |\n|----------|------|-------------|\n| Colors | `src/global/colors.json` | Full color palette (brand, neutral, success, warning, error, info) |\n| Spacing | `src/global/spacing.json` | 4px-base spacing scale |\n| Typography | `src/global/typography.json` | Font families, sizes, weights, line heights |\n| Radius | `src/global/radius.json` | Border radius scale |\n| Shadow | `src/global/shadow.json` | Elevation levels |\n| Motion | `src/global/motion.json` | Durations and easings |\n| Semantic Light | `src/semantic/light.json` | Contextual tokens for light theme |\n| Semantic Dark | `src/semantic/dark.json` | Contextual tokens for dark theme |\n| Component | `src/component/*.json` | Per-component token overrides |\n\n## Build\n\n```bash\npnpm --filter @brkz-inc/tokens build\n```\n\nOutputs to `build/`:\n- `tokens.css` — CSS custom properties\n- `tokens-dark.css` — Dark theme overrides\n- `tokens.js` / `tokens.cjs` — JavaScript\n- `tokens.json` — Raw JSON\n\n## Adding tokens\n\n1. Add to the appropriate JSON file in `src/`\n2. Run `pnpm build`\n3. Create a changeset: `pnpm changeset`\n\n> **Never rename or remove tokens without a major version bump.**\n","readmeFilename":"README.md","_rev":"1-786f45d08871696f8e4b04508d1955de"}