@hanzo/ui 8.22.1 → 8.23.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/box.cjs +7 -5
- package/dist/box.d.ts.map +1 -1
- package/dist/box.js +7 -5
- package/dist/box.js.map +1 -1
- package/dist/gallery.html +32 -2
- package/dist/styles.css +30 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -2287,6 +2287,36 @@ body {
|
|
|
2287
2287
|
.hz-prose > h5:not(:first-child),
|
|
2288
2288
|
.hz-prose > h6:not(:first-child) { margin-block-start: 1.4em }
|
|
2289
2289
|
|
|
2290
|
+
/* ── The line-height a converted box inherits ─────────────────────────────
|
|
2291
|
+
gui's Stack stamps its own leading, which is right for a native view and
|
|
2292
|
+
wrong for a div: a div takes its line-height from the cascade, and a box
|
|
2293
|
+
converted from one used to grow a few pixels per line of text.
|
|
2294
|
+
|
|
2295
|
+
Stated HERE rather than as an inline style on the element. Inline beats every
|
|
2296
|
+
selector, so the previous form silently defeated the app's own vocabulary — a
|
|
2297
|
+
`.display` class asking for 1.15 lost to it and its headings overlapped. As a
|
|
2298
|
+
rule it is a default: gui's own leading classes come later and win, and an
|
|
2299
|
+
app's sheet comes later still and wins over both, which is the right order. */
|
|
2300
|
+
:root .is_View {
|
|
2301
|
+
line-height: inherit;
|
|
2302
|
+
}
|
|
2303
|
+
|
|
2304
|
+
/* ── An icon inside a control ─────────────────────────────────────────────
|
|
2305
|
+
Decoration, and it must not intercept the click that was aimed at the
|
|
2306
|
+
control. gui wraps a child in a `display: contents` span, which leaves the
|
|
2307
|
+
SVG itself as the topmost thing under the pointer — so a click on a button's
|
|
2308
|
+
icon landed on the `<line>` and never reached the button. Measured on a phone
|
|
2309
|
+
menu whose close button could not be clicked at all.
|
|
2310
|
+
|
|
2311
|
+
Not `pointer-events: none` on every svg: a chart or a map is a control in its
|
|
2312
|
+
own right. Only where one already sits inside something clickable. */
|
|
2313
|
+
button svg,
|
|
2314
|
+
a svg,
|
|
2315
|
+
[role='button'] svg,
|
|
2316
|
+
[data-slot='button'] svg {
|
|
2317
|
+
pointer-events: none;
|
|
2318
|
+
}
|
|
2319
|
+
|
|
2290
2320
|
/* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
|
|
2291
2321
|
Hanzo surfaces share. One place defines the easing; components apply the class.
|
|
2292
2322
|
`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.23.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": {
|