@vettvangur/design-system 2.0.23 → 2.0.24

package/dist/index.js

@@ -1540,12 +1540,12 @@ function pickHex(values, preferredMode) {
   if (!values || typeof values !== 'object') {
     return null;
   }
-  if (values[preferredMode]?.hex) {
+  if (preferredMode && values[preferredMode]?.hex) {
     return values[preferredMode].hex;
   }
 
   // if already normalized upstream
-  if (values[modeKey$1(preferredMode)]?.hex) {
+  if (preferredMode && values[modeKey$1(preferredMode)]?.hex) {
     return values[modeKey$1(preferredMode)].hex;
   }
 
@@ -1553,25 +1553,19 @@ function pickHex(values, preferredMode) {
   const first = Object.values(values)[0];
   return first?.hex ?? null;
 }
-function collectColorVars(variableSet) {
-  // Colors not present in Figma, but required by consumers.
-  // These must come first in the generated output.
-  const out = [{
-    varName: '--color-transparent',
-    hex: 'transparent'
-  }, {
-    varName: '--color-white',
-    hex: '#fff'
-  }, {
-    varName: '--color-black',
-    hex: '#111'
-  }, {
-    varName: '--color-umbraco-blue',
-    hex: '#283a97'
-  }, {
-    varName: '--color-umbraco-pink',
-    hex: '#f5c1bc'
-  }];
+function collectColorVars(variableSet, {
+  includeDefaults = false,
+  preferredMode = 'Mode 1'
+} = {}) {
+  const map = new Map();
+  if (includeDefaults) {
+    // Optional legacy colors (kept for backwards compatibility)
+    map.set('--color-transparent', 'transparent');
+    map.set('--color-white', '#fff');
+    map.set('--color-black', '#111');
+    map.set('--color-umbraco-blue', '#283a97');
+    map.set('--color-umbraco-pink', '#f5c1bc');
+  }
   for (const [groupKey, group] of Object.entries(variableSet ?? {})) {
     if (!group || typeof group !== 'object') {
       continue;
@@ -1580,20 +1574,18 @@ function collectColorVars(variableSet) {
       if (!token || token.type !== 'COLOR') {
         continue;
       }
-
-      // Prefer "Mode 1" if present, else fallback to first mode
-      const hex = pickHex(token.values, 'Mode 1');
+      const hex = pickHex(token.values, preferredMode);
       if (!hex) {
         continue;
       }
       const varName = `--color-${kebab$2(groupKey)}-${kebab$2(tokenKey)}`;
-      out.push({
-        varName,
-        hex
-      });
+      map.set(varName, hex);
     }
   }
-  return out;
+  return Array.from(map, ([varName, hex]) => ({
+    varName,
+    hex
+  }));
 }
 function renderColors(vars) {
   const lines = vars.map(v => `  ${v.varName}: ${v.hex};`);
@@ -1601,7 +1593,12 @@ function renderColors(vars) {
 }
 async function generateColors$1(variableSet, config) {
   message('generating colors...');
-  const vars = collectColorVars(variableSet);
+  const includeDefaults = config?.raw?.colors?.includeDefaults ?? false;
+  const preferredMode = config?.raw?.colors?.preferredMode ?? 'Mode 1';
+  const vars = collectColorVars(variableSet, {
+    includeDefaults,
+    preferredMode
+  });
   const css = '/* AUTO-GENERATED - DO NOT EDIT BY HAND */\n\n' + renderColors(vars);
   const outPath = path.join(config.paths.styles, 'config', 'color.css');
   await fs$1.writeFile(outPath, css, 'utf8');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vettvangur/design-system",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "",
   "access": "public",
   "type": "module",