@hgdc/ui 0.46.0 → 0.47.0

package/dist/family-svg.d.ts

@@ -1,5 +1,5 @@
 /** Les produits de la H Collection qui ont une icône, par leur mot en minuscules. */
-export declare const FAMILY_PRODUCTS: readonly ["account", "host", "mail", "portal", "status", "analytics", "docs", "iassistant"];
+export declare const FAMILY_PRODUCTS: readonly ["account", "host", "mail", "portal", "status", "analytics", "docs", "iassistant", "id"];
 export type FamilyProduct = (typeof FAMILY_PRODUCTS)[number];
 /** Vrai si le mot en minuscules (« host ») désigne un produit qui a une icône. */
 export declare function isFamilyProduct(word: string): word is FamilyProduct;

package/dist/family-svg.js

@@ -9,6 +9,7 @@ export const FAMILY_PRODUCTS = [
     "analytics",
     "docs",
     "iassistant",
+    "id",
 ];
 /** Vrai si le mot en minuscules (« host ») désigne un produit qui a une icône. */
 export function isFamilyProduct(word) {
@@ -27,6 +28,7 @@ export const PRODUCT_BADGE_SVG = {
     analytics: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="15 15 34 34"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb020"/><stop offset="1" stop-color="#e58309"/></linearGradient></defs><path d="M18.3 34H21.7A2.8 2.8 0 0 1 24.5 36.8V46.2A2.8 2.8 0 0 1 21.7 49H18.3A2.8 2.8 0 0 1 15.5 46.2V36.8A2.8 2.8 0 0 1 18.3 34Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M30.3 25H33.7A2.8 2.8 0 0 1 36.5 27.8V46.2A2.8 2.8 0 0 1 33.7 49H30.3A2.8 2.8 0 0 1 27.5 46.2V27.8A2.8 2.8 0 0 1 30.3 25Z" fill="url(#g)" fill-opacity="0.7" fill-rule="evenodd"/><path d="M42.3 15H45.7A2.8 2.8 0 0 1 48.5 17.8V46.2A2.8 2.8 0 0 1 45.7 49H42.3A2.8 2.8 0 0 1 39.5 46.2V17.8A2.8 2.8 0 0 1 42.3 15Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>',
     docs: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 13 36 36"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0ec1dc"/><stop offset="1" stop-color="#0aa3c1"/></linearGradient></defs><path d="M26 13H46A3 3 0 0 1 49 16V43A3 3 0 0 1 46 46H26A3 3 0 0 1 23 43V16A3 3 0 0 1 26 13Z" fill="url(#g)" fill-opacity="0.22" fill-rule="evenodd"/><path d="M18 18H32V24.5A2.5 2.5 0 0 0 34.5 27H41V46A3 3 0 0 1 38 49H18A3 3 0 0 1 15 46V21A3 3 0 0 1 18 18ZM21.3 33H34.7A1.3 1.3 0 0 1 36 34.3V34.300000000000004A1.3 1.3 0 0 1 34.7 35.6H21.3A1.3 1.3 0 0 1 20 34.300000000000004V34.3A1.3 1.3 0 0 1 21.3 33ZM21.3 39H29.7A1.3 1.3 0 0 1 31 40.3V40.300000000000004A1.3 1.3 0 0 1 29.7 41.6H21.3A1.3 1.3 0 0 1 20 40.300000000000004V40.3A1.3 1.3 0 0 1 21.3 39Z" fill="url(#g)" fill-rule="evenodd"/><path d="M32 18L41 27H34.5A2.5 2.5 0 0 1 32 24.5Z" fill="url(#g)" fill-opacity="0.45" fill-rule="evenodd"/></svg></svg>',
     iassistant: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="16 18 34 34"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d946ef"/><stop offset="1" stop-color="#c026d3"/></linearGradient></defs><path d="M24 18H38A6 6 0 0 1 44 24V32A6 6 0 0 1 38 38H27L21 43V37.2A6 6 0 0 1 18 32V24A6 6 0 0 1 24 18Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M29 27H43A6 6 0 0 1 49 33V41A6 6 0 0 1 43 47V51.5L37.5 47H29A6 6 0 0 1 23 41V33A6 6 0 0 1 29 27ZM28.1 37A1.9 1.9 0 1 0 31.9 37A1.9 1.9 0 1 0 28.1 37ZM34.1 37A1.9 1.9 0 1 0 37.9 37A1.9 1.9 0 1 0 34.1 37ZM40.1 37A1.9 1.9 0 1 0 43.9 37A1.9 1.9 0 1 0 40.1 37Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>',
+    id: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 14 52 52"><defs><linearGradient id="g" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff2a2a"/><stop offset="1" stop-color="#e60000"/></linearGradient><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#g)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#s)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg></svg>',
 };
 /**
  * Empreinte de chaque icône d'e-mail (`email-icons/<mot>.png`), ajoutée à son adresse : un client
@@ -41,6 +43,7 @@ export const EMAIL_ICON_VERSION = {
     analytics: "83add9fb",
     docs: "77f11f0b",
     iassistant: "2b9ed0e0",
+    id: "732394eb",
 };
 /** SVG du H « Double », la marque de la H Collection, sans fond (`family/hcollection-icon(-dark).svg`). */
 export const FAMILY_MARK_SVG = {

package/dist/product-badge.js

@@ -15,6 +15,7 @@ export const PRODUCT_GRADIENT = {
     analytics: { from: "#ffb020", to: "#e58309" },
     docs: { from: "#0ec1dc", to: "#0aa3c1" },
     iassistant: { from: "#d946ef", to: "#c026d3" },
+    id: { from: "#ff2a2a", to: "#e60000" },
 };
 // En image plutôt qu'en SVG en ligne : chaque icône garde ses identifiants de dégradé pour elle,
 // plusieurs icônes dans une même page ne se marchent pas dessus.

package/dist/products.js

@@ -75,6 +75,7 @@ export const HGDC_PRODUCTS = [
     product("Analytics", "Tes visiteurs mesurés, sans cookies ni bannière.", Analytics01Icon, "live"),
     product("Docs", "Ta documentation en ligne, avec un assistant qui y répond.", BookOpen01Icon, "live"),
     product("IAssistant", "Une bulle de chat IA sur ton site, qui répond à tes visiteurs.", BubbleChatIcon, "preview"),
+    product("ID", "Bientôt disponible.", UserCircleIcon, "soon"),
 ];
 /** Vrai si le produit répond déjà (en service ou en préversion). */
 export function isProductOpen(item) {

package/family/app/id/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><style>.d{display:none}@media (prefers-color-scheme:dark){.l{display:none}.d{display:inline}}</style><g class="l"><svg x="2.56" y="2.56" width="58.88" height="58.88" viewBox="14 14 52 52"><defs><linearGradient id="lg" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff2a2a"/><stop offset="1" stop-color="#e60000"/></linearGradient><filter id="ls" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#lg)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#lg)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#ls)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg></g><g class="d"><svg x="2.56" y="2.56" width="58.88" height="58.88" viewBox="14 14 52 52"><defs><linearGradient id="dg" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7d7d"/><stop offset="1" stop-color="#ff2a2a"/></linearGradient><filter id="ds" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#dg)" fill-opacity="0.61" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#dg)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#ds)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg></g></svg>

package/family/id-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="14 14 52 52"><defs><linearGradient id="g" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7d7d"/><stop offset="1" stop-color="#ff2a2a"/></linearGradient><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#g)" fill-opacity="0.61" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#g)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#s)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg>

package/family/id.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="14 14 52 52"><defs><linearGradient id="g" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff2a2a"/><stop offset="1" stop-color="#e60000"/></linearGradient><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#g)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#s)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg>

package/family/tile/id.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 14 52 52"><defs><linearGradient id="g" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff2a2a"/><stop offset="1" stop-color="#e60000"/></linearGradient><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#g)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#s)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hgdc/ui",
-  "version": "0.46.0",
+  "version": "0.47.0",
   "description": "Interface de la H Collection : jetons de la DA, thèmes, polices et composants.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/hugogebel-boop/hgdc-kit/tree/main/packages/ui#readme",

package/styles.css

@@ -297,6 +297,8 @@
   --product-docs-to: #0aa3c1;
   --product-iassistant-from: #d946ef;
   --product-iassistant-to: #c026d3;
+  --product-id-from: #ff2a2a;
+  --product-id-to: #e60000;
   --glow-blue: #2c78fd;
   --glow-violet: #7343fe;
   --glow-pink: #fe5292;
@@ -862,7 +864,8 @@
 :root[data-hgdc-product="status"] [data-slot="shell-frame"] [data-product="status"],
 :root[data-hgdc-product="analytics"] [data-slot="shell-frame"] [data-product="analytics"],
 :root[data-hgdc-product="docs"] [data-slot="shell-frame"] [data-product="docs"],
-:root[data-hgdc-product="iassistant"] [data-slot="shell-frame"] [data-product="iassistant"] {
+:root[data-hgdc-product="iassistant"] [data-slot="shell-frame"] [data-product="iassistant"],
+:root[data-hgdc-product="id"] [data-slot="shell-frame"] [data-product="id"] {
   display: contents;
 }
 :root[data-hgdc-product="account"] [data-slot="shell-frame-rail"] [data-product="account"],
@@ -872,7 +875,8 @@
 :root[data-hgdc-product="status"] [data-slot="shell-frame-rail"] [data-product="status"],
 :root[data-hgdc-product="analytics"] [data-slot="shell-frame-rail"] [data-product="analytics"],
 :root[data-hgdc-product="docs"] [data-slot="shell-frame-rail"] [data-product="docs"],
-:root[data-hgdc-product="iassistant"] [data-slot="shell-frame-rail"] [data-product="iassistant"] {
+:root[data-hgdc-product="iassistant"] [data-slot="shell-frame-rail"] [data-product="iassistant"],
+:root[data-hgdc-product="id"] [data-slot="shell-frame-rail"] [data-product="id"] {
   display: flex;
   background: var(--shell-active);
   color: var(--shell-foreground);