@oxyhq/bloom 1.0.2 → 1.0.3

package/src/theme/color-policy.ts

@@ -162,7 +162,7 @@ const SUBTLE_ALPHA = { light: 0.13, dark: 0.24 } as const;
  * every rung of Bloom's surface stack was invisible against its neighbour, and
  * the thirteen components that carry meaning ONLY in the step between two
  * surfaces (a heatmap's empty cell, a filled card, a progress track, a hover
- * row, a skeleton) read as nothing at all. Measured across all 34 presets, 4
+ * row, a skeleton) read as nothing at all. Measured across all 64 presets, 4
  * tones is ~2.4 ΔE00 and is the first spacing where every pair separates.
  *
  * `--background` is deliberately NOT in here: the page keeps the tone it

package/src/theme/color-presets.ts

@@ -404,6 +404,366 @@ const COLOR_PRESET_SOURCES = [
     pairing: 'curated',
     featured: true,
   },
+  {
+    name: 'forest-fire',
+    displayName: 'Forest + Crimson + Marigold',
+    family: 'botanical',
+    description: 'Deep forest identity, crimson support and a hard marigold action signal.',
+    hex: '#075c35',
+    secondaryHex: '#9a153d',
+    tertiaryHex: '#ffb400',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'malachite-rush',
+    displayName: 'Malachite + Copper + Cobalt',
+    family: 'botanical',
+    description: 'Mineral green identity backed by copper and finished with a cobalt action.',
+    hex: '#008a55',
+    secondaryHex: '#b74b12',
+    tertiaryHex: '#1e55e6',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'moss-voltage',
+    displayName: 'Moss + Petrol + Electric Purple',
+    family: 'botanical',
+    description: 'Dense moss and petrol structure cut by a saturated electric-purple action.',
+    hex: '#556b0b',
+    secondaryHex: '#006f7a',
+    tertiaryHex: '#c000be',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'viridian-orbit',
+    displayName: 'Viridian + Purple + Safety Orange',
+    family: 'botanical',
+    description: 'Cool viridian identity with purple support and an unmistakable orange action.',
+    hex: '#006b57',
+    secondaryHex: '#6a1fd2',
+    tertiaryHex: '#ff8a00',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'acid-canopy',
+    displayName: 'Acid Canopy + Cobalt + Magenta',
+    family: 'botanical',
+    description: 'Acid olive identity balanced by cobalt support and a clear magenta action.',
+    hex: '#5c7f00',
+    secondaryHex: '#0047d9',
+    tertiaryHex: '#e500a4',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'pacific-flare',
+    displayName: 'Pacific + Ochre + Blue Violet',
+    family: 'ocean',
+    description: 'Deep Pacific blue with ochre support and a blue-violet action.',
+    hex: '#006487',
+    secondaryHex: '#c76b00',
+    tertiaryHex: '#4c34e8',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'reef-pulse',
+    displayName: 'Reef + Burnt Orange + Raspberry',
+    family: 'ocean',
+    description: 'Saturated reef identity, burnt-orange support and a raspberry action pulse.',
+    hex: '#007d8a',
+    secondaryHex: '#ef6c00',
+    tertiaryHex: '#d80073',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'electric-tide',
+    displayName: 'Electric Blue + Violet + Acid Lime',
+    family: 'ocean',
+    description: 'Electric-blue identity with violet depth and a high-voltage lime action.',
+    hex: '#005be7',
+    secondaryHex: '#6b20c8',
+    tertiaryHex: '#76c900',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'arctic-signal',
+    displayName: 'Arctic Cyan + Navy + Fuchsia',
+    family: 'ocean',
+    description: 'Crisp cyan identity anchored by navy with a decisive fuchsia action.',
+    hex: '#0089a8',
+    secondaryHex: '#123a78',
+    tertiaryHex: '#d6008f',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'ultramarine-gold',
+    displayName: 'Ultramarine + Rust + Gold',
+    family: 'ocean',
+    description: 'Dense ultramarine identity with earthen rust support and a true-gold action.',
+    hex: '#273bc6',
+    secondaryHex: '#a83b13',
+    tertiaryHex: '#f5b700',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'midnight-citrus',
+    displayName: 'Midnight Indigo + Teal + Citrus',
+    family: 'ocean',
+    description: 'Midnight indigo and teal create depth while citrus owns the primary action.',
+    hex: '#29267d',
+    secondaryHex: '#00867a',
+    tertiaryHex: '#ff7200',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'persimmon-wave',
+    displayName: 'Persimmon + Marine + Sun Yellow',
+    family: 'sunset',
+    description: 'Persimmon identity with marine support and a saturated sun-yellow action.',
+    hex: '#c83a12',
+    secondaryHex: '#003f75',
+    tertiaryHex: '#f5cf00',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'solar-flux',
+    displayName: 'Solar Orange + Magenta + Deep Cyan',
+    family: 'sunset',
+    description: 'Solar orange identity grounded by magenta with a strong deep-cyan action.',
+    hex: '#d95800',
+    secondaryHex: '#b00078',
+    tertiaryHex: '#008ca5',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'paprika-current',
+    displayName: 'Paprika + Olive + Turquoise',
+    family: 'sunset',
+    description: 'Paprika identity, grounded olive support and a clean turquoise action.',
+    hex: '#a83216',
+    secondaryHex: '#657000',
+    tertiaryHex: '#00a1a8',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'crimson-spark',
+    displayName: 'Crimson + Teal + Electric Lime',
+    family: 'sunset',
+    description: 'Crimson identity with teal support and an electric-lime action spark.',
+    hex: '#b70d36',
+    secondaryHex: '#007a83',
+    tertiaryHex: '#9bd300',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'flamenco-sun',
+    displayName: 'Flamenco Red + Emerald + Sunbeam',
+    family: 'sunset',
+    description: 'Flamenco-red identity supported by emerald and punctuated by a sunbeam action.',
+    hex: '#d51f2d',
+    secondaryHex: '#007663',
+    tertiaryHex: '#ffc000',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'saffron-depth',
+    displayName: 'Saffron + Aubergine + Royal Blue',
+    family: 'sunset',
+    description: 'Deep saffron identity with aubergine support and a royal-blue action.',
+    hex: '#a86400',
+    secondaryHex: '#67145d',
+    tertiaryHex: '#165dd8',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'clay-current',
+    displayName: 'Clay + Gold + Fuchsia',
+    family: 'earth',
+    description: 'Burnt-clay identity with deep-gold support and a saturated fuchsia action.',
+    hex: '#9a3f1d',
+    secondaryHex: '#b56a00',
+    tertiaryHex: '#c900a5',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'bronze-neon',
+    displayName: 'Bronze + Emerald + Neon Berry',
+    family: 'earth',
+    description: 'Bronze identity offset by emerald support and a neon-berry action.',
+    hex: '#875000',
+    secondaryHex: '#17603a',
+    tertiaryHex: '#df007e',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'copper-field',
+    displayName: 'Copper + Emerald + Royal Blue',
+    family: 'earth',
+    description: 'Copper identity, emerald support and a crisp royal-blue action.',
+    hex: '#a94d12',
+    secondaryHex: '#00734f',
+    tertiaryHex: '#2354d8',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'umber-signal',
+    displayName: 'Umber + Ocean Cyan + Signal Gold',
+    family: 'earth',
+    description: 'Dark umber identity with ocean-cyan support and a signal-gold action.',
+    hex: '#693916',
+    secondaryHex: '#00889b',
+    tertiaryHex: '#f3b300',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'amethyst-current',
+    displayName: 'Amethyst + Ochre + Emerald',
+    family: 'jewel',
+    description: 'Amethyst identity with ochre support and a saturated emerald action.',
+    hex: '#6d1db8',
+    secondaryHex: '#b87500',
+    tertiaryHex: '#00a85a',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'ruby-current',
+    displayName: 'Ruby + Violet + Turquoise',
+    family: 'jewel',
+    description: 'Ruby identity backed by violet support and focused by a turquoise action.',
+    hex: '#a90032',
+    secondaryHex: '#6632b5',
+    tertiaryHex: '#00a99d',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'orchid-flare',
+    displayName: 'Orchid + Burnt Orange + Cyan',
+    family: 'jewel',
+    description: 'Saturated orchid identity with burnt-orange support and a cyan action.',
+    hex: '#a70086',
+    secondaryHex: '#d45a00',
+    tertiaryHex: '#00a6b8',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'garnet-acid',
+    displayName: 'Garnet + Indigo + Acid Lime',
+    family: 'jewel',
+    description: 'Dark garnet identity, indigo support and a high-chroma acid-lime action.',
+    hex: '#7d1538',
+    secondaryHex: '#2839a8',
+    tertiaryHex: '#88c900',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'indigo-ember',
+    displayName: 'Indigo + Ember + Turquoise',
+    family: 'jewel',
+    description: 'Indigo identity with ember support and a direct turquoise action.',
+    hex: '#4130a8',
+    secondaryHex: '#a54216',
+    tertiaryHex: '#00a58c',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'raspberry-gold',
+    displayName: 'Raspberry + Antique Gold + Cobalt',
+    family: 'jewel',
+    description: 'Raspberry identity with antique-gold support and a concentrated cobalt action.',
+    hex: '#b00063',
+    secondaryHex: '#b98600',
+    tertiaryHex: '#195fe8',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'ink-orange',
+    displayName: 'Ink + Purple + Safety Orange',
+    family: 'neutral',
+    description: 'Blue-black ink identity with purple support and a safety-orange action.',
+    hex: '#202f44',
+    secondaryHex: '#7d3fb2',
+    tertiaryHex: '#f25b16',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'charcoal-lime',
+    displayName: 'Charcoal + Cobalt + Electric Lime',
+    family: 'neutral',
+    description: 'Charcoal identity gives cobalt structure and electric lime room to command.',
+    hex: '#303a35',
+    secondaryHex: '#205bd2',
+    tertiaryHex: '#86ce00',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
+  {
+    name: 'pewter-current',
+    displayName: 'Pewter + Purple + Turquoise',
+    family: 'neutral',
+    description: 'Cool pewter identity with purple support and a saturated turquoise action.',
+    hex: '#47515b',
+    secondaryHex: '#6b27b6',
+    tertiaryHex: '#00a88f',
+    variant: 'vivid',
+    pairing: 'curated',
+    featured: true,
+  },
 ] as const satisfies readonly ColorPresetSource[];
 
 /** Preset identifiers are inferred from the authored registry, never repeated. */
@@ -469,7 +829,7 @@ export function hexToAppColorName(hex: string): AppColorName {
   return HEX_TO_APP_COLOR[hex.toLowerCase()] ?? 'teal';
 }
 
-/** The sixteen approved paired directions in the permanent Mention playground. */
+/** The approved paired directions in the permanent Mention playground. */
 export const COLOR_PLAYGROUND_NAMES: readonly AppColorName[] = COLOR_PRESET_REGISTRY
   .filter(({ featured }) => featured)
   .map(({ name }) => name);

package/src/theme/glass-colors.ts

@@ -89,22 +89,24 @@ import { withAlpha } from './color-utils';
  *
  * The 15% that bleeds through moves the pane TOWARD the surface under it, and
  * in light mode that means lighter — which is the direction a white label can
- * least afford. Measured over 34 presets x 2 modes x 5 Bloom surfaces:
- *
- *   `Button` primary     38 of 340 rows fall below WCAG AA, in the band
- *                        4.17..4.49, ALL of them in LIGHT mode, across fourteen
- *                        presets (blue, faircoin, green, lagoon, lavender, mint,
- *                        olive, orange, pine, plum, pumpkin, rose, sky, yellow).
- *   `Button` destructive 0 of 340. Worst 5.32.
- *
- * As a SOLID fill all 680 Button rows pass. The original 18 presets retain
- * their exact 30/180 shipped failure set; all eight added failures belong to
- * the new recipes. A browser helper briefly reported 45 only because it parsed
- * the structured `GLASS_SHEEN.bottom` stop as CSS; that was measurement drift,
- * never the shipped oracle and never a threshold being relaxed.
+ * least afford. Measured over 64 presets x 2 modes x 5 Bloom surfaces:
+ *
+ *   `Button` primary     73 of 640 rows fall below WCAG AA, in the band
+ *                        4.17..4.50, ALL of them in LIGHT mode, across 27
+ *                        presets (acid-canopy, arctic-signal, blue, bronze-neon,
+ *                        clay-current, copper-field, electric-tide, faircoin,
+ *                        green, lagoon, lavender, malachite-rush,
+ *                        midnight-citrus, mint, olive, orange, pacific-flare,
+ *                        pine, plum, pumpkin, reef-pulse, rose, saffron-depth,
+ *                        sky, solar-flux, viridian-orbit, yellow).
+ *   `Button` destructive 0 of 640. Worst 5.32.
+ *
+ * As a SOLID fill all 1280 Button rows pass. The 1.0.1 catalog retains its exact
+ * 38/340 failure set (including the original 18 presets' 30/180); the 30 new
+ * three-seed combinations add 35/300 and do not worsen the 4.17 floor.
  *
  * The alpha at which the failures reach zero is **0.89** (worst 4.52), and the
- * curve between is steep: 0.86 -> 25 rows, 0.87 -> 14, 0.88 -> 5, 0.89 -> 0.
+ * curve between is steep: 0.86 -> 49 rows, 0.87 -> 26, 0.88 -> 8, 0.89 -> 0.
  * So AA compliance costs four hundredths of alpha. 0.85 is kept because it is
  * the reference's own value and matching the reference is the requirement;
  * `glass-colors.test.ts` pins the compromise as an EXACT failure count and an
@@ -240,7 +242,7 @@ export interface GlassColors {
  * `colors.negative`, `colors.success` — rather than a tone name, because the
  * caller is the only one who knows which token its variant means. `Button`'s
  * `destructive` is `colors.negative` (the engine's error ROLE) and not
- * `colors.error` (the fixed status seed): measured, those two differ in all 68
+ * `colors.error` (the fixed status seed): measured, those two differ in all 128
  * preset x mode combinations and by as much as `rgb(255 180 171)` against
  * `rgb(209 45 50)` on `teal`/dark, so a tone vocabulary here would have
  * silently repainted every destructive button on the way past.
@@ -256,10 +258,11 @@ export interface GlassColors {
  * `colors.text` and that was correct THEN: a pane that is three-quarters
  * backdrop takes its luminance from the page, so it needed the page's reading
  * colour. At 0.85 the pane is the fill, so it takes the fill's own label: on
- * the complete 2040-row matrix (34 presets x 2 modes x 6 tones x 5 surfaces),
- * `colors.text` fails AA on 1714 rows (worst 1.21) against the on-fill token's
- * 305 (worst 4.17). Neither count is permanent; the gate re-measures and pins
- * both on every alpha or surface change.
+ * the complete 3840-row matrix (64 presets x 2 modes x 6 tones x 5 surfaces),
+ * `colors.text` fails AA on 3232 rows (worst 1.21) against the on-fill token's
+ * 577 (worst 4.17). The 1.0.1 baseline remains 1714/2040 versus 305/2040;
+ * the 30 additions contribute 1518/1800 versus 272/1800. The gate re-measures
+ * and pins both on every alpha or surface change.
  */
 export function resolveGlassColors(fill: string): GlassColors {
   return {