@zevra/ui 0.9.0 → 0.10.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 +12 -1
- package/dist/catalogue.d.ts.map +1 -1
- package/dist/catalogue.js +3 -2
- package/dist/catalogue.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/surfaces.d.ts +10 -6
- package/dist/surfaces.d.ts.map +1 -1
- package/dist/surfaces.js +12 -6
- package/dist/surfaces.js.map +1 -1
- package/package.json +1 -1
- package/react/catalogue.tsx +5 -1
- package/react/css-inline.ts +1 -1
- package/react/surfaces.tsx +12 -7
- package/src/motion.css +23 -1
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,gj7NAAgj7N,CAAA;AAEnl7N;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,03BAA03B,CAAA"}
|
package/dist/surfaces.d.ts
CHANGED
|
@@ -49,14 +49,18 @@ export interface GlyphProps extends Div {
|
|
|
49
49
|
* une image du paquet (`@zevra/ui/logos/…`), pas un tracé du CSS. */
|
|
50
50
|
export declare function Glyph({ variante, className, children, ...reste }: GlyphProps): import("react").JSX.Element;
|
|
51
51
|
export type Animation = 'rise' | 'pop' | 'filet' | 'glyph-in' | 'converge' | 'breathe' | 'drift' | 'dot-active' | 'progress';
|
|
52
|
-
/** Les neuf animations du paquet, nommées. ⚠️ Elles sont
|
|
53
|
-
* DÉFILEMENT et réservées à la vitrine : le chrome applicatif
|
|
54
|
-
* `prefers-reduced-motion` les coupe toutes, globalement,
|
|
52
|
+
/** Les neuf animations du paquet, nommées — plus un dosage. ⚠️ Elles sont
|
|
53
|
+
* pilotées AU DÉFILEMENT et réservées à la vitrine : le chrome applicatif
|
|
54
|
+
* n'anime rien. `prefers-reduced-motion` les coupe toutes, globalement,
|
|
55
|
+
* depuis base.css.
|
|
55
56
|
*
|
|
56
|
-
* `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6)
|
|
57
|
+
* `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6),
|
|
57
58
|
* donne le coin d'arrivée (`converge` : tr, bl, br — le défaut vient du
|
|
58
|
-
* haut-gauche)
|
|
59
|
-
|
|
59
|
+
* haut-gauche), ou DOSE l'entrée (`rise` + « doux » : douze pixels au
|
|
60
|
+
* lieu de trente-deux, pour les blocs des pages intérieures — la home
|
|
61
|
+
* garde l'entrée pleine). Passée à une autre animation, elle est
|
|
62
|
+
* ignorée. */
|
|
63
|
+
export declare function anim(nom: Animation, option?: 2 | 3 | 4 | 5 | 6 | 'tr' | 'bl' | 'br' | 'doux'): string;
|
|
60
64
|
export interface SocialFrameProps extends Div {
|
|
61
65
|
/** paysage 1200×630 (OpenGraph, lien LinkedIn) · carre 1080×1080 (post) ·
|
|
62
66
|
* story 1080×1920. FIGÉS en pixels : ce sont des planches qu'on CAPTURE,
|
package/dist/surfaces.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../react/surfaces.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAA;AAI5D;;yBAEyB;AACzB,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9D;AAID,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ/C;AAID;uDACuD;AACvD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ/C;AAID,MAAM,WAAW,SAAU,SAAQ,GAAG;IACpC,qDAAqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;sDAEsD;AACtD,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYlF;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9E;AAED;0DAC0D;AAC1D,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE/E;AAID,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC;qBACiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;sEACsE;AACtE,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAU5E;AAID,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,CAAA;AAEd
|
|
1
|
+
{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../react/surfaces.tsx"],"names":[],"mappings":"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"}
|
package/dist/surfaces.js
CHANGED
|
@@ -37,18 +37,24 @@ export function TextOnDark({ className, ...reste }) {
|
|
|
37
37
|
export function Glyph({ variante, className, children, ...reste }) {
|
|
38
38
|
return (_jsx("div", { "aria-hidden": "true", className: cx('zv-glyph', variante && `zv-glyph--${variante}`, className), ...reste, children: children }));
|
|
39
39
|
}
|
|
40
|
-
/** Les neuf animations du paquet, nommées. ⚠️ Elles sont
|
|
41
|
-
* DÉFILEMENT et réservées à la vitrine : le chrome applicatif
|
|
42
|
-
* `prefers-reduced-motion` les coupe toutes, globalement,
|
|
40
|
+
/** Les neuf animations du paquet, nommées — plus un dosage. ⚠️ Elles sont
|
|
41
|
+
* pilotées AU DÉFILEMENT et réservées à la vitrine : le chrome applicatif
|
|
42
|
+
* n'anime rien. `prefers-reduced-motion` les coupe toutes, globalement,
|
|
43
|
+
* depuis base.css.
|
|
43
44
|
*
|
|
44
|
-
* `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6)
|
|
45
|
+
* `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6),
|
|
45
46
|
* donne le coin d'arrivée (`converge` : tr, bl, br — le défaut vient du
|
|
46
|
-
* haut-gauche)
|
|
47
|
+
* haut-gauche), ou DOSE l'entrée (`rise` + « doux » : douze pixels au
|
|
48
|
+
* lieu de trente-deux, pour les blocs des pages intérieures — la home
|
|
49
|
+
* garde l'entrée pleine). Passée à une autre animation, elle est
|
|
50
|
+
* ignorée. */
|
|
47
51
|
export function anim(nom, option) {
|
|
48
52
|
if (nom === 'pop' && typeof option === 'number')
|
|
49
53
|
return `zv-anim-pop zv-anim-pop--${option}`;
|
|
50
|
-
if (nom === 'converge' &&
|
|
54
|
+
if (nom === 'converge' && (option === 'tr' || option === 'bl' || option === 'br'))
|
|
51
55
|
return `zv-anim-converge zv-anim-converge--${option}`;
|
|
56
|
+
if (nom === 'rise' && option === 'doux')
|
|
57
|
+
return 'zv-anim-rise zv-anim-rise--doux';
|
|
52
58
|
return `zv-anim-${nom}`;
|
|
53
59
|
}
|
|
54
60
|
/** Planche d'export pour les réseaux. ⚠️ La règle « jamais de faux
|
package/dist/surfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"surfaces.js","sourceRoot":"","sources":["../react/surfaces.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAI5B,0EAA0E;AAE1E;;yBAEyB;AACzB,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACqD;IAC7D,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,KAAK,EAAE,EAAE,SAAS,CAAC,KACpD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,qBAAqB,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,0EAA0E;AAE1E;uDACuD;AACvD,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,gBAAgB,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAaD;;sDAEsD;AACtD,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACjF,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,aACpD,KAAK,IAAI,cAAK,SAAS,EAAC,eAAe,iBAAa,MAAM,GAAG,EAC7D,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,oBAAoB,iBAAa,MAAM,YACnD,SAAS,GACN,CACP,EACD,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC1C,CACX,CAAA;AACH,CAAC;AAED,qEAAqE;AACrE,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;0DAC0D;AAC1D,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC9E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACxE,CAAC;AAYD;sEACsE;AACtE,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC3E,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,IAAI,aAAa,QAAQ,EAAE,EAAE,SAAS,CAAC,KACrE,KAAK,YAER,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAeD
|
|
1
|
+
{"version":3,"file":"surfaces.js","sourceRoot":"","sources":["../react/surfaces.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/react/catalogue.tsx
CHANGED
|
@@ -2049,8 +2049,9 @@ export const CATALOGUE: GroupeCatalogue[] = [
|
|
|
2049
2049
|
id: 'mouvement',
|
|
2050
2050
|
nom: 'Mouvement',
|
|
2051
2051
|
resume:
|
|
2052
|
-
'⚠️ Les neuf animations sont pilotées AU DÉFILEMENT et réservées à la vitrine : le chrome applicatif n’anime rien. « prefers-reduced-motion » les coupe toutes, globalement, depuis base.css.',
|
|
2052
|
+
'⚠️ Les neuf animations sont pilotées AU DÉFILEMENT et réservées à la vitrine : le chrome applicatif n’anime rien. « rise · doux » n’est pas une dixième : c’est l’entrée DOSÉE des blocs de pages intérieures (12 px), la home gardant l’entrée pleine. « prefers-reduced-motion » les coupe toutes, globalement, depuis base.css.',
|
|
2053
2053
|
code: `<div className={anim('rise')}>…</div>
|
|
2054
|
+
<div className={anim('rise', 'doux')}>…</div> {/* pages intérieures */}
|
|
2054
2055
|
<div className={anim('pop', 3)}>…</div>
|
|
2055
2056
|
<div className={anim('converge', 'tr')}>…</div>`,
|
|
2056
2057
|
rendu: (
|
|
@@ -2062,6 +2063,9 @@ export const CATALOGUE: GroupeCatalogue[] = [
|
|
|
2062
2063
|
</span>
|
|
2063
2064
|
),
|
|
2064
2065
|
)}
|
|
2066
|
+
<span className={anim('rise', 'doux')}>
|
|
2067
|
+
<Chip variante="mono">rise · doux</Chip>
|
|
2068
|
+
</span>
|
|
2065
2069
|
</div>
|
|
2066
2070
|
),
|
|
2067
2071
|
},
|