haus-tokens 3.0.0 → 3.1.0
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/brands/core.css +20 -0
- package/package.json +1 -1
package/dist/brands/core.css
CHANGED
|
@@ -118,6 +118,26 @@
|
|
|
118
118
|
/* ── Backdrop ──────────────────────────────────────────────────────────── */
|
|
119
119
|
--haus-brand-backdrop: oklch(from var(--haus-paper-950) l c h / var(--haus-opacity-60));
|
|
120
120
|
|
|
121
|
+
/* ── Radius, the form tier ───────────────────────────────────────────────
|
|
122
|
+
core's scale is 5px / 7px / 11px under a comment reading "radii: tight,
|
|
123
|
+
paper-like", so the tightness is stated intent rather than an accident.
|
|
124
|
+
|
|
125
|
+
Unlike drift, core is *not* uniformly one step tighter, and assuming it
|
|
126
|
+
was would have moved a rung nothing asked to move. Measured against what
|
|
127
|
+
core actually renders: its controls are 5px against haus's 8px, one step
|
|
128
|
+
tighter; its `.panel` is 11px, which is haus's own surface rung; and its
|
|
129
|
+
modal was 11px against haus's 16px, one step tighter again. So core
|
|
130
|
+
departs on control and overlay and agrees on surface.
|
|
131
|
+
|
|
132
|
+
marker is stated at haus's own value because the form tier is all or
|
|
133
|
+
nothing per group: a brand cannot supply half a group and leave the rest
|
|
134
|
+
inheriting, which renders as two shapes with nothing reporting it. core
|
|
135
|
+
has no checkbox of its own to measure, so it takes haus's rung. */
|
|
136
|
+
--haus-brand-radius-control: var(--haus-radius-sm); /* 5px measured -> 4px */
|
|
137
|
+
--haus-brand-radius-surface: var(--haus-radius-lg); /* 11px measured -> 12px, haus's own rung */
|
|
138
|
+
--haus-brand-radius-overlay: var(--haus-radius-lg); /* 11px measured -> 12px, one rung under haus */
|
|
139
|
+
--haus-brand-radius-marker: var(--haus-radius-sm); /* haus's value, stated by the group rule */
|
|
140
|
+
|
|
121
141
|
/* ── Typeface (form tier, haus#54) ─────────────────────────────────────────
|
|
122
142
|
core's faces, delivered by next/font: `--font-gabarito` and
|
|
123
143
|
`--font-geist-mono` are the hashed families the app registers, so the
|
package/package.json
CHANGED