@rojaostudio/ds-core 1.1.0-next.11 → 1.1.0-next.13

package/dist/{chunk-D6HJEVJK.js → chunk-DVJ4TGPZ.js}

@@ -913,7 +913,7 @@ var ROLES = [
   ["text/on/accent", "d", "d"],
   ["text/on/tint", "d", "b"],
   ["colors/state/error", "l", "l"],
-  ["colors/state/error-strong", "d", "d"],
+  ["colors/state/error-strong", "p", "p"],
   ["surface/tint/strong", "d", "b"],
   ["text/on/error", "l", "l"],
   ["surface/action/default", "d", "b"],
@@ -992,8 +992,17 @@ var ROLES = [
   ["colors/state/neutral-strong", "d", "d"],
   ["text/on/primary-subtle", "d", "b"],
   ["surface/tint/subtle", "d", "b"],
-  ["border/error", "d", "d"]
+  ["border/error", "d", "d"],
+  ["surface/attention/low", "p", "p"],
+  ["surface/attention/medium", "p", "p"],
+  ["surface/attention/high", "p", "p"]
 ];
+var amber = palettes.amber;
+var ATTENTION = {
+  "surface/attention/low": amber[100],
+  "surface/attention/medium": amber[200],
+  "surface/attention/high": amber[400]
+};
 var awayFrom = (bg) => contrastRatio(bg, BLACK) >= contrastRatio(bg, WHITE) ? "darker" : "lighter";
 var TINT_DEFAULT = 200;
 var lighterStep = (s) => s - 100 ;
@@ -1023,7 +1032,7 @@ function generateRdsTheme(def, opts = {}) {
     }
   } else heading = readableFrom(P.base, P.scale, lightBgs, "darker", BLACK);
   const invert = b.invert ? ramp(b.invert, own).base : WHITE;
-  const l = {
+  const l = __spreadValues({
     "colors/primary/light": P.scale[500],
     "colors/primary/default": P.base,
     "colors/primary/dark": P.scale[900],
@@ -1110,7 +1119,7 @@ function generateRdsTheme(def, opts = {}) {
     "logo/inverse": WHITE,
     "logo/inverse-signature": WHITE,
     "social/ink": BLACK
-  };
+  }, ATTENTION);
   const single = !b.secondary;
   const K = single ? N : P.scale;
   if (single) {
@@ -1198,7 +1207,6 @@ function generateRdsTheme(def, opts = {}) {
     "text/on/action-tonal": readableFrom(P.scale[200], P.scale, [L[900]], "lighter", WHITE),
     "surface/lift/action": P.scale[800],
     "surface/lift/action-strong": P.scale[700],
-    "colors/state/error-strong": red[400],
     "colors/state/success-strong": green[300],
     "colors/state/warning-strong": orange[400],
     "surface/error": red[900],
@@ -1257,7 +1265,6 @@ function generateRdsTheme(def, opts = {}) {
   [d["colors/accent/hover"]] = stateFills(A.scale, d["colors/accent/default"], d["text/on/accent"], [d["colors/accent/hover"]]);
   d["border/error"] = readableFrom(red[400], 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);
-  d["colors/state/error-strong"] = carry(red, l["colors/state/error"], l["text/on/error"], d["colors/state/error-strong"]);
   const ink0 = on(P.base);
   const plate = contrastRatio(ink0, P.base) >= PLATE_MIN ? P.base : readableFrom(P.base, P.scale, [ink0], ink0 === WHITE ? "darker" : "lighter", ink0 === WHITE ? BLACK : WHITE, PLATE_MIN);
   const ink = on(plate);
@@ -1340,11 +1347,13 @@ function generateRdsTheme(def, opts = {}) {
   }
   plateOwn["colors/accent/highlight"] = (_d = [d["colors/accent/highlight"], l["colors/accent/highlight"]].find((c) => contrastRatio(ink, c) >= AA)) != null ? _d : readableFrom(l["colors/accent/highlight"], A.scale, [ink], lightPlate ? "lighter" : "darker", ink === WHITE ? BLACK : WHITE);
   plateOwn["chart/series/1"] = readableFrom(d["chart/series/1"], P.scale, plateBgs, awayFrom(plate), ink, NON_TEXT);
+  plateOwn["colors/state/neutral-strong"] = readableFrom(d["colors/state/neutral-strong"], N, plateBgs, awayFrom(plate), ink, NON_TEXT);
   for (const logo of ["logo/primary", "logo/signature", "logo/accent", "logo/mono", "social/ink"]) plateOwn[logo] = ink;
+  const fixed = __spreadValues({ "colors/state/error-strong": red[700] }, ATTENTION);
   const out = { light: {}, dark: {}, brand: {} };
   const pick = (src, role) => {
     var _a2;
-    const table = src === "l" ? l : src === "d" ? d : br;
+    const table = src === "l" ? l : src === "d" ? d : src === "p" ? fixed : br;
     const v = (_a2 = table[role]) != null ? _a2 : l[role];
     if (v === void 0) throw new Error(`rdsTheme: no value for "${role}"`);
     return v;
@@ -1448,7 +1457,7 @@ var RDS_CONTRAST_PAIRS = [
   ["text/on/neutral", "colors/state/neutral"],
   ["text/error", "surface/error"],
   // The pairs the components join (packages/ds, styles/rds/components.css): the label of the neutral Button and
-  // Badge on its fill and hovers, the inverse label (colors/primary/default) on the card, the pressed outline Button,
+  // Badge on its fill and hovers, the brand ink as text (colors/primary/default) on the card, the pressed outline Button,
   // the Badge highlight, the selected entry, quiet text and state text where they are placed.
   ["text/on/primary-strong", "colors/primary/default"],
   ["text/on/primary-strong", "colors/primary/light"],
@@ -1472,7 +1481,11 @@ var RDS_CONTRAST_PAIRS = [
   ["text/success", "surface/card"],
   ["text/info", "surface/info"],
   ["text/warning", "surface/warning"],
-  ["text/neutral", "surface/neutral"]
+  ["text/neutral", "surface/neutral"],
+  // The attention Banner: text/on/warning on its three levels.
+  ["text/on/warning", "surface/attention/low"],
+  ["text/on/warning", "surface/attention/medium"],
+  ["text/on/warning", "surface/attention/high"]
 ];
 var RDS_NON_TEXT_PAIRS = [
   ["border/strong", "surface/card"],
@@ -1484,7 +1497,9 @@ var RDS_NON_TEXT_PAIRS = [
   ["logo/primary", "surface/page"],
   ["logo/primary", "surface/panel"],
   ["chart/series/1", "surface/card"],
-  ["chart/series/1", "surface/page"]
+  ["chart/series/1", "surface/page"],
+  ["colors/state/neutral-strong", "surface/panel"],
+  ["colors/state/neutral-strong", "surface/card"]
 ];
 function rdsContrastReport(theme) {
   const out = [];
@@ -1538,6 +1553,11 @@ function rdsThemeFromTable(table, opts = {}) {
         ref2 = roles[added];
         derived.add(role);
       }
+      if (ref2 === void 0 && ATTENTION[role] !== void 0) {
+        out[mode][roleVar(role)] = ATTENTION[role];
+        derived.add(role);
+        continue;
+      }
       if (ref2 === void 0) problems.push(`${mode}: role "${role}" is missing`);
       else if (isColourRef(ref2)) {
         const value = table.primitives[ref2];
@@ -1565,7 +1585,9 @@ function rdsThemeFromTable(table, opts = {}) {
   const warn = (_c = opts.warn) != null ? _c : defaultWarn;
   if (derived.size)
     warn(
-      `${where}: 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.`
+      `${where}: 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) => ADDED_ROLES[r] ? Object.entries(ADDED_ROLES[r]).map(([m, src]) => `${m}: ${src}`).join(", ") : `${r}: ${ATTENTION[r]} in every mode`
+      ).join("; ") + `). Export the table again with figma/export-brand.js.`
     );
   const fails = rdsContrastReport(out);
   if (fails.length)

package/dist/generate.d.ts

@@ -14,9 +14,10 @@ type RdsThemeOptions = {
 /**
  * Roles of the [RDS] theme collection, in Figma order: [name, dark source, brand source].
  * The light mode always reads the plain base token. In dark and brand, Figma points either to the
- * mode's own variant (`d` = base dark/…, `b` = base brand/…) or back to another one (`l` = plain).
+ * mode's own variant (`d` = base dark/…, `b` = base brand/…) or back to another one (`l` = plain), or straight
+ * to a primitive of the [RDS] Primitives library (`p`: the same colour for every brand, see FIXED in the generator).
  */
-declare const ROLES: ReadonlyArray<readonly [string, "l" | "d", "l" | "d" | "b"]>;
+declare const ROLES: ReadonlyArray<readonly [string, "l" | "d" | "p", "l" | "d" | "b" | "p"]>;
 /** CSS custom property of a role: the Figma path with hyphens (the [RDS] codeSyntax rule). */
 declare const roleVar: (role: string) => string;
 declare function generateRdsTheme(def: BrandDef, opts?: RdsThemeOptions): RdsTheme;

package/dist/generate.js

@@ -1,3 +1,3 @@
-export { RDS_CONTRAST_PAIRS, RDS_NON_TEXT_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, RdsValidationError, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, isSafeColor, isSafeFont, isSafeVarName, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-D6HJEVJK.js';
+export { RDS_CONTRAST_PAIRS, RDS_NON_TEXT_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, RdsValidationError, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, isSafeColor, isSafeFont, isSafeVarName, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-DVJ4TGPZ.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, RDS_NON_TEXT_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, RdsValidationError, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, isSafeColor, isSafeFont, isSafeVarName, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-D6HJEVJK.js';
+export { RDS_CONTRAST_PAIRS, RDS_NON_TEXT_PAIRS, ROLES as RDS_ROLES, RDS_SCOPE_SELECTORS, RDS_TOKEN_SCOPE, RdsValidationError, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, isSafeColor, isSafeFont, isSafeVarName, onColor, rdsContrast, rdsContrastReport, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-DVJ4TGPZ.js';
 export { primitives, tokens } from './chunk-FRWRLCYM.js';
 import './chunk-ORMEWXMH.js';

package/dist/themes.js

@@ -1,4 +1,4 @@
-import { generateTheme } from './chunk-D6HJEVJK.js';
+import { generateTheme } from './chunk-DVJ4TGPZ.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.11",
+  "version": "1.1.0-next.13",
   "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)",