@zevra/ui 0.3.2 → 0.5.0

package/logos/index.json

@@ -35,34 +35,6 @@
     }
   },
   "logos": [
-    {
-      "id": "campus-glyph-ink",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/campus-glyph-ink.svg",
-      "png": "logos/png/campus-glyph-ink.png",
-      "octets": 1176
-    },
-    {
-      "id": "campus-glyph-navy",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/campus-glyph-navy.svg",
-      "png": null,
-      "octets": 1179
-    },
     {
       "id": "campus-glyph-orig",
       "produit": "campus",
@@ -73,107 +45,9 @@
       "nuanceLabel": "Original",
       "fond": "clair",
       "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/campus-glyph-orig.svg",
+      "svg": null,
       "png": "logos/png/campus-glyph-orig.png",
-      "octets": 1179
-    },
-    {
-      "id": "campus-glyph-white",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/campus-glyph-white.svg",
-      "png": "logos/png/campus-glyph-white.png",
-      "octets": 1176
-    },
-    {
-      "id": "campus-lockup-ink",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/campus-lockup-ink.svg",
-      "png": null,
-      "octets": 2454
-    },
-    {
-      "id": "campus-lockup-navy",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/campus-lockup-navy.svg",
-      "png": null,
-      "octets": 2457
-    },
-    {
-      "id": "campus-lockup-orig",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "orig",
-      "nuanceLabel": "Original",
-      "fond": "clair",
-      "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/campus-lockup-orig.svg",
-      "png": null,
-      "octets": 2457
-    },
-    {
-      "id": "campus-lockup-white",
-      "produit": "campus",
-      "produitLabel": "Campus",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/campus-lockup-white.svg",
-      "png": null,
-      "octets": 2454
-    },
-    {
-      "id": "lexform-glyph-ink",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/lexform-glyph-ink.svg",
-      "png": "logos/png/lexform-glyph-ink.png",
-      "octets": 1286
-    },
-    {
-      "id": "lexform-glyph-navy",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/lexform-glyph-navy.svg",
-      "png": null,
-      "octets": 1292
+      "octets": 121723
     },
     {
       "id": "lexform-glyph-orig",
@@ -185,107 +59,9 @@
       "nuanceLabel": "Original",
       "fond": "clair",
       "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/lexform-glyph-orig.svg",
+      "svg": null,
       "png": "logos/png/lexform-glyph-orig.png",
-      "octets": 1292
-    },
-    {
-      "id": "lexform-glyph-white",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/lexform-glyph-white.svg",
-      "png": "logos/png/lexform-glyph-white.png",
-      "octets": 1286
-    },
-    {
-      "id": "lexform-lockup-ink",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/lexform-lockup-ink.svg",
-      "png": null,
-      "octets": 2736
-    },
-    {
-      "id": "lexform-lockup-navy",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/lexform-lockup-navy.svg",
-      "png": null,
-      "octets": 2742
-    },
-    {
-      "id": "lexform-lockup-orig",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "orig",
-      "nuanceLabel": "Original",
-      "fond": "clair",
-      "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/lexform-lockup-orig.svg",
-      "png": null,
-      "octets": 2742
-    },
-    {
-      "id": "lexform-lockup-white",
-      "produit": "lexform",
-      "produitLabel": "Lexform",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/lexform-lockup-white.svg",
-      "png": null,
-      "octets": 2736
-    },
-    {
-      "id": "mcp-glyph-ink",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/mcp-glyph-ink.svg",
-      "png": "logos/png/mcp-glyph-ink.png",
-      "octets": 1073
-    },
-    {
-      "id": "mcp-glyph-navy",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/mcp-glyph-navy.svg",
-      "png": null,
-      "octets": 1073
+      "octets": 91755
     },
     {
       "id": "mcp-glyph-orig",
@@ -297,107 +73,9 @@
       "nuanceLabel": "Original",
       "fond": "clair",
       "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/mcp-glyph-orig.svg",
+      "svg": null,
       "png": "logos/png/mcp-glyph-orig.png",
-      "octets": 1073
-    },
-    {
-      "id": "mcp-glyph-white",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/mcp-glyph-white.svg",
-      "png": "logos/png/mcp-glyph-white.png",
-      "octets": 1073
-    },
-    {
-      "id": "mcp-lockup-ink",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/mcp-lockup-ink.svg",
-      "png": null,
-      "octets": 3488
-    },
-    {
-      "id": "mcp-lockup-navy",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/mcp-lockup-navy.svg",
-      "png": null,
-      "octets": 3488
-    },
-    {
-      "id": "mcp-lockup-orig",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "orig",
-      "nuanceLabel": "Original",
-      "fond": "clair",
-      "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/mcp-lockup-orig.svg",
-      "png": null,
-      "octets": 3488
-    },
-    {
-      "id": "mcp-lockup-white",
-      "produit": "mcp",
-      "produitLabel": "MCP Juridique",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/mcp-lockup-white.svg",
-      "png": null,
-      "octets": 3488
-    },
-    {
-      "id": "memoire-glyph-ink",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/memoire-glyph-ink.svg",
-      "png": "logos/png/memoire-glyph-ink.png",
-      "octets": 2650
-    },
-    {
-      "id": "memoire-glyph-navy",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/memoire-glyph-navy.svg",
-      "png": null,
-      "octets": 2662
+      "octets": 118930
     },
     {
       "id": "memoire-glyph-orig",
@@ -409,163 +87,9 @@
       "nuanceLabel": "Original",
       "fond": "clair",
       "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/memoire-glyph-orig.svg",
+      "svg": null,
       "png": "logos/png/memoire-glyph-orig.png",
-      "octets": 2662
-    },
-    {
-      "id": "memoire-glyph-white",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "glyph",
-      "formeLabel": "Glyphe",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/memoire-glyph-white.svg",
-      "png": "logos/png/memoire-glyph-white.png",
-      "octets": 2650
-    },
-    {
-      "id": "memoire-lockup-ink",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/memoire-lockup-ink.svg",
-      "png": null,
-      "octets": 4119
-    },
-    {
-      "id": "memoire-lockup-navy",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/memoire-lockup-navy.svg",
-      "png": null,
-      "octets": 4131
-    },
-    {
-      "id": "memoire-lockup-orig",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "orig",
-      "nuanceLabel": "Original",
-      "fond": "clair",
-      "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/memoire-lockup-orig.svg",
-      "png": null,
-      "octets": 4131
-    },
-    {
-      "id": "memoire-lockup-white",
-      "produit": "memoire",
-      "produitLabel": "Mémoire",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/memoire-lockup-white.svg",
-      "png": null,
-      "octets": 4119
-    },
-    {
-      "id": "zevra-lockup-ink",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/zevra-lockup-ink.svg",
-      "png": "logos/png/zevra-lockup-ink.png",
-      "octets": 2700
-    },
-    {
-      "id": "zevra-lockup-navy",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/zevra-lockup-navy.svg",
-      "png": null,
-      "octets": 2709
-    },
-    {
-      "id": "zevra-lockup-orig",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "orig",
-      "nuanceLabel": "Original",
-      "fond": "clair",
-      "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/zevra-lockup-orig.svg",
-      "png": null,
-      "octets": 2709
-    },
-    {
-      "id": "zevra-lockup-white",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "lockup",
-      "formeLabel": "Lockup",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/zevra-lockup-white.svg",
-      "png": "logos/png/zevra-lockup-white.png",
-      "octets": 2700
-    },
-    {
-      "id": "zevra-mark-ink",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "mark",
-      "formeLabel": "Marque",
-      "nuance": "ink",
-      "nuanceLabel": "Encre",
-      "fond": "clair",
-      "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
-      "svg": "logos/svg/zevra-mark-ink.svg",
-      "png": "logos/png/zevra-mark-ink.png",
-      "octets": 1623
-    },
-    {
-      "id": "zevra-mark-navy",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "mark",
-      "formeLabel": "Marque",
-      "nuance": "navy",
-      "nuanceLabel": "Navy",
-      "fond": "clair",
-      "usage": "Fonds clairs, quand l’encre manque de présence.",
-      "svg": "logos/svg/zevra-mark-navy.svg",
-      "png": null,
-      "octets": 1632
+      "octets": 77310
     },
     {
       "id": "zevra-mark-orig",
@@ -577,23 +101,9 @@
       "nuanceLabel": "Original",
       "fond": "clair",
       "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
-      "svg": "logos/svg/zevra-mark-orig.svg",
+      "svg": null,
       "png": "logos/png/zevra-mark-orig.png",
-      "octets": 1632
-    },
-    {
-      "id": "zevra-mark-white",
-      "produit": "zevra",
-      "produitLabel": "Zevra",
-      "forme": "mark",
-      "formeLabel": "Marque",
-      "nuance": "white",
-      "nuanceLabel": "Blanc",
-      "fond": "sombre",
-      "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
-      "svg": "logos/svg/zevra-mark-white.svg",
-      "png": "logos/png/zevra-mark-white.png",
-      "octets": 1623
+      "octets": 128747
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zevra/ui",
-  "version": "0.3.2",
+  "version": "0.5.0",
   "description": "Design system Zevra « Encre & Papier » — tokens, CSS des composants et logos officiels.",
   "license": "UNLICENSED",
   "private": false,
@@ -16,11 +16,24 @@
     "url": "https://github.com/zevra-tech/zevra-ui/issues"
   },
   "type": "module",
+  "packageManager": "pnpm@10.29.3",
   "sideEffects": [
     "*.css"
   ],
   "exports": {
     ".": "./tokens/index.js",
+    "./react": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./react/catalogue": {
+      "types": "./dist/catalogue.d.ts",
+      "default": "./dist/catalogue.js"
+    },
+    "./react/css": {
+      "types": "./dist/css-inline.d.ts",
+      "default": "./dist/css-inline.js"
+    },
     "./css": "./src/index.css",
     "./tokens.css": "./src/tokens.css",
     "./fonts.css": "./src/fonts.css",
@@ -42,6 +55,8 @@
   "files": [
     "src",
     "tokens",
+    "dist",
+    "react",
     "logos",
     "icons",
     "demo",
@@ -49,14 +64,31 @@
     "DECISIONS.md"
   ],
   "scripts": {
-    "test": "vitest run"
+    "build": "node scripts/build-icon-react.mjs && node scripts/build-css-bundle.mjs && tsc -p tsconfig.json",
+    "test": "npm run build && vitest run",
+    "prepublishOnly": "npm run build"
   },
   "devDependencies": {
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "typescript": "^7.0.2",
     "vitest": "^3.2.4"
   },
   "keywords": [
     "zevra",
     "design-system",
-    "design-tokens"
-  ]
+    "design-tokens",
+    "react",
+    "components"
+  ],
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  }
 }