{"_id":"@ankh-studio/tokens","_rev":"3-3629f39900808057fa1c0720ccd960af","name":"@ankh-studio/tokens","dist-tags":{"latest":"0.5.9"},"versions":{"0.5.2":{"name":"@ankh-studio/tokens","version":"0.5.2","author":{"url":"https://github.com/matthewvandusen","name":"Matthew Van Dusen"},"license":"MIT","_id":"@ankh-studio/tokens@0.5.2","maintainers":[{"name":"ankh-matt","email":"matt@ankhstudio.com"},{"name":"brandon-anubis","email":"brandon@ankhstudio.com"}],"homepage":"https://github.com/ankh-studio/tokens#readme","bugs":{"url":"https://github.com/ankh-studio/tokens/issues"},"dist":{"shasum":"feb091efd1adf680e44c3087519c19cdd1ea24a0","tarball":"https://registry.npmjs.org/@ankh-studio/tokens/-/tokens-0.5.2.tgz","fileCount":6,"integrity":"sha512-WS16Fkmf1dgMzIZZ7WV+Q11OWjymu1HphgsV81ALNUMnTYbbp3BChf2Ni+jiUkYVSOUT3MKoeoYjPKhcx5FCBQ==","signatures":[{"sig":"MEYCIQCPzQhyOYhup8oMkn3K8fWSpoQAhlpxoukPp+HOBpCILQIhAM14rMXF0qs6ZzCQQWWMNhXuHnLll2adlscvn0craN7V","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24287},"type":"module","exports":{"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./colors/blue.css":"./dist/colors/blue.css","./colors/purple.css":"./dist/colors/purple.css","./colors/grayscale.css":"./dist/colors/grayscale.css"},"gitHead":"0f454ade943e675d4bedc7b9954e79dfcde6dd9b","scripts":{"lint":"stylelint 'src/**/*.css'","build":"postcss src/base.css -o dist/tokens.css && postcss 'src/colors/*.css' --dir dist/colors --base src/colors","clean":"rimraf dist"},"_npmUser":{"name":"ankh-matt","email":"matt@ankhstudio.com"},"repository":{"url":"git+https://github.com/ankh-studio/tokens.git","type":"git"},"_npmVersion":"11.8.0","description":"Ankh Studio design tokens - colors, typography, spacing, radius, shadow, motion","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.0","publishConfig":{"access":"public","provenance":false},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^6.1.2","postcss":"^8.5.6","stylelint":"^16.12.0","postcss-cli":"^11.0.1","postcss-import":"^16.1.1","stylelint-config-standard":"^37.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_0.5.2_1769829576792_0.2128286557568686","host":"s3://npm-registry-packages-npm-production"}},"0.5.8":{"name":"@ankh-studio/tokens","version":"0.5.8","author":{"url":"https://github.com/imagineux","name":"Matthew Van Dusen"},"license":"MIT","_id":"@ankh-studio/tokens@0.5.8","maintainers":[{"name":"ankh-matt","email":"matt@ankhstudio.com"},{"name":"brandon-anubis","email":"brandon@ankhstudio.com"}],"homepage":"https://github.com/Ankh-Studio/tokens#readme","bugs":{"url":"https://github.com/Ankh-Studio/tokens/issues"},"dist":{"shasum":"6ab24420df24c93d59c482fb114c363091824062","tarball":"https://registry.npmjs.org/@ankh-studio/tokens/-/tokens-0.5.8.tgz","fileCount":7,"integrity":"sha512-9h0kekAEomU6Y3yUks+AhXeKk9+kWaBE3ND7z46NT5YdQNcfEwUqNX5BMRtlr0HahJpzJ7V562ckeE2lNmIhSQ==","signatures":[{"sig":"MEQCIEZlfUFaQE15LMXqqOCdJQwpTdRhxHWg4Y/mYDbGILdhAiBpqf3aPuneGPEeZJX7ZFoCn2aqsVTMPW/1crooMF4ngw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ankh-studio%2ftokens@0.5.8","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":25561},"type":"module","engines":{"node":">=20"},"exports":{"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./colors/blue.css":"./dist/colors/blue.css","./colors/purple.css":"./dist/colors/purple.css","./colors/grayscale.css":"./dist/colors/grayscale.css"},"gitHead":"f05d197434c7aa9058320502017142a38559d23a","scripts":{"lint":"stylelint 'src/**/*.css'","build":"postcss src/base.css -o dist/tokens.css && postcss 'src/colors/*.css' --dir dist/colors --base src/colors","clean":"rimraf dist"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:3dbded9c-643b-4c19-b8d7-e173a155cc9b"}},"repository":{"url":"git+https://github.com/Ankh-Studio/tokens.git","type":"git"},"_npmVersion":"11.6.2","description":"Ankh Studio design tokens - colors, typography, spacing, radius, shadow, motion","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.0","publishConfig":{"access":"public","provenance":true},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^6.1.2","postcss":"^8.5.6","stylelint":"^16.12.0","postcss-cli":"^11.0.1","postcss-import":"^16.1.1","stylelint-config-standard":"^37.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_0.5.8_1769976975419_0.31143909768922806","host":"s3://npm-registry-packages-npm-production"}},"0.5.9":{"name":"@ankh-studio/tokens","version":"0.5.9","description":"Ankh Studio design tokens - colors, typography, spacing, radius, shadow, motion","type":"module","license":"MIT","author":{"name":"Matthew Van Dusen","url":"https://github.com/imagineux"},"repository":{"type":"git","url":"git+https://github.com/Ankh-Studio/tokens.git"},"engines":{"node":">=20"},"publishConfig":{"access":"public","provenance":true},"exports":{"./tokens.css":"./dist/tokens.css","./colors/grayscale.css":"./dist/colors/grayscale.css","./colors/blue.css":"./dist/colors/blue.css","./colors/purple.css":"./dist/colors/purple.css","./tokens.json":"./dist/tokens.json","./package.json":"./package.json"},"sideEffects":["**/*.css"],"scripts":{"build":"postcss src/base.css -o dist/tokens.css && postcss 'src/colors/*.css' --dir dist/colors --base src/colors","clean":"rimraf dist","lint":"stylelint 'src/**/*.css'"},"devDependencies":{"postcss":"^8.5.6","postcss-cli":"^11.0.1","postcss-import":"^16.1.1","rimraf":"^6.1.2","stylelint":"^16.12.0","stylelint-config-standard":"^37.0.0"},"gitHead":"48ef0b63400c87032c1f60e0b6fd7358ce600036","_id":"@ankh-studio/tokens@0.5.9","bugs":{"url":"https://github.com/Ankh-Studio/tokens/issues"},"homepage":"https://github.com/Ankh-Studio/tokens#readme","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-rt8U24fxjaaEVVQe/4sHjHLu6U6nuo3oOv6/awULqTWyEHMcD5pYVT8WI0IrDdsk/pUR6RWw+cyKymL/L+4gTA==","shasum":"7fd18908be58c23348533dfbe3ec6682e8f5dda1","tarball":"https://registry.npmjs.org/@ankh-studio/tokens/-/tokens-0.5.9.tgz","fileCount":7,"unpackedSize":40777,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ankh-studio%2ftokens@0.5.9","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHVws9fZIntHPDrm0yqLb7LV5h7CVohzHO8wd/kaiqM0AiB11pl0Mu6WMqru8CbGNNfu89s6NcN5UN+HKRQxDNl5FQ=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:3dbded9c-643b-4c19-b8d7-e173a155cc9b"}},"directories":{},"maintainers":[{"name":"ankh-matt","email":"matt@ankhstudio.com"},{"name":"brandon-anubis","email":"brandon@ankhstudio.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.5.9_1771220686365_0.8127759916488393"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-31T03:19:36.726Z","modified":"2026-02-16T05:44:46.770Z","0.5.2":"2026-01-31T03:19:36.936Z","0.5.8":"2026-02-01T20:16:15.564Z","0.5.9":"2026-02-16T05:44:46.509Z"},"bugs":{"url":"https://github.com/Ankh-Studio/tokens/issues"},"author":{"name":"Matthew Van Dusen","url":"https://github.com/imagineux"},"license":"MIT","homepage":"https://github.com/Ankh-Studio/tokens#readme","repository":{"type":"git","url":"git+https://github.com/Ankh-Studio/tokens.git"},"description":"Ankh Studio design tokens - colors, typography, spacing, radius, shadow, motion","maintainers":[{"name":"ankh-matt","email":"matt@ankhstudio.com"},{"name":"brandon-anubis","email":"brandon@ankhstudio.com"}],"readme":"# @ankh-studio/tokens\n\nLow-level CSS design tokens for building themes. **If you're building an application, use `@ankh-studio/themes` instead.**\n\nThis package provides the foundational design tokens consumed by `@ankh-studio/themes`. It's useful if you're creating custom themes or need granular control over the design system.\n\n## Installation\n\n```bash\nnpm install @ankh-studio/tokens\n```\n\n## Usage\n\n```css\n@import '@ankh-studio/tokens/tokens.css';\n@import '@ankh-studio/tokens/colors/grayscale.css';\n```\n\nTokens are on `:root` and wrapped in `@layer tokens`.\n\n## Token Reference\n\n### Spacing\n\n| Token | Value |\n|-------|-------|\n| `--space-1` | 4px |\n| `--space-2` | 8px |\n| `--space-3` | 12px |\n| `--space-4` | 16px |\n| `--space-5` | 24px |\n| `--space-6` | 32px |\n| `--space-7` | 40px |\n| `--space-8` | 48px |\n| `--space-9` | 64px |\n\n### Typography\n\n| Token | Value |\n|-------|-------|\n| `--font-sans` | system-ui, -apple-system, 'Segoe UI', sans-serif |\n| `--font-serif` | georgia, 'Times New Roman', serif |\n| `--font-mono` | 'SF Mono', monaco, 'Courier New', monospace |\n| `--font-size-1` to `--font-size-11` | 11px to 57px |\n| `--font-weight-light/regular/medium/bold` | 300/400/500/700 |\n| `--line-height-1` to `--line-height-11` | 16px to 64px |\n\n### Radius\n\n| Token | Value |\n|-------|-------|\n| `--radius-none` | 0 |\n| `--radius-xs` | 4px |\n| `--radius-sm` | 8px |\n| `--radius-md` | 12px |\n| `--radius-lg` | 16px |\n| `--radius-xl` | 28px |\n| `--radius-full` | 9999px |\n\n### Shadow\n\n| Token | Description |\n|-------|-------------|\n| `--shadow-0` | none |\n| `--shadow-1` | Subtle |\n| `--shadow-2` | Low |\n| `--shadow-3` | Medium |\n| `--shadow-4` | High |\n| `--shadow-5` | Highest |\n\n### Motion (M3 Expressive)\n\n#### Spring Tokens (for JS animation libraries)\n\n| Token | Damping | Stiffness | Use Case |\n|-------|---------|-----------|----------|\n| `--spring-fast-spatial-*` | 0.9 | 1400 | Small components (buttons, switches) |\n| `--spring-default-spatial-*` | 0.9 | 700 | Partial screen (sheets, drawers) |\n| `--spring-slow-spatial-*` | 0.9 | 300 | Full screen transitions |\n| `--spring-fast-effects-*` | 1.0 | 3800 | Small component color/opacity |\n| `--spring-default-effects-*` | 1.0 | 1600 | Partial screen effects |\n| `--spring-slow-effects-*` | 1.0 | 800 | Full screen effects |\n\n**Spatial** springs allow overshoot (position, scale). **Effects** springs don't (color, opacity).\n\n#### Duration Tokens (for CSS)\n\n| Token | Value |\n|-------|-------|\n| `--duration-instant` | 0ms |\n| `--duration-short1` to `short4` | 50-200ms |\n| `--duration-medium1` to `medium4` | 250-400ms |\n| `--duration-long1` to `long4` | 450-600ms |\n| `--duration-extra-long1` to `extra-long4` | 700-1000ms |\n\n#### Easing Tokens (for CSS)\n\n| Token | Value | Use Case |\n|-------|-------|----------|\n| `--easing-standard` | cubic-bezier(0.2, 0, 0, 1) | Utility animations |\n| `--easing-standard-accelerate` | cubic-bezier(0.3, 0, 1, 1) | Exiting screen |\n| `--easing-standard-decelerate` | cubic-bezier(0, 0, 0, 1) | Entering screen |\n| `--easing-emphasized` | cubic-bezier(0.2, 0, 0, 1) | Expressive M3 animations |\n| `--easing-emphasized-accelerate` | cubic-bezier(0.3, 0, 0.8, 0.15) | Expressive exit |\n| `--easing-emphasized-decelerate` | cubic-bezier(0.05, 0.7, 0.1, 1) | Expressive enter |\n\n### Colors\n\n| Token | Description |\n|-------|-------------|\n| `--color-primary` | Primary brand |\n| `--color-on-primary` | Text on primary |\n| `--color-surface` | Surface background |\n| `--color-on-surface` | Text on surface |\n| `--color-error` | Error states |\n| `--color-outline` | Borders |\n\n## Color Palettes\n\n- `colors/grayscale.css` - Neutral (default)\n- `colors/blue.css` - Corporate blue\n- `colors/purple.css` - Creative purple\n\nColors use `light-dark()` for automatic dark mode:\n\n```css\n--color-surface: light-dark(oklch(99% 0.005 264deg), oklch(15% 0.005 264deg));\n```\n\n## Architecture\n\n- **CSS Cascade Layers** - `@layer tokens` for clean cascade control\n- **`light-dark()` function** - Automatic dark mode colors\n- **OKLCH color space** - Perceptual uniformity\n- **Scaling support** - `var(--scaling, 1)` multiplier\n\n## Browser Support\n\nRequires browsers supporting:\n- CSS `light-dark()` function\n- OKLCH color space\n- CSS Cascade Layers (`@layer`)\n\n**Supported:** Chrome 123+, Safari 17.5+, Firefox 120+\n\n## Documentation\n\n- [Architecture Decision Records](./docs/adr/) - Design decisions and proposals\n- [Contributing](./CONTRIBUTING.md) - How to contribute\n\n## License\n\nMIT\n","readmeFilename":"README.md"}