@rookcom/monarch-tokens 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @rookcom/monarch-tokens
 
+## 0.2.2
+
+### Patch Changes
+
+- Legacy bridge: `--primary` now uses the accent's readable `strong` colour wherever it also works as a fill with the same text colour, so `text-primary` meets 4.5:1 on every surface (16 of 20 products). Dark-text brands (gold, orange) keep their fill. The Tailwind preset is now assignable to Tailwind 3's `Config` without a cast.
+
+## 0.2.1
+
+### Patch Changes
+
+- Accent and status `strong` colours are now guaranteed readable (4.5:1, 7:1 in high contrast) on `bg-muted` as well, where tables, selected rows and toolbars sit; several brands' strong text is slightly darker as a result. `appearanceScript()` honours Rook's `data-rook-theme-routes`, so public routes stay light when an app adopts it.
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/appearance.d.ts

@@ -31,6 +31,10 @@ export interface AppearanceScriptOptions {
 /**
  * Inline script source for <head>. Options are validated and JSON-encoded, so
  * the output is safe to inject with dangerouslySetInnerHTML.
+ *
+ * Honours the Rook convention `<html data-rook-theme-routes="regex">`: dark
+ * applies only on matching (signed-in) routes; public pages stay light. It is a
+ * drop-in replacement for each app's ROOK_THEME_BOOT_SCRIPT.
  */
 export declare function appearanceScript(options?: AppearanceScriptOptions): string;
 //# sourceMappingURL=appearance.d.ts.map

package/dist/appearance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../src/appearance.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,UAAU,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,kBAAkB,EAC5B,GAAG,EAAE,WAAW,GACf,UAAU,CAKZ;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAKpE;AAED,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC;CACzC;AAKD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B,GAAG,MAAM,CAiB9E"}
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../src/appearance.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,UAAU,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,kBAAkB,EAC5B,GAAG,EAAE,WAAW,GACf,UAAU,CAKZ;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAKpE;AAED,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC;CACzC;AAKD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B,GAAG,MAAM,CAiB9E"}

package/dist/appearance.js

@@ -24,6 +24,10 @@ const COOKIE = /^[A-Za-z0-9_-]{1,64}$/;
 /**
  * Inline script source for <head>. Options are validated and JSON-encoded, so
  * the output is safe to inject with dangerouslySetInnerHTML.
+ *
+ * Honours the Rook convention `<html data-rook-theme-routes="regex">`: dark
+ * applies only on matching (signed-in) routes; public pages stay light. It is a
+ * drop-in replacement for each app's ROOK_THEME_BOOT_SCRIPT.
  */
 export function appearanceScript(options = {}) {
     const { product, themeCookie = 'rook_theme', contrastCookie = 'mn_contrast', defaultTheme = 'light', } = options;
@@ -37,6 +41,6 @@ export function appearanceScript(options = {}) {
         c: contrastCookie,
         d: defaultTheme,
     });
-    return `(function(){try{var o=${cfg};var e=document.documentElement;function k(n){var m=document.cookie.match(new RegExp('(?:^|; )'+n+'=([^;]*)'));return m?decodeURIComponent(m[1]):null}var t=k(o.t)||o.d,c=k(o.c)||'system',q=function(s){return window.matchMedia&&window.matchMedia(s).matches};if(t==='system')t=q('(prefers-color-scheme: dark)')?'dark':'light';if(t!=='dark')t='light';if(c==='system')c=q('(prefers-contrast: more)')?'more':'standard';if(c!=='more')c='standard';e.setAttribute('data-mn-theme',t);e.setAttribute('data-mn-contrast',c);e.classList.toggle('dark',t==='dark');if(o.p)e.setAttribute('data-mn-product',o.p)}catch(_){}})();`;
+    return `(function(){try{var o=${cfg};var e=document.documentElement;function k(n){var m=document.cookie.match(new RegExp('(?:^|; )'+n+'=([^;]*)'));return m?decodeURIComponent(m[1]):null}var t=k(o.t)||o.d,c=k(o.c)||'system',q=function(s){return window.matchMedia&&window.matchMedia(s).matches};if(t==='system')t=q('(prefers-color-scheme: dark)')?'dark':'light';if(t!=='dark')t='light';var r=e.getAttribute('data-rook-theme-routes');if(r&&!new RegExp(r).test(location.pathname))t='light';if(c==='system')c=q('(prefers-contrast: more)')?'more':'standard';if(c!=='more')c='standard';e.setAttribute('data-mn-theme',t);e.setAttribute('data-mn-contrast',c);e.classList.toggle('dark',t==='dark');if(o.p)e.setAttribute('data-mn-product',o.p)}catch(_){}})();`;
 }
 //# sourceMappingURL=appearance.js.map

package/dist/appearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../src/appearance.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAeH,MAAM,UAAU,iBAAiB,CAC/B,KAAsB,EACtB,QAA4B,EAC5B,GAAgB;IAEhB,OAAO;QACL,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;QACxE,QAAQ,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;KAC7F,CAAC;AACJ,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,eAAe,CAAC,EAAe,EAAE,CAAa;IAC5D,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAChD,6EAA6E;IAC7E,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;AAClD,CAAC;AAYD,MAAM,EAAE,GAAG,wBAAwB,CAAC;AACpC,MAAM,MAAM,GAAG,uBAAuB,CAAC;AAEvC;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAmC,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,WAAW,GAAG,YAAY,EAC1B,cAAc,GAAG,aAAa,EAC9B,YAAY,GAAG,OAAO,GACvB,GAAG,OAAO,CAAC;IACZ,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,uBAAuB,OAAO,EAAE,CAAC,CAAC;IAClG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;QAC3D,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;QACzB,CAAC,EAAE,OAAO,IAAI,IAAI;QAClB,CAAC,EAAE,WAAW;QACd,CAAC,EAAE,cAAc;QACjB,CAAC,EAAE,YAAY;KAChB,CAAC,CAAC;IACH,OAAO,yBAAyB,GAAG,omBAAomB,CAAC;AAC1oB,CAAC"}
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../src/appearance.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAeH,MAAM,UAAU,iBAAiB,CAC/B,KAAsB,EACtB,QAA4B,EAC5B,GAAgB;IAEhB,OAAO;QACL,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;QACxE,QAAQ,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;KAC7F,CAAC;AACJ,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,eAAe,CAAC,EAAe,EAAE,CAAa;IAC5D,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAChD,6EAA6E;IAC7E,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;AAClD,CAAC;AAYD,MAAM,EAAE,GAAG,wBAAwB,CAAC;AACpC,MAAM,MAAM,GAAG,uBAAuB,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAmC,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,WAAW,GAAG,YAAY,EAC1B,cAAc,GAAG,aAAa,EAC9B,YAAY,GAAG,OAAO,GACvB,GAAG,OAAO,CAAC;IACZ,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,uBAAuB,OAAO,EAAE,CAAC,CAAC;IAClG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;QAC3D,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;QACzB,CAAC,EAAE,OAAO,IAAI,IAAI;QAClB,CAAC,EAAE,WAAW;QACd,CAAC,EAAE,cAAc;QACjB,CAAC,EAAE,YAAY;KAChB,CAAC,CAAC;IACH,OAAO,yBAAyB,GAAG,0sBAA0sB,CAAC;AAChvB,CAAC"}

package/dist/contrast-report.json

@@ -17,13 +17,13 @@
       "dark": {
         "base": "354.5 71.3% 52.2%",
         "adjustments": [
-          "strong set to 354.5 71.3% 64.7% for 4.5:1 text contrast"
+          "strong set to 354.5 71.3% 66.2% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.66,
-          "strongOnCanvas": 5.87,
-          "strongOnSurface": 5.44,
-          "strongOnSubtle": 5.02
+          "strongOnCanvas": 6.14,
+          "strongOnSurface": 5.7,
+          "strongOnSubtle": 5.26
         }
       },
       "hc-light": {
@@ -69,13 +69,13 @@
       "dark": {
         "base": "354 70% 52%",
         "adjustments": [
-          "strong set to 354 70% 65% for 4.5:1 text contrast"
+          "strong set to 354 70% 66% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.71,
-          "strongOnCanvas": 5.92,
-          "strongOnSurface": 5.49,
-          "strongOnSubtle": 5.07
+          "strongOnCanvas": 6.16,
+          "strongOnSurface": 5.71,
+          "strongOnSubtle": 5.27
         }
       },
       "hc-light": {
@@ -191,13 +191,13 @@
         "adjustments": [
           "solid moved to 44 100% 29.5% to stay visible (4.5:1) against the canvas",
           "solid darkened 44 100% 29.5% → 44 100% 22.5% so white text meets 7:1",
-          "strong set to 44 100% 21% for 7:1 text contrast"
+          "strong set to 44 100% 20.5% for 7:1 text contrast"
         ],
         "ratios": {
           "onSolid": 7.01,
-          "strongOnCanvas": 7.65,
-          "strongOnSurface": 7.65,
-          "strongOnSubtle": 7.35
+          "strongOnCanvas": 7.89,
+          "strongOnSurface": 7.89,
+          "strongOnSubtle": 7.57
         }
       },
       "hc-dark": {
@@ -286,13 +286,13 @@
         "base": "239 84% 67%",
         "adjustments": [
           "solid darkened 239 84% 67% → 239 84% 66.5% so white text meets 4.5:1",
-          "strong set to 239 84% 71.5% for 4.5:1 text contrast"
+          "strong set to 239 84% 74% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.55,
-          "strongOnCanvas": 5.42,
-          "strongOnSurface": 5.03,
-          "strongOnSubtle": 4.9
+          "strongOnCanvas": 6.18,
+          "strongOnSurface": 5.73,
+          "strongOnSubtle": 5.58
         }
       },
       "hc-light": {
@@ -376,13 +376,13 @@
         "base": "175 84% 32%",
         "adjustments": [
           "solid darkened 175 84% 32% → 175 84% 28% so white text meets 4.5:1",
-          "strong set to 175 84% 27% for 4.5:1 text contrast"
+          "strong set to 175 84% 26.5% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.63,
-          "strongOnCanvas": 4.76,
-          "strongOnSurface": 4.88,
-          "strongOnSubtle": 4.67
+          "strongOnCanvas": 4.94,
+          "strongOnSurface": 5.07,
+          "strongOnSubtle": 4.86
         }
       },
       "dark": {
@@ -403,13 +403,13 @@
         "adjustments": [
           "solid moved to 175 84% 28% to stay visible (4.5:1) against the canvas",
           "solid darkened 175 84% 28% → 175 84% 21% so white text meets 7:1",
-          "strong set to 175 84% 20% for 7:1 text contrast"
+          "strong set to 175 84% 19.5% for 7:1 text contrast"
         ],
         "ratios": {
           "onSolid": 7.12,
-          "strongOnCanvas": 7.64,
-          "strongOnSurface": 7.64,
-          "strongOnSubtle": 7.36
+          "strongOnCanvas": 7.96,
+          "strongOnSurface": 7.96,
+          "strongOnSubtle": 7.67
         }
       },
       "hc-dark": {
@@ -442,13 +442,13 @@
       "dark": {
         "base": "354 70% 52%",
         "adjustments": [
-          "strong set to 354 70% 65% for 4.5:1 text contrast"
+          "strong set to 354 70% 66% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.71,
-          "strongOnCanvas": 5.92,
-          "strongOnSurface": 5.49,
-          "strongOnSubtle": 5.07
+          "strongOnCanvas": 6.16,
+          "strongOnSurface": 5.71,
+          "strongOnSubtle": 5.27
         }
       },
       "hc-light": {
@@ -597,13 +597,13 @@
       "dark": {
         "base": "354 70% 52%",
         "adjustments": [
-          "strong set to 354 70% 65% for 4.5:1 text contrast"
+          "strong set to 354 70% 66% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.71,
-          "strongOnCanvas": 5.92,
-          "strongOnSurface": 5.49,
-          "strongOnSubtle": 5.07
+          "strongOnCanvas": 6.16,
+          "strongOnSurface": 5.71,
+          "strongOnSubtle": 5.27
         }
       },
       "hc-light": {
@@ -661,13 +661,13 @@
         "base": "175 77% 26%",
         "adjustments": [
           "solid darkened 175 77% 26% → 175 77% 22% so white text meets 7:1",
-          "strong set to 175 77% 20.5% for 7:1 text contrast"
+          "strong set to 175 77% 20% for 7:1 text contrast"
         ],
         "ratios": {
           "onSolid": 7.1,
-          "strongOnCanvas": 7.73,
-          "strongOnSurface": 7.73,
-          "strongOnSubtle": 7.45
+          "strongOnCanvas": 8.06,
+          "strongOnSurface": 8.06,
+          "strongOnSubtle": 7.76
         }
       },
       "hc-dark": {
@@ -754,13 +754,13 @@
       "dark": {
         "base": "227 74% 53%",
         "adjustments": [
-          "strong set to 227 74% 67% for 4.5:1 text contrast"
+          "strong set to 227 74% 68.5% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 6.01,
-          "strongOnCanvas": 5.79,
-          "strongOnSurface": 5.37,
-          "strongOnSubtle": 5.01
+          "strongOnCanvas": 6.14,
+          "strongOnSurface": 5.69,
+          "strongOnSubtle": 5.31
         }
       },
       "hc-light": {
@@ -805,13 +805,13 @@
       "dark": {
         "base": "326 72% 44%",
         "adjustments": [
-          "strong set to 326 72% 63.5% for 4.5:1 text contrast"
+          "strong set to 326 72% 64.5% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 5.6,
-          "strongOnCanvas": 5.98,
-          "strongOnSurface": 5.55,
-          "strongOnSubtle": 5.11
+          "strongOnCanvas": 6.16,
+          "strongOnSurface": 5.72,
+          "strongOnSubtle": 5.27
         }
       },
       "hc-light": {
@@ -860,13 +860,13 @@
         "base": "239 84% 67%",
         "adjustments": [
           "solid darkened 239 84% 67% → 239 84% 66.5% so white text meets 4.5:1",
-          "strong set to 239 84% 71.5% for 4.5:1 text contrast"
+          "strong set to 239 84% 74% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.55,
-          "strongOnCanvas": 5.42,
-          "strongOnSurface": 5.03,
-          "strongOnSubtle": 4.9
+          "strongOnCanvas": 6.18,
+          "strongOnSurface": 5.73,
+          "strongOnSubtle": 5.58
         }
       },
       "hc-light": {
@@ -928,13 +928,13 @@
         "adjustments": [
           "solid moved to 44 100% 29.5% to stay visible (4.5:1) against the canvas",
           "solid darkened 44 100% 29.5% → 44 100% 22.5% so white text meets 7:1",
-          "strong set to 44 100% 21% for 7:1 text contrast"
+          "strong set to 44 100% 20.5% for 7:1 text contrast"
         ],
         "ratios": {
           "onSolid": 7.01,
-          "strongOnCanvas": 7.65,
-          "strongOnSurface": 7.65,
-          "strongOnSubtle": 7.35
+          "strongOnCanvas": 7.89,
+          "strongOnSurface": 7.89,
+          "strongOnSubtle": 7.57
         }
       },
       "hc-dark": {
@@ -1076,13 +1076,13 @@
       "dark": {
         "base": "354 71% 52%",
         "adjustments": [
-          "strong set to 354 71% 65% for 4.5:1 text contrast"
+          "strong set to 354 71% 66% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.66,
-          "strongOnCanvas": 5.91,
-          "strongOnSurface": 5.49,
-          "strongOnSubtle": 5.06
+          "strongOnCanvas": 6.15,
+          "strongOnSurface": 5.7,
+          "strongOnSubtle": 5.26
         }
       },
       "hc-light": {
@@ -1171,13 +1171,13 @@
       "danger": {
         "base": "354.5 71.3% 52.2%",
         "adjustments": [
-          "strong set to 354.5 71.3% 64.7% for 4.5:1 text contrast"
+          "strong set to 354.5 71.3% 66.2% for 4.5:1 text contrast"
         ],
         "ratios": {
           "onSolid": 4.66,
-          "strongOnCanvas": 5.87,
-          "strongOnSurface": 5.44,
-          "strongOnSubtle": 5.02
+          "strongOnCanvas": 6.14,
+          "strongOnSurface": 5.7,
+          "strongOnSubtle": 5.26
         }
       },
       "success": {
@@ -1252,13 +1252,13 @@
         "adjustments": [
           "solid moved to 44.3 100% 29.8% to stay visible (4.5:1) against the canvas",
           "solid darkened 44.3 100% 29.8% → 44.3 100% 22.3% so white text meets 7:1",
-          "strong set to 44.3 100% 20.8% for 7:1 text contrast"
+          "strong set to 44.3 100% 20.3% for 7:1 text contrast"
         ],
         "ratios": {
           "onSolid": 7.04,
-          "strongOnCanvas": 7.77,
-          "strongOnSurface": 7.77,
-          "strongOnSubtle": 7.46
+          "strongOnCanvas": 7.92,
+          "strongOnSurface": 7.92,
+          "strongOnSubtle": 7.61
         }
       },
       "info": {

package/dist/css/compat.css

@@ -31,10 +31,10 @@
     --sidebar-accent: 220 14% 95.5%;
     --sidebar-accent-foreground: 222 16% 13.5%;
     --sidebar-border: 220 13% 89%;
-    --primary: 354.5 71.3% 52.2%;
+    --primary: 354.5 71.3% 46.2%;
     --primary-foreground: 0 0% 100%;
     --ring: 354.5 71.3% 46.2%;
-    --sidebar-primary: 354.5 71.3% 52.2%;
+    --sidebar-primary: 354.5 71.3% 46.2%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 354.5 71.3% 46.2%;
   }
@@ -69,10 +69,10 @@
     --sidebar-border: 221 15% 18%;
     --primary: 354.5 71.3% 52.2%;
     --primary-foreground: 0 0% 100%;
-    --ring: 354.5 71.3% 64.7%;
+    --ring: 354.5 71.3% 66.2%;
     --sidebar-primary: 354.5 71.3% 52.2%;
     --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-ring: 354.5 71.3% 64.7%;
+    --sidebar-ring: 354.5 71.3% 66.2%;
   }
 
   [data-mn-contrast="more"] {
@@ -102,10 +102,10 @@
     --sidebar-accent: 220 14% 95.5%;
     --sidebar-accent-foreground: 0 0% 0%;
     --sidebar-border: 220 10% 37%;
-    --primary: 354.5 71.3% 39.7%;
+    --primary: 354.5 71.3% 34.7%;
     --primary-foreground: 0 0% 100%;
     --ring: 354.5 71.3% 34.7%;
-    --sidebar-primary: 354.5 71.3% 39.7%;
+    --sidebar-primary: 354.5 71.3% 34.7%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 354.5 71.3% 34.7%;
   }
@@ -138,10 +138,10 @@
     --sidebar-accent: 222 18% 10%;
     --sidebar-accent-foreground: 0 0% 100%;
     --sidebar-border: 220 9% 64%;
-    --primary: 354.5 71.3% 70.2%;
+    --primary: 354.5 71.3% 74.7%;
     --primary-foreground: 224 22% 6.5%;
     --ring: 354.5 71.3% 74.7%;
-    --sidebar-primary: 354.5 71.3% 70.2%;
+    --sidebar-primary: 354.5 71.3% 74.7%;
     --sidebar-primary-foreground: 224 22% 6.5%;
     --sidebar-ring: 354.5 71.3% 74.7%;
   }

package/dist/css/monarch.css

@@ -202,7 +202,7 @@
     --mn-color-accent-on-solid: hsl(0 0% 100%);
     --mn-color-accent-subtle: hsl(354.5 28.5% 14%);
     --mn-color-accent-subtle-hover: hsl(354.5 28.5% 18%);
-    --mn-color-accent-strong: hsl(354.5 71.3% 64.7%);
+    --mn-color-accent-strong: hsl(354.5 71.3% 66.2%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(354.5 32.1% 32%);
     --mn-color-danger-solid: hsl(354.5 71.3% 52.2%);
@@ -211,7 +211,7 @@
     --mn-color-danger-on-solid: hsl(0 0% 100%);
     --mn-color-danger-subtle: hsl(354.5 28.5% 14%);
     --mn-color-danger-subtle-hover: hsl(354.5 28.5% 18%);
-    --mn-color-danger-strong: hsl(354.5 71.3% 64.7%);
+    --mn-color-danger-strong: hsl(354.5 71.3% 66.2%);
     --mn-color-danger-on-strong: hsl(224 22% 6.5%);
     --mn-color-danger-border: hsl(354.5 32.1% 32%);
     --mn-color-success-solid: hsl(136 62.8% 32.7%);
@@ -308,9 +308,9 @@
     --mn-color-warning-on-solid: hsl(0 0% 100%);
     --mn-color-warning-subtle: hsl(44.3 81% 97%);
     --mn-color-warning-subtle-hover: hsl(44.3 81% 94%);
-    --mn-color-warning-strong: hsl(44.3 100% 20.8%);
+    --mn-color-warning-strong: hsl(44.3 100% 20.3%);
     --mn-color-warning-on-strong: hsl(0 0% 100%);
-    --mn-color-warning-border: hsl(44.3 100% 20.8%);
+    --mn-color-warning-border: hsl(44.3 100% 20.3%);
     --mn-color-info-solid: hsl(197.5 100% 26.1%);
     --mn-color-info-solid-hover: hsl(197.5 100% 21.1%);
     --mn-color-info-solid-active: hsl(197.5 100% 17.1%);

package/dist/css/products/app.css

@@ -13,10 +13,10 @@
     --mn-color-accent-strong: hsl(354 70% 46.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(354 42% 84%);
-    --primary: 354 70% 52%;
+    --primary: 354 70% 46.5%;
     --primary-foreground: 0 0% 100%;
     --ring: 354 70% 46.5%;
-    --sidebar-primary: 354 70% 52%;
+    --sidebar-primary: 354 70% 46.5%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 354 70% 46.5%;
   }
@@ -31,15 +31,15 @@
     --mn-color-accent-on-solid: hsl(0 0% 100%);
     --mn-color-accent-subtle: hsl(354 28% 14%);
     --mn-color-accent-subtle-hover: hsl(354 28% 18%);
-    --mn-color-accent-strong: hsl(354 70% 65%);
+    --mn-color-accent-strong: hsl(354 70% 66%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(354 31.5% 32%);
     --primary: 354 70% 52%;
     --primary-foreground: 0 0% 100%;
-    --ring: 354 70% 65%;
+    --ring: 354 70% 66%;
     --sidebar-primary: 354 70% 52%;
     --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-ring: 354 70% 65%;
+    --sidebar-ring: 354 70% 66%;
   }
 
   [data-mn-contrast="more"][data-mn-product="app"],
@@ -53,10 +53,10 @@
     --mn-color-accent-strong: hsl(354 70% 34.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(354 70% 34.5%);
-    --primary: 354 70% 39.5%;
+    --primary: 354 70% 34.5%;
     --primary-foreground: 0 0% 100%;
     --ring: 354 70% 34.5%;
-    --sidebar-primary: 354 70% 39.5%;
+    --sidebar-primary: 354 70% 34.5%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 354 70% 34.5%;
   }
@@ -74,10 +74,10 @@
     --mn-color-accent-strong: hsl(354 70% 74.5%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(354 70% 74.5%);
-    --primary: 354 70% 70%;
+    --primary: 354 70% 74.5%;
     --primary-foreground: 224 22% 6.5%;
     --ring: 354 70% 74.5%;
-    --sidebar-primary: 354 70% 70%;
+    --sidebar-primary: 354 70% 74.5%;
     --sidebar-primary-foreground: 224 22% 6.5%;
     --sidebar-ring: 354 70% 74.5%;
   }

package/dist/css/products/atlas.css

@@ -53,10 +53,10 @@
     --mn-color-accent-strong: hsl(25 95% 27%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(25 95% 27%);
-    --primary: 25 95% 29.5%;
+    --primary: 25 95% 27%;
     --primary-foreground: 0 0% 100%;
     --ring: 25 95% 27%;
-    --sidebar-primary: 25 95% 29.5%;
+    --sidebar-primary: 25 95% 27%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 25 95% 27%;
   }
@@ -74,10 +74,10 @@
     --mn-color-accent-strong: hsl(25 95% 64.5%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(25 95% 64.5%);
-    --primary: 25 95% 54%;
+    --primary: 25 95% 64.5%;
     --primary-foreground: 224 22% 6.5%;
     --ring: 25 95% 64.5%;
-    --sidebar-primary: 25 95% 54%;
+    --sidebar-primary: 25 95% 64.5%;
     --sidebar-primary-foreground: 224 22% 6.5%;
     --sidebar-ring: 25 95% 64.5%;
   }

package/dist/css/products/base.css

@@ -50,15 +50,15 @@
     --mn-color-accent-on-solid: hsl(0 0% 100%);
     --mn-color-accent-subtle: hsl(44 81% 97%);
     --mn-color-accent-subtle-hover: hsl(44 81% 94%);
-    --mn-color-accent-strong: hsl(44 100% 21%);
+    --mn-color-accent-strong: hsl(44 100% 20.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
-    --mn-color-accent-border: hsl(44 100% 21%);
-    --primary: 44 100% 22.5%;
+    --mn-color-accent-border: hsl(44 100% 20.5%);
+    --primary: 44 100% 20.5%;
     --primary-foreground: 0 0% 100%;
-    --ring: 44 100% 21%;
-    --sidebar-primary: 44 100% 22.5%;
+    --ring: 44 100% 20.5%;
+    --sidebar-primary: 44 100% 20.5%;
     --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-ring: 44 100% 21%;
+    --sidebar-ring: 44 100% 20.5%;
   }
 
   .dark[data-mn-contrast="more"][data-mn-product="base"],

package/dist/css/products/calendar.css

@@ -13,10 +13,10 @@
     --mn-color-accent-strong: hsl(198 100% 32.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(198 60% 84%);
-    --primary: 198 100% 35%;
+    --primary: 198 100% 32.5%;
     --primary-foreground: 0 0% 100%;
     --ring: 198 100% 32.5%;
-    --sidebar-primary: 198 100% 35%;
+    --sidebar-primary: 198 100% 32.5%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 198 100% 32.5%;
   }
@@ -53,10 +53,10 @@
     --mn-color-accent-strong: hsl(198 100% 24.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(198 100% 24.5%);
-    --primary: 198 100% 26.5%;
+    --primary: 198 100% 24.5%;
     --primary-foreground: 0 0% 100%;
     --ring: 198 100% 24.5%;
-    --sidebar-primary: 198 100% 26.5%;
+    --sidebar-primary: 198 100% 24.5%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 198 100% 24.5%;
   }
@@ -74,10 +74,10 @@
     --mn-color-accent-strong: hsl(198 100% 57%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(198 100% 57%);
-    --primary: 198 100% 46.5%;
+    --primary: 198 100% 57%;
     --primary-foreground: 224 22% 6.5%;
     --ring: 198 100% 57%;
-    --sidebar-primary: 198 100% 46.5%;
+    --sidebar-primary: 198 100% 57%;
     --sidebar-primary-foreground: 224 22% 6.5%;
     --sidebar-ring: 198 100% 57%;
   }

package/dist/css/products/chat.css

@@ -13,10 +13,10 @@
     --mn-color-accent-strong: hsl(239 84% 61.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(239 50.4% 84%);
-    --primary: 239 84% 66.5%;
+    --primary: 239 84% 61.5%;
     --primary-foreground: 0 0% 100%;
     --ring: 239 84% 61.5%;
-    --sidebar-primary: 239 84% 66.5%;
+    --sidebar-primary: 239 84% 61.5%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 239 84% 61.5%;
   }
@@ -31,15 +31,15 @@
     --mn-color-accent-on-solid: hsl(0 0% 100%);
     --mn-color-accent-subtle: hsl(239 33.6% 14%);
     --mn-color-accent-subtle-hover: hsl(239 33.6% 18%);
-    --mn-color-accent-strong: hsl(239 84% 71.5%);
+    --mn-color-accent-strong: hsl(239 84% 74%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(239 37.8% 32%);
     --primary: 239 84% 66.5%;
     --primary-foreground: 0 0% 100%;
-    --ring: 239 84% 71.5%;
+    --ring: 239 84% 74%;
     --sidebar-primary: 239 84% 66.5%;
     --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-ring: 239 84% 71.5%;
+    --sidebar-ring: 239 84% 74%;
   }
 
   [data-mn-contrast="more"][data-mn-product="chat"],
@@ -53,10 +53,10 @@
     --mn-color-accent-strong: hsl(239 84% 50.5%);
     --mn-color-accent-on-strong: hsl(0 0% 100%);
     --mn-color-accent-border: hsl(239 84% 50.5%);
-    --primary: 239 84% 57%;
+    --primary: 239 84% 50.5%;
     --primary-foreground: 0 0% 100%;
     --ring: 239 84% 50.5%;
-    --sidebar-primary: 239 84% 57%;
+    --sidebar-primary: 239 84% 50.5%;
     --sidebar-primary-foreground: 0 0% 100%;
     --sidebar-ring: 239 84% 50.5%;
   }
@@ -74,10 +74,10 @@
     --mn-color-accent-strong: hsl(239 84% 79%);
     --mn-color-accent-on-strong: hsl(224 22% 6.5%);
     --mn-color-accent-border: hsl(239 84% 79%);
-    --primary: 239 84% 77%;
+    --primary: 239 84% 79%;
     --primary-foreground: 224 22% 6.5%;
     --ring: 239 84% 79%;
-    --sidebar-primary: 239 84% 77%;
+    --sidebar-primary: 239 84% 79%;
     --sidebar-primary-foreground: 224 22% 6.5%;
     --sidebar-ring: 239 84% 79%;
   }