@tangle-network/brand 1.10.3 → 1.13.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # Changelog
 
+## 1.13.0
+
+### Minor Changes
+
+- f13e197: Add the Website named theme. `class="dark" data-theme="website"` gives the public site's indigo-night surface ladder; `data-theme="website"` without `.dark` is its indigo-paper light scope, usable as a nested light island. Both modes are seeded from the canonical baselines in `tokens.css` and declare the same properties. Only planes and ink change: accent, status, category and syntax tones stay canonical. The website uses it in place of its local navy and paper token copies.
+
+### Patch Changes
+
+- e7525d0: Lower the Tax drift baseline to its measured main (tangle-network/tax-agent ff4b703): raw palette 133 to 0, hex 8 to 0, arbitrary colors 7 to 0, redeclared tokens 8 to 0. Tax runs `tangle-drift check --surface tax` in its sign-off, so any new palette class, hex value or token copy now fails its gate.
+
+## 1.12.0
+
+### Minor Changes
+
+- e05254d: Add the `agents` / `agents-light` named theme for Agent Builder: white light pages whose cards separate by shadow, and a mauve neutral ladder in both modes. `scripts/gen-ladders.mjs` generates it from the same map as `system.css`, restricted to canonical spine tokens and with literal values, so it needs no `ladders.css`. It retints surfaces, text, borders and the three shadow roles only; accent, status and category tokens stay canonical. Both names join the canonical baseline selector lists, so nested scopes re-resolve their aliases.
+  
+  Add `data-tone="<category>"` scopes for the eight categorical tones: an element with `data-tone="orange"` reads that family as `--tone-bg`, `--tone-bg-hover`, `--tone-bg-selected`, `--tone-border`, `--tone-border-selected`, `--tone-text` and `--tone-icon`, in both modes.
+- a2e24c7: Add the Hospitality named theme: `data-theme="hospitality"` is a complete light scope, and with `.dark` on the same element it is a complete dark scope. Both are seeded from the canonical baselines in `tokens.css`, as `vault` is. It retints the surface ladder to sage, moves the accent family (primary, ring, accent text and wells, buttons, sidebar, brand accents) to forest green, and keeps every status and category tone canonical. The Hospitality app uses it in place of its local 166-property theme file.
+- a53b246: Add the `super` and `super-light` named themes for SUPER: warm green-grey surfaces with a forest action colour. Button, selection and accent-surface tokens follow the forest fill. Status and category tones are inherited. `ThemeToggle` keeps the pair when it switches modes.
+
+### Patch Changes
+
+- 6558f63: The `aubergine`, `aubergine-light`, `arena` and `arena-light` named themes retint the base surface: `--md3-surface`, `--md3-surface-dim`, `--md3-surface-bright`, `--md3-surface-variant`, `--md3-on-surface` and `--md3-on-surface-variant` follow each theme's own ladder and text, as they do in the canonical spine. Before, a `bg-surface` element such as a mobile top bar kept the neutral grey surface on a purple or green page.
+- daf8f07: The named themes' secondary text tiers clear WCAG AA on every surface they sit on. `--text-dim` in `aubergine`, `aubergine-light`, `arena`, `arena-light` and `tangle-light`, and `--text-muted` in `aubergine` and the light named themes, measured as low as 2.3:1 on their own canvas, card, panel, elevated or highest container. Each now clears 4.5:1 on all five at the same hue and saturation, with muted still stronger than dim. `tangle-dark` mirrors the canonical dark spine, already passes, and is unchanged.
+
+## 1.11.0
+
+### Minor Changes
+
+- ff1cb8b: Add eight categorical tones as `--tone-{violet,orange,teal,blue,pink,brown,cyan,lime}-{bg,bg-hover,bg-selected,border,border-selected,text,icon}` in tokens.css, both themes, generated by `scripts/gen-ladders.mjs` from the Radix ramps and solved against the canonical card: text clears 4.5:1 and icon 3:1 on every fill, dark fills lift 1.3:1 off the card, and icons stay at least 5.5 apart in OKLab. Status tones are unchanged.
+  
+  `--surface-violet-*`, `--surface-orange-*` and `--surface-teal-*` keep their names; their fill and border are now the family's, a visible change on those chips: violet reads from the purple ramp (Radix violet is 3.1 from the iris brand accent), teal from the teal ramp, and dark fills are raised tints instead of near-black. Their `-text` stays a saturated hue (step 11, darkened only as far as 4.5:1 on the fill needs), because sandbox-ui colours glyphs with it on the card: dark orange `#fb923c` → `#ffa057`, teal `#2dd4bf` → `#0bd8b6`, violet `#c9c4ff` → `#d19dff`; light orange `#c2410c` → `#bc4904`, teal `#0f766e` → `#017d6d`, violet `#3E349E` → `#8145b5`. `system.css` no longer redefines them. `gen-ladders --check` now runs in `build` and `check:compat`.
+- de70237: Add the `tangle-drift` bin: a ratchet on design-system drift (raw Tailwind palette classes, hex literals, arbitrary color values, CSS custom-property definitions, local primitive definitions) for the fifteen product surfaces. A consumer runs `tangle-drift check --surface <name> --repo-dir .` in its local gate; it exits 1 when any count rises above the baseline shipped in this package. See `docs/drift-ratchet.md`.
+
 ## 1.10.3
 
 ### Patch Changes

package/README.md

@@ -37,8 +37,11 @@ For finer control, use the exported filenames:
 | `.dark` or `data-theme="dark"` | Explicit dark, including a nested dark island |
 | `.light` or `data-theme="light"` | Explicit light, including a nested light island |
 | `data-sandbox-theme="vault"` or `"dawn"` | Existing legacy light names; an explicit `.dark` on that same element takes precedence |
-| `aubergine` / `aubergine-light`, `arena` / `arena-light`, `tangle-dark` / `tangle-light` | Existing named dark/light pairs, applied with `data-theme` |
+| `aubergine` / `aubergine-light`, `arena` / `arena-light`, `super` / `super-light`, `tangle-dark` / `tangle-light` | Existing named dark/light pairs, applied with `data-theme` |
+| `agents` / `agents-light` | Agent Builder: white light pages, cards separated by shadow, and a mauve neutral ladder. Surfaces, text and borders only; accent, status and category stay canonical. Generated by `scripts/gen-ladders.mjs` |
 | `.dark[data-theme="intelligence"]` | Existing dark-only product surface; `.light` keeps the identity and uses canonical light |
+| `[data-theme="hospitality"]` + `.dark[data-theme="hospitality"]` | Hospitality's sage-and-forest product theme in both modes. Set it on the document root. Without `.dark` it is a complete light scope, including before hydration; `.dark` selects the dark baseline and its dark ladder. Status tones stay canonical |
+| `.dark[data-theme="website"]` + `[data-theme="website"]` | The public site's indigo-night planes and indigo-paper light. Set `class="dark" data-theme="website"` on the document root; a section with `data-theme="website"` and no `.dark` is a complete light island. Accent, status, category and syntax tones stay canonical |
 
 Set one coherent mode on each boundary; do not author contradictory `.light`/`.dark`/named-mode markers. Named light variants keep their existing palettes; `tangle-light` is not silently retuned to the neutral base light palette. Each known boundary receives a complete baseline before named overrides, so nested scopes do not inherit opposite-mode syntax, status or already-resolved HSL aliases.