@hgdc/ui 0.55.0 → 0.57.0

package/README.md

@@ -120,6 +120,7 @@ Sur ordinateur, la coque ouvre sur la barre des produits (ADR 0011) : organisati
 | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `card`           | `<Card><CardHeader><CardTitle>Domaines</CardTitle><CardAction>…</CardAction></CardHeader><CardContent>…</CardContent><CardFooter>…</CardFooter></Card>`                                                                                                                                                                                                                                                                                                 |
 | `alert`          | `<Alert tone="warning" title="Quota presque atteint" action={<Button size="sm">Voir</Button>}>90 % utilisés.</Alert>`                                                                                                                                                                                                                                                                                                                                   |
+| `demo-notice`    | `<DemoNotice signIn={<Button size="sm" variant="outline" render={<Link to="/connexion" reloadDocument />}>Se connecter</Button>} />` : bandeau de la démo d'une console.                                                                                                                                                                                                                                                                                |
 | `table`          | `<TableHead sort="descending" onSort={…}>Date</TableHead>`, `<TableRowLink render={<Link … />}>Production</TableRowLink>`, `<TableEmpty colSpan={4}>…</TableEmpty>`, `<TableSkeleton columns={4} />`                                                                                                                                                                                                                                                    |
 | `resource-list`  | `<ResourceList><ResourceItem icon={…} title="Site vitrine" meta="acme.ch" badge={…} actions={…} href="/p/site" /></ResourceList>`                                                                                                                                                                                                                                                                                                                       |
 | `stat`           | `<StatGrid><StatTile label="Erreurs" value="12" delta={{ value: "8 %", direction: "up", good: "down" }} /></StatGrid>`                                                                                                                                                                                                                                                                                                                                  |

package/dist/demo-notice.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+/**
+ * Bandeau permanent de la démo d'une console (organisation `~demo`, lue sans compte) : ce que le
+ * visiteur regarde, et comment essayer pour de vrai. Posé en tête du contenu de la console, au-dessus
+ * de chaque page. `signIn` : le bouton « Se connecter » du produit (un lien de son routeur, qui
+ * repart par une page neuve pour ouvrir une vraie session).
+ */
+export declare function DemoNotice({ signIn, children, className, }: {
+    signIn: ReactNode;
+    /** Ce que montre la démo, en une phrase. */
+    children?: ReactNode;
+    className?: string;
+}): React.JSX.Element;

package/dist/demo-notice.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert } from "./alert.js";
+import { cn } from "./cn.js";
+/**
+ * Bandeau permanent de la démo d'une console (organisation `~demo`, lue sans compte) : ce que le
+ * visiteur regarde, et comment essayer pour de vrai. Posé en tête du contenu de la console, au-dessus
+ * de chaque page. `signIn` : le bouton « Se connecter » du produit (un lien de son routeur, qui
+ * repart par une page neuve pour ouvrir une vraie session).
+ */
+export function DemoNotice({ signIn, children = "Une entreprise inventée, avec des données fictives. Tu peux tout regarder, rien n'est enregistré.", className, }) {
+    return (_jsx(Alert, { "data-demo-notice": "", className: cn("mb-6", className), title: "D\u00E9mo", action: signIn, children: children }));
+}

package/dist/theme.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react-refresh/only-export-components */
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 const THEME_STORAGE_KEY = "theme";
-// Clair par défaut, quel que soit le réglage du système : le sombre se choisit dans le menu.
-const THEME_DEFAULT = "light";
+// Suit le réglage du système tant que l'utilisateur n'a rien choisi dans le menu.
+const THEME_DEFAULT = "system";
 /**
  * Couleur de la barre du navigateur, au fond de l'app dans chaque thème. Elle suit le thème de
  * l'app, pas celui du système : le script anti-flash et `ThemeProvider` réécrivent les balises
@@ -22,7 +22,7 @@ function buildThemeScript(storageKey, defaultTheme) {
  */
 export const themeInitScript = buildThemeScript(THEME_STORAGE_KEY, THEME_DEFAULT);
 const ThemeProviderContext = createContext({
-    theme: "light",
+    theme: "system",
     setTheme: () => { },
 });
 function resolveTheme(theme) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hgdc/ui",
-  "version": "0.55.0",
+  "version": "0.57.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",