{"_id":"@caoscompany/brand-tokens","name":"@caoscompany/brand-tokens","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@caoscompany/brand-tokens","version":"0.1.0","description":"C.A.O.S. design tokens — Tailwind v4 @theme preset, design tokens JSON, glassmorphism utilities. Source of truth for all CAOS apps and platform.","type":"module","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./tokens.css":"./src/tokens.css","./tokens.json":"./src/tokens.json","./preset":"./tailwind/preset.js"},"scripts":{"build":"node build.mjs","test":"vitest run","lint":"tsc --noEmit","prepublishOnly":"npm run build && npm test"},"keywords":["tailwindcss","tailwind-v4","design-tokens","design-system","caoscompany","caos","glassmorphism"],"author":{"name":"C.A.O.S. Company"},"license":"MIT","publishConfig":{"access":"public","provenance":true},"repository":{"type":"git","url":"git+https://github.com/EuGenio1FreeLa/caos-brand-tokens.git"},"bugs":{"url":"https://github.com/EuGenio1FreeLa/caos-brand-tokens/issues"},"homepage":"https://github.com/EuGenio1FreeLa/caos-brand-tokens#readme","devDependencies":{"@types/node":"^22.10.0","typescript":"^5.7.2","vitest":"^3.0.4"},"engines":{"node":">=20"},"_id":"@caoscompany/brand-tokens@0.1.0","gitHead":"bd79f5276cc42f2f90f5a04c97bfe90422533ff5","_nodeVersion":"22.22.2","_npmVersion":"10.9.7","dist":{"integrity":"sha512-kmeoIw9g4zmCHOllSvezD13cC9bnNu6STFpg5fq5kk24FRo41FLdJnh0VtVsihKCRnaVAoWV29sAO3QqZezkig==","shasum":"a46a549a0ed68c61b222123379e8c0b8f293aa1a","tarball":"https://registry.npmjs.org/@caoscompany/brand-tokens/-/brand-tokens-0.1.0.tgz","fileCount":13,"unpackedSize":36371,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caoscompany%2fbrand-tokens@0.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIF0/9Yp5w/pYwjg77zy7l2XlUSJV/TR606B7Ju2iJgC7AiACg9maCRHZoIadNUPX3LYqWdCuz+/17Lq2HyFZdGgmKQ=="}]},"_npmUser":{"name":"caoscompany","email":"caoscompanytec@gmail.com"},"directories":{},"maintainers":[{"name":"caoscompany","email":"caoscompanytec@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/brand-tokens_0.1.0_1778523458118_0.12443086687518456"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T18:17:38.033Z","0.1.0":"2026-05-11T18:17:38.257Z","modified":"2026-05-11T18:17:38.623Z"},"maintainers":[{"name":"caoscompany","email":"caoscompanytec@gmail.com"}],"description":"C.A.O.S. design tokens — Tailwind v4 @theme preset, design tokens JSON, glassmorphism utilities. Source of truth for all CAOS apps and platform.","homepage":"https://github.com/EuGenio1FreeLa/caos-brand-tokens#readme","keywords":["tailwindcss","tailwind-v4","design-tokens","design-system","caoscompany","caos","glassmorphism"],"repository":{"type":"git","url":"git+https://github.com/EuGenio1FreeLa/caos-brand-tokens.git"},"author":{"name":"C.A.O.S. Company"},"bugs":{"url":"https://github.com/EuGenio1FreeLa/caos-brand-tokens/issues"},"license":"MIT","readme":"# `@caoscompany/brand-tokens`\n\n> C.A.O.S. design tokens — Tailwind v4 `@theme` preset, design tokens JSON, glassmorphism utilities. Single source of truth for all CAOS apps and the platform.\n\n[![npm](https://img.shields.io/npm/v/@caoscompany/brand-tokens.svg)](https://www.npmjs.com/package/@caoscompany/brand-tokens)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)\n\n---\n\n## Install\n\n```bash\nnpm install @caoscompany/brand-tokens\n```\n\n## Usage\n\n### 1. Tailwind v4 (recommended)\n\nTailwind v4 reads `@theme` blocks natively. Just import the tokens CSS after Tailwind:\n\n```css\n/* app.css */\n@import \"tailwindcss\";\n@import \"@caoscompany/brand-tokens/tokens.css\";\n```\n\nAll tokens become Tailwind utilities automatically:\n\n```html\n<div class=\"bg-caos-bg text-caos-text\">\n  <button class=\"bg-caos-warm-500 hover:bg-caos-warm-600 shadow-glow-warm\">\n    CTA\n  </button>\n  <div class=\"font-mono text-caos-muted\">Code snippet</div>\n</div>\n```\n\n### 2. Tailwind v3 (legacy preset)\n\n```js\n// tailwind.config.js\nimport caosPreset from '@caoscompany/brand-tokens/preset';\n\nexport default {\n  presets: [caosPreset],\n  content: ['./src/**/*.{ts,tsx,html}']\n};\n```\n\n### 3. Programmatic (no framework)\n\n```ts\nimport { tokens, colors, gradients, fontFamily, shadows, appAccents } from '@caoscompany/brand-tokens';\n\nconsole.log(colors['caos-warm-500']);            // \"#FF3D2E\"\nconsole.log(gradients['warm-cool']);             // \"linear-gradient(135deg, #FF3D2E 0%, #1E5BFF 100%)\"\nconsole.log(appAccents.backlogger.color);        // \"#1E5BFF\"\nconsole.log(appAccents.vamo.gradient);           // gradient string\n```\n\n### 4. Raw JSON\n\n```ts\nimport tokens from '@caoscompany/brand-tokens/tokens.json' with { type: 'json' };\n```\n\n---\n\n## Token reference\n\n### Surface\n\n| Token | Hex |\n|---|---|\n| `caos-bg` | `#050608` |\n| `caos-surface` | `#0B0F17` |\n| `caos-surface-2` | `#0E1420` |\n| `caos-surface-3` | `#131A26` |\n\n### Text\n\n| Token | Hex |\n|---|---|\n| `caos-text` | `#E7EAF0` |\n| `caos-muted` | `#9AA3B2` |\n| `caos-subtle` | `#5A6577` |\n\n### Brand — warm (primary)\n\n| Token | Hex | Notes |\n|---|---|---|\n| `caos-warm-300` | `#FF7A5A` | |\n| `caos-warm-400` | `#FF5A3D` | |\n| `caos-warm-500` | `#FF3D2E` | **MARCA** |\n| `caos-warm-600` | `#E12B22` | |\n| `caos-warm-700` | `#B91F18` | |\n\n### Brand — cool (secondary)\n\n| Token | Hex |\n|---|---|\n| `caos-cool-300` | `#6BB8FF` |\n| `caos-cool-400` | `#4DA3FF` |\n| `caos-cool-500` | `#2E8CFF` |\n| `caos-cool-600` | `#1E5BFF` |\n| `caos-cool-700` | `#1647CC` |\n| `caos-cool-900` | `#071A3A` |\n\n### Status\n\n| Token | Hex |\n|---|---|\n| `caos-success` | `#22C55E` |\n| `caos-warning` | `#F59E0B` |\n| `caos-error` | `#EF4444` |\n| `caos-info` | `#1E5BFF` _(= cool-600)_ |\n\n### Per-app accents\n\nEach CAOS app uses unified brand chrome + one accent color reflecting its function:\n\n| App | Accent | Hex |\n|---|---|---|\n| Backlogger | cool-600 | `#1E5BFF` |\n| PSIU | warm-500 | `#FF3D2E` |\n| Dib | warm-400 | `#FF5A3D` |\n| PTV | cool-300 | `#6BB8FF` |\n| VAMO | warm→cool gradient | `linear-gradient(135deg, #FF3D2E, #1E5BFF)` |\n\n### Gradients\n\n`warm`, `cool`, `warm-cool`, `metal-warm`, `metal-cool`, `glass`, `metallic-text` — exposed as CSS custom properties (`--gradient-*`).\n\n### Typography\n\n- **Sans:** `Inter` (SIL OFL 1.1) — load via [Google Fonts](https://fonts.google.com/specimen/Inter)\n- **Mono:** `JetBrains Mono` (Apache 2.0) — load via [Google Fonts](https://fonts.google.com/specimen/JetBrains+Mono)\n\nRecommended HTML import:\n\n```html\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@200..700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n```\n\n---\n\n## Versioning\n\nFollows [SemVer](https://semver.org). Token additions are minor releases; renames/removals are major releases.\n\n## Contributing\n\nTokens are extracted from `caos-company-platform/tailwind.config.js` (canonical source of truth). Drift between this package and the platform should be reconciled before publishing a new version.\n\n## License\n\n[MIT](LICENSE) — © 2026 C.A.O.S. Company","readmeFilename":"README.md","_rev":"1-c21d03d0449ebe3f22df180fc84c605d"}