@vettvangur/design-system 2.0.58 → 2.0.59

package/dist/index.js

@@ -2417,6 +2417,33 @@ const extractVariantColors = variantNode => {
       }
     };
   }
+  const hasVisibleFill = node => {
+    const paints = Array.isArray(node?.fills) ? node.fills : null;
+    if (!paints || paints.length === 0) {
+      return false;
+    }
+    for (const paint of paints) {
+      if (!paint || typeof paint !== 'object') {
+        continue;
+      }
+      if (paint.visible === false) {
+        continue;
+      }
+      const opacity = typeof paint.opacity === 'number' ? paint.opacity : 1;
+      if (opacity <= 0) {
+        continue;
+      }
+      const alpha = typeof paint?.color?.a === 'number' ? paint.color.a : 1;
+      if (alpha * opacity <= 0) {
+        continue;
+      }
+      const type = typeof paint.type === 'string' ? paint.type : null;
+      if (type && type !== 'NONE') {
+        return true;
+      }
+    }
+    return false;
+  };
   const getFillToken = node => {
     const fillAlias = Array.isArray(node?.boundVariables?.fills) ? node.boundVariables.fills[0] : null;
     const fillVar = fillAlias?.variable;
@@ -2446,7 +2473,7 @@ const extractVariantColors = variantNode => {
 
   // Prefer explicit bindings on the component root.
   if (variantNode?.type !== 'TEXT') {
-    root.bg = getFillToken(variantNode);
+    root.bg = hasVisibleFill(variantNode) ? getFillToken(variantNode) : null;
     root.border = getStrokeToken(variantNode);
   }
   let fallbackRootBg = null;
@@ -2470,7 +2497,7 @@ const extractVariantColors = variantNode => {
 
     // Icon background (used for icon-only background buttons).
     if (!icon.bg && isIconNode(node)) {
-      const t = getFillToken(node);
+      const t = hasVisibleFill(node) ? getFillToken(node) : null;
       if (t) {
         icon.bg = t;
       }
@@ -2479,7 +2506,7 @@ const extractVariantColors = variantNode => {
 
     // Root background/stroke candidates (exclude icon wrappers).
     if (!root.bg) {
-      const t = getFillToken(node);
+      const t = hasVisibleFill(node) ? getFillToken(node) : null;
       if (t) {
         fallbackRootBg ??= t;
         if (!namedRootBg && isRootBgNode(node)) {

package/package.json

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