@taprootio/espalier 3.6.0 → 3.7.0

package/dist/root/esp-root.d.ts

@@ -72,20 +72,28 @@ export type { SchemeEvents } from "../shared/bus-events.js";
  * @cssprop --esp-color-series-7 - Seventh categorical data-series color.
  * @cssprop --esp-color-series-8 - Eighth categorical data-series color.
  * @cssprop --esp-color-series-1-wash - First series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-1-tint - First series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-1-ink - First series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-2-wash - Second series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-2-tint - Second series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-2-ink - Second series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-3-wash - Third series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-3-tint - Third series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-3-ink - Third series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-4-wash - Fourth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-4-tint - Fourth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-4-ink - Fourth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-5-wash - Fifth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-5-tint - Fifth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-5-ink - Fifth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-6-wash - Sixth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-6-tint - Sixth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-6-ink - Sixth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-7-wash - Seventh series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-7-tint - Seventh series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-7-ink - Seventh series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-series-8-wash - Eighth series washed toward the local background (75% identity in OKLab) for large fills; theme zones re-emit it against their own canvas.
+ * @cssprop --esp-color-series-8-tint - Eighth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas.
  * @cssprop --esp-color-series-8-ink - Eighth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable).
  * @cssprop --esp-color-type-overline - Overline ink enforced to Lc 90 against the local background.
  * @cssprop --esp-color-type-label - Label ink enforced to Lc 75 against the local background.

package/dist/root/helpers/data-companion-properties.js

@@ -1 +1 @@
-import{apcaContrast as s,ensureContrast as m,gamutMapToSRGB as i,oklabToOklch as E,oklchToOklab as l,parseOklch as p,serializeOklch as S}from"../../shared/color-engine.js";import{DATA_SERIES_KEYS as b}from"../../shared/data-colors.js";import{TOKEN_PAIRINGS as u}from"../../shared/theme.js";const A=.75,f=u.text?.targetLc??75;function _(c,n){const t=m({...c},n,f);if(Math.abs(s(t,n))>=f)return t;const o=i({l:n.l>.5?1:0,c:c.c,h:c.h});return Math.abs(s(o,n))>Math.abs(s(t,n))?o:t}function k(c,n,t){const o=l(c),r=l(n);return E({L:o.L*t+r.L*(1-t),a:o.a*t+r.a*(1-t),b:o.b*t+r.b*(1-t)})}function h(c,n){const t=p(c["--esp-color-background"]??"");if(!t)return{};const o={};for(let r=1;r<=b.length;r+=1){const a=`--esp-color-series-${r}`,e=p(c[a]??n?.[a]??"");e&&(o[`${a}-wash`]=S(i(k(e,t,A))),o[`${a}-ink`]=S(_(e,t)))}return o}export{A as DATA_WASH_SERIES_SHARE,h as dataCompanionProperties};
+import{apcaContrast as s,ensureContrast as _,gamutMapToSRGB as i,oklabToOklch as T,oklchToOklab as p,parseOklch as S,serializeOklch as l}from"../../shared/color-engine.js";import{DATA_SERIES_KEYS as f}from"../../shared/data-colors.js";import{TOKEN_PAIRINGS as m}from"../../shared/theme.js";const b=.75,u=.12,E=m.text?.targetLc??75;function I(c,n){const t=_({...c},n,E);if(Math.abs(s(t,n))>=E)return t;const o=i({l:n.l>.5?1:0,c:c.c,h:c.h});return Math.abs(s(o,n))>Math.abs(s(t,n))?o:t}function A(c,n,t){const o=p(c),r=p(n);return T({L:o.L*t+r.L*(1-t),a:o.a*t+r.a*(1-t),b:o.b*t+r.b*(1-t)})}function x(c,n){const t=S(c["--esp-color-background"]??"");if(!t)return{};const o={};for(let r=1;r<=f.length;r+=1){const a=`--esp-color-series-${r}`,e=S(c[a]??n?.[a]??"");e&&(o[`${a}-wash`]=l(i(A(e,t,b))),o[`${a}-tint`]=l(i(A(e,t,u))),o[`${a}-ink`]=l(I(e,t)))}return o}export{u as DATA_TINT_SERIES_SHARE,b as DATA_WASH_SERIES_SHARE,x as dataCompanionProperties};

package/espalier.token-manifest.json

@@ -357,6 +357,11 @@
       "category": "root-theme",
       "description": "First series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-1-tint",
+      "category": "root-theme",
+      "description": "First series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-1-wash",
       "category": "root-theme",
@@ -372,6 +377,11 @@
       "category": "root-theme",
       "description": "Second series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-2-tint",
+      "category": "root-theme",
+      "description": "Second series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-2-wash",
       "category": "root-theme",
@@ -387,6 +397,11 @@
       "category": "root-theme",
       "description": "Third series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-3-tint",
+      "category": "root-theme",
+      "description": "Third series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-3-wash",
       "category": "root-theme",
@@ -402,6 +417,11 @@
       "category": "root-theme",
       "description": "Fourth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-4-tint",
+      "category": "root-theme",
+      "description": "Fourth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-4-wash",
       "category": "root-theme",
@@ -417,6 +437,11 @@
       "category": "root-theme",
       "description": "Fifth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-5-tint",
+      "category": "root-theme",
+      "description": "Fifth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-5-wash",
       "category": "root-theme",
@@ -432,6 +457,11 @@
       "category": "root-theme",
       "description": "Sixth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-6-tint",
+      "category": "root-theme",
+      "description": "Sixth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-6-wash",
       "category": "root-theme",
@@ -447,6 +477,11 @@
       "category": "root-theme",
       "description": "Seventh series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-7-tint",
+      "category": "root-theme",
+      "description": "Seventh series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-7-wash",
       "category": "root-theme",
@@ -462,6 +497,11 @@
       "category": "root-theme",
       "description": "Eighth series pushed to the text contrast tier against the local background (best-contrast pole when a mid-lightness surface makes the tier unreachable)."
     },
+    {
+      "name": "--esp-color-series-8-tint",
+      "category": "root-theme",
+      "description": "Eighth series tinted over the local background (12% identity in OKLab) for grounds behind ordinary text; theme zones re-emit it against their own canvas."
+    },
     {
       "name": "--esp-color-series-8-wash",
       "category": "root-theme",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taprootio/espalier",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "packageManager": "bun@1.3.12",
   "description": "Espalier — a themeable, accessible, framework-agnostic, enterprise-grade design system built on web standards and love.",
   "customElements": "custom-elements.json",