@orangecheck/design 0.28.14 → 0.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -50,8 +50,20 @@
|
|
|
50
50
|
--popover-foreground: oklch(0.13 0 0);
|
|
51
51
|
|
|
52
52
|
/* Orange is the primary. Strong CTAs burn hot. */
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
/* Light-mode accent was oklch(0.68 0.2 55) with a near-black label:
|
|
54
|
+
2.93:1 against --background, the ONLY contrast failure across all ten
|
|
55
|
+
skin x mode combinations (verify:contrast gates --primary/--background
|
|
56
|
+
at 3.0). Every sibling skin already cleared 4.5 — ember 5.10, lightning
|
|
57
|
+
6.44, gold 5.39, phosphor 4.92 — so orangecheck was the outlier, not the
|
|
58
|
+
standard. Now 4.73.
|
|
59
|
+
|
|
60
|
+
The label had to move with it. A darker primary drops a near-black label
|
|
61
|
+
to 4.16:1, and no single lightness satisfies both an accent on white and
|
|
62
|
+
a black label at 4.5. So this adopts the pattern ember and phosphor-light
|
|
63
|
+
already use: darker primary, near-WHITE foreground (4.80:1). Dark mode is
|
|
64
|
+
untouched -- it inverts that pairing correctly and measures 7.57 both ways. */
|
|
65
|
+
--primary: oklch(0.56 0.2 55);
|
|
66
|
+
--primary-foreground: oklch(0.99 0.005 75);
|
|
55
67
|
|
|
56
68
|
--secondary: oklch(0.96 0 0);
|
|
57
69
|
--secondary-foreground: oklch(0.13 0 0);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orangecheck/design",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.29.0",
|
|
4
4
|
"description": "OrangeCheck design system — multi-theme tokens, primitives, and family composites for the .ochk.io sub-sites. Tailwind 4 + Next.js Pages Router. Not for third-party integration.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"orangecheck",
|
|
@@ -82,6 +82,8 @@
|
|
|
82
82
|
"verify:stories": "node scripts/verify-stories.mjs",
|
|
83
83
|
"verify:themes": "node scripts/verify-themes.mjs",
|
|
84
84
|
"verify:contrast": "node scripts/verify-contrast.mjs",
|
|
85
|
+
"verify:rhythm": "node scripts/audit-vertical-rhythm.mjs",
|
|
86
|
+
"verify:signin": "node scripts/measure-signin-rhythm.mjs",
|
|
85
87
|
"prepublishOnly": "npm run clean && npm run build"
|
|
86
88
|
},
|
|
87
89
|
"dependencies": {
|