{"_id":"@arshad-shah/cynosure-tokens","_rev":"4-0e1d2f2709485cc0d1afa0f7ae18d357","name":"@arshad-shah/cynosure-tokens","dist-tags":{"latest":"3.3.0"},"versions":{"1.0.0":{"name":"@arshad-shah/cynosure-tokens","version":"1.0.0","license":"MIT","_id":"@arshad-shah/cynosure-tokens@1.0.0","maintainers":[{"name":"arshad-shah","email":"shaharshad57@gmail.com"}],"dist":{"shasum":"7441405c4c0eb64d7580fdd06b2b7569f6d16adb","tarball":"https://registry.npmjs.org/@arshad-shah/cynosure-tokens/-/cynosure-tokens-1.0.0.tgz","fileCount":8,"integrity":"sha512-UToWPX7wE0YbRGb7/TZIxW/DHovGJY1IvOTWhWE31apbXcWS369k/q9MreWpu3LCiv+G8JbVccFNvQXBtOlA+A==","signatures":[{"sig":"MEUCIGp3z8uWpaJKLAR+kTCaViV/39xKhqIVJXSwvF48rZKhAiEAqZ1gmAK+78JbbWQCIcEJFVJ81OeDm/ZwqDMGqfrlrrU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":96678},"main":"./dist/index.js","type":"module","_from":"file:arshad-shah-cynosure-tokens-1.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./css":"./dist/css/base.css","./css/dark":"./dist/css/dark.css","./package.json":"./package.json"},"scripts":{"dev":"pnpm build:tokens && tsup --watch","build":"pnpm validate && pnpm build:tokens && tsup","clean":"rm -rf dist src/generated .turbo","validate":"node scripts/validate.mjs","typecheck":"tsc --noEmit","build:tokens":"node style-dictionary.config.mjs"},"_npmUser":{"name":"arshad-shah","email":"shaharshad57@gmail.com"},"_resolved":"C:\\Users\\shaha\\AppData\\Local\\Temp\\42a363aa08d853b271f21991abc1b3ae\\arshad-shah-cynosure-tokens-1.0.0.tgz","_integrity":"sha512-UToWPX7wE0YbRGb7/TZIxW/DHovGJY1IvOTWhWE31apbXcWS369k/q9MreWpu3LCiv+G8JbVccFNvQXBtOlA+A==","_npmVersion":"11.8.0","description":"Cynosure UI — design tokens (DTCG JSON + generated CSS/TS)","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"ajv":"8.18.0","glob":"11.1.0","tsup":"8.5.1","typescript":"5.9.3","style-dictionary":"4.4.0","@arshad-shah/cynosure-config":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/cynosure-tokens_1.0.0_1776518701369_0.16895166610319312","host":"s3://npm-registry-packages-npm-production"}},"2.1.1":{"name":"@arshad-shah/cynosure-tokens","version":"2.1.1","license":"MIT","_id":"@arshad-shah/cynosure-tokens@2.1.1","maintainers":[{"name":"arshad-shah","email":"shaharshad57@gmail.com"}],"dist":{"shasum":"8a239404dfb1ce31e968b245a48cb970cf424a9e","tarball":"https://registry.npmjs.org/@arshad-shah/cynosure-tokens/-/cynosure-tokens-2.1.1.tgz","fileCount":9,"integrity":"sha512-YKcPYXlZl3JbuBwXPKyXYrMGkfkdhjAffw2epbtgoSBXoc6cixioQMN5Y86H8C4GFa97CTf2Hlh1KD32QStRkg==","signatures":[{"sig":"MEUCIQDPyys/Ujvw1rocfjYmg5JJpZ/MN0htDMD4mD4xqc9AVQIgdoVqcZ0kttEzXEsAKl4hx9Oeya9gZJ0pzDrAeXrOpqQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":71254},"main":"./dist/index.js","type":"module","_from":"file:arshad-shah-cynosure-tokens-2.1.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./css":"./dist/css/base.css","./fonts":"./dist/css/fonts.css","./css/dark":"./dist/css/dark.css","./package.json":"./package.json"},"scripts":{"dev":"pnpm build:tokens && pnpm build:fonts && tsup --watch","build":"pnpm validate && pnpm build:tokens && tsup && pnpm build:fonts","clean":"rm -rf dist src/generated .turbo","validate":"node scripts/validate.mjs","typecheck":"tsc --noEmit","build:fonts":"cp src/fonts.css dist/css/fonts.css","build:tokens":"node style-dictionary.config.mjs"},"_npmUser":{"name":"arshad-shah","email":"shaharshad57@gmail.com"},"_resolved":"C:\\Users\\shaha\\AppData\\Local\\Temp\\9293a8b6084e9af0ff9ac6342c48c2d1\\arshad-shah-cynosure-tokens-2.1.1.tgz","_integrity":"sha512-YKcPYXlZl3JbuBwXPKyXYrMGkfkdhjAffw2epbtgoSBXoc6cixioQMN5Y86H8C4GFa97CTf2Hlh1KD32QStRkg==","_npmVersion":"11.12.1","description":"Cynosure UI — design tokens (DTCG JSON + generated CSS/TS)","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.15.0","dependencies":{"@fontsource-variable/geist":"5.2.8","@fontsource-variable/jetbrains-mono":"5.2.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"ajv":"8.18.0","glob":"11.1.0","tsup":"8.5.1","typescript":"5.9.3","style-dictionary":"4.4.0","@arshad-shah/cynosure-config":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/cynosure-tokens_2.1.1_1776979838093_0.2774780903897178","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@arshad-shah/cynosure-tokens","version":"3.0.0","keywords":["cynosure","design-system","design-tokens","dtcg","css-variables"],"license":"MIT","_id":"@arshad-shah/cynosure-tokens@3.0.0","maintainers":[{"name":"arshad-shah","email":"shaharshad57@gmail.com"}],"homepage":"https://cynosure.arshadshah.com","bugs":{"url":"https://github.com/arshad-shah/cynosure/issues"},"dist":{"shasum":"082a7f79e73d2b1941399e9459cf94ad12cb3211","tarball":"https://registry.npmjs.org/@arshad-shah/cynosure-tokens/-/cynosure-tokens-3.0.0.tgz","fileCount":10,"integrity":"sha512-+UWrNectr4u+q3uGpHgZWVDnLKGrn+a37mVXKpe7zTO/b+Rvr4HlCP1w2cF45QPpDyoWOscK2+fUAmBis1b+bw==","signatures":[{"sig":"MEYCIQD76TsK32WlVyBEhwbNQUJWeoexJ+4BMul9gOsTJrHs4QIhAP7dV94MB1/oBZ732mMwBtX/L9WYdYv4UBdnVRlznJ06","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@arshad-shah%2fcynosure-tokens@3.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":105918},"main":"./dist/index.js","type":"module","_from":"file:arshad-shah-cynosure-tokens-3.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./css":"./dist/css/base.css","./fonts":"./dist/css/fonts.css","./css/dark":"./dist/css/dark.css","./package.json":"./package.json"},"scripts":{"dev":"pnpm build:tokens && pnpm build:fonts && tsup --watch","build":"pnpm validate && pnpm build:tokens && tsup && pnpm build:fonts","clean":"rm -rf dist src/generated .turbo","validate":"node scripts/validate.mjs","typecheck":"tsc --noEmit","build:fonts":"cp src/fonts.css dist/css/fonts.css","build:tokens":"node style-dictionary.config.mjs"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:70ac7bfb-55fc-42ab-9e59-b4ee17e789e8"}},"_resolved":"/tmp/c6b50c36f5bfcba51bc9699f4a9d4dc8/arshad-shah-cynosure-tokens-3.0.0.tgz","_integrity":"sha512-+UWrNectr4u+q3uGpHgZWVDnLKGrn+a37mVXKpe7zTO/b+Rvr4HlCP1w2cF45QPpDyoWOscK2+fUAmBis1b+bw==","repository":{"url":"git+https://github.com/arshad-shah/cynosure.git","type":"git","directory":"packages/tokens"},"_npmVersion":"11.5.2","description":"Cynosure UI — design tokens (DTCG JSON + generated CSS/TS)","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.22.2","dependencies":{"@fontsource-variable/geist":"5.2.8","@fontsource-variable/jetbrains-mono":"5.2.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"ajv":"8.18.0","glob":"11.1.0","tsup":"8.5.1","typescript":"5.9.3","style-dictionary":"4.4.0","@arshad-shah/cynosure-config":"0.0.0"},"_npmOperationalInternal":{"tmp":"tmp/cynosure-tokens_3.0.0_1778693324279_0.033983886407365604","host":"s3://npm-registry-packages-npm-production"}},"3.3.0":{"name":"@arshad-shah/cynosure-tokens","version":"3.3.0","description":"Cynosure UI — design tokens (DTCG JSON + generated CSS/TS)","license":"MIT","homepage":"https://cynosure.arshadshah.com","repository":{"type":"git","url":"git+https://github.com/arshad-shah/cynosure.git","directory":"packages/tokens"},"bugs":{"url":"https://github.com/arshad-shah/cynosure/issues"},"keywords":["cynosure","design-system","design-tokens","dtcg","css-variables"],"type":"module","sideEffects":["**/*.css"],"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./css":"./dist/css/base.css","./css/dark":"./dist/css/dark.css","./fonts":"./dist/css/fonts.css","./package.json":"./package.json"},"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","dependencies":{"@fontsource-variable/geist":"5.2.8","@fontsource-variable/jetbrains-mono":"5.2.8"},"devDependencies":{"ajv":"8.18.0","glob":"11.1.0","style-dictionary":"4.4.0","tsup":"8.5.1","typescript":"5.9.3","@arshad-shah/cynosure-config":"0.0.0"},"publishConfig":{"access":"public"},"scripts":{"validate":"node scripts/validate.mjs","build:tokens":"node style-dictionary.config.mjs","build:fonts":"cp src/fonts.css dist/css/fonts.css","build":"pnpm validate && pnpm build:tokens && tsup && pnpm build:fonts","dev":"pnpm build:tokens && pnpm build:fonts && tsup --watch","typecheck":"tsc --noEmit","clean":"rm -rf dist src/generated .turbo"},"_id":"@arshad-shah/cynosure-tokens@3.3.0","_integrity":"sha512-G8OdcsxQr8bdt7sJMfSeihItxGcQ5R4XGGPqyCGHwfDbk/91oX5mzoG1ri3v633XTRv474+3Hr8MMfy3kvH5PA==","_resolved":"/tmp/bbfaf56bd9e3b00dbde437acfa486c41/arshad-shah-cynosure-tokens-3.3.0.tgz","_from":"file:arshad-shah-cynosure-tokens-3.3.0.tgz","_nodeVersion":"22.22.3","_npmVersion":"11.5.2","dist":{"integrity":"sha512-G8OdcsxQr8bdt7sJMfSeihItxGcQ5R4XGGPqyCGHwfDbk/91oX5mzoG1ri3v633XTRv474+3Hr8MMfy3kvH5PA==","shasum":"8f8939d2aab1575a5c4cfa2d2a7420f45f08fabc","tarball":"https://registry.npmjs.org/@arshad-shah/cynosure-tokens/-/cynosure-tokens-3.3.0.tgz","fileCount":10,"unpackedSize":108893,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@arshad-shah%2fcynosure-tokens@3.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDUZW8pvemmABoQ5wboADDnplwwljJmNw0T+a1zn3JHTQIhANOTgiDkNkj6qaWRqnF8yh2mXow21aRVqbwUe0+wHaFb"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:70ac7bfb-55fc-42ab-9e59-b4ee17e789e8"}},"directories":{},"maintainers":[{"name":"arshad-shah","email":"shaharshad57@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/cynosure-tokens_3.3.0_1780177814827_0.377037546430927"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-18T13:25:01.254Z","modified":"2026-05-30T21:50:15.212Z","1.0.0":"2026-04-18T13:25:01.524Z","2.1.1":"2026-04-23T21:30:38.314Z","3.0.0":"2026-05-13T17:28:44.434Z","3.3.0":"2026-05-30T21:50:14.956Z"},"bugs":{"url":"https://github.com/arshad-shah/cynosure/issues"},"license":"MIT","homepage":"https://cynosure.arshadshah.com","keywords":["cynosure","design-system","design-tokens","dtcg","css-variables"],"repository":{"type":"git","url":"git+https://github.com/arshad-shah/cynosure.git","directory":"packages/tokens"},"description":"Cynosure UI — design tokens (DTCG JSON + generated CSS/TS)","maintainers":[{"name":"arshad-shah","email":"shaharshad57@gmail.com"}],"readme":"# @arshad-shah/cynosure-tokens\n\n> W3C DTCG design tokens for Cynosure UI — the CSS custom properties every component reads from.\n\nSource of truth for colour, spacing, typography, radius, elevation, motion, and z-index across the Cynosure ecosystem. Tokens are authored as DTCG JSON and compiled by Style Dictionary to CSS custom properties, a TypeScript module, and platform outputs.\n\n---\n\n## Install\n\n```bash\npnpm add @arshad-shah/cynosure-tokens\n```\n\nNo peer dependencies. CSS has no side effects outside the `:root` selector.\n\n---\n\n## Usage\n\n### As an app consumer\n\nImport the stylesheets once at the root of your app. Light tokens load by default; the dark stylesheet registers overrides keyed to `prefers-color-scheme: dark` and `[data-theme=\"dark\"]`:\n\n```ts\nimport '@arshad-shah/cynosure-tokens/css';        // light tokens\nimport '@arshad-shah/cynosure-tokens/css/dark';   // dark-mode overrides\n```\n\nFrom there, every CSS variable is available:\n\n```css\n.card {\n  background: var(--cynosure-color-surface-1);\n  padding: var(--cynosure-space-4);\n  border-radius: var(--cynosure-radius-md);\n  box-shadow: var(--cynosure-shadow-sm);\n}\n```\n\n### As a JavaScript consumer\n\nTokens are also exported as a typed object for places CSS variables don't reach (canvas, React Native, animation values):\n\n```ts\nimport { tokens } from '@arshad-shah/cynosure-tokens';\n\nchart.colors = [\n  tokens.color.accent[500],\n  tokens.color.danger[500],\n  tokens.color.success[500],\n];\n```\n\n---\n\n## Customising\n\nOverride any token at a scoping ancestor — the variables cascade like any other CSS custom property:\n\n```css\n[data-theme=\"brand\"] {\n  --cynosure-color-accent-500: oklch(64% 0.18 284);\n  --cynosure-radius-md: 12px;\n}\n```\n\nSee the [custom-themes guide](https://github.com/arshad-shah/cynosure/blob/main/docs/foundations/custom-themes.mdx) for the full token reference and scoping patterns.\n\n---\n\n## What's inside\n\n- **Colours** — semantic scales (accent, neutral, danger, warning, success, info) plus surface, text, and border aliases\n- **Spacing** — 8-point grid, `0` through `20`\n- **Typography** — font families, sizes, weights, line-heights, letter-spacing\n- **Radius** — none, sm, md, lg, xl, full\n- **Elevation** — shadow scale with ambient + directional layers\n- **Motion** — duration and easing (cubic-bezier) tokens\n- **Z-index** — layered scale for overlays, dropdowns, toasts, modals\n\n---\n\n## Links\n\n- [Main repo](https://github.com/arshad-shah/cynosure)\n- [Design tokens docs](https://github.com/arshad-shah/cynosure/blob/main/docs/foundations/design-tokens.mdx)\n- [Changelog](./CHANGELOG.md)\n\n## License\n\nMIT © [Arshad Shah](https://github.com/arshad-shah)\n","readmeFilename":"README.md"}