@hanzo/ui 8.18.2 → 8.19.1
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/dist/blocks/screenful.cjs +4 -1
- package/dist/blocks/screenful.d.ts.map +1 -1
- package/dist/blocks/screenful.js +4 -1
- package/dist/blocks/screenful.js.map +1 -1
- package/dist/blocks/video.cjs +5 -1
- package/dist/blocks/video.d.ts.map +1 -1
- package/dist/blocks/video.js +5 -1
- package/dist/blocks/video.js.map +1 -1
- package/dist/gallery.html +25 -1
- package/dist/styles.css +24 -0
- package/package.json +1 -1
|
@@ -76,7 +76,10 @@ const Backdrop = ({ block, className, initialInView, }) => {
|
|
|
76
76
|
React.useEffect(() => setMounted(true), []);
|
|
77
77
|
if (!mounted)
|
|
78
78
|
return null;
|
|
79
|
-
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, children: inView && ((0, jsx_runtime_1.jsx)("video", { autoPlay: true, loop: true, muted: true, playsInline: true,
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, children: inView && ((0, jsx_runtime_1.jsx)("video", { autoPlay: true, loop: true, muted: true, playsInline: true,
|
|
80
|
+
// Without this a video is a black rectangle until the first frame
|
|
81
|
+
// decodes — which on a hero is the whole composition, missing.
|
|
82
|
+
poster: block.poster, style: { margin: 0, height: '100%', width: '100%', objectFit: 'cover' }, children: block.sources?.map((src, i) => ((0, jsx_runtime_1.jsx)("source", { src: src }, i))) })) }));
|
|
80
83
|
};
|
|
81
84
|
/** The banner, as a still. It is also the video's first frame, so nothing jumps. */
|
|
82
85
|
const Poster = ({ banner, className, children, }) => banner ? ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('relative', className), style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenful.d.ts","sourceRoot":"","sources":["../../src/blocks/screenful.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,KAAK,mBAAmB,EAAO,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"screenful.d.ts","sourceRoot":"","sources":["../../src/blocks/screenful.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,KAAK,mBAAmB,EAAO,MAAM,QAAQ,CAAA;AA6KtD;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,oFAQjC,mBAAmB,GAAG;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,4CAmEA,CAAA;eAEc,uBAAuB"}
|
package/dist/blocks/screenful.js
CHANGED
|
@@ -40,7 +40,10 @@ const Backdrop = ({ block, className, initialInView, }) => {
|
|
|
40
40
|
React.useEffect(() => setMounted(true), []);
|
|
41
41
|
if (!mounted)
|
|
42
42
|
return null;
|
|
43
|
-
return (_jsx("div", { ref: ref, className: className, children: inView && (_jsx("video", { autoPlay: true, loop: true, muted: true, playsInline: true,
|
|
43
|
+
return (_jsx("div", { ref: ref, className: className, children: inView && (_jsx("video", { autoPlay: true, loop: true, muted: true, playsInline: true,
|
|
44
|
+
// Without this a video is a black rectangle until the first frame
|
|
45
|
+
// decodes — which on a hero is the whole composition, missing.
|
|
46
|
+
poster: block.poster, style: { margin: 0, height: '100%', width: '100%', objectFit: 'cover' }, children: block.sources?.map((src, i) => (_jsx("source", { src: src }, i))) })) }));
|
|
44
47
|
};
|
|
45
48
|
/** The banner, as a still. It is also the video's first frame, so nothing jumps. */
|
|
46
49
|
const Poster = ({ banner, className, children, }) => banner ? (_jsx(Box, { className: cn('relative', className), style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screenful.js","sourceRoot":"","sources":["../../src/blocks/screenful.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAA4B,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEtD;;;;;;;GAOG;AACH,MAAM,SAAS,GAAG,CAAC,SAAS,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE;IACtD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE,IAAI,OAAO,oBAAoB,KAAK,WAAW;YAAE,OAAM;QAC9D,MAAM,EAAE,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;QACxF,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACd,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,SAAS,EACT,aAAa,GAKd,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;IACtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAE3C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACzB,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,YAChC,MAAM,IAAI,CACT,gBACE,QAAQ,QACR,IAAI,QACJ,KAAK,QACL,WAAW,
|
|
1
|
+
{"version":3,"file":"screenful.js","sourceRoot":"","sources":["../../src/blocks/screenful.tsx"],"names":[],"mappings":"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"}
|
package/dist/blocks/video.cjs
CHANGED
|
@@ -70,7 +70,11 @@ const VideoBlockComponent = ({ block, className, agent, usePoster = false, size
|
|
|
70
70
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "video block required" });
|
|
71
71
|
const b = block;
|
|
72
72
|
const ratio = b.dim.md.w / b.dim.md.h;
|
|
73
|
-
const player = (dim) => ((0, jsx_runtime_1.jsx)(video_1.VideoPlayer, { ...(0, spec_1.sx)((0, cn_1.cn)('mx-auto', className)), sources: b.sources ?? [],
|
|
73
|
+
const player = (dim) => ((0, jsx_runtime_1.jsx)(video_1.VideoPlayer, { ...(0, spec_1.sx)((0, cn_1.cn)('mx-auto', className)), sources: b.sources ?? [],
|
|
74
|
+
// The block already knows the poster and draws it while it waits for a
|
|
75
|
+
// window measurement — but the <video> that replaces it had none, so the
|
|
76
|
+
// hero went black the moment the player mounted.
|
|
77
|
+
poster: b.poster, width: dim.w, height: dim.h, ...b.videoProps }));
|
|
74
78
|
/** The poster at the exact box the video will fill, in css the server can emit. */
|
|
75
79
|
const poster = (width, height) => ((0, jsx_runtime_1.jsx)(box_1.Box, { style: {
|
|
76
80
|
maxWidth: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/blocks/video.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,+DAO7B,mBAAmB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,
|
|
1
|
+
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/blocks/video.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,+DAO7B,mBAAmB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,4CA4EA,CAAA;eAEc,mBAAmB"}
|
package/dist/blocks/video.js
CHANGED
|
@@ -34,7 +34,11 @@ export const VideoBlockComponent = ({ block, className, agent, usePoster = false
|
|
|
34
34
|
return _jsx(_Fragment, { children: "video block required" });
|
|
35
35
|
const b = block;
|
|
36
36
|
const ratio = b.dim.md.w / b.dim.md.h;
|
|
37
|
-
const player = (dim) => (_jsx(VideoPlayer, { ...sx(cn('mx-auto', className)), sources: b.sources ?? [],
|
|
37
|
+
const player = (dim) => (_jsx(VideoPlayer, { ...sx(cn('mx-auto', className)), sources: b.sources ?? [],
|
|
38
|
+
// The block already knows the poster and draws it while it waits for a
|
|
39
|
+
// window measurement — but the <video> that replaces it had none, so the
|
|
40
|
+
// hero went black the moment the player mounted.
|
|
41
|
+
poster: b.poster, width: dim.w, height: dim.h, ...b.videoProps }));
|
|
38
42
|
/** The poster at the exact box the video will fill, in css the server can emit. */
|
|
39
43
|
const poster = (width, height) => (_jsx(Box, { style: {
|
|
40
44
|
maxWidth: '100%',
|
package/dist/blocks/video.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/blocks/video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAG/B,OAAO,EAA4B,GAAG,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAE1D;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,IAAI,EACX,WAAW,GAKZ,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,SAAS,CAAC,CAAA;IAEvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA;QAC7E,OAAO,EAAE,CAAA;QACT,0EAA0E;QAC1E,sEAAsE;QACtE,IAAI,KAAK,KAAK,SAAS;YAAE,OAAM;QAC/B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,KAAK,CAAC,SAAS,KAAK,OAAO;QAAE,OAAO,qDAAyB,CAAA;IACjE,MAAM,CAAC,GAAG,KAAmB,CAAA;IAC7B,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IAErC,MAAM,MAAM,GAAG,CAAC,GAAe,EAAE,EAAE,CAAC,CAClC,KAAC,WAAW,OACN,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAChC,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/blocks/video.tsx"],"names":[],"mappings":"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"}
|
package/dist/gallery.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.
|
|
1
|
+
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.19.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
|
|
2
2
|
:root { --hanzo-ui-styles: 1; }
|
|
3
3
|
/* Hanzo Design System — the entry point. Import THIS one file.
|
|
4
4
|
*
|
|
@@ -2253,6 +2253,30 @@ body {
|
|
|
2253
2253
|
overflow-wrap: break-word;
|
|
2254
2254
|
}
|
|
2255
2255
|
|
|
2256
|
+
/* ── Prose meets a control ────────────────────────────────────────────────
|
|
2257
|
+
`.hz-prose a` is underlined on purpose: in running text an underline is what
|
|
2258
|
+
marks a link. A link wearing a button is not running text — it already reads
|
|
2259
|
+
as a control from its fill and its border — so the underline is noise inside
|
|
2260
|
+
it. Measured on every call to action across the lux slides, each of which
|
|
2261
|
+
sits inside prose. */
|
|
2262
|
+
.hz-prose [data-slot="button"] a,
|
|
2263
|
+
.hz-prose a[data-slot="button"],
|
|
2264
|
+
.hz-prose button a {
|
|
2265
|
+
text-decoration: none;
|
|
2266
|
+
}
|
|
2267
|
+
|
|
2268
|
+
/* ── Space under a heading ────────────────────────────────────────────────
|
|
2269
|
+
Proportional to the heading, because a fixed margin cannot be right for both
|
|
2270
|
+
a 52px display line and a 17px sub-head: 8px under the display line read as
|
|
2271
|
+
the byline touching it. `em` here is the heading's own size, so the ratio
|
|
2272
|
+
holds at every rung. A caller setting its own margin still wins. */
|
|
2273
|
+
.hz-prose > h1 { margin-block-end: .34em }
|
|
2274
|
+
.hz-prose > h2 { margin-block-end: .38em }
|
|
2275
|
+
.hz-prose > h3 { margin-block-end: .42em }
|
|
2276
|
+
.hz-prose > h4,
|
|
2277
|
+
.hz-prose > h5,
|
|
2278
|
+
.hz-prose > h6 { margin-block-end: .5em }
|
|
2279
|
+
|
|
2256
2280
|
/* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
|
|
2257
2281
|
Hanzo surfaces share. One place defines the easing; components apply the class.
|
|
2258
2282
|
`className` forwards to the underlying DOM node on web, so the browser
|
package/dist/styles.css
CHANGED
|
@@ -2253,6 +2253,30 @@ body {
|
|
|
2253
2253
|
overflow-wrap: break-word;
|
|
2254
2254
|
}
|
|
2255
2255
|
|
|
2256
|
+
/* ── Prose meets a control ────────────────────────────────────────────────
|
|
2257
|
+
`.hz-prose a` is underlined on purpose: in running text an underline is what
|
|
2258
|
+
marks a link. A link wearing a button is not running text — it already reads
|
|
2259
|
+
as a control from its fill and its border — so the underline is noise inside
|
|
2260
|
+
it. Measured on every call to action across the lux slides, each of which
|
|
2261
|
+
sits inside prose. */
|
|
2262
|
+
.hz-prose [data-slot="button"] a,
|
|
2263
|
+
.hz-prose a[data-slot="button"],
|
|
2264
|
+
.hz-prose button a {
|
|
2265
|
+
text-decoration: none;
|
|
2266
|
+
}
|
|
2267
|
+
|
|
2268
|
+
/* ── Space under a heading ────────────────────────────────────────────────
|
|
2269
|
+
Proportional to the heading, because a fixed margin cannot be right for both
|
|
2270
|
+
a 52px display line and a 17px sub-head: 8px under the display line read as
|
|
2271
|
+
the byline touching it. `em` here is the heading's own size, so the ratio
|
|
2272
|
+
holds at every rung. A caller setting its own margin still wins. */
|
|
2273
|
+
.hz-prose > h1 { margin-block-end: .34em }
|
|
2274
|
+
.hz-prose > h2 { margin-block-end: .38em }
|
|
2275
|
+
.hz-prose > h3 { margin-block-end: .42em }
|
|
2276
|
+
.hz-prose > h4,
|
|
2277
|
+
.hz-prose > h5,
|
|
2278
|
+
.hz-prose > h6 { margin-block-end: .5em }
|
|
2279
|
+
|
|
2256
2280
|
/* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
|
|
2257
2281
|
Hanzo surfaces share. One place defines the easing; components apply the class.
|
|
2258
2282
|
`className` forwards to the underlying DOM node on web, so the browser
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.19.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|