{"_id":"@dsappz/tokens","_rev":"2-96711ccb83a4c0699929e52660d7b966","name":"@dsappz/tokens","dist-tags":{"latest":"1.1.12"},"versions":{"1.0.0":{"name":"@dsappz/tokens","version":"1.0.0","license":"MIT","_id":"@dsappz/tokens@1.0.0","maintainers":[{"name":"dsappz-npm","email":"dsarangi2@gmail.com"}],"dist":{"shasum":"ac9005d9c7ebe5a03115240de9c2901f86b6642e","tarball":"https://registry.npmjs.org/@dsappz/tokens/-/tokens-1.0.0.tgz","fileCount":12,"integrity":"sha512-+eYUFk6PWE16puup8lW0T6b6qOYt6RNhzkMzJrTQnEiquDYSuyg2laO4EjyIZkjvsY6Rwet+xKoBGlX4fxfvyQ==","signatures":[{"sig":"MEUCID+NU4MRzXsY5svV50yThjtFlHj/k3TS4cALMFr2uqORAiEA+P2t3NbWaD8Mn8xCoBmqCh/U3rMzLbxaQYKZTZXuvOg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7788},"main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./base.css":"./src/base.css"},"gitHead":"ba32daed6a5567ff2ffd89581d885daf45662d73","scripts":{"test":"vitest run","build":"tsc"},"_npmUser":{"name":"dsappz-npm","email":"dsarangi2@gmail.com"},"_npmVersion":"11.11.1","description":"Design token contract and shared CSS variables for dsappz themes","directories":{},"_nodeVersion":"25.8.2","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tokens_1.0.0_1776262007121_0.3641144240068843","host":"s3://npm-registry-packages-npm-production"}},"1.1.12":{"name":"@dsappz/tokens","version":"1.1.12","description":"Design token contract and shared CSS variables for dsappz themes","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./base.css":"./src/base.css"},"scripts":{"build":"tsc","test":"vitest run","prepublishOnly":"node -e \"if (!process.env.CI) { console.error('\\nPublishing is only allowed via CI. Run a PR to main.\\n'); process.exit(1); }\""},"license":"SEE LICENSE IN LICENSE.md","gitHead":"ba32daed6a5567ff2ffd89581d885daf45662d73","_id":"@dsappz/tokens@1.1.12","_nodeVersion":"22.22.2","_npmVersion":"10.9.7","dist":{"integrity":"sha512-UVe9KEB4dXDd+eAX5FrlGuO1QUQeEGiy3o/1fbRPJ6/B9efQsJHVjlGiX/eFSR2sTjWWQ/lyMI4xHlvw3bTlvw==","shasum":"a25cdbdfeb542dbcd74ca0b8a272ec6e7000694d","tarball":"https://registry.npmjs.org/@dsappz/tokens/-/tokens-1.1.12.tgz","fileCount":14,"unpackedSize":21449,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHo6I6Z3GccTFO33UqZe4qah9et2CgbS7QgniFO0pejeAiEAoGEAa7pnGzcSLg1IO0HrtE5T/hSi7g6K4CwqFeMNkp4="}]},"_npmUser":{"name":"dsappz-npm","email":"dsarangi2@gmail.com"},"directories":{},"maintainers":[{"name":"dsappz-npm","email":"dsarangi2@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_1.1.12_1778623436561_0.4580093475008584"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-15T14:06:47.038Z","modified":"2026-05-12T22:03:56.842Z","1.0.0":"2026-04-15T14:06:47.286Z","1.1.12":"2026-05-12T22:03:56.719Z"},"license":"SEE LICENSE IN LICENSE.md","description":"Design token contract and shared CSS variables for dsappz themes","maintainers":[{"name":"dsappz-npm","email":"dsarangi2@gmail.com"}],"readme":"# @dsappz/tokens\n\nDesign token contract and Tailwind v4 base for dsappz themes.\n\n## Install\n\n```bash\npnpm add @dsappz/tokens\n```\n\n## Usage\n\nCSS import (must come before any theme preset):\n\n```css\n@import \"@dsappz/tokens/base.css\";\n@import \"@dsappz/theme-minimalistic/theme.css\"; /* your chosen theme */\n```\n\n## Token Reference\n\n### Surface\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--background` | `bg-background` | Page/surface background |\n| `--foreground` | `text-foreground` | Default text color |\n| `--card` | `bg-card` | Card surface background |\n| `--card-foreground` | `text-card-foreground` | Card text color |\n| `--popover` | `bg-popover` | Popover/dropdown background |\n| `--popover-foreground` | `text-popover-foreground` | Popover text color |\n\n### Brand\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--primary` | `bg-primary` / `text-primary` | Primary brand color |\n| `--primary-foreground` | `text-primary-foreground` | Text on primary surfaces |\n| `--secondary` | `bg-secondary` | Secondary brand color |\n| `--secondary-foreground` | `text-secondary-foreground` | Text on secondary surfaces |\n| `--accent` | `bg-accent` | Accent/highlight color |\n| `--accent-foreground` | `text-accent-foreground` | Text on accent surfaces |\n\n### Semantic\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--muted` | `bg-muted` | Muted/subdued surface |\n| `--muted-foreground` | `text-muted-foreground` | Muted text color |\n| `--destructive` | `bg-destructive` | Destructive/danger color |\n| `--destructive-foreground` | `text-destructive-foreground` | Text on destructive surfaces |\n| `--success` | `bg-success` | Success state color |\n| `--success-foreground` | `text-success-foreground` | Text on success surfaces |\n| `--warning` | `bg-warning` | Warning state color |\n| `--warning-foreground` | `text-warning-foreground` | Text on warning surfaces |\n| `--info` | `bg-info` | Informational state color |\n| `--info-foreground` | `text-info-foreground` | Text on info surfaces |\n\n### Chrome\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--border` | `border-border` | Default border color |\n| `--input` | `border-input` | Input field border color |\n| `--ring` | `ring-ring` / `outline-ring` | Focus ring / outline color |\n\n### Radius\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--radius-xs` | `rounded-xs` | Extra-small border radius |\n| `--radius-sm` | `rounded-sm` | Small border radius |\n| `--radius-md` | `rounded-md` | Medium border radius |\n| `--radius-lg` | `rounded-lg` | Large border radius |\n\n### Typography\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--font-sans` | — | Sans-serif font family (used via `font-family` CSS) |\n| `--font-mono` | — | Monospace font family (used via `font-family` CSS) |\n| `--font-display` | — | Display/heading font family (used via `font-family` CSS) |\n\n### Animation\n\n| Token | Tailwind Utility | Purpose |\n|---|---|---|\n| `--duration-fast` | `duration-fast` | Fast transition duration |\n| `--duration-normal` | `duration-normal` | Normal transition duration |\n| `--duration-slow` | `duration-slow` | Slow transition duration |\n| `--ease-default` | `ease-default` | Default easing function |\n\n## TypeScript\n\n```ts\nimport type { RequiredCssVariable } from \"@dsappz/tokens\"\n// Use this type to validate your theme defines all required tokens\n```\n\n---\n\n© 2026 dsappz · [github.com/dsappz/dsappz-design](https://github.com/dsappz/dsappz-design) · Proprietary\n","readmeFilename":"README.md"}