{"_id":"@dangerousthings/tailwind-preset","_rev":"2-cce6defe728b99e67e309d274c1b5321","name":"@dangerousthings/tailwind-preset","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@dangerousthings/tailwind-preset","version":"0.1.0","keywords":["dangerousthings","design-system","tailwind","tailwindcss","preset","design-tokens"],"author":{"name":"Dangerous Things","email":"info@dangerousthings.com"},"license":"MIT","_id":"@dangerousthings/tailwind-preset@0.1.0","maintainers":[{"name":"dangerous_tac0s","email":"ops@dangerousthings.com"}],"homepage":"https://github.com/dangerous-tac0s/dt-design-system#readme","bugs":{"url":"https://github.com/dangerous-tac0s/dt-design-system/issues"},"dist":{"shasum":"a209a43ef3d4d4a048fe3299b25915e445bcdd05","tarball":"https://registry.npmjs.org/@dangerousthings/tailwind-preset/-/tailwind-preset-0.1.0.tgz","fileCount":7,"integrity":"sha512-ndzZmHzo6UNad2u0GQQVdmKDBVTCZEH7RbYhPgKnmaef+PZza5t5OayYTc/1HfbEkTu2tawDrw4qsLIsZV8SUg==","signatures":[{"sig":"MEUCIQCwu+kcYr9YD40m7b8G3mMOx9S7wiITKjGRROmN/LoosAIgSZ+Ijg25sDKjgnb0VeD9THCV43MyHHEcdvfFzTQ5PEc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9610},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"gitHead":"54b58a6ac6cd1d1c99faaa94c8839638963ff6bc","scripts":{"build":"tsc","clean":"rm -rf dist","typecheck":"tsc --noEmit"},"_npmUser":{"name":"dangerous_tac0s","email":"ops@dangerousthings.com"},"repository":{"url":"git+https://github.com/dangerous-tac0s/dt-design-system.git","type":"git","directory":"packages/tailwind-preset"},"_npmVersion":"10.8.2","description":"Tailwind CSS v3 preset mapping DT design tokens to Tailwind theme","directories":{},"_nodeVersion":"20.19.5","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.8.0","tailwindcss":"^3.4.0"},"peerDependencies":{"tailwindcss":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwind-preset_0.1.0_1772911269941_0.10124596154195031","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dangerousthings/tailwind-preset","version":"0.1.1","description":"Tailwind CSS v3 preset mapping DT design tokens to Tailwind theme","license":"MIT","author":{"name":"Dangerous Things","email":"info@dangerousthings.com"},"repository":{"type":"git","url":"git+https://github.com/dangerous-tac0s/dt-design-system.git","directory":"packages/tailwind-preset"},"homepage":"https://github.com/dangerous-tac0s/dt-design-system#readme","keywords":["dangerousthings","design-system","tailwind","tailwindcss","preset","design-tokens"],"engines":{"node":">=18.0.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"main":"dist/index.js","types":"dist/index.d.ts","publishConfig":{"access":"public"},"scripts":{"build":"tsc","clean":"rm -rf dist","typecheck":"tsc --noEmit"},"peerDependencies":{"tailwindcss":"^3.4.0"},"devDependencies":{"tailwindcss":"^3.4.0","typescript":"^5.8.0"},"_id":"@dangerousthings/tailwind-preset@0.1.1","gitHead":"741ee6907949ba78775bab784f26bcf55652a9bc","bugs":{"url":"https://github.com/dangerous-tac0s/dt-design-system/issues"},"_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-lmldcRYl6HMEk5jTDMt9i85WE+kDP5qfnNiv7iny2CX9kUDcknf0ZMtFnF3CdX50KG/C0TKDh1/q6IGoRZT5UA==","shasum":"2ac0f9b4ea10bfb14b8bd8d106f68ebbc62e86db","tarball":"https://registry.npmjs.org/@dangerousthings/tailwind-preset/-/tailwind-preset-0.1.1.tgz","fileCount":7,"unpackedSize":9608,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIE45E1m4Ngs3JKBUS02DZJaB4+gx9QcSfBNl3sOuCYOTAiEA/AslcpVrs2GmeOXmgLWY58yvLD3UqJRDLLtoNts8dYw="}]},"_npmUser":{"name":"dangerous_tac0s","email":"ops@dangerousthings.com"},"directories":{},"maintainers":[{"name":"dangerous_tac0s","email":"ops@dangerousthings.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwind-preset_0.1.1_1772991448023_0.23243818406001315"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-07T19:21:09.831Z","modified":"2026-03-08T17:37:28.306Z","0.1.0":"2026-03-07T19:21:10.090Z","0.1.1":"2026-03-08T17:37:28.161Z"},"bugs":{"url":"https://github.com/dangerous-tac0s/dt-design-system/issues"},"author":{"name":"Dangerous Things","email":"info@dangerousthings.com"},"license":"MIT","homepage":"https://github.com/dangerous-tac0s/dt-design-system#readme","keywords":["dangerousthings","design-system","tailwind","tailwindcss","preset","design-tokens"],"repository":{"type":"git","url":"git+https://github.com/dangerous-tac0s/dt-design-system.git","directory":"packages/tailwind-preset"},"description":"Tailwind CSS v3 preset mapping DT design tokens to Tailwind theme","maintainers":[{"name":"dangerous_tac0s","email":"ops@dangerousthings.com"}],"readme":"# @dangerousthings/tailwind-preset\n\nTailwind CSS v3 preset that maps Dangerous Things design tokens to Tailwind theme values. Uses CSS custom property references so the same utility classes work across both DT and Classic brands at runtime.\n\n## Install\n\n```bash\nnpm install @dangerousthings/tailwind-preset\n```\n\n### Peer Dependencies\n\n```bash\nnpm install tailwindcss@^3.4\n```\n\nYou also need a brand token CSS file loaded (from `@dangerousthings/web` or `@dangerousthings/tokens`).\n\n## Setup\n\nAdd the preset to your `tailwind.config.js`:\n\n```js\nimport dtPreset from \"@dangerousthings/tailwind-preset\";\n\nexport default {\n  presets: [dtPreset],\n  content: [\"./src/**/*.{tsx,ts,html}\"],\n};\n```\n\n## Available Utilities\n\n### Colors\n\nAll DT design token colors are available under the `dt-` prefix. Colors with `-rgb` variants support Tailwind opacity modifiers.\n\n```html\n<div class=\"bg-dt-bg text-dt-text-primary\">\n  <h1 class=\"text-dt-primary\">Heading</h1>\n  <p class=\"text-dt-text-secondary\">Body text</p>\n  <button class=\"bg-dt-primary/50 text-dt-bg\">50% opacity</button>\n</div>\n```\n\n| Utility | Token |\n|---------|-------|\n| `bg-dt-bg`, `text-dt-bg` | `--color-bg` |\n| `bg-dt-surface` | `--color-surface` |\n| `bg-dt-primary`, `text-dt-primary` | `--color-primary` |\n| `bg-dt-secondary` | `--color-secondary` |\n| `bg-dt-accent` | `--color-accent` |\n| `bg-dt-error` | `--color-error` |\n| `text-dt-text-primary` | `--color-text-primary` |\n| `text-dt-text-secondary` | `--color-text-secondary` |\n| `text-dt-text-muted` | `--color-text-muted` |\n\n### Mode Colors\n\nCard mode colors are available under the `mode-` prefix:\n\n```html\n<div class=\"border-mode-normal\">Normal</div>\n<div class=\"text-mode-emphasis\">Emphasis</div>\n<div class=\"bg-mode-warning\">Warning</div>\n```\n\n### Spacing\n\n```html\n<div class=\"p-dt-4 gap-dt-2 m-dt-1\">...</div>\n```\n\n| Utility | Token |\n|---------|-------|\n| `*-dt-1` through `*-dt-8` | `--space-1` through `--space-8` |\n\n### Border Radius\n\n```html\n<div class=\"rounded-dt\">Default</div>\n<div class=\"rounded-dt-sm\">Small</div>\n<div class=\"rounded-dt-lg\">Large</div>\n```\n\n### Font Family\n\n```html\n<h1 class=\"font-dt-heading\">Tektur heading</h1>\n<p class=\"font-dt-body\">Body text</p>\n<code class=\"font-dt-mono\">Monospace</code>\n```\n\n## Brand Switching\n\nBecause the preset uses `var()` references, switching brands at runtime requires only changing the CSS custom properties (e.g., via `data-brand` attribute). No Tailwind rebuild is needed.\n\n```html\n<div data-brand=\"dt\">Cyan neon theme</div>\n<div data-brand=\"classic\">Navy magenta theme</div>\n```\n\n## Monorepo\n\nPart of the [DT Design System](https://github.com/dangerous-tac0s/dt-design-system) monorepo.\n\n## License\n\n[MIT](LICENSE)\n","readmeFilename":"README.md"}