{"_id":"@correlaid/design-tokens","_rev":"3-42f27008730b89bd0f3feefaa979e72c","name":"@correlaid/design-tokens","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@correlaid/design-tokens","version":"1.0.0","keywords":["design-tokens","correlaid","design-system","style-dictionary"],"author":{"name":"CorrelAid"},"license":"ISC","_id":"@correlaid/design-tokens@1.0.0","maintainers":[{"name":"correlaid-admin","email":"info@correlaid.org"}],"dist":{"shasum":"f41e59bc44ad025d2ee1225ee51e4643d82f6535","tarball":"https://registry.npmjs.org/@correlaid/design-tokens/-/design-tokens-1.0.0.tgz","fileCount":13,"integrity":"sha512-oah9mvlbPjFj2O+W6pxBRhnJKtmOJD36o1pw6ihhdWb8DSGmY/D7CEd77xpfYeERBfR1gKzwrLgXNplN8N/Oog==","signatures":[{"sig":"MEQCIFO/VAZfHYNuwA1UHkQtTwROuY94gNqCF9+ygUI+0JopAiBmZFxTAnLhMK++vkuuS7m219bfSWUpr3vKKhnokiSwCg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":68329},"main":"build/js/tokens.cjs","type":"module","module":"build/js/tokens.js","exports":{".":{"import":"./build/js/tokens.js","require":"./build/js/tokens.cjs"},"./css":"./build/css/variables.css","./json":"./build/json/tokens.json","./scss":"./build/scss/_variables.scss"},"scripts":{"build":"node config.js","clean":"rm -rf build","prepublishOnly":"npm run build"},"_npmUser":{"name":"correlaid-admin","email":"info@correlaid.org"},"_npmVersion":"11.6.4","description":"CorrelAid design tokens built with Style Dictionary","directories":{},"_nodeVersion":"22.21.1","_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/design-tokens_1.0.0_1767485147314_0.9022532470446689","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@correlaid/design-tokens","version":"1.0.1","keywords":["design-tokens","correlaid","design-system","style-dictionary"],"author":{"name":"CorrelAid"},"license":"ISC","_id":"@correlaid/design-tokens@1.0.1","maintainers":[{"name":"correlaid-admin","email":"info@correlaid.org"}],"dist":{"shasum":"0ac6766a38eaee0e9c3484cae504d3dab937d2f7","tarball":"https://registry.npmjs.org/@correlaid/design-tokens/-/design-tokens-1.0.1.tgz","fileCount":13,"integrity":"sha512-Q/bTz0/UaoWacVCB0M+qPJo8sxABt2qBZLiTdOo5zp8aqHJZjjK/p0RYhxTbfPv4cKgj7xuUKY8L1WoA3C4Qkw==","signatures":[{"sig":"MEUCIQDT3T90K56EuajJsZ4eKD5WOHUhxEgXB7ycWYVNIBEDkAIgfednWp7BmETR4aWWTcfcSb3I2KETJ943lR6gz7Ibz2w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":68329},"main":"build/js/tokens.cjs","type":"module","module":"build/js/tokens.js","exports":{".":{"import":"./build/js/tokens.js","require":"./build/js/tokens.cjs"},"./css":"./build/css/variables.css","./json":"./build/json/tokens.json","./scss":"./build/scss/_variables.scss"},"gitHead":"61139eaa5aa27108ca8d045a831f559885c19241","scripts":{"build":"node config.js","clean":"rm -rf build","prepublishOnly":"npm run build"},"_npmUser":{"name":"correlaid-admin","email":"info@correlaid.org"},"_npmVersion":"10.8.2","description":"CorrelAid design tokens built with Style Dictionary","directories":{},"_nodeVersion":"20.19.6","_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^5.1.1"},"_npmOperationalInternal":{"tmp":"tmp/design-tokens_1.0.1_1767485723779_0.41755162100543886","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@correlaid/design-tokens","version":"1.0.2","description":"CorrelAid design tokens built with Style Dictionary","type":"module","main":"build/js/tokens.cjs","module":"build/js/tokens.js","exports":{".":{"import":"./build/js/tokens.js","require":"./build/js/tokens.cjs"},"./css":"./build/css/variables.css","./scss":"./build/scss/_variables.scss","./json":"./build/json/tokens.json"},"scripts":{"build":"node config.js","clean":"rm -rf build","prepublishOnly":"npm run build","demo:dev":"vite","demo:build":"vite build","demo:preview":"vite preview"},"keywords":["design-tokens","correlaid","design-system","style-dictionary"],"author":{"name":"CorrelAid"},"license":"ISC","devDependencies":{"@sveltejs/vite-plugin-svelte":"^6.2.1","style-dictionary":"^5.1.1","svelte":"^5.46.1","vite":"^7.3.0"},"_id":"@correlaid/design-tokens@1.0.2","gitHead":"960c5a362a9f6abc3070ed10611f53f19aa47732","_nodeVersion":"20.19.6","_npmVersion":"10.8.2","dist":{"integrity":"sha512-PxXZ69ibmBm6fRakfQvLQ8SVIqsuJOFvrjjxaZrwHXtepxqfSNXT7QryU6oPVLifuwK3Y1LYeU+pfYiZqv6hLw==","shasum":"cadd3a0d08ed5d9cd998074722e4a9b29b0cc21c","tarball":"https://registry.npmjs.org/@correlaid/design-tokens/-/design-tokens-1.0.2.tgz","fileCount":13,"unpackedSize":68542,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHacuUud0epPlzDac4xeBa11qrgQtgOkGlIkuD7sRsCwAiEA5XxOdR6xKCrzM88uR80CK19QDWBvMUqXGLqw3WiaK/w="}]},"_npmUser":{"name":"correlaid-admin","email":"info@correlaid.org"},"directories":{},"maintainers":[{"name":"correlaid-admin","email":"info@correlaid.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-tokens_1.0.2_1767486695021_0.28882129737189977"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-04T00:05:47.111Z","modified":"2026-01-04T00:31:35.399Z","1.0.0":"2026-01-04T00:05:47.451Z","1.0.1":"2026-01-04T00:15:23.934Z","1.0.2":"2026-01-04T00:31:35.181Z"},"author":{"name":"CorrelAid"},"license":"ISC","keywords":["design-tokens","correlaid","design-system","style-dictionary"],"description":"CorrelAid design tokens built with Style Dictionary","maintainers":[{"name":"correlaid-admin","email":"info@correlaid.org"}],"readme":"# CorrelAid Design Tokens\n\nDesign tokens for CorrelAid, built with [Style Dictionary](https://github.com/style-dictionary/style-dictionary).\n\n## Installation\n\n```bash\nnpm install @correlaid/design-tokens\n```\n\n## Usage\n\n### CSS\n\n```css\n@import '@correlaid/design-tokens/css';\n\n.button {\n  background-color: var(--color-primary-800);\n  padding: var(--space-4);\n  border-radius: var(--radius-base);\n}\n```\n\n### SCSS\n\n```scss\n@import '@correlaid/design-tokens/scss';\n\n.button {\n  background-color: $color-primary-800;\n  padding: $space-4;\n  border-radius: $radius-base;\n}\n```\n\n### JavaScript/TypeScript\n\n```javascript\nimport tokens from '@correlaid/design-tokens';\n\nconst Button = styled.button`\n  background-color: ${tokens.color.primary['800']};\n  padding: ${tokens.space['4']};\n  border-radius: ${tokens.radius.base};\n`;\n```\n\n### JSON\n\n```javascript\nimport tokens from '@correlaid/design-tokens/json';\n```\n\n## Available Tokens\n\n### Colors\n- **Primary**: 50-900 scale\n- **Gray**: 50-900 scale\n- **Green**: extra-light, light, base, dark\n- **Lab Colors**: blue (light, medium, dark), pink (medium, light), muted\n- **Semantic**: success, warning, error, info\n- **Base**: white, black, black-light, black-muted\n\n### Typography\n- **Font Families**: main (Roboto), accent (Inter), mono\n- **Font Sizes**: xs, sm, base, lg, xl, 2xl, 3xl, 4xl, 5xl\n- **Font Weights**: light, normal, medium, semibold, bold, black, heavy\n- **Line Heights**: tight, normal, relaxed, loose\n\n### Spacing\n- **Scale**: 1-20 (based on 4px/8px system)\n\n### Border Radius\n- **Sizes**: sm, base, md, lg, xl, 2xl, full\n\n### Shadows\n- **Levels**: sm, base, md, lg, xl, 2xl\n\n### Gradients\n- **lr**: Left to right gradient\n- **rl**: Right to left gradient\n\n## Development\n\n### Build tokens\n\n```bash\nnpm run build\n```\n\n### Clean build directory\n\n```bash\nnpm run clean\n```\n\n## Token Structure\n\nTokens are defined in JSON files following the [W3C Design Token Format](https://design-tokens.github.io/community-group/format/) in the `tokens/` directory:\n\n- `color.json` - Color palette\n- `typography.json` - Typography settings\n- `spacing.json` - Spacing scale\n- `border.json` - Border radius values\n- `shadow.json` - Shadow definitions\n- `gradient.json` - Gradient definitions\n\n## Publish\n\nWill be publisht on push to main","readmeFilename":"README.md"}