@krosoft/react 0.0.296 → 0.0.297

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +4 -1
  2. package/dist/components/core/dialogs/AppDialog.d.ts.map +1 -1
  3. package/dist/components/core/dialogs/index.js +1 -1
  4. package/dist/components/core/index.js +1 -1
  5. package/dist/components/index.js +1 -1
  6. package/dist/{dialogs-CUKX7EFT.js → dialogs-D2NqMYEb.js} +6 -6
  7. package/dist/tailwind/index.d.ts +5 -0
  8. package/dist/tailwind/index.d.ts.map +1 -1
  9. package/dist/tailwind/index.js +5 -0
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -92,11 +92,14 @@ Rien n'oblige à suivre un preset : n'importe quelle valeur convient (`--k-radiu
92
92
  | `--k-success`, `--k-warning`, `--k-info` (+ `-foreground`) | `bg-success`, `text-warning-foreground`, `border-info`… |
93
93
  | `--k-topbar-*` | `bg-topbar`, `text-topbar-foreground`, `bg-topbar-accent`… |
94
94
  | `--k-brand-from`, `--k-brand-to`, `--k-brand-foreground` | `from-brand-from`, `to-brand-to`, `text-brand-foreground` |
95
+ | `--k-dialog-header-*` (mêmes suffixes) | `from-dialog-header-from`, `text-dialog-header-foreground`… |
95
96
  | `--k-sidebar-muted` | `text-sidebar-muted` |
96
97
  | `--k-radius-control`, `--k-radius-surface` (+ `-dense`) | `rounded-control`, `rounded-surface` |
97
98
  | `--k-font-heading`, `--k-font-body` | appliquées directement par `globals.css` sur `body` et `h1`–`h6` |
98
99
 
99
- `--k-brand-*` est le dégradé de marque : il habille l'en-tête d'`AppDialog` et le bouton `variant="brand"`. Deux bornes plutôt qu'une couleur pleine, parce que les surfaces qui le portent sont des dégradés — un thème qui n'en veut pas met la même valeur des deux côtés. C'est la surface la plus identitaire du package : chaque thème embarqué le redéclare avec ses propres teintes (violet par défaut, jaune sur Temporal, cyan sur Ocean). `--k-brand-foreground` porte le texte et les icônes posés dessus, et n'est donc pas toujours blanc : un dégradé clair demande un texte sombre. Story `Design Tokens/Marque` pour comparer les thèmes côte à côte.
100
+ `--k-brand-*` est le dégradé de marque, à la main de l'application : bouton `variant="brand"`, bandeaux, écrans de connexion. Deux bornes plutôt qu'une couleur pleine, parce que les surfaces qui le portent sont des dégradés — un thème qui n'en veut pas met la même valeur des deux côtés. Chaque thème embarqué le redéclare avec ses propres teintes (violet par défaut, jaune sur Temporal, cyan sur Ocean). `-foreground` porte le texte et les icônes posés dessus, et n'est donc pas toujours blanc : un dégradé clair demande un texte sombre.
101
+
102
+ `--k-dialog-header-*` habille l'en-tête d'`AppDialog` et suit les mêmes trois suffixes. Tokens **distincts** de la marque à dessein : l'en-tête est un choix de composant, la marque un choix d'application, et retoucher l'un ne doit pas déplacer l'autre. Ils ne sont pas indépendants pour rien : un projet qui ne déclare que `--k-brand-*` obtient quand même une dialog cohérente, le preset retombant dessus. Story `Design Tokens/Marque` pour comparer les thèmes côte à côte.
100
103
 
101
104
  Ces couleurs sont désormais mappées par le preset partagé : un projet consommateur qui les déclarait dans son propre `tailwind.config` peut supprimer ces lignes.
102
105
 
package/dist/components/core/dialogs/AppDialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dialogs/AppDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAkBvF,MAAM,WAAW,YAAY;IAC3B,uGAAuG;IACvG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,eAAe,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;IACjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA4F3I"}
1
+ {"version":3,"file":"AppDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dialogs/AppDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAkBvF,MAAM,WAAW,YAAY;IAC3B,uGAAuG;IACvG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,eAAe,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;IACjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA+F3I"}
package/dist/components/core/dialogs/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { I as e } from "../../../ui-DVtB9U8H.js";
2
2
  import { A as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, j as l, k as u } from "../../../sheet-DRzg-JWH.js";
3
- import { n as d, r as f, t as p } from "../../../dialogs-CUKX7EFT.js";
3
+ import { n as d, r as f, t as p } from "../../../dialogs-D2NqMYEb.js";
4
4
  export { f as AppDialog, p as ConfirmationDialog, r as Dialog, n as DialogClose, s as DialogContent, u as DialogDescription, t as DialogFooter, l as DialogHeader, a as DialogOverlay, o as DialogPortal, c as DialogTitle, i as DialogTrigger, d as FormDialog, e as Progress };
package/dist/components/core/index.js CHANGED
@@ -3,7 +3,7 @@ import { I as o } from "../../ui-DVtB9U8H.js";
3
3
  import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-DRzg-JWH.js";
4
4
  import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-C7MWuqi9.js";
5
5
  import { t as T } from "../../ErrorAlert-0L-Dwqu8.js";
6
- import { n as E, r as D, t as O } from "../../dialogs-CUKX7EFT.js";
6
+ import { n as E, r as D, t as O } from "../../dialogs-D2NqMYEb.js";
7
7
  import { t as k } from "../../ImageInput-BdOxyamZ.js";
8
8
  import { t as A } from "../../AppActions-BMh044Sc.js";
9
9
  import { t as j } from "../../AppSubTitle-BfZTloah.js";
package/dist/components/index.js CHANGED
@@ -8,7 +8,7 @@ import { a as lr, c as ur, i as dr, l as fr, n as pr, o as mr, r as hr, s as gr,
8
8
  import { t as yr } from "../skeleton-D6Ga4BLw.js";
9
9
  import { a as br, c as xr, i as Sr, n as Cr, o as wr, r as Tr, s as Er, t as Dr } from "../charts-C7MWuqi9.js";
10
10
  import { t as Or } from "../ErrorAlert-0L-Dwqu8.js";
11
- import { n as kr, r as Ar, t as jr } from "../dialogs-CUKX7EFT.js";
11
+ import { n as kr, r as Ar, t as jr } from "../dialogs-D2NqMYEb.js";
12
12
  import { t as Mr } from "../ImageInput-BdOxyamZ.js";
13
13
  import { t as Nr } from "../AppActions-BMh044Sc.js";
14
14
  import { t as Pr } from "../AppSubTitle-BfZTloah.js";
package/dist/{dialogs-CUKX7EFT.js → dialogs-D2NqMYEb.js} RENAMED
@@ -27,7 +27,7 @@ function O({ open: n, onOpenChange: r, config: i, isLoading: o, error: s, footer
27
27
  open: n,
28
28
  onOpenChange: M,
29
29
  children: /* @__PURE__ */ C(f, {
30
- className: e("max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden", "[&>button]:text-brand-foreground [&>button]:focus:ring-brand-foreground", A && "[&>button]:pointer-events-none [&>button]:opacity-40", T ?? D[w], l),
30
+ className: e("max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden", "[&>button]:text-dialog-header-foreground [&>button]:focus:ring-dialog-header-foreground", A && "[&>button]:pointer-events-none [&>button]:opacity-40", T ?? D[w], l),
31
31
  children: [
32
32
  A ? /* @__PURE__ */ S("div", {
33
33
  className: "absolute top-0 left-0 right-0 z-10",
@@ -37,15 +37,15 @@ function O({ open: n, onOpenChange: r, config: i, isLoading: o, error: s, footer
37
37
  })
38
38
  }) : null,
39
39
  /* @__PURE__ */ C(m, {
40
- className: e("bg-gradient-to-r from-brand-from to-brand-to p-4 sm:p-6 pr-12 sm:pr-12 sm:rounded-t-surface shrink-0", O),
40
+ className: e("bg-gradient-to-r from-dialog-header-from to-dialog-header-to p-4 sm:p-6 pr-12 sm:pr-12 sm:rounded-t-surface shrink-0", O),
41
41
  children: [/* @__PURE__ */ C(p, {
42
- className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-brand-foreground",
42
+ className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-dialog-header-foreground",
43
43
  children: [x === void 0 ? null : /* @__PURE__ */ S("div", {
44
- className: "p-2 bg-brand-foreground/20 rounded-control",
45
- children: /* @__PURE__ */ S(x, { className: "size-4 text-brand-foreground" })
44
+ className: "p-2 bg-dialog-header-foreground/20 rounded-control",
45
+ children: /* @__PURE__ */ S(x, { className: "size-4 text-dialog-header-foreground" })
46
46
  }), j(y)]
47
47
  }), b !== void 0 && b !== "" ? /* @__PURE__ */ S(h, {
48
- className: "text-brand-foreground/80 text-base",
48
+ className: "text-dialog-header-foreground/80 text-base",
49
49
  children: j(b)
50
50
  }) : null]
51
51
  }),
package/dist/tailwind/index.d.ts CHANGED
@@ -87,6 +87,11 @@ declare const krosoftPreset: {
87
87
  to: string;
88
88
  foreground: string;
89
89
  };
90
+ "dialog-header": {
91
+ from: string;
92
+ to: string;
93
+ foreground: string;
94
+ };
90
95
  success: {
91
96
  DEFAULT: string;
92
97
  foreground: string;
package/dist/tailwind/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuMQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}
package/dist/tailwind/index.js CHANGED
@@ -96,6 +96,11 @@ var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescr
96
96
  to: "hsl(var(--k-brand-to))",
97
97
  foreground: "hsl(var(--k-brand-foreground))"
98
98
  },
99
+ "dialog-header": {
100
+ from: "hsl(var(--k-dialog-header-from, var(--k-brand-from)))",
101
+ to: "hsl(var(--k-dialog-header-to, var(--k-brand-to)))",
102
+ foreground: "hsl(var(--k-dialog-header-foreground, var(--k-brand-foreground)))"
103
+ },
99
104
  success: {
100
105
  DEFAULT: "hsl(var(--k-success))",
101
106
  foreground: "hsl(var(--k-success-foreground))"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@krosoft/react",
3
- "version": "0.0.296",
3
+ "version": "0.0.297",
4
4
  "description": "Krosoft shared React package",
5
5
  "type": "module",
6
6
  "scripts": {