From 0970a5033561facb7e62f65df0676025816bed79 Mon Sep 17 00:00:00 2001 From: 0thernet Date: Sat, 5 Sep 2026 10:57:40 -0400 Subject: [PATCH] fix: keep marketing eyebrow contrast readable --- README.md | 2 +- package.json | 2 +- portfolio-inventory.json | 2 +- src/product-marketing.css | 2 +- src/product-marketing.test.ts | 6 ++++++ 5 files changed, 10 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 55250c8..4e75349 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ Pin the immutable GitHub release: ```json { "dependencies": { - "@hraness/design-kit": "github:hraness/design-kit#v0.4.0", + "@hraness/design-kit": "github:hraness/design-kit#v0.4.1", "@hraness/ui": "github:hraness/ui#v0.4.7" } } diff --git a/package.json b/package.json index 532f7ee..d1092fe 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@hraness/design-kit", - "version": "0.4.0", + "version": "0.4.1", "description": "Opinionated application compositions, charts, effects, and syntax presentation built on @hraness/ui.", "license": "MIT", "type": "module", diff --git a/portfolio-inventory.json b/portfolio-inventory.json index d3e073a..459f6f4 100644 --- a/portfolio-inventory.json +++ b/portfolio-inventory.json @@ -6,7 +6,7 @@ "name": "@hraness/design-kit", "path": ".", "visibility": "public", - "version": "0.4.0" + "version": "0.4.1" } ], "contract": "hraness.portfolio-inventory/v1", diff --git a/src/product-marketing.css b/src/product-marketing.css index c7c9c4c..e086e1b 100644 --- a/src/product-marketing.css +++ b/src/product-marketing.css @@ -381,7 +381,7 @@ border: 1px solid color-mix(in oklch, var(--hraness-marketing-accent) 32%, transparent); border-radius: 999px; background: var(--hraness-marketing-accent-soft); - color: var(--hraness-marketing-accent); + color: var(--hraness-marketing-muted); } .hraness-marketing-hero__name { diff --git a/src/product-marketing.test.ts b/src/product-marketing.test.ts index 205b8a5..6731bb0 100644 --- a/src/product-marketing.test.ts +++ b/src/product-marketing.test.ts @@ -31,3 +31,9 @@ test("the marketing grammar keeps compact, coarse-pointer, and forced-color cont expect(css).not.toContain("transition:"); expect(css).not.toContain("animation:"); }); + +test("the soft-accent hero eyebrow keeps readable label ink", () => { + expect(css).toMatch( + /\.hraness-marketing-hero__eyebrow\s*\{[^}]*background: var\(--hraness-marketing-accent-soft\);[^}]*color: var\(--hraness-marketing-muted\);[^}]*\}/u, + ); +});