@hgdc/ui 0.46.0 → 0.47.1

package/dist/use-product-leave.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Délai entre le clic vers un autre produit et le H : une page prérendue s'affiche avant (une ou
+ * deux images), le H n'apparaît alors jamais ; une page à charger le montre aussitôt après.
+ */
+export declare const PRODUCT_LEAVE_DELAY_MS = 100;
+export declare function useProductLeave(): {
+    leaving: boolean;
+    leave: () => void;
+};

package/dist/use-product-leave.js

@@ -0,0 +1,32 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+/**
+ * Délai entre le clic vers un autre produit et le H : une page prérendue s'affiche avant (une ou
+ * deux images), le H n'apparaît alors jamais ; une page à charger le montre aussitôt après.
+ */
+export const PRODUCT_LEAVE_DELAY_MS = 100;
+export function useProductLeave() {
+    const [leaving, setLeaving] = useState(false);
+    // Après `PRODUCT_LEAVE_DELAY_MS` seulement : une page prérendue au survol s'affiche avant, sans
+    // que le H apparaisse (ADR 0020). Sinon le H couvre le contenu jusqu'au départ de la page.
+    const leaveTimer = useRef(undefined);
+    const leave = useCallback(() => {
+        window.clearTimeout(leaveTimer.current);
+        leaveTimer.current = window.setTimeout(() => setLeaving(true), PRODUCT_LEAVE_DELAY_MS);
+    }, []);
+    useEffect(() => {
+        // Retour arrière depuis l'autre produit (cache de page) : la page revient telle quelle.
+        const onPageShow = (event) => {
+            if (!event.persisted)
+                return;
+            window.clearTimeout(leaveTimer.current);
+            setLeaving(false);
+            delete document.documentElement.dataset.hgdcSwitching;
+        };
+        window.addEventListener("pageshow", onPageShow);
+        return () => {
+            window.removeEventListener("pageshow", onPageShow);
+            window.clearTimeout(leaveTimer.current);
+        };
+    }, []);
+    return { leaving, leave };
+}

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.1",
   "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);