@hanzo/ui 8.14.7 → 8.16.0

package/dist/styles.css

@@ -2075,6 +2075,82 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 @keyframes r-animation-imtty0{0%{opacity:0;}100%{opacity:1;}}
 @keyframes r-animation-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
 @keyframes r-animation-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
+/* The element ground.
+ *
+ * gui resets the elements IT renders — every rule in the generated sheet hangs
+ * off a `.is_View`/`.css-view-*` class. A `<ul>` the app wrote itself gets none
+ * of that, so removing a utility engine hands those elements straight back to
+ * browser defaults: list markers return, headings grow margins, a button turns
+ * grey with a border, a link goes blue and underlined.
+ *
+ * Measured: with this absent, the lux nav rendered a bullet before its first
+ * item and every consumer had to re-state the same dozen rules in its own
+ * globals.css — or forget to, which is the same thing with no error.
+ *
+ * These are the defaults stated, nothing more. Anything with an opinion belongs
+ * in a token or a component.
+ */
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+h1, h2, h3, h4, h5, h6,
+p, figure, blockquote, dl, dd {
+  margin: 0;
+}
+
+ol, ul, menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+button, input, select, textarea, optgroup {
+  font: inherit;
+  color: inherit;
+  letter-spacing: inherit;
+}
+
+button {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+/* Replaced elements are blocks: inline leaves a gap under every image for the
+   text baseline that is not there. `max-width` keeps one from widening the
+   page — the single commonest cause of a document that scrolls sideways. */
+img, svg, video, canvas, audio, iframe, embed, object {
+  display: block;
+  max-width: 100%;
+}
+
+/* Preformatted text cannot wrap, so left alone it is the other commonest cause
+   of a sideways-scrolling document. It scrolls inside itself instead. */
+pre {
+  overflow-x: auto;
+  max-width: 100%;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* A long word — a hash, an address, a URL — must not decide the page width. */
+body {
+  overflow-wrap: break-word;
+}
+
 /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
    Hanzo surfaces share. One place defines the easing; components apply the class.
    `className` forwards to the underlying DOM node on web, so the browser
@@ -2700,6 +2776,8 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._aspectRatio-1--6{aspect-ratio:1.6;}
 :root ._aspectRatio-1--77777777771627090080{aspect-ratio:1.7777777777777777;}
 :root ._b-0px{bottom:0px;}
+:root:root:root:root  ._background-0focus-hover:focus{background:var(--hover) !important;}
+@media (hover) {:root:root  ._background-0hover-hover:hover{background:var(--hover) !important;}}
 :root ._bblr-100000px{border-bottom-left-radius:100000px;}
 :root ._bblr-1000px{border-bottom-left-radius:1000px;}
 :root ._bblr-10px{border-bottom-left-radius:10px;}
@@ -2713,6 +2791,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._bblr-c-radius-4{border-bottom-left-radius:var(--c-radius-4);}
 :root ._bblr-c-radius-5{border-bottom-left-radius:var(--c-radius-5);}
 :root ._bblr-c-radius-6{border-bottom-left-radius:var(--c-radius-6);}
+:root ._bblr-c-radius-tr3728{border-bottom-left-radius:var(--c-radius-true);}
 :root ._bblr-radius-lg0--71290927033{border-bottom-left-radius:var(--radius-lg, 0.75rem);}
 :root ._bbrr-100000px{border-bottom-right-radius:100000px;}
 :root ._bbrr-1000px{border-bottom-right-radius:1000px;}
@@ -2727,6 +2806,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._bbrr-c-radius-4{border-bottom-right-radius:var(--c-radius-4);}
 :root ._bbrr-c-radius-5{border-bottom-right-radius:var(--c-radius-5);}
 :root ._bbrr-c-radius-6{border-bottom-right-radius:var(--c-radius-6);}
+:root ._bbrr-c-radius-tr3728{border-bottom-right-radius:var(--c-radius-true);}
 :root ._bbrr-radius-lg0--71290927033{border-bottom-right-radius:var(--radius-lg, 0.75rem);}
 :root ._bbs-solid._bbs-solid{border-bottom-style:solid;}
 :root:root:root  ._bg-0active-background:active{background-color:var(--background) !important;}
@@ -2754,6 +2834,8 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._bg-color3{background-color:var(--color3);}
 :root ._bg-color5{background-color:var(--color5);}
 :root ._bg-edge{background-color:var(--edge);}
+:root ._bg-green1{background-color:var(--green1);}
+:root ._bg-green9{background-color:var(--green9);}
 :root ._bg-hover{background-color:var(--hover);}
 :root ._bg-ink{background-color:var(--ink);}
 :root ._bg-panel{background-color:var(--panel);}
@@ -2784,6 +2866,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._borderBottomColor-bound._borderBottomColor-bound{border-bottom-color:var(--bound);}
 :root ._borderBottomColor-color12._borderBottomColor-color12{border-bottom-color:var(--color12);}
 :root ._borderBottomColor-faint._borderBottomColor-faint{border-bottom-color:var(--faint);}
+:root ._borderBottomColor-green3._borderBottomColor-green3{border-bottom-color:var(--green3);}
 :root ._borderBottomColor-rim._borderBottomColor-rim{border-bottom-color:var(--rim);}
 :root ._borderBottomColor-transparent._borderBottomColor-transparent{border-bottom-color:transparent;}
 :root ._borderBottomWidth-0px._borderBottomWidth-0px{border-bottom-width:0px;}
@@ -2806,6 +2889,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._borderLeftColor-bound._borderLeftColor-bound{border-left-color:var(--bound);}
 :root ._borderLeftColor-color12._borderLeftColor-color12{border-left-color:var(--color12);}
 :root ._borderLeftColor-faint._borderLeftColor-faint{border-left-color:var(--faint);}
+:root ._borderLeftColor-green3._borderLeftColor-green3{border-left-color:var(--green3);}
 :root ._borderLeftColor-rim._borderLeftColor-rim{border-left-color:var(--rim);}
 :root ._borderLeftColor-transparent._borderLeftColor-transparent{border-left-color:transparent;}
 :root ._borderLeftWidth-0px._borderLeftWidth-0px{border-left-width:0px;}
@@ -2828,6 +2912,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._brc-bound._brc-bound{border-right-color:var(--bound);}
 :root ._brc-color12._brc-color12{border-right-color:var(--color12);}
 :root ._brc-faint._brc-faint{border-right-color:var(--faint);}
+:root ._brc-green3._brc-green3{border-right-color:var(--green3);}
 :root ._brc-rim._brc-rim{border-right-color:var(--rim);}
 :root ._brc-transparent._brc-transparent{border-right-color:transparent;}
 :root ._brs-solid._brs-solid{border-right-style:solid;}
@@ -2851,6 +2936,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._btc-bound._btc-bound{border-top-color:var(--bound);}
 :root ._btc-color12._btc-color12{border-top-color:var(--color12);}
 :root ._btc-faint._btc-faint{border-top-color:var(--faint);}
+:root ._btc-green3._btc-green3{border-top-color:var(--green3);}
 :root ._btc-rim._btc-rim{border-top-color:var(--rim);}
 :root ._btc-transparent._btc-transparent{border-top-color:transparent;}
 :root ._btlr-100000px{border-top-left-radius:100000px;}
@@ -2866,6 +2952,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._btlr-c-radius-4{border-top-left-radius:var(--c-radius-4);}
 :root ._btlr-c-radius-5{border-top-left-radius:var(--c-radius-5);}
 :root ._btlr-c-radius-6{border-top-left-radius:var(--c-radius-6);}
+:root ._btlr-c-radius-tr3728{border-top-left-radius:var(--c-radius-true);}
 :root ._btlr-radius-lg0--71290927033{border-top-left-radius:var(--radius-lg, 0.75rem);}
 :root ._btrr-100000px{border-top-right-radius:100000px;}
 :root ._btrr-1000px{border-top-right-radius:1000px;}
@@ -2880,6 +2967,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._btrr-c-radius-4{border-top-right-radius:var(--c-radius-4);}
 :root ._btrr-c-radius-5{border-top-right-radius:var(--c-radius-5);}
 :root ._btrr-c-radius-6{border-top-right-radius:var(--c-radius-6);}
+:root ._btrr-c-radius-tr3728{border-top-right-radius:var(--c-radius-true);}
 :root ._btrr-radius-lg0--71290927033{border-top-right-radius:var(--radius-lg, 0.75rem);}
 :root ._bts-solid._bts-solid{border-top-style:solid;}
 :root ._btw-0px._btw-0px{border-top-width:0px;}
@@ -2890,6 +2978,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._col-accentColor{color:var(--accentColor);}
 :root ._col-color{color:var(--color);}
 :root ._col-faint{color:var(--faint);}
+:root ._col-green11{color:var(--green11);}
 :root ._col-ink{color:var(--ink);}
 :root ._col-quiet{color:var(--quiet);}
 :root ._col-soft{color:var(--soft);}
@@ -2940,11 +3029,13 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._gap-c-space-2{gap:var(--c-space-2);}
 :root ._gap-c-space-3{gap:var(--c-space-3);}
 :root ._gap-calc6pxvar-1380234971{gap:calc(6px * var(--radius-scale, 1));}
+:root ._gap-calc8pxvar-1380234971{gap:calc(8px * var(--radius-scale, 1));}
 :root ._grow-0{flex-grow:0;}
 :root ._grow-1{flex-grow:1;}
 :root ._grow-50{flex-grow:50;}
 :root ._height-0px{height:0px;}
 :root ._height-10037{height:100%;}
+:root ._height-10px{height:10px;}
 :root ._height-14px{height:14px;}
 :root ._height-15px{height:15px;}
 :root ._height-16px{height:16px;}
@@ -2966,6 +3057,7 @@ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-web
 :root ._height-NaNpx{height:NaNpx;}
 :root ._height-auto{height:auto;}
 :root ._height-c-size-1{height:var(--c-size-1);}
+:root ._height-c-size-true{height:var(--c-size-true);}
 :root ._height-initial{height:initial;}
 :root ._height-min72vh620p38286157{height:min(72vh, 620px);}
 :root ._items-center{align-items:center;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.14.7",
+  "version": "8.16.0",
   "type": "module",
   "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.",
   "exports": {