@hanzo/ui 8.0.52 → 8.0.53

package/dist/theme.css

@@ -227,7 +227,7 @@
    So EVERY token whose dark value is a --white-* rung must be restated below,
    and check-tokens.mjs fails the build if one is missed — that class of bug is
    silent (the border simply stops existing) and has shipped before. */
-.light, :root.t_light{
+.light, :root.t_light, .t_light{
   color-scheme:light;
   --background:#ffffff;
   --foreground:#0a0a0a;
@@ -606,7 +606,7 @@
    obvious spelling would invalidate the whole declaration and take the drop
    shadow down with it. A zero-size transparent shadow composes to nothing and
    costs nothing. */
-.light, :root.t_light{
+.light, :root.t_light, .t_light{
   --shadow-floating:0 24px 60px -16px rgb(0 0 0 / .18);
   --shadow-inset-hairline:inset 0 0 0 1px rgb(0 0 0 / .10);
   --edge-highlight:inset 0 0 0 0 transparent;
@@ -893,7 +893,7 @@
      stays INSIDE the layer — an unlayered rule here would outrank an app's own
      utilities, which is the defect check 1c exists to catch. */
   :where(html){scrollbar-color:var(--white-15) transparent;scrollbar-width:thin}
-  .light, :root.t_light{scrollbar-color:rgb(0 0 0 / .18) transparent}
+  .light, :root.t_light, .t_light{scrollbar-color:rgb(0 0 0 / .18) transparent}
   :where(*)::-webkit-scrollbar{width:6px;height:6px}
   :where(*)::-webkit-scrollbar-track{background:transparent}
   :where(*)::-webkit-scrollbar-thumb{background:var(--white-15);border-radius:var(--radius-full)}
@@ -1184,16 +1184,19 @@
    drop does all the work and must be light enough not to smudge, on near-black
    it must be heavy enough to exist at all. The values are design's own, and
    glass.test.ts fails if either column stops matching what design publishes.
-   `:root.t_light` alongside `.light` is gui's spelling of the same idea —
-   compose-theme teaches design's sheet that alias, and this file, which also
-   ships on its own, says it outright. */
+   `:root.t_light` and `.t_light` alongside `.light` are gui's spelling of the
+   same idea — compose-theme teaches design's sheet those aliases, and this
+   file, which also ships on its own, says them outright. The bare class is for
+   a NESTED light scope: gui puts `t_light` on a span for `<Theme name="light">`
+   inside a dark app, which `:root.t_light` cannot match, so without it a light
+   island stood on the dark ladder. */
 :root {
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .40);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .75);
 }
 
-.light, :root.t_light {
+.light, :root.t_light, .t_light {
   --glass-shadow-1: 0 1px 2px 0 rgb(0 0 0 / .06);
   --glass-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .07);
   --glass-shadow-3: 0 24px 60px -16px rgb(0 0 0 / .18);
@@ -1232,10 +1235,19 @@
 
    One value, in one place: the recipes module reads the same token, so the dim
    behind a component dialog and the dim behind a hand-rolled one are the same
-   dim by construction rather than by two people remembering a number. */
+   dim by construction rather than by two people remembering a number.
+
+   !important for the same reason the material above carries it, and it was
+   missing here: gui compiles `opacity` and `background-color` into atomic
+   classes (`_o-0--5`, `_bg-rgba0000--538295333`) that land in an inline <style>
+   a bundler orders AFTER this sheet, so at equal specificity they won and the
+   rule read as if it had never been written. Measured on hanzo.app's ⌘K
+   palette: `rgba(0,0,0,.5)` under `opacity: .5` — a quarter black, exactly the
+   double dim these two lines exist to end. A rule written to beat a compiled
+   class has to be written with the weight to beat one. */
 [data-slot="dialog-overlay"] {
-  opacity: 1;
-  background-color: var(--surface-scrim, rgb(0 0 0 / .8));
+  opacity: 1 !important;
+  background-color: var(--surface-scrim, rgb(0 0 0 / .8)) !important;
 }
 
 /* ── Grouped rows ───────────────────────────────────────────────────────────

package/package.json

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