haus-tokens 2.3.1 → 2.4.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/drift.css +14 -0
- package/package.json +1 -1
package/dist/brands/drift.css
CHANGED
|
@@ -100,5 +100,19 @@
|
|
|
100
100
|
--haus-brand-error-on-default: var(--haus-damson-0);
|
|
101
101
|
--haus-brand-error-emphasis: var(--haus-cherry-900); /* ── Backdrop (Modal, Drawer, etc.) ──────────────────────────────────── */
|
|
102
102
|
|
|
103
|
+
/* ── Radius, the form tier ───────────────────────────────────────────── */
|
|
104
|
+
/* Drift sits one step tighter than haus at all three sizes: a 6px control
|
|
105
|
+
against 8px, an 8px surface against 12px, a 12px overlay against 16px.
|
|
106
|
+
That is the whole of its shape difference and it is deliberate.
|
|
107
|
+
|
|
108
|
+
marker is stated at haus's own value because the form tier is all or
|
|
109
|
+
nothing per group. Drift does not disagree about a checkbox's corner; the
|
|
110
|
+
rule exists so that a brand cannot supply half a group and leave the other
|
|
111
|
+
half inheriting, which renders as two shapes with nothing reporting it. */
|
|
112
|
+
--haus-brand-radius-control: var(--haus-radius-sm);
|
|
113
|
+
--haus-brand-radius-surface: var(--haus-radius-md);
|
|
114
|
+
--haus-brand-radius-overlay: var(--haus-radius-lg);
|
|
115
|
+
--haus-brand-radius-marker: var(--haus-radius-sm); /* haus's value, stated by the group rule */
|
|
116
|
+
|
|
103
117
|
}
|
|
104
118
|
}
|
package/package.json
CHANGED