@hanzo/ui 8.0.118 → 8.1.1

package/dist/styles.css

@@ -1702,10 +1702,13 @@
    a stylesheet it never opened. A library's utility classes are its namespace,
    so they carry its name.
 
-   The unprefixed selectors are kept as aliases on the SAME rule for one minor
-   version so nothing breaks mid-flight, and are REMOVED IN 8.1.0. Nothing in
-   this package emits them any more — they exist only for a consumer who typed
-   `className="skeleton"` against the old sheet. Keyframe names are prefixed too
+   The unprefixed selectors are kept as aliases on the SAME rule so nothing
+   breaks mid-flight, and are REMOVED IN 8.2.0. Nothing in this package emits
+   them any more — they exist only for a consumer who typed
+   `className="skeleton"` against the old sheet. (The target was 8.1.0, and
+   8.1.0 went out carrying additions instead. Moving the date is the honest
+   edit: shipping the version a comment says removed something, without
+   removing it, is how a deprecation note stops being read.) Keyframe names are prefixed too
    and have no alias: nothing outside this file ever referenced them.  */
 
 /* Fade-up entrance — <FadeIn> applies the class + a per-item stagger delay.
@@ -2163,21 +2166,27 @@
 :root ._bblr-100000px{border-bottom-left-radius:100000px;}
 :root ._bblr-1000px{border-bottom-left-radius:1000px;}
 :root ._bblr-10px{border-bottom-left-radius:10px;}
+:root ._bblr-1px{border-bottom-left-radius:1px;}
 :root ._bblr-7px{border-bottom-left-radius:7px;}
+:root ._bblr-9999px{border-bottom-left-radius:9999px;}
 :root ._bblr-c-radius-10{border-bottom-left-radius:var(--c-radius-10);}
 :root ._bblr-c-radius-2{border-bottom-left-radius:var(--c-radius-2);}
 :root ._bblr-c-radius-3{border-bottom-left-radius:var(--c-radius-3);}
 :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-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;}
 :root ._bbrr-10px{border-bottom-right-radius:10px;}
+:root ._bbrr-1px{border-bottom-right-radius:1px;}
 :root ._bbrr-7px{border-bottom-right-radius:7px;}
+:root ._bbrr-9999px{border-bottom-right-radius:9999px;}
 :root ._bbrr-c-radius-10{border-bottom-right-radius:var(--c-radius-10);}
 :root ._bbrr-c-radius-2{border-bottom-right-radius:var(--c-radius-2);}
 :root ._bbrr-c-radius-3{border-bottom-right-radius:var(--c-radius-3);}
 :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-radius-lg0--71290927033{border-bottom-right-radius:var(--radius-lg, 0.75rem);}
 :root ._bbs-solid._bbs-solid{border-bottom-style:solid;}
@@ -2185,6 +2194,7 @@
 :root:root:root  ._bg-0active-backgroundF3405682:active{background-color:var(--backgroundFocus) !important;}
 :root:root:root  ._bg-0active-backgroundP3496915:active{background-color:var(--backgroundPress) !important;}
 :root:root:root  ._bg-0active-color3:active{background-color:var(--color3) !important;}
+:root:root:root  ._bg-0active-color5:active{background-color:var(--color5) !important;}
 :root:root:root:root  ._bg-0focus-backgroundH3423444:focus{background-color:var(--backgroundHover) !important;}
 :root:root:root:root  ._bg-0focus-color3:focus{background-color:var(--color3) !important;}
 :root:root:root:root  ._bg-0focus-color4:focus{background-color:var(--color4) !important;}
@@ -2302,21 +2312,27 @@
 :root ._btlr-100000px{border-top-left-radius:100000px;}
 :root ._btlr-1000px{border-top-left-radius:1000px;}
 :root ._btlr-10px{border-top-left-radius:10px;}
+:root ._btlr-1px{border-top-left-radius:1px;}
 :root ._btlr-7px{border-top-left-radius:7px;}
+:root ._btlr-9999px{border-top-left-radius:9999px;}
 :root ._btlr-c-radius-10{border-top-left-radius:var(--c-radius-10);}
 :root ._btlr-c-radius-2{border-top-left-radius:var(--c-radius-2);}
 :root ._btlr-c-radius-3{border-top-left-radius:var(--c-radius-3);}
 :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-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;}
 :root ._btrr-10px{border-top-right-radius:10px;}
+:root ._btrr-1px{border-top-right-radius:1px;}
 :root ._btrr-7px{border-top-right-radius:7px;}
+:root ._btrr-9999px{border-top-right-radius:9999px;}
 :root ._btrr-c-radius-10{border-top-right-radius:var(--c-radius-10);}
 :root ._btrr-c-radius-2{border-top-right-radius:var(--c-radius-2);}
 :root ._btrr-c-radius-3{border-top-right-radius:var(--c-radius-3);}
 :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-radius-lg0--71290927033{border-top-right-radius:var(--radius-lg, 0.75rem);}
 :root ._bts-solid._bts-solid{border-top-style:solid;}
@@ -2327,8 +2343,10 @@
 @media (hover) {:root:root  ._col-0hover-color12:hover{color:var(--color12) !important;}}
 :root ._col-color{color:var(--color);}
 :root ._col-color1{color:var(--color1);}
+:root ._col-color10{color:var(--color10);}
 :root ._col-color11{color:var(--color11);}
 :root ._col-color12{color:var(--color12);}
+:root ._col-color9{color:var(--color9);}
 :root ._col-white1{color:var(--white1);}
 :root:root ._cur-_platformweb_pointer{cursor:pointer;}
 :root ._cur-col-resize{cursor:col-resize;}
@@ -2357,28 +2375,36 @@
 :root ._fw-f-weight-3{font-weight:var(--f-weight-3);}
 :root ._fw-f-weight-4{font-weight:var(--f-weight-4);}
 :root ._fwr-nowrap{flex-wrap:nowrap;}
+:root ._fwr-wrap{flex-wrap:wrap;}
 :root ._gap-16px{gap:16px;}
 :root ._gap-24px{gap:24px;}
 :root ._gap-2px{gap:2px;}
 :root ._gap-6px{gap:6px;}
 :root ._gap-8px{gap:8px;}
+:root ._gap-c-space-0--53{gap:var(--c-space-0--5);}
 :root ._gap-c-space-1{gap:var(--c-space-1);}
 :root ._gap-c-space-1--53{gap:var(--c-space-1--5);}
 :root ._gap-c-space-2{gap:var(--c-space-2);}
+:root ._gap-c-space-3{gap:var(--c-space-3);}
 :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-15px{height:15px;}
 :root ._height-16px{height:16px;}
 :root ._height-20px{height:20px;}
 :root ._height-220px{height:220px;}
+:root ._height-24px{height:24px;}
+:root ._height-28px{height:28px;}
 :root ._height-32px{height:32px;}
 :root ._height-36px{height:36px;}
 :root ._height-40px{height:40px;}
 :root ._height-44px{height:44px;}
+:root ._height-48px{height:48px;}
 :root ._height-5px{height:5px;}
 :root ._height-6px{height:6px;}
+:root ._height-72px{height:72px;}
 :root ._height-7px{height:7px;}
 :root ._height-80px{height:80px;}
 :root ._height-8px{height:8px;}
@@ -2389,10 +2415,13 @@
 :root ._items-center{align-items:center;}
 :root ._items-flex-start{align-items:flex-start;}
 :root ._justify-center{justify-content:center;}
+:root ._justify-flex-end{justify-content:flex-end;}
+:root ._justify-flex-start{justify-content:flex-start;}
 :root ._justify-space-betwe3241{justify-content:space-between;}
 :root ._l-037{left:0%;}
 :root ._l-0px{left:0px;}
 :root ._l-4037{left:40%;}
+:root ._lh-20px{line-height:20px;}
 :root ._lh-c-size-true{line-height:var(--c-size-true);}
 :root ._lh-f-lineHeigh112920{line-height:var(--f-lineHeight-1);}
 :root ._lh-f-lineHeigh112921{line-height:var(--f-lineHeight-2);}
@@ -2416,6 +2445,7 @@
 :root ._maxW-32px{max-width:32px;}
 :root ._maxW-600px{max-width:600px;}
 :root ._maxW-768px{max-width:768px;}
+:root ._maxW-8537{max-width:85%;}
 :root ._maxW-c-size-1{max-width:var(--c-size-1);}
 :root ._mb-0px{margin-bottom:0px;}
 :root ._minH-16px{min-height:16px;}
@@ -2441,13 +2471,17 @@
 :root ._mr-auto{margin-right:auto;}
 :root ._mt--24px{margin-top:-24px;}
 :root ._mt-0px{margin-top:0px;}
+:root ._mt-c-space-1{margin-top:var(--c-space-1);}
+:root ._mt-c-space-3{margin-top:var(--c-space-3);}
 :root ._o-0{opacity:0;}
 :root ._o-0--4{opacity:0.4;}
 :root ._o-0--5{opacity:0.5;}
 :root ._o-0--6{opacity:0.6;}
 :root ._o-0--7{opacity:0.7;}
+:root ._o-0--8{opacity:0.8;}
 @media (hover) {:root:root  ._o-0hover-0--8:hover{opacity:0.8 !important;}}
 @media (hover) {:root:root  ._o-0hover-0--9:hover{opacity:0.9 !important;}}
+@media (hover) {:root:root  ._o-0hover-1:hover{opacity:1 !important;}}
 :root ._o-1{opacity:1;}
 :root:root:root:root  ._outlineColor-0focus-color8._outlineColor-0focus-color8:focus{outline-color:var(--color8) !important;}
 :root:root:root:root  ._outlineColor-0focus-visible-outlineColo114._outlineColor-0focus-visible-outlineColo114:focus-visible{outline-color:var(--outlineColor) !important;}
@@ -2466,12 +2500,14 @@
 :root ._pb-24px{padding-bottom:24px;}
 :root ._pb-2px{padding-bottom:2px;}
 :root ._pb-3px{padding-bottom:3px;}
+:root ._pb-8px{padding-bottom:8px;}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pb-_md_c-space-8{padding-bottom:var(--c-space-8);}}
 :root ._pb-c-space--3-1448{padding-bottom:var(--c-space--3--5);}
 :root ._pb-c-space-1{padding-bottom:var(--c-space-1);}
 :root ._pb-c-space-1--53{padding-bottom:var(--c-space-1--5);}
 :root ._pb-c-space-11{padding-bottom:var(--c-space-11);}
 :root ._pb-c-space-2{padding-bottom:var(--c-space-2);}
+:root ._pb-c-space-2--53{padding-bottom:var(--c-space-2--5);}
 :root ._pb-c-space-3{padding-bottom:var(--c-space-3);}
 :root ._pb-c-space-3--53{padding-bottom:var(--c-space-3--5);}
 :root ._pb-c-space-4{padding-bottom:var(--c-space-4);}
@@ -2483,6 +2519,7 @@
 :root ._pl-24px{padding-left:24px;}
 :root ._pl-2px{padding-left:2px;}
 :root ._pl-3px{padding-left:3px;}
+:root ._pl-8px{padding-left:8px;}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pl-_md_c-space-4{padding-left:var(--c-space-4);}}
 :root ._pl-c-space-1{padding-left:var(--c-space-1);}
 :root ._pl-c-space-2{padding-left:var(--c-space-2);}
@@ -2500,6 +2537,7 @@
 :root ._pr-2px{padding-right:2px;}
 :root ._pr-36px{padding-right:36px;}
 :root ._pr-3px{padding-right:3px;}
+:root ._pr-8px{padding-right:8px;}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pr-_md_c-space-4{padding-right:var(--c-space-4);}}
 :root ._pr-c-space-1{padding-right:var(--c-space-1);}
 :root ._pr-c-space-2{padding-right:var(--c-space-2);}
@@ -2514,12 +2552,15 @@
 :root ._pt-24px{padding-top:24px;}
 :root ._pt-2px{padding-top:2px;}
 :root ._pt-3px{padding-top:3px;}
+:root ._pt-8px{padding-top:8px;}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pt-_md_c-space-8{padding-top:var(--c-space-8);}}
 :root ._pt-c-space--3-1448{padding-top:var(--c-space--3--5);}
 :root ._pt-c-space-1{padding-top:var(--c-space-1);}
 :root ._pt-c-space-1--53{padding-top:var(--c-space-1--5);}
 :root ._pt-c-space-11{padding-top:var(--c-space-11);}
 :root ._pt-c-space-2{padding-top:var(--c-space-2);}
+:root ._pt-c-space-2--53{padding-top:var(--c-space-2--5);}
+:root ._pt-c-space-3{padding-top:var(--c-space-3);}
 :root ._pt-c-space-3--53{padding-top:var(--c-space-3--5);}
 :root ._pt-c-space-4{padding-top:var(--c-space-4);}
 :root ._r-0px{right:0px;}
@@ -2536,6 +2577,7 @@
 :root ._t-0px{top:0px;}
 :root ._t-5037{top:50%;}
 @media (hover) {:root:root  ._td-0hover-underline:hover{text-decoration-line:underline !important;}}
+:root ._text-center{text-align:center;}
 :root ._textOverflow-ellipsis{text-overflow:ellipsis;}
 :root ._tr-rotate0deg1281{transform:rotate(0deg);}
 :root ._tr-rotate180de41674{transform:rotate(180deg);}
@@ -2549,14 +2591,21 @@
 :root ._width-0px{width:0px;}
 :root ._width-10037{width:100%;}
 :root ._width-10px{width:10px;}
+:root ._width-120px{width:120px;}
 :root ._width-16px{width:16px;}
 :root ._width-20037{width:200%;}
+:root ._width-24px{width:24px;}
 :root ._width-260px{width:260px;}
+:root ._width-264px{width:264px;}
+:root ._width-28px{width:28px;}
+:root ._width-2px{width:2px;}
+:root ._width-320px{width:320px;}
 :root ._width-32px{width:32px;}
 :root ._width-36px{width:36px;}
 :root ._width-380px{width:380px;}
 :root ._width-4px{width:4px;}
 :root ._width-5px{width:5px;}
+:root ._width-6037{width:60%;}
 :root ._width-8px{width:8px;}
 :root ._width-auto{width:auto;}
 :root ._width-c-size-1{width:var(--c-size-1);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.118",
+  "version": "8.1.1",
   "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": {