@rojaostudio/ds-core 1.1.0-next.7 → 1.1.0-next.8

package/dist/{chunk-Y25PXY26.js → chunk-6XIFYDSU.js}

@@ -706,18 +706,19 @@ function ramp(c, custom) {
 }
 var on = (bg) => onColor(bg);
 var AA = 4.5;
-var readsOn = (fg, bgs) => bgs.every((bg) => contrastRatio(fg, bg) >= AA);
-function readableFrom(base, scale, bgs, toward, fallback) {
+var NON_TEXT = 3;
+var readsOn = (fg, bgs, min = AA) => bgs.every((bg) => contrastRatio(fg, bg) >= min);
+function readableFrom(base, scale, bgs, toward, fallback, min = AA) {
   var _a;
-  if (readsOn(base, bgs)) return base;
+  if (readsOn(base, bgs, min)) return base;
   const lb = relativeLuminance(base);
   const steps = SCALE_STEPS.map((s2) => scale[s2]).filter((c) => !!c && isHex(c)).filter((c) => toward === "darker" ? relativeLuminance(c) < lb : relativeLuminance(c) > lb).sort((a, b) => Math.abs(relativeLuminance(a) - lb) - Math.abs(relativeLuminance(b) - lb));
-  const step2 = steps.find((c) => readsOn(c, bgs));
+  const step2 = steps.find((c) => readsOn(c, bgs, min));
   if (step2) return step2;
   const [h, s, l0] = hexToHsl((_a = steps[steps.length - 1]) != null ? _a : base);
   for (let l = l0; toward === "darker" ? l >= 0 : l <= 100; l += toward === "darker" ? -2 : 2) {
     const c = hslToHex(h, s, l);
-    if (readsOn(c, bgs)) return c;
+    if (readsOn(c, bgs, min)) return c;
   }
   return fallback;
 }
@@ -828,8 +829,10 @@ var ROLES = [
   ["colors/state/info-strong", "d", "d"],
   ["colors/state/neutral-strong", "d", "d"],
   ["text/on/primary-subtle", "d", "b"],
-  ["surface/tint/subtle", "d", "b"]
+  ["surface/tint/subtle", "d", "b"],
+  ["border/error", "d", "d"]
 ];
+var awayFrom = (bg) => contrastRatio(bg, BLACK) >= contrastRatio(bg, WHITE) ? "darker" : "lighter";
 var TINT_DEFAULT = 200;
 var lighterStep = (s) => s - 100 ;
 var roleVar = (role) => `--${role.replaceAll("/", "-")}`;
@@ -930,8 +933,7 @@ function generateRdsTheme(def, opts = {}) {
     "text/warning": orange[700],
     "surface/neutral": N[100],
     "text/neutral": N[800],
-    "chart/series/1": P.scale[600],
-    "chart/series/2": orange[500],
+    "chart/series/2": orange[600],
     "chart/series/3": teal[500],
     "chart/series/4": purple[500],
     "chart/series/5": green[500],
@@ -959,6 +961,8 @@ function generateRdsTheme(def, opts = {}) {
     ["colors/primary/dark", "text/on/primary-strong"],
     ["surface/tint/default", "text/on/tint"]
   ]) l[text] = on(l[fill]);
+  l["border/error"] = readableFrom(l["colors/state/error"], red, [l["surface/card"]], awayFrom(l["surface/card"]), BLACK, NON_TEXT);
+  l["chart/series/1"] = readableFrom(P.scale[600], P.scale, [l["surface/card"]], awayFrom(l["surface/card"]), BLACK, NON_TEXT);
   l["logo/primary"] = l["colors/primary/default"];
   l["logo/signature"] = l["colors/primary/default"];
   l["logo/accent"] = l["colors/accent/logo"];
@@ -1023,7 +1027,6 @@ function generateRdsTheme(def, opts = {}) {
     "text/warning": orange[300],
     "surface/neutral": N[800],
     "text/neutral": N[200],
-    "chart/series/1": P.scale[400],
     "chart/series/2": orange[400],
     "chart/series/3": teal[400],
     "chart/series/4": purple[400],
@@ -1046,12 +1049,15 @@ function generateRdsTheme(def, opts = {}) {
     ["surface/tint/default", "text/on/tint"],
     ["surface/lift/action", "text/on/lift-action"]
   ]) d[text] = on(d[fill]);
+  d["border/error"] = readableFrom(d["colors/state/error-strong"], red, [d["surface/card"]], awayFrom(d["surface/card"]), WHITE, NON_TEXT);
+  d["chart/series/1"] = readableFrom(P.scale[400], P.scale, [d["surface/card"]], awayFrom(d["surface/card"]), WHITE, NON_TEXT);
   const plate = l["colors/primary/default"];
   const ink = on(plate);
   const inkA = ink === WHITE ? white : black;
   const antiInk = ink === WHITE ? black : white;
   const lp = relativeLuminance(plate);
-  const plateCard = (_b = SCALE_STEPS.map((st) => P.scale[st]).filter((c) => !!c && isHex(c) && c.toLowerCase() !== plate.toLowerCase()).sort((a, b2) => Math.abs(relativeLuminance(a) - lp) - Math.abs(relativeLuminance(b2) - lp)).find((c) => contrastRatio(ink, c) >= AA)) != null ? _b : plate;
+  const isPlate = (c) => c.toLowerCase() === plate.toLowerCase();
+  const plateCard = P.scale[800] && !isPlate(P.scale[800]) && contrastRatio(ink, P.scale[800]) >= AA ? P.scale[800] : (_b = SCALE_STEPS.map((st) => P.scale[st]).filter((c) => !!c && isHex(c) && !isPlate(c)).sort((a, b2) => Math.abs(relativeLuminance(a) - lp) - Math.abs(relativeLuminance(b2) - lp)).find((c) => contrastRatio(ink, c) >= AA)) != null ? _b : plate;
   const onPrimaryStrong = contrastRatio(plate, P.scale[100]) >= AA ? plate : on(P.scale[100]);
   const br = {
     "colors/primary/light": P.scale[300],
@@ -1096,6 +1102,7 @@ function generateRdsTheme(def, opts = {}) {
     "border/strong-hover": inkA(80),
     "text/on/primary-subtle": inkA(30)
   };
+  const brandError = readableFrom(red[300], red, [plateCard], awayFrom(plateCard), ink, NON_TEXT);
   const out = { light: {}, dark: {}, brand: {} };
   const pick = (src, role) => {
     var _a2;
@@ -1109,6 +1116,7 @@ function generateRdsTheme(def, opts = {}) {
     out.dark[roleVar(role)] = pick(darkSrc, role);
     out.brand[roleVar(role)] = pick(brandSrc, role);
   }
+  out.brand[roleVar("border/error")] = brandError;
   return out;
 }
 var RDS_SCOPE_SELECTORS = [
@@ -1200,10 +1208,15 @@ function rdsContrastReport(theme) {
   return out;
 }
 var isColourRef = (v) => /^[a-z][a-z0-9-]*\/[a-z]?\d+$/i.test(v);
+var ADDED_ROLES = {
+  // Figma: light → base colors/state/error, dark → base dark/colors/state/error-strong, brand → base dark/text/error.
+  "border/error": { light: "colors/state/error", dark: "colors/state/error-strong", brand: "text/error" }
+};
 function rdsThemeFromTable(table, opts = {}) {
-  var _a, _b;
+  var _a, _b, _c;
   const out = { light: {}, dark: {}, brand: {} };
   const problems = [];
+  const derived = /* @__PURE__ */ new Set();
   for (const mode of ["light", "dark", "brand"]) {
     const roles = (_a = table.modes) == null ? void 0 : _a[mode];
     if (!roles) {
@@ -1211,7 +1224,12 @@ function rdsThemeFromTable(table, opts = {}) {
       continue;
     }
     for (const [role] of ROLES) {
-      const ref2 = roles[role];
+      let ref2 = roles[role];
+      const added = (_b = ADDED_ROLES[role]) == null ? void 0 : _b[mode];
+      if (ref2 === void 0 && added && roles[added] !== void 0) {
+        ref2 = roles[added];
+        derived.add(role);
+      }
       if (ref2 === void 0) problems.push(`${mode}: role "${role}" is missing`);
       else if (isColourRef(ref2)) {
         const value = table.primitives[ref2];
@@ -1235,9 +1253,14 @@ function rdsThemeFromTable(table, opts = {}) {
   }
   if (problems.length) throw new Error(`rdsThemeFromTable(${table.name}):
   ${problems.join("\n  ")}`);
+  const warn = (_c = opts.warn) != null ? _c : defaultWarn;
+  if (derived.size)
+    warn(
+      `rdsThemeFromTable(${table.name}): the table was exported before ${[...derived].map((r) => `"${r}"`).join(", ")} existed in the [RDS] theme. Taken from the tokens Figma aliases it to (` + [...derived].map((r) => Object.entries(ADDED_ROLES[r]).map(([m, src]) => `${m}: ${src}`).join(", ")).join("; ") + `). Export the table again with figma/export-brand.js.`
+    );
   const fails = rdsContrastReport(out);
   if (fails.length)
-    ((_b = opts.warn) != null ? _b : defaultWarn)(
+    warn(
       `rdsThemeFromTable(${table.name}): ${fails.length} text pair(s) below 4.5:1
   ` + fails.map((f) => `${f.mode}: ${f.fg} on ${f.bg} ${f.ratio}:1`).join("\n  ")
     );

package/dist/generate.d.ts

@@ -84,9 +84,10 @@ type RdsBrandTable = {
     vars?: Record<string, string>;
 };
 /**
- * The theme of a brand table. Fails on a missing role or an unknown primitive, listing them all. The contrast of
- * the main text pairs (rdsContrastReport) is only reported, through `opts.warn`: the table is the brand as drawn
- * in Figma, kept one to one even where a pair fails.
+ * The theme of a brand table. Fails on a missing role or an unknown primitive, listing them all. A table exported
+ * before a role of ADDED_ROLES existed is the exception: the role is taken from the token Figma aliases it to, and
+ * `opts.warn` asks to export the table again. The contrast of the main text pairs (rdsContrastReport) is only
+ * reported, through `opts.warn`: the table is the brand as drawn in Figma, kept one to one even where a pair fails.
  */
 declare function rdsThemeFromTable(table: RdsBrandTable, opts?: RdsThemeOptions): RdsTheme;
 

package/dist/generate.js

@@ -1,3 +1,3 @@
-export { RDS_CONTRAST_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-Y25PXY26.js';
+export { RDS_CONTRAST_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-6XIFYDSU.js';
 import './chunk-FRWRLCYM.js';
 import './chunk-ORMEWXMH.js';

package/dist/index.js

@@ -1,4 +1,4 @@
 export { recipes } from './chunk-PV6GFEAM.js';
-export { RDS_CONTRAST_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-Y25PXY26.js';
+export { RDS_CONTRAST_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-6XIFYDSU.js';
 export { primitives, tokens } from './chunk-FRWRLCYM.js';
 import './chunk-ORMEWXMH.js';

package/dist/themes.js

@@ -1,4 +1,4 @@
-import { generateTheme } from './chunk-Y25PXY26.js';
+import { generateTheme } from './chunk-6XIFYDSU.js';
 import './chunk-FRWRLCYM.js';
 import { __spreadValues, __objRest } from './chunk-ORMEWXMH.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rojaostudio/ds-core",
-  "version": "1.1.0-next.7",
+  "version": "1.1.0-next.8",
   "description": "O motor do Rojão DS — tokens, derivação de tema e emissores. Sem React, sem Tailwind, sem CSS.",
   "license": "MIT",
   "author": "Rojão Studio (https://rojao.studio)",