@wildmason/aegis 1.12.0 → 1.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wildmason/aegis",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "Aegis design system \u00e2\u20ac\u201d CSS tokens and Angular component library",
   "scripts": {
     "check:offline-fonts": "node scripts/check-offline-fonts.mjs",

package/themes.css

@@ -275,14 +275,38 @@
   --wm-color-warning-readable: var(--wm-color-warning);
   --wm-color-success-readable: var(--wm-color-success);
 
-  /* "Readable" accent — used in `color:` (text) contexts where WCAG AA
-     contrast (4.5:1) must be met against bg-base / bg-raised / bg-float.
-     Defaults to the theme's --wm-color-accent so most themes need no
-     override; themes whose accent is too low-contrast for body text
-     (currently Stone & Moss) override this to a lighter sibling while
-     keeping --wm-color-accent itself for fills, focus rings, and other
-     non-text usages where 3:1 (WCAG 1.4.11) is sufficient. Falls back
-     to --wm-color-accent at use-time via CSS variable evaluation. */
+  /* "Readable" accent — the accent in `color:` (text) contexts: active tab
+     labels, current nav items, link-style buttons, the selected option in
+     `wm-select`. `--wm-color-accent` itself stays the interactive fill, where
+     3:1 (WCAG 1.4.11) is the bar.
+
+     The bar here is APCA Lc 60 AND WCAG AA 4.5:1, against bg-base, bg-raised
+     and bg-float, and against each of those wearing the accent's own 10% tint
+     — `--wm-bg-active`, which is exactly what `.wm-select-option.is-selected`
+     paints behind this colour.
+
+     APCA is the binding one, and it is the reason every theme now carries an
+     override. This token was tuned to WCAG alone, and on that bar it looked
+     healthy: the worst reading across all twelve themes was 4.52:1, comfortably
+     passing. On APCA, ELEVEN of the twelve failed Lc 60 on a bare surface, and
+     all twelve failed once the tint was included — including the two themes
+     that already carried a hand-tuned override for the WCAG failure. The two
+     models disagree here in the opposite direction to the destructive button,
+     where WCAG was the strict one: WCAG 2.x's luminance formula is generous to
+     mid-tone coloured text on a mid-tone ground, which is precisely this case.
+     Both bars are held rather than one being argued away.
+
+     `--wm-bg-float` binds on ten of the twelve. `sage-linen` binds on
+     bg-raised instead, because a light theme's sidebar is conventionally darker
+     than its canvas and its float is the lighter surface.
+
+     Each value is the nearest colour to the theme's own accent that clears
+     Lc 61, found by holding hue and chroma in OKLCH and walking lightness only,
+     so it stays that theme's blue, pink or sage. The target is 61 rather than
+     the 60 that is actually required: tuning to the bar exactly put
+     posh-sandalwood on Lc 60.0, which the guard read as a failure and which a
+     single hex rounding would have flipped either way. Guarded by
+     scripts/check-semantic-contrast.mjs. */
   --wm-color-accent-readable: var(--wm-color-accent);
 }
 
@@ -317,6 +341,7 @@
   --wm-color-accent: #105987;
   --wm-color-accent-hover: #2aa198;
   --wm-color-accent-text: #ffffff;
+  --wm-color-accent-readable: #004066;
 
   /* Semantic */
   --wm-color-success: #485600;
@@ -386,6 +411,7 @@
   --wm-color-accent: #1b4a9e;
   --wm-color-accent-hover: #3061af;
   --wm-color-accent-text: #ffffff;
+  --wm-color-accent-readable: #033285;
 
   /* Semantic */
   --wm-color-success: #085a50;
@@ -461,6 +487,7 @@
   --wm-color-accent: #8fc4d3;
   --wm-color-accent-hover: #81a1c1;
   --wm-color-accent-text: #2e3440;
+  --wm-color-accent-readable: #a5dbea;
 
   /* Semantic */
   --wm-color-success: #b5cf9a;
@@ -537,6 +564,7 @@
   --wm-color-accent: #c9a7fa;
   --wm-color-accent-hover: #ff79c6;
   --wm-color-accent-text: #282a36;
+  --wm-color-accent-readable: #dcc6fe;
 
   /* Semantic */
   --wm-color-success: #50fa7b;
@@ -611,6 +639,7 @@
   --wm-color-accent: #f5986a;
   --wm-color-accent-hover: #f08458;
   --wm-color-accent-text: #1c1d2e;
+  --wm-color-accent-readable: #fead85;
 
   /* Semantic */
   --wm-color-success: #5cbfa0;
@@ -686,6 +715,7 @@
   --wm-color-accent: #c4a8d8;
   --wm-color-accent-hover: #9e7abf;
   --wm-color-accent-text: #1a1715;
+  --wm-color-accent-readable: #d8bced;
 
   /* Semantic */
   --wm-color-success: #7ac4a0;
@@ -756,6 +786,7 @@
   --wm-color-accent: #185c78;
   --wm-color-accent-hover: #1e6e96;
   --wm-color-accent-text: #ffffff;
+  --wm-color-accent-readable: #00374c;
 
   /* Semantic */
   --wm-color-success: #006036;
@@ -831,13 +862,9 @@
   --wm-color-accent: #f92672;
   --wm-color-accent-hover: #fd971f;
   --wm-color-accent-text: #1c1c15;
-  /* Lighter pink sibling for "accent as text" contexts (active nav
-     items, tab labels, link-style buttons). #f92672 fails WCAG AA
-     4.5:1 on bg-float (2.9:1) and on the accent-tinted settings-nav
-     background (3.6:1); #ff8ac4 clears 5.03:1 on bg-float while
-     staying in the hot-pink hue family. Used wherever components
-     reference --wm-color-accent-readable instead of --wm-color-accent. */
-  --wm-color-accent-readable: #ff8ac4;
+  /* #ff8ac4 was chosen for the WCAG failure (#f92672 is 2.9:1 on bg-float) and
+     cleared 5.03:1, but measures APCA Lc 51.4 there. See the note in :root. */
+  --wm-color-accent-readable: #ffabd1;
 
   /* Semantic */
   --wm-color-success: #a6e22e;
@@ -913,6 +940,7 @@
   --wm-color-accent: #c09d06;
   --wm-color-accent-hover: #b15000;
   --wm-color-accent-text: #060810;
+  --wm-color-accent-readable: #dcb83a;
 
   /* Semantic */
   --wm-color-success: #4aba80;
@@ -989,6 +1017,7 @@
   --wm-color-accent: #3fb950;
   --wm-color-accent-hover: #58a6ff;
   --wm-color-accent-text: #0d1117;
+  --wm-color-accent-readable: #5dd46a;
 
   /* Semantic */
   --wm-color-success: #3fb950;
@@ -1065,12 +1094,9 @@
   --wm-color-accent: #82a682;
   --wm-color-accent-hover: #94b894;
   --wm-color-accent-text: #161817;
-  /* Brighter sage variant for "accent as text" contexts (active tab
-     labels, current nav items, link-style buttons). #82a682 fails
-     WCAG AA 4.5:1 against bg-float (3.30:1); #9bc99b clears 4.74:1
-     while staying in the moss-green hue family. Used wherever components
-     reference --wm-color-accent-readable instead of --wm-color-accent. */
-  --wm-color-accent-readable: #9bc99b;
+  /* #9bc99b was chosen for the WCAG failure (#82a682 is 3.30:1 on bg-float) and
+     cleared 4.74:1, but measures APCA Lc 54.3 there. See the note in :root. */
+  --wm-color-accent-readable: #abdaab;
 
   /* Semantic */
   --wm-color-success: #a0c5a0;
@@ -1140,6 +1166,7 @@
   --wm-color-accent: #3a5a43;
   --wm-color-accent-hover: #2c4733;
   --wm-color-accent-text: #eaf0e7;
+  --wm-color-accent-readable: #203f2a;
 
   /* Semantic */
   --wm-color-success: #3a6b48;