@hanzo/ui 8.27.81 → 8.27.83
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/backends/gui/code-editor.cjs +16 -12
- package/dist/backends/gui/code-editor.d.ts +5 -5
- package/dist/backends/gui/code-editor.d.ts.map +1 -1
- package/dist/backends/gui/code-editor.js +16 -12
- package/dist/backends/gui/code-editor.js.map +1 -1
- package/dist/backends/gui/json-tree.cjs +16 -8
- package/dist/backends/gui/json-tree.d.ts +5 -5
- package/dist/backends/gui/json-tree.js +16 -8
- package/dist/backends/gui/json-tree.js.map +1 -1
- package/dist/code-theme.cjs +44 -0
- package/dist/code-theme.d.ts +46 -0
- package/dist/code-theme.d.ts.map +1 -0
- package/dist/code-theme.js +42 -0
- package/dist/code-theme.js.map +1 -0
- package/dist/core/index.cjs +4 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +1 -0
- package/dist/core/index.js.map +1 -1
- package/dist/gallery.html +261 -261
- package/dist/gui-config.cjs +4 -1
- package/dist/gui-config.d.ts +218 -209
- package/dist/gui-config.d.ts.map +1 -1
- package/dist/gui-config.js +4 -1
- package/dist/gui-config.js.map +1 -1
- package/dist/index.cjs +8 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/index.node.cjs +8 -1
- package/dist/index.node.js +5 -0
- package/dist/styles.css +133 -133
- package/dist/theme.css +6 -6
- package/package.json +2 -2
package/dist/theme.css
CHANGED
|
@@ -202,7 +202,7 @@
|
|
|
202
202
|
/* ── tokens/typography.css ─────────────────────────────────────── */
|
|
203
203
|
/* TIGHT app-first type scale — the compact developer-app register (linear.app /
|
|
204
204
|
vercel.com / the Codex desktop look), the Hanzo default across chat / app /
|
|
205
|
-
desktop. Base is 14px, nav 13px, labels
|
|
205
|
+
desktop. Base is 14px, nav 13px, labels 12px; display sizes tightened. Kept in
|
|
206
206
|
lockstep with @hanzo/brand (styles/variables.css --font-size-* + typography.ts)
|
|
207
207
|
— the two are the SAME scale, mirrored. A surface/tenant overrides any --text-*
|
|
208
208
|
on :root to retune density on demand. */
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
algebra rather than by care — the deltas below are just `authored - 0.875`.
|
|
226
226
|
The alternative, deriving each rung as base * ratio^n, would restate the
|
|
227
227
|
ramp in a second place, and this scale is not geometric anyway: the app
|
|
228
|
-
register (
|
|
228
|
+
register (12/13/14/15/17) is near-linear on purpose and a ratio applied to
|
|
229
229
|
it would erase the 1px steps the compact register is FOR. That drift is not
|
|
230
230
|
hypothetical here — see src/preference.ts, where a recomputed copy of this
|
|
231
231
|
ramp shipped `lg: 16px` against this file's 15px.
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
cannot fix either end — 0.85 x 0.9 is inside both bounds and lands at 8.5px
|
|
239
239
|
— so the RESULT is what carries the bound:
|
|
240
240
|
|
|
241
|
-
--text-floor
|
|
241
|
+
--text-floor 12px below this a label is not small, it is unreadable
|
|
242
242
|
--text-ceiling 30vw above this a heading is not type, it is a texture
|
|
243
243
|
|
|
244
244
|
The ceiling is in the VIEWPORT's units because that is what "too big" means:
|
|
@@ -248,9 +248,9 @@
|
|
|
248
248
|
`vars()` emits the same clamp for a modular scale, so a regenerated rung and
|
|
249
249
|
an authored one are bounded identically — the rule does not depend on which
|
|
250
250
|
produced the value. */
|
|
251
|
-
--text-floor:0.
|
|
251
|
+
--text-floor:0.75rem;
|
|
252
252
|
--text-ceiling:30vw;
|
|
253
|
-
--text-xs:clamp(var(--text-floor), calc((0.875rem - 0.
|
|
253
|
+
--text-xs:clamp(var(--text-floor), calc((0.875rem - 0.125rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling)); --leading-xs:calc((1.35rem - 0.35rem * var(--type-ratio, 1)) * var(--type-scale, 1)); /* 12px — eyebrows / section labels; the smallest type anywhere */
|
|
254
254
|
--text-sm:clamp(var(--text-floor), calc((0.875rem - 0.0625rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling)); --leading-sm:calc((1.35rem - 0.2rem * var(--type-ratio, 1)) * var(--type-scale, 1)); /* 13px — nav labels, dense body */
|
|
255
255
|
--text-base:clamp(var(--text-floor), calc(0.875rem * var(--type-scale, 1)), var(--text-ceiling)); --leading-base:calc(1.35rem * var(--type-scale, 1)); /* 14px — the ANCHOR: the rung the ratio pivots on, so it carries no ratio term */
|
|
256
256
|
--text-lg:clamp(var(--text-floor), calc((0.875rem + 0.0625rem * var(--type-ratio, 1)) * var(--type-scale, 1)), var(--text-ceiling)); --leading-lg:calc((1.35rem + 0.05rem * var(--type-ratio, 1)) * var(--type-scale, 1)); /* 15px */
|
|
@@ -319,7 +319,7 @@
|
|
|
319
319
|
--type-body:400 var(--text-sm)/var(--leading-sm) var(--font-sans);
|
|
320
320
|
--type-caption:400 var(--text-xs)/var(--leading-xs) var(--font-sans);
|
|
321
321
|
--type-code:400 var(--text-sm)/var(--leading-relaxed) var(--font-mono);
|
|
322
|
-
--type-eyebrow:600 0.
|
|
322
|
+
--type-eyebrow:600 0.75rem/1 var(--font-sans);
|
|
323
323
|
}
|
|
324
324
|
|
|
325
325
|
/* On touch, a control goes to 16px. Below that iOS Safari zooms the viewport on
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.27.
|
|
3
|
+
"version": "8.27.83",
|
|
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": {
|
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
"@codemirror/view": "^6.43.13",
|
|
311
311
|
"@hanzo/appearance": "0.2.7",
|
|
312
312
|
"@hanzo/brand": "1.4.8",
|
|
313
|
-
"@hanzo/design": "0.5.
|
|
313
|
+
"@hanzo/design": "0.5.35",
|
|
314
314
|
"@hanzo/font": "1.9.2",
|
|
315
315
|
"@hanzo/logo": "1.0.26",
|
|
316
316
|
"@hanzo/products": "0.2.6",
|