{"_id":"@dsrc-cm/tokens","_rev":"3-4b6ef1811f0ef0c200db801ea81f1c04","name":"@dsrc-cm/tokens","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@dsrc-cm/tokens","version":"0.1.0","keywords":["design-tokens","design-system","cameroun","dsrc"],"author":{"name":"NZIDJOUO FONJI Terence Hill"},"license":"MIT","_id":"@dsrc-cm/tokens@0.1.0","maintainers":[{"name":"mistertehill","email":"terencehilln@gmail.com"}],"homepage":"https://github.com/dsrc-cameroun/dsrc#readme","bugs":{"url":"https://github.com/dsrc-cameroun/dsrc/issues"},"dist":{"shasum":"92e9a5bf1cd96772c26372e88f07a54d3469a05e","tarball":"https://registry.npmjs.org/@dsrc-cm/tokens/-/tokens-0.1.0.tgz","fileCount":5,"integrity":"sha512-rBmLLHT2VdPoud1+6bF3c8AaU7KRTi/9safR5uMyKaQ3N1c5WCqnwssuVmHzDTThVuD4qYUhOYj2tXOIrwag8A==","signatures":[{"sig":"MEYCIQCJEhGKXtp+4msk6hW81Rf+Yy0MnVM4iTsdXy2Qnfb+TAIhAMTb1R6T5Y0+JJAgkvGFgIZ+mkHkRiFEOUQ1FtRH2Uoq","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17397},"main":"dist/tokens.js","module":"dist/tokens.mjs","exports":{".":{"import":"./dist/tokens.mjs","require":"./dist/tokens.js"},"./css":"./dist/tokens.css","./scss":"./dist/tokens.scss"},"gitHead":"96f3921b23229e290e582a970f2342ca0973b044","scripts":{"build":"node build.js","clean":"rm -rf dist"},"_npmUser":{"name":"mistertehill","email":"terencehilln@gmail.com"},"repository":{"url":"git+https://github.com/dsrc-cameroun/dsrc.git","type":"git","directory":"packages/tokens"},"_npmVersion":"10.8.2","description":"Design tokens for DSRC - Cameroon State Design System","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^3.9.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_0.1.0_1771889683377_0.7277066995326229","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dsrc-cm/tokens","version":"0.1.1","keywords":["design-tokens","design-system","cameroun","dsrc"],"author":{"name":"NZIDJOUO FONJI Terence Hill"},"license":"MIT","_id":"@dsrc-cm/tokens@0.1.1","maintainers":[{"name":"mistertehill","email":"terencehilln@gmail.com"}],"homepage":"https://github.com/dsrc-cameroun/dsrc#readme","bugs":{"url":"https://github.com/dsrc-cameroun/dsrc/issues"},"dist":{"shasum":"202ce9fcc55ba71e73f231f29fb4ca3f998cda74","tarball":"https://registry.npmjs.org/@dsrc-cm/tokens/-/tokens-0.1.1.tgz","fileCount":6,"integrity":"sha512-D7418deb8hw92SxsaAAZM0lIN/4NOpN/ONzI7Iv5AC7ZdWUkHv6WMUPZ2/siJQjXnfF726wq8Mz0k44OaD9X/g==","signatures":[{"sig":"MEQCIB/388JNODHIA7C5yoyF34YmSLsboAVyrqdobWfrTfdFAiBgI8U16bDzbwRAZl02uz9gA8Q+if1fJztOKMHPNPG3cA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20395},"main":"dist/tokens.js","module":"dist/tokens.mjs","exports":{".":{"import":"./dist/tokens.mjs","require":"./dist/tokens.js"},"./css":"./dist/tokens.css","./scss":"./dist/tokens.scss"},"gitHead":"bf0eda9fee4953949bc2c48cf51b0b917be26ded","scripts":{"build":"node build.js","clean":"rm -rf dist"},"_npmUser":{"name":"mistertehill","email":"terencehilln@gmail.com"},"repository":{"url":"git+https://github.com/dsrc-cameroun/dsrc.git","type":"git","directory":"packages/tokens"},"_npmVersion":"10.8.2","description":"Design tokens for DSRC - Cameroon State Design System","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^3.9.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens_0.1.1_1771889880279_0.427532145738595","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@dsrc-cm/tokens","version":"0.2.0","description":"Design tokens for DSRC - Cameroon State Design System","main":"dist/tokens.js","module":"dist/tokens.mjs","exports":{".":{"import":"./dist/tokens.mjs","require":"./dist/tokens.js"},"./css":"./dist/tokens.css","./scss":"./dist/tokens.scss"},"scripts":{"build":"node build.js","clean":"rm -rf dist"},"devDependencies":{"style-dictionary":"^3.9.0"},"author":{"name":"NZIDJOUO FONJI Terence Hill"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/dsrc-cameroun/dsrc.git","directory":"packages/tokens"},"keywords":["design-tokens","design-system","cameroun","dsrc"],"_id":"@dsrc-cm/tokens@0.2.0","gitHead":"a267dea3121542d1d721a69aa7a6d000614bb4fc","bugs":{"url":"https://github.com/dsrc-cameroun/dsrc/issues"},"homepage":"https://github.com/dsrc-cameroun/dsrc#readme","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-mX8zpHVE7nOHefAeGxbc+FNhuKReiHQ/oe00eH+veTWQNGwoeAjvC0Y6OKf1fv6fJEkxGBSv4rim8vGxutQuJQ==","shasum":"982a89d8e6c61d46a41a1fdc0a78e3edfb4b9318","tarball":"https://registry.npmjs.org/@dsrc-cm/tokens/-/tokens-0.2.0.tgz","fileCount":6,"unpackedSize":43951,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIB5vT1xm2Oir/ey7q5KLHNPH6jsfHpPNk9IS2U2xcPMjAiEA4/ucCjum+br/9Ik+/tUw+5q3pRkGHVD5Aa+hv1dx4FM="}]},"_npmUser":{"name":"mistertehill","email":"terencehilln@gmail.com"},"directories":{},"maintainers":[{"name":"mistertehill","email":"terencehilln@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.2.0_1771896543391_0.8831059014334743"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-23T23:34:43.316Z","modified":"2026-02-24T01:29:03.693Z","0.1.0":"2026-02-23T23:34:43.549Z","0.1.1":"2026-02-23T23:38:00.430Z","0.2.0":"2026-02-24T01:29:03.534Z"},"bugs":{"url":"https://github.com/dsrc-cameroun/dsrc/issues"},"author":{"name":"NZIDJOUO FONJI Terence Hill"},"license":"MIT","homepage":"https://github.com/dsrc-cameroun/dsrc#readme","keywords":["design-tokens","design-system","cameroun","dsrc"],"repository":{"type":"git","url":"git+https://github.com/dsrc-cameroun/dsrc.git","directory":"packages/tokens"},"description":"Design tokens for DSRC - Cameroon State Design System","maintainers":[{"name":"mistertehill","email":"terencehilln@gmail.com"}],"readme":"# @dsrc-cm/tokens\n\n**Design Systeme de la Republique du Cameroun** — Design tokens.\n\nLes tokens du DSRC définissent les valeurs fondamentales du design system : couleurs, typographie, espacement, ombres, rayons, transitions. Disponibles en CSS, SCSS, JS et ESM.\n\n## Installation\n\n```bash\nnpm install @dsrc-cm/tokens\n```\n\n## Utilisation\n\n### CSS Custom Properties\n\n```html\n<link rel=\"stylesheet\" href=\"node_modules/@dsrc-cm/tokens/dist/tokens.css\">\n```\n\n```css\n.mon-composant {\n  color: var(--dsrc-color-primary);\n  padding: var(--dsrc-spacing-4);\n  font-family: var(--dsrc-font-family-sans);\n}\n```\n\n### SCSS\n\n```scss\n@import '@dsrc-cm/tokens/scss';\n\n.mon-composant {\n  color: $dsrc-color-primary;\n  padding: $dsrc-spacing-4;\n}\n```\n\n### JavaScript / ESM\n\n```js\nimport tokens from '@dsrc-cm/tokens';\n```\n\n### CommonJS\n\n```js\nconst tokens = require('@dsrc-cm/tokens');\n```\n\n## Système de couleurs (3 couches)\n\nLe DSRC utilise une architecture de tokens à 3 couches :\n\n```\nCouche 1 — Primitifs     --dsrc-color-green-500   (valeur brute)\n                              ↓\nCouche 2 — Sémantique    --dsrc-color-primary      (décision de design)\n                              ↓\nCouche 3 — Compat        --dsrc-color-primaire      (ancien nom FR)\n```\n\n### Palettes (8 familles × 10 nuances)\n\n| Famille | Ancrage | Nuances |\n|---------|---------|---------|\n| **Green** | `#007A2B` (vert de l'État) | 50–900 |\n| **Red** | `#CE003A` (drapeau) | 50–900 |\n| **Yellow** | `#F0B414` (drapeau) | 50–900 |\n| **Blue** | `#2563EB` (info) | 50–900 |\n| **Gray** | `#161616` → `#F7F7F7` | 50–900 |\n| **Purple** | `#9333EA` | 50–900 |\n| **Teal** | `#14B8A6` | 50–900 |\n| **Orange** | `#F97316` | 50–900 |\n\n### Tokens sémantiques\n\n| Token | Référence | Usage |\n|-------|-----------|-------|\n| `--dsrc-color-primary` | `green-500` | Boutons, liens, focus |\n| `--dsrc-color-primary-hover` | `green-600` | État hover |\n| `--dsrc-color-primary-dark` | `green-700` | État pressé |\n| `--dsrc-color-primary-light` | `green-50` | Fonds légers |\n| `--dsrc-color-text` | `gray-900` | Texte principal |\n| `--dsrc-color-text-secondary` | `gray-600` | Texte secondaire |\n| `--dsrc-color-border` | `gray-200` | Bordures |\n| `--dsrc-color-surface` | `white` | Surfaces/cartes |\n| `--dsrc-color-success-bg/text/border` | green | Succès |\n| `--dsrc-color-error-bg/text/border` | red | Erreurs |\n| `--dsrc-color-warning-bg/text/border` | yellow | Alertes |\n| `--dsrc-color-info-bg/text/border` | blue | Informations |\n| `--dsrc-color-flag-green/red/yellow` | — | Drapeau camerounais |\n\n### Rétrocompatibilité\n\nLes anciens noms français fonctionnent toujours :\n\n| Ancien | Nouveau |\n|--------|---------|\n| `--dsrc-color-primaire` | `--dsrc-color-primary` |\n| `--dsrc-color-noir` | `--dsrc-color-black` |\n| `--dsrc-color-gris-600` | `--dsrc-color-gray-600` |\n| `--dsrc-color-succes-fond` | `--dsrc-color-success-bg` |\n\n### Typographie\n\n| Token | Valeur |\n|-------|--------|\n| `--dsrc-font-family-sans` | `'IBM Plex Sans', sans-serif` |\n| `--dsrc-font-family-mono` | `'IBM Plex Mono', monospace` |\n| `--dsrc-font-size-body` | `16px` |\n| `--dsrc-font-weight-bold` | `700` |\n\n### Espacement\n\nGrille de 4px : `--dsrc-spacing-1` (4px) à `--dsrc-spacing-8` (64px).\n\n### Breakpoints\n\n| Token | Valeur |\n|-------|--------|\n| `--dsrc-breakpoint-sm` | `576px` |\n| `--dsrc-breakpoint-md` | `768px` |\n| `--dsrc-breakpoint-lg` | `992px` |\n| `--dsrc-breakpoint-xl` | `1248px` |\n\n## Formats de sortie\n\n| Fichier | Format | Usage |\n|---------|--------|-------|\n| `dist/tokens.css` | CSS Custom Properties | Sites web |\n| `dist/tokens.scss` | Variables SCSS | Préprocesseurs |\n| `dist/tokens.mjs` | ES Modules | Bundlers modernes |\n| `dist/tokens.js` | CommonJS | Node.js |\n\n## Licence\n\nMIT — NZIDJOUO FONJI Terence Hill\n","readmeFilename":"README.md"}