@zevra/ui 0.5.0 → 0.6.0
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.
- package/DECISIONS.md +24 -0
- package/demo/index.html +33 -0
- package/dist/catalogue.d.ts.map +1 -1
- package/dist/catalogue.js +52 -1
- package/dist/catalogue.js.map +1 -1
- package/dist/content.d.ts +51 -0
- package/dist/content.d.ts.map +1 -1
- package/dist/content.js +37 -0
- package/dist/content.js.map +1 -1
- package/dist/css-inline.d.ts.map +1 -1
- package/dist/css-inline.js +1 -1
- package/dist/css-inline.js.map +1 -1
- package/dist/layout.d.ts +5 -4
- package/dist/layout.d.ts.map +1 -1
- package/dist/layout.js +4 -3
- package/dist/layout.js.map +1 -1
- package/package.json +1 -1
- package/react/catalogue.tsx +110 -2
- package/react/content.tsx +104 -0
- package/react/css-inline.ts +1 -1
- package/react/layout.tsx +5 -4
- package/src/components.css +201 -0
- package/src/layout.css +4 -0
package/dist/css-inline.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW
|
|
1
|
+
{"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,sooLAAsooL,CAAA;AAEzqoL;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,03BAA03B,CAAA"}
|
package/dist/layout.d.ts
CHANGED
|
@@ -22,10 +22,11 @@ export declare function InsetX({ className, ...reste }: Div & {
|
|
|
22
22
|
export declare function Grid12({ className, ...reste }: Div & {
|
|
23
23
|
className?: string;
|
|
24
24
|
}): import("react").JSX.Element;
|
|
25
|
-
export type Span12 = 3 | 4 | 6 | 8 | 9;
|
|
26
|
-
/** ⚠️ Seules
|
|
27
|
-
* vitrine
|
|
28
|
-
*
|
|
25
|
+
export type Span12 = 3 | 4 | 5 | 6 | 7 | 8 | 9;
|
|
26
|
+
/** ⚠️ Seules ces sept portées existent : ce sont les découpes employées par
|
|
27
|
+
* la vitrine (5+7 vient du prototype experience.html — le glyphe en 5, le
|
|
28
|
+
* discours en 7). En ajouter une revient à ajouter une mise en page, pas
|
|
29
|
+
* une utilité — c'est une décision de DA. */
|
|
29
30
|
export declare function Col({ span, className, ...reste }: Div & {
|
|
30
31
|
span: Span12;
|
|
31
32
|
className?: string;
|
package/dist/layout.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../react/layout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAA;AAI5D,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,EAAE,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGhD;AAED,MAAM,WAAW,WAAY,SAAQ,GAAG;IACtC;oEACgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;6EAC6E;AAC7E,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAQxE;AAED;wDACwD;AACxD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE3E;AAID,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE3E;AAED,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../react/layout.tsx"],"names":[],"mappings":"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"}
|
package/dist/layout.js
CHANGED
|
@@ -20,9 +20,10 @@ export function InsetX({ className, ...reste }) {
|
|
|
20
20
|
export function Grid12({ className, ...reste }) {
|
|
21
21
|
return _jsx("div", { className: cx('zv-grid-12', className), ...reste });
|
|
22
22
|
}
|
|
23
|
-
/** ⚠️ Seules
|
|
24
|
-
* vitrine
|
|
25
|
-
*
|
|
23
|
+
/** ⚠️ Seules ces sept portées existent : ce sont les découpes employées par
|
|
24
|
+
* la vitrine (5+7 vient du prototype experience.html — le glyphe en 5, le
|
|
25
|
+
* discours en 7). En ajouter une revient à ajouter une mise en page, pas
|
|
26
|
+
* une utilité — c'est une décision de DA. */
|
|
26
27
|
export function Col({ span, className, ...reste }) {
|
|
27
28
|
return _jsx("div", { className: cx(`zv-col-${span}`, className), ...reste });
|
|
28
29
|
}
|
package/dist/layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../react/layout.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAI5B,0EAA0E;AAE1E,MAAM,UAAU,IAAI,CAAC,EACnB,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACuC;IAC/C,MAAM,MAAM,GAAG,EAAE,IAAI,KAAK,CAAA;IAC1B,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAUD;6EAC6E;AAC7E,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IACvE,MAAM,MAAM,GAAG,EAAE,IAAI,KAAK,CAAA;IAC1B,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,cAAc,QAAQ,EAAE,EAAE,SAAS,CAAC,KACvE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED;wDACwD;AACxD,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC1E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC1E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAID
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../react/layout.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAI5B,0EAA0E;AAE1E,MAAM,UAAU,IAAI,CAAC,EACnB,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACuC;IAC/C,MAAM,MAAM,GAAG,EAAE,IAAI,KAAK,CAAA;IAC1B,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAUD;6EAC6E;AAC7E,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IACvE,MAAM,MAAM,GAAG,EAAE,IAAI,KAAK,CAAA;IAC1B,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,cAAc,QAAQ,EAAE,EAAE,SAAS,CAAC,KACvE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED;wDACwD;AACxD,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC1E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC1E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAID;;;8CAG8C;AAC9C,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACmC;IAC3C,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,IAAI,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACvE,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,QAAQ,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC5E,CAAC;AAYD,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IACpF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,aACzD,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,EACtD,KAAK,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAO,IAC3D,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACwC;IAChD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,OAAO,IAAI,wBAAwB,EAAE,SAAS,CAAC,KAC5E,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAQD,yEAAyE;AACzE,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACtF,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC7D,KAAK,IAAI,aAAI,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAM,EAC9D,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IAChD,CACX,CAAA;AACH,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACxE,OAAO,kBAAS,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACpE,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,kBAAS,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC;AAED,kCAAkC;AAClC,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC1E,OAAO,iBAAQ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACrE,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC/D,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC3E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACrE,CAAC;AAED;4EAC4E;AAC5E,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC5E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACtE,CAAC;AAUD;sEACsE;AACtE,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB;IACpE,OAAO,CACL,YAAG,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzF,CAAA;AACH,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EAKT;IACC,OAAO,iBAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACtF,CAAC;AAED,0EAA0E;AAC1E,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC7E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACtE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAKT;IACC,OAAO,CACL,4BACgB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,OAAO,IAAI,yBAAyB,EAAE,SAAS,CAAC,KACjF,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAWD,MAAM,UAAU,KAAK,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC7E,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,aAClD,cAAK,SAAS,EAAC,gBAAgB,iBAAa,MAAM,YAChD,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,EAAE,GAAI,GACtE,EACL,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAUD,MAAM,UAAU,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACvE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,aACjD,eACE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,MAAM,IAAI,iBAAiB,MAAM,EAAE,CAAC,iBACtD,MAAM,GAClB,EACD,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACzE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC;AAQD,MAAM,UAAU,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACvE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,aACjD,eAAM,SAAS,EAAC,gBAAgB,YAAE,MAAM,GAAQ,EAC/C,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAWD,MAAM,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IAC3E,OAAO,CACL,kBAAQ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,aACrD,MAAM,IAAI,cAAK,SAAS,EAAC,kBAAkB,YAAE,MAAM,GAAO,EAC3D,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,IAC1C,CACV,CAAA;AACH,CAAC;AAED;0EAC0E;AAC1E,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC6D;IACrE,OAAO,CACL,kBAAQ,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC1D,IAAI,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAO,EAC1D,QAAQ,IACF,CACV,CAAA;AACH,CAAC;AASD,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IAC7E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,aACrD,QAAQ,EACR,IAAI,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAO,IACtD,CACP,CAAA;AACH,CAAC;AAUD,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACmC;IAC3C,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,KAAK,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,0EAA0E;AAE1E;;qEAEqE;AACrE,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC/E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACxE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC9E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACvE,CAAC"}
|
package/package.json
CHANGED
package/react/catalogue.tsx
CHANGED
|
@@ -17,8 +17,9 @@
|
|
|
17
17
|
import { useState, type ReactNode } from 'react'
|
|
18
18
|
import { Button, ButtonLink, ButtonRow, LinkArrow } from './actions.js'
|
|
19
19
|
import {
|
|
20
|
-
Card, Check, Divider, Ent, EntText, Faq, FaqItem,
|
|
21
|
-
|
|
20
|
+
Callout, Card, Check, Divider, Ent, EntText, Faq, FaqItem, Flow, FlowStep,
|
|
21
|
+
Glass, IndexItem, IndexList, Inset, MiniStat, MiniStatItem, Pill, Price,
|
|
22
|
+
Quote, Rows, RowsItem, Src, SrcRow, StatCard, Tag, UiPreview,
|
|
22
23
|
} from './content.js'
|
|
23
24
|
import {
|
|
24
25
|
Avatar, Break, Cell, Chip, ChipRow, Cite, CiteRow, FileType, KV, KVRow,
|
|
@@ -1307,6 +1308,113 @@ export const CATALOGUE: GroupeCatalogue[] = [
|
|
|
1307
1308
|
],
|
|
1308
1309
|
},
|
|
1309
1310
|
|
|
1311
|
+
{
|
|
1312
|
+
id: 'blocs-editoriaux',
|
|
1313
|
+
nom: 'Blocs éditoriaux',
|
|
1314
|
+
couche: 'vitrine',
|
|
1315
|
+
css: 'components.css',
|
|
1316
|
+
resume:
|
|
1317
|
+
"Quatre façons de poser du contenu SANS carte. Ils existent pour une règle de composition de la DA (24/08/2026) : jamais deux blocs de même forme qui se suivent, 80 % de formes différentes par page — les grilles de cartes redeviennent un choix, pas un réflexe.",
|
|
1318
|
+
exemples: [
|
|
1319
|
+
{
|
|
1320
|
+
id: 'rows',
|
|
1321
|
+
nom: 'Rangées à filets',
|
|
1322
|
+
resume:
|
|
1323
|
+
'Libellé fort + contenu, un trait fin entre chaque rangée. Pour les listes où l’ALIGNEMENT fait la lecture (profils rencontrés, prestations, caractéristiques) — là où des cartes casseraient la comparaison.',
|
|
1324
|
+
code: `<Rows>
|
|
1325
|
+
<RowsItem cle="Directions juridiques">Structurer la connaissance interne…</RowsItem>
|
|
1326
|
+
<RowsItem cle="Cabinets d’avocats">Retrouver la jurisprudence du cabinet…</RowsItem>
|
|
1327
|
+
</Rows>`,
|
|
1328
|
+
rendu: (
|
|
1329
|
+
<Rows>
|
|
1330
|
+
<RowsItem cle="Directions juridiques">
|
|
1331
|
+
Structurer la connaissance interne et la rendre interrogeable par toute
|
|
1332
|
+
l’équipe.
|
|
1333
|
+
</RowsItem>
|
|
1334
|
+
<RowsItem cle="Cabinets d’avocats">
|
|
1335
|
+
Retrouver la jurisprudence du cabinet en posant la question en français.
|
|
1336
|
+
</RowsItem>
|
|
1337
|
+
<RowsItem cle="Notaires">
|
|
1338
|
+
Croiser les actes types avec la pratique réelle de l’étude.
|
|
1339
|
+
</RowsItem>
|
|
1340
|
+
</Rows>
|
|
1341
|
+
),
|
|
1342
|
+
},
|
|
1343
|
+
{
|
|
1344
|
+
id: 'index',
|
|
1345
|
+
nom: 'Sommaire numéroté',
|
|
1346
|
+
resume:
|
|
1347
|
+
'Le numéro en display léger, le contenu à droite. Pour les suites longues qui étoufferaient en cartes (offres détaillées, programmes). Le numéro est du CONTENU, pas un compteur CSS : un sommaire qui saute une entrée doit pouvoir le dire.',
|
|
1348
|
+
code: `<IndexList>
|
|
1349
|
+
<IndexItem num="01"><CardTitle>Cadrage</CardTitle>…</IndexItem>
|
|
1350
|
+
<IndexItem num="02"><CardTitle>Indexation</CardTitle>…</IndexItem>
|
|
1351
|
+
</IndexList>
|
|
1352
|
+
|
|
1353
|
+
<IndexList cols>…</IndexList>`,
|
|
1354
|
+
rendu: (
|
|
1355
|
+
<IndexList>
|
|
1356
|
+
<IndexItem num="01">
|
|
1357
|
+
<CardTitle>Cadrage</CardTitle>
|
|
1358
|
+
<Body taille="dense">
|
|
1359
|
+
Deux ateliers pour délimiter le corpus et les usages prioritaires.
|
|
1360
|
+
</Body>
|
|
1361
|
+
</IndexItem>
|
|
1362
|
+
<IndexItem num="02">
|
|
1363
|
+
<CardTitle>Indexation</CardTitle>
|
|
1364
|
+
<Body taille="dense">
|
|
1365
|
+
Le corpus est océrisé, anonymisé et indexé — comptez une semaine pour
|
|
1366
|
+
10 000 pièces.
|
|
1367
|
+
</Body>
|
|
1368
|
+
</IndexItem>
|
|
1369
|
+
</IndexList>
|
|
1370
|
+
),
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
1373
|
+
id: 'flow',
|
|
1374
|
+
nom: 'Déroulé vertical',
|
|
1375
|
+
resume:
|
|
1376
|
+
'La déclinaison verticale de « Steps », pour les méthodes qui se lisent comme un récit. Les points reprennent les couleurs des points de méthode — l’un des trois emplois autorisés du spectre.',
|
|
1377
|
+
code: `<Flow>
|
|
1378
|
+
<FlowStep><CardTitle>Déposer</CardTitle>…</FlowStep>
|
|
1379
|
+
<FlowStep teinte="violet"><CardTitle>Interroger</CardTitle>…</FlowStep>
|
|
1380
|
+
<FlowStep teinte="cyan"><CardTitle>Vérifier</CardTitle>…</FlowStep>
|
|
1381
|
+
</Flow>`,
|
|
1382
|
+
rendu: (
|
|
1383
|
+
<Flow>
|
|
1384
|
+
<FlowStep>
|
|
1385
|
+
<CardTitle>Déposer</CardTitle>
|
|
1386
|
+
<Body taille="dense">Les pièces partent telles quelles, annexes comprises.</Body>
|
|
1387
|
+
</FlowStep>
|
|
1388
|
+
<FlowStep teinte="violet">
|
|
1389
|
+
<CardTitle>Interroger</CardTitle>
|
|
1390
|
+
<Body taille="dense">La question se pose en français, pas en mots-clés.</Body>
|
|
1391
|
+
</FlowStep>
|
|
1392
|
+
<FlowStep teinte="cyan">
|
|
1393
|
+
<CardTitle>Vérifier</CardTitle>
|
|
1394
|
+
<Body taille="dense">Chaque affirmation renvoie au passage qui la fonde.</Body>
|
|
1395
|
+
</FlowStep>
|
|
1396
|
+
</Flow>
|
|
1397
|
+
),
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
id: 'callout',
|
|
1401
|
+
nom: 'Encart d’appel',
|
|
1402
|
+
resume:
|
|
1403
|
+
'Une bande sur accent-soft, un titre, une action : l’offre transverse qui doit se voir sans crier (remise, renvoi vers une autre page). L’action passe en enfant — elle se range à droite et tombe sous le titre sur mobile.',
|
|
1404
|
+
code: `<Callout titre="Formation Campus incluse la première année">
|
|
1405
|
+
<ButtonLink href="/campus" variante="fantome">Découvrir Campus</ButtonLink>
|
|
1406
|
+
</Callout>`,
|
|
1407
|
+
rendu: (
|
|
1408
|
+
<Callout titre="Formation Campus incluse la première année">
|
|
1409
|
+
<ButtonLink href="#" variante="fantome">
|
|
1410
|
+
Découvrir Campus
|
|
1411
|
+
</ButtonLink>
|
|
1412
|
+
</Callout>
|
|
1413
|
+
),
|
|
1414
|
+
},
|
|
1415
|
+
],
|
|
1416
|
+
},
|
|
1417
|
+
|
|
1310
1418
|
{
|
|
1311
1419
|
id: 'mise-en-page',
|
|
1312
1420
|
nom: 'Mise en page',
|
package/react/content.tsx
CHANGED
|
@@ -311,3 +311,107 @@ export function Check({ className, ...reste }: Span & { className?: string }) {
|
|
|
311
311
|
</span>
|
|
312
312
|
)
|
|
313
313
|
}
|
|
314
|
+
|
|
315
|
+
/* ─── Blocs éditoriaux ─────────────────────────────────────────────────
|
|
316
|
+
* HORS RELEVÉ — ajoutés à la demande de la DA (règle de variété du
|
|
317
|
+
* 24/08/2026 : jamais deux blocs de même forme qui se suivent, 80 % de
|
|
318
|
+
* formes différentes par page). Quatre façons de poser du contenu SANS
|
|
319
|
+
* carte, pour que les grilles de cartes redeviennent un choix et non un
|
|
320
|
+
* réflexe. CSS relevé de la PR #1 (Enrase). */
|
|
321
|
+
|
|
322
|
+
export function Rows({ className, ...reste }: Div & { className?: string }) {
|
|
323
|
+
return <div className={cx('zv-rows', className)} {...reste} />
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
export interface RowsItemProps extends Div {
|
|
327
|
+
/** Le libellé fort, à gauche. Colonne fixe : c'est l'alignement d'une
|
|
328
|
+
* rangée à l'autre qui fait la lecture. */
|
|
329
|
+
cle: ReactNode
|
|
330
|
+
className?: string
|
|
331
|
+
children?: ReactNode
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
/** Rangée à filets : libellé fort + contenu, un trait fin entre chaque.
|
|
335
|
+
* Pour les listes où l'alignement fait la lecture (profils, prestations,
|
|
336
|
+
* caractéristiques). */
|
|
337
|
+
export function RowsItem({ cle, className, children, ...reste }: RowsItemProps) {
|
|
338
|
+
return (
|
|
339
|
+
<div className={cx('zv-rows__row', className)} {...reste}>
|
|
340
|
+
<span className="zv-rows__key">{cle}</span>
|
|
341
|
+
<span className="zv-rows__val">{children}</span>
|
|
342
|
+
</div>
|
|
343
|
+
)
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
export interface IndexListProps extends Div {
|
|
347
|
+
/** Grille de trois, sans filets — l'espace fait la séparation. */
|
|
348
|
+
cols?: boolean
|
|
349
|
+
className?: string
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
/** Sommaire numéroté éditorial. Pour les suites longues qui étoufferaient
|
|
353
|
+
* en cartes (offres détaillées, programmes). */
|
|
354
|
+
export function IndexList({ cols, className, ...reste }: IndexListProps) {
|
|
355
|
+
return (
|
|
356
|
+
<div className={cx('zv-index', cols && 'zv-index--cols', className)} {...reste} />
|
|
357
|
+
)
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
export interface IndexItemProps extends Div {
|
|
361
|
+
/** Le numéro, en display léger (« 01 »). C'est du CONTENU, pas un
|
|
362
|
+
* compteur CSS : un sommaire qui saute une entrée doit pouvoir le dire. */
|
|
363
|
+
num: ReactNode
|
|
364
|
+
className?: string
|
|
365
|
+
children?: ReactNode
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
export function IndexItem({ num, className, children, ...reste }: IndexItemProps) {
|
|
369
|
+
return (
|
|
370
|
+
<div className={cx('zv-index__item', className)} {...reste}>
|
|
371
|
+
<span className="zv-index__num" aria-hidden="true">
|
|
372
|
+
{num}
|
|
373
|
+
</span>
|
|
374
|
+
<div className="zv-index__body">{children}</div>
|
|
375
|
+
</div>
|
|
376
|
+
)
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
/** Déroulé vertical — la déclinaison verticale de `Steps`, pour les
|
|
380
|
+
* méthodes qui se lisent comme un récit. */
|
|
381
|
+
export function Flow({ className, ...reste }: Div & { className?: string }) {
|
|
382
|
+
return <div className={cx('zv-flow', className)} {...reste} />
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
export interface FlowStepProps extends Div {
|
|
386
|
+
/** Les points reprennent les couleurs des points de méthode — l'un des
|
|
387
|
+
* trois emplois autorisés du spectre. Sans teinte : iris. */
|
|
388
|
+
teinte?: 'violet' | 'cyan'
|
|
389
|
+
className?: string
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
export function FlowStep({ teinte, className, ...reste }: FlowStepProps) {
|
|
393
|
+
return (
|
|
394
|
+
<div
|
|
395
|
+
className={cx('zv-flow__step', teinte && `zv-flow__step--${teinte}`, className)}
|
|
396
|
+
{...reste}
|
|
397
|
+
/>
|
|
398
|
+
)
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
export interface CalloutProps extends Div {
|
|
402
|
+
titre: ReactNode
|
|
403
|
+
className?: string
|
|
404
|
+
children?: ReactNode
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
/** Encart d'appel sur accent-soft : l'offre transverse qui doit se voir
|
|
408
|
+
* sans crier (remise, renvoi vers une autre page). L'action se passe en
|
|
409
|
+
* enfant — elle se range à droite, et tombe sous le titre sur mobile. */
|
|
410
|
+
export function Callout({ titre, className, children, ...reste }: CalloutProps) {
|
|
411
|
+
return (
|
|
412
|
+
<div className={cx('zv-callout', className)} {...reste}>
|
|
413
|
+
<h3 className="zv-callout__title">{titre}</h3>
|
|
414
|
+
{children}
|
|
415
|
+
</div>
|
|
416
|
+
)
|
|
417
|
+
}
|