@spaethtech/svelte-ui 0.4.1-dev.21.2ccc703 → 0.4.1-dev.22.6370a63
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.
|
@@ -33,11 +33,17 @@ These are the only palette colours a component references. The `variant` axis
|
|
|
33
33
|
non-accent variants `neutral` and `ghost` → `--ui-color-text`). Canonical order:
|
|
34
34
|
`neutral · primary · secondary · success · info · warning · danger · ghost`.
|
|
35
35
|
|
|
36
|
-
- `ghost` — borderless, transparent, hover-tint only (the minimal control).
|
|
36
|
+
- `ghost` — borderless, transparent, hover-tint only (the minimal control). For the box-shaped
|
|
37
|
+
**fields** (Input/Select/TextArea) this also drives the **field background**: `ghost` → transparent,
|
|
38
|
+
every other variant → `--ui-color-background` (so a field reads as a field on any surface).
|
|
37
39
|
- `neutral` — the _uncoloured_ variant (mixes from `--ui-color-text`): **solid** in solid contexts
|
|
38
40
|
(Button/Toggle/Banner → black-on-white / white-on-black), a **tint** in soft contexts (Badge/Alert).
|
|
39
41
|
- (`plain` was removed — it's now `ghost`. Old bordered-`ghost` → `neutral`.)
|
|
40
42
|
|
|
43
|
+
Field **help/error text** uses no new token: the muted `description` row is an inline
|
|
44
|
+
`color-mix(in srgb, var(--ui-color-text) ~65%, transparent)`, and the `error` row uses
|
|
45
|
+
`--ui-color-error`.
|
|
46
|
+
|
|
41
47
|
### Interactive-surface tints — `--ui-accent` + hover/surface/active
|
|
42
48
|
|
|
43
49
|
One tint language for every hover / section / pressed surface, three steps of the SAME mix:
|