@hanzo/ui 8.0.51 → 8.0.53

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.
@@ -158,16 +158,22 @@
158
158
  }
159
159
 
160
160
  /* Paper — a ringed sheet: the ladder's lit edge and drop, plus a hairline all
161
- the way round. The three values are @hanzo/design's, reached by their real
162
- names. They used to be `--hz-ring` / `--hz-paper-highlight` /
163
- `--hz-elevation-3`, none of which is defined in this repo, in @hanzo/design
164
- or in any consumer — so all three resolved to hardcoded fallbacks, and the
165
- comment above promising that "a host that defines its own --hz-* tokens still
166
- wins" described a hook nobody could reach. */
161
+ the way round. The three values are reached by their real names. They used to
162
+ be `--hz-ring` / `--hz-paper-highlight` / `--hz-elevation-3`, none of which is
163
+ defined in this repo, in @hanzo/design or in any consumer — so all three
164
+ resolved to hardcoded fallbacks, and the comment above promising that "a host
165
+ that defines its own --hz-* tokens still wins" described a hook nobody could
166
+ reach.
167
+
168
+ The drop is rung 2's, by the ladder's own name. It read `--shadow-lg` — a
169
+ t-shirt size @hanzo/brand also declares, for a white canvas, winning on load
170
+ order — so paper lost its drop on dark exactly the way the rungs did. The
171
+ fallback stays because this sheet ships on its own: a host that imports
172
+ motion.css without glass.css has no ladder to read. */
167
173
  .paper {
168
174
  box-shadow: var(--shadow-inset-hairline, inset 0 0 0 1px rgb(255 255 255 / .10)),
169
175
  var(--edge-highlight, inset 0 1px 0 0 rgb(255 255 255 / .10)),
170
- var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55));
176
+ var(--glass-shadow-2, 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55));
171
177
  }
172
178
 
173
179
  @keyframes menu-in {