@scattered-light/loomiere 0.15.1 → 0.15.3

package/build/build-tokens.mjs

@@ -180,6 +180,14 @@ function roleBlocks(dictionary) {
       })
       .join('\n');
 
+  // A level that keeps its own color paints its edge from emphasis.<level>.border (and -hover), so a
+  // brand can set the edge apart from the scope's border step (ink outline buttons, grey fields).
+  const edgeOf = (level, parts) =>
+    parts
+      .filter(([part]) => part === 'border' || part === 'border-hover')
+      .map(([part]) => `${varName(['e', part])}: var(${varName(['emphasis', level, part])});`)
+      .join('\n');
+
   const blocks = [rule([':root'], point('accent'))];
   for (const name of scopes.keys()) blocks.push(rule([`[data-color='${name}']`, ...(statuses.has(name) && name !== 'default' ? statusSelectors(name) : [])], point(name)));
 
@@ -204,7 +212,7 @@ function roleBlocks(dictionary) {
         const follows = (DEFAULT_LEVELS[level] ?? []).some((entry) => entry.followsScope && entry.selector === sel);
         const except = follows ? `[data-color], [data-color] *, ${IN_STATUS}` : `[data-color], ${IN_STATUS}`;
         return `${sel}:not(${except})`;
-      }), point(color)));
+      }), `${point(color)}\n${edgeOf(level, parts)}`));
     }
   }
   // Other statuses: the scope already holds the status's palette; only a picked pair needs its own rule.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "description": "Turns a small brand file into a full design token theme: OKLCH color ramps, a type scale, light, dark and high-contrast modes, plus Tailwind, MUI, Chakra, AG Grid and Figma exports.",
   "keywords": ["design-tokens", "theme", "style-dictionary", "dtcg", "oklch", "base-ui", "ag-grid", "tailwind"],
   "repository": {