@hgdc/auth 0.14.0 → 0.14.1

package/dist/react.d.ts

@@ -43,10 +43,17 @@ export declare function startHgdcSignIn(authClient: HgdcAuthClient, { callbackUR
 export declare const HGDC_MARK_SVG: string;
 /** Le même H, pour un fond sombre. */
 export declare const HGDC_MARK_DARK_SVG: string;
+/**
+ * Mise en page et choix de la variante, embarqués : la marque reste à sa taille et n'affiche qu'un
+ * dessin même sans les styles de `@hgdc/ui`. En feuille de style plutôt qu'en `style` sur l'image,
+ * qui écraserait le `display: none` du thème. Spécificité au-dessus des règles de `@hgdc/ui`.
+ */
+export declare const HGDC_MARK_CSS: string;
 /**
  * Le H de la H Collection, en image : ses dégradés gardent leurs identifiants pour eux, deux marques
- * dans une page ne se marchent pas dessus. Les deux variantes sont rendues ; les styles de
- * `@hgdc/ui` (`data-mark-theme`) montrent celle du thème. Couleurs pleines, jamais recolorées.
+ * dans une page ne se marchent pas dessus. Les deux variantes sont rendues, le thème (`.dark`) montre
+ * la sienne. Sans `className`, 1.25em de côté ; avec, la classe fixe la taille (`size-4`).
+ * Couleurs pleines, jamais recolorées.
  */
 export declare function HgdcMark({ className }: {
     className?: string;

package/dist/react.js

@@ -27,13 +27,28 @@ export const HGDC_MARK_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="9
 /** Le même H, pour un fond sombre. */
 export const HGDC_MARK_DARK_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="9 9 46 46"><defs><linearGradient id="hl" x1="0" y1="11.5" x2="0" y2="47.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6aa0ff"/><stop offset="1" stop-color="#9a7bff"/></linearGradient><linearGradient id="hr" x1="0" y1="11.5" x2="0" y2="47.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7aa8"/><stop offset="1" stop-color="#ffb070"/></linearGradient><linearGradient id="hf" x1="24.5" y1="0" x2="34.5" y2="0" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#000"/></linearGradient><mask id="hm" maskUnits="userSpaceOnUse" x="0" y="0" width="64" height="64"><rect x="24" y="24" width="11" height="11" fill="url(#hf)"/></mask><g id="h"><path d="M24 25H35V34H24Z" fill="url(#hr)"/><path d="M24 25H35V34H24Z" fill="url(#hl)" mask="url(#hm)"/><path d="M17.5 11.5H21.5A3 3 0 0 1 24.5 14.5V44.5A3 3 0 0 1 21.5 47.5H17.5A3 3 0 0 1 14.5 44.5V14.5A3 3 0 0 1 17.5 11.5Z" fill="url(#hl)"/><path d="M37.5 11.5H41.5A3 3 0 0 1 44.5 14.5V44.5A3 3 0 0 1 41.5 47.5H37.5A3 3 0 0 1 34.5 44.5V14.5A3 3 0 0 1 37.5 11.5Z" fill="url(#hr)"/></g></defs><use href="#h" transform="translate(6 6)" opacity="0.5"/><use href="#h"/></svg>';
 const markSrc = (svg) => `data:image/svg+xml,${encodeURIComponent(svg)}`;
+/**
+ * Mise en page et choix de la variante, embarqués : la marque reste à sa taille et n'affiche qu'un
+ * dessin même sans les styles de `@hgdc/ui`. En feuille de style plutôt qu'en `style` sur l'image,
+ * qui écraserait le `display: none` du thème. Spécificité au-dessus des règles de `@hgdc/ui`.
+ */
+export const HGDC_MARK_CSS = '[data-slot="hgdc-mark"]>img{display:block;width:100%;height:100%}' +
+    '[data-slot="hgdc-mark"]>img[data-mark-theme="dark"],.dark [data-slot="hgdc-mark"]>img[data-mark-theme="light"]{display:none}' +
+    '.dark [data-slot="hgdc-mark"]>img[data-mark-theme="dark"]{display:block}';
+/** Taille sans `className` : celle du texte qui l'accompagne, un peu plus grande. */
+const DEFAULT_MARK_SIZE = "1.25em";
 /**
  * Le H de la H Collection, en image : ses dégradés gardent leurs identifiants pour eux, deux marques
- * dans une page ne se marchent pas dessus. Les deux variantes sont rendues ; les styles de
- * `@hgdc/ui` (`data-mark-theme`) montrent celle du thème. Couleurs pleines, jamais recolorées.
+ * dans une page ne se marchent pas dessus. Les deux variantes sont rendues, le thème (`.dark`) montre
+ * la sienne. Sans `className`, 1.25em de côté ; avec, la classe fixe la taille (`size-4`).
+ * Couleurs pleines, jamais recolorées.
  */
 export function HgdcMark({ className }) {
-    return (_jsx("span", { "data-slot": "hgdc-mark", "aria-hidden": "true", className: className, style: { display: "inline-block", flexShrink: 0 }, children: ["light", "dark"].map((theme) => (_jsx("img", { src: markSrc(theme === "light" ? HGDC_MARK_SVG : HGDC_MARK_DARK_SVG), alt: "", width: 16, height: 16, draggable: false, "data-mark-theme": theme, style: { width: "100%", height: "100%" } }, theme))) }));
+    return (_jsxs("span", { "data-slot": "hgdc-mark", "aria-hidden": "true", className: className, style: {
+            display: "inline-block",
+            flexShrink: 0,
+            ...(className ? {} : { width: DEFAULT_MARK_SIZE, height: DEFAULT_MARK_SIZE }),
+        }, children: [_jsx("style", { children: HGDC_MARK_CSS }), ["light", "dark"].map((theme) => (_jsx("img", { src: markSrc(theme === "light" ? HGDC_MARK_SVG : HGDC_MARK_DARK_SVG), alt: "", width: 16, height: 16, draggable: false, "data-mark-theme": theme }, theme)))] }));
 }
 /**
  * Bouton « Se connecter avec HGDC ». Sans style propre : le produit le met en forme par

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hgdc/auth",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "Connexion HGDC : bouton « Se connecter avec HGDC », config better-auth et gardes Convex.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/hugogebel-boop/hgdc-kit/tree/main/packages/auth#readme",