@oxyhq/bloom 0.74.2 → 0.74.4

package/src/theme/__tests__/__snapshots__/visual-gallery.test.tsx.snap

@@ -25,12 +25,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(36 26 14)",
     "primarySubtle": "rgba(202, 129, 0, 0.24)",
     "primarySubtleForeground": "rgb(255 221 184)",
-    "secondary": "rgb(0 127 153)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 213 255)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(78 98 255)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(111 128 255)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(244 223 203)",
     "textSecondary": "rgb(217 195 171)",
     "textTertiary": "rgb(161 141 120)",
@@ -95,12 +95,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(21 28 36)",
     "primarySubtle": "rgba(0, 151, 237, 0.24)",
     "primarySubtleForeground": "rgb(207 229 255)",
-    "secondary": "rgb(214 58 43)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(247 81 63)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(134 116 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(252 220 0)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(220 227 238)",
     "textSecondary": "rgb(190 199 212)",
     "textTertiary": "rgb(136 146 158)",
@@ -165,12 +165,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(24 29 18)",
     "primarySubtle": "rgba(87, 163, 0, 0.24)",
     "primarySubtleForeground": "rgb(138 254 0)",
-    "secondary": "rgb(92 94 255)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(122 125 255)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(203 50 163)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(232 76 188)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(223 229 211)",
     "textSecondary": "rgb(193 202 180)",
     "textTertiary": "rgb(139 148 128)",
@@ -235,12 +235,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(19 30 24)",
     "primarySubtle": "rgba(0, 165, 114, 0.24)",
     "primarySubtleForeground": "rgb(71 255 184)",
-    "secondary": "rgb(216 52 80)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(247 76 101)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(165 64 234)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(189 94 255)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(217 230 220)",
     "textSecondary": "rgb(186 203 191)",
     "textTertiary": "rgb(132 149 138)",
@@ -305,12 +305,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(17 30 28)",
     "primarySubtle": "rgba(0, 163, 146, 0.24)",
     "primarySubtleForeground": "rgb(0 254 229)",
-    "secondary": "rgb(212 63 10)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(244 86 35)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(193 53 190)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(227 85 221)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(215 230 225)",
     "textSecondary": "rgb(184 202 198)",
     "textTertiary": "rgb(130 148 144)",
@@ -375,12 +375,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(38 24 17)",
     "primarySubtle": "rgba(237, 105, 0, 0.24)",
     "primarySubtleForeground": "rgb(255 219 202)",
-    "secondary": "rgb(0 130 130)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 255 254)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(81 97 255)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(114 127 255)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(248 221 209)",
     "textSecondary": "rgb(223 192 178)",
     "textTertiary": "rgb(166 139 126)",
@@ -445,12 +445,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(33 25 34)",
     "primarySubtle": "rgba(213, 86, 255, 0.24)",
     "primarySubtleForeground": "rgb(251 215 255)",
-    "secondary": "rgb(0 132 104)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 253 200)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(53 133 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(142 249 86)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(237 222 235)",
     "textSecondary": "rgb(210 193 210)",
     "textTertiary": "rgb(155 140 155)",
@@ -515,12 +515,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(37 24 29)",
     "primarySubtle": "rgba(255, 69, 163, 0.24)",
     "primarySubtleForeground": "rgb(255 217 228)",
-    "secondary": "rgb(0 129 139)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 237 255)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(0 135 37)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(100 250 110)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(245 220 227)",
     "textSecondary": "rgb(219 191 200)",
     "textTertiary": "rgb(163 138 146)",
@@ -585,12 +585,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(29 26 36)",
     "primarySubtle": "rgba(160, 120, 255, 0.24)",
     "primarySubtleForeground": "rgb(233 221 255)",
-    "secondary": "rgb(144 112 0)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(254 199 0)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(10 136 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(118 245 94)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(231 224 238)",
     "textSecondary": "rgb(203 195 213)",
     "textTertiary": "rgb(148 142 159)",
@@ -655,12 +655,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(39 24 23)",
     "primarySubtle": "rgba(255, 84, 81, 0.24)",
     "primarySubtleForeground": "rgb(255 218 215)",
-    "secondary": "rgb(0 126 166)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 193 253)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(0 135 45)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(90 250 115)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(249 220 217)",
     "textSecondary": "rgb(223 191 188)",
     "textTertiary": "rgb(167 138 136)",
@@ -725,12 +725,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(20 29 35)",
     "primarySubtle": "rgba(0, 154, 218, 0.24)",
     "primarySubtleForeground": "rgb(201 230 255)",
-    "secondary": "rgb(213 61 30)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(246 83 51)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(144 112 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(253 200 0)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(219 227 237)",
     "textSecondary": "rgb(188 200 211)",
     "textTertiary": "rgb(134 146 157)",
@@ -795,12 +795,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(17 29 32)",
     "primarySubtle": "rgba(0, 159, 177, 0.24)",
     "primarySubtleForeground": "rgb(154 240 255)",
-    "secondary": "rgb(213 49 120)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(243 74 143)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(174 97 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(253 144 0)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(215 229 232)",
     "textSecondary": "rgb(184 202 205)",
     "textTertiary": "rgb(131 148 151)",
@@ -865,12 +865,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(33 27 13)",
     "primarySubtle": "rgba(182, 138, 0, 0.24)",
     "primarySubtleForeground": "rgb(255 223 154)",
-    "secondary": "rgb(0 125 173)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 186 255)",
+    "secondaryForeground": "rgb(0 0 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "rgb(16 185 129)",
-    "tertiary": "rgb(127 81 255)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(149 115 255)",
+    "tertiaryForeground": "rgb(0 0 0)",
     "text": "rgb(238 225 202)",
     "textSecondary": "rgb(211 197 170)",
     "textTertiary": "rgb(156 143 119)",

package/src/theme/__tests__/policy-legibility.test.ts

@@ -116,23 +116,4 @@ describe('colour policy legibility', () => {
     expect(avoidableBlack).toEqual([]);
   });
 
-  // A PRODUCT decision, not a property of the colour maths, which is exactly why
-  // it needs an assertion: the accent fill is what a FAB and a compose button
-  // paint with, and those carry a white label. It has silently flipped to black
-  // twice — both times as a side effect of tuning the accent's TONE for hue
-  // fidelity, with nothing in the suite watching the label.
-  it('accent fills carry a WHITE label in both modes', () => {
-    const black: string[] = [];
-    for (const preset of APP_COLOR_NAMES) {
-      for (const mode of ['light', 'dark'] as const) {
-        const tokens = getResolvedTokens(preset, mode);
-        for (const family of ['secondary', 'tertiary'] as const) {
-          if (tokens[`--${family}-foreground`] !== 'rgb(255 255 255)') {
-            black.push(`${preset}/${mode} --${family}`);
-          }
-        }
-      }
-    }
-    expect(black).toEqual([]);
-  });
-});
+});

package/src/theme/color-policy.ts

@@ -98,16 +98,15 @@ const LIGHT_FILL_TONE = 45;
 const DARK_FLOOR = 58;
 
 /**
- * Accent fills stop here in dark, and the ceiling is not aesthetic.
+ * Accent fills sit at their hue's PEAK tone in dark — where the hue is most
+ * itself, so a lime reads as lime rather than olive.
  *
- * White text needs a fill at or below tone 49, and an accent is a BUTTON — the
- * FAB, the compose action — where white on colour is the convention. Sitting the
- * accent at its hue's peak tone makes a lime look like lime, but peaks live at
- * tone 88 for that family, and no label survives up there except black. The hue
- * work still stands (a magenta seed's accent is the lime family, not the emerald
- * one it used to be); only its brightness is capped so the label can be white.
+ * The cost is fixed and cannot be engineered away: peaks for that family live
+ * around tone 88, and white text needs a fill at or below 49, so these buttons
+ * carry a BLACK label. Capping the tone to win the white label back turns the
+ * same accents dull — measured on blue, rgb(252 220 0) becomes rgb(134 116 0).
+ * The bright colour is the deliberate choice.
  */
-const DARK_ACCENT_TONE = 49;
 
 /** Chroma ceiling for an accent FILL — the brand palette's own maximum, not the gamut's. */
 const ACCENT_CHROMA = 80;
@@ -116,6 +115,18 @@ const ACCENT_CHROMA = 80;
 const TEXT_TONE = { light: 40, dark: 80 } as const;
 const TEXT_CHROMA = 60;
 
+/**
+ * The tone a `-strong` accent sits at: deep enough to carry a WHITE label.
+ *
+ * `--tertiary` is the vivid accent — a tile, a chip, a block of colour — and it
+ * sits at its hue's peak tone so a lime reads as lime. A solid BUTTON is a
+ * different job: it wants the same hue with white on it, which needs tone <= 49.
+ * One token cannot do both, exactly as `--primary` could not be both the fill
+ * and the legible text accent. Capping `--tertiary` itself to win the label back
+ * dulls every other use of it, so the button gets its own member instead.
+ */
+const STRONG_TONE = 49;
+
 /** The `-subtle` tint is mixed from a BRIGHT tone at low alpha, never a dark one at high alpha. */
 const SUBTLE_SOURCE_TONE = 60;
 const SUBTLE_ALPHA = { light: 0.13, dark: 0.24 } as const;
@@ -310,7 +321,7 @@ export function buildPolicyTokens(
     // black. The accent chroma cap already keeps these hues out of neon territory,
     // and the hue itself is the caller's brand rather than ours to move. The
     // analyzer still runs where it was designed to, inside `color-roles`.
-    const tone = isDark ? DARK_ACCENT_TONE : LIGHT_FILL_TONE;
+    const tone = isDark ? Math.max(peakTone(hue), DARK_FLOOR) : LIGHT_FILL_TONE;
     const pair = fillPair(fillPalette, tone);
     tokens[`--${role}`] = pair.fill;
     tokens[`--${role}-foreground`] = pair.foreground;
@@ -319,6 +330,12 @@ export function buildPolicyTokens(
       vividPalette.tone(SUBTLE_SOURCE_TONE),
       isDark ? SUBTLE_ALPHA.dark : SUBTLE_ALPHA.light,
     );
+    // The solid-button member: same hue, deep enough for a white label in both
+    // modes. In light it lands on the ordinary fill tone, so a button that uses
+    // it there is identical to one that used the accent.
+    const strong = fillPair(fillPalette, isDark ? STRONG_TONE : LIGHT_FILL_TONE);
+    tokens[`--${role}-strong`] = strong.fill;
+    tokens[`--${role}-strong-foreground`] = strong.foreground;
   }
 
   // Categorical chart ramp: five hues spread evenly from the seed at one tone.

package/src/theme/token-registry.ts

@@ -61,8 +61,12 @@ export const CANONICAL_TOKENS = [
   'primary-subtle',
   'secondary-text',
   'secondary-subtle',
+  'secondary-strong',
+  'secondary-strong-foreground',
   'tertiary-text',
   'tertiary-subtle',
+  'tertiary-strong',
+  'tertiary-strong-foreground',
 
   // --- semantic status, themed per mode ---
   // Replaces four frozen hexes that all FAILED AA under white text (warning at