fix: Add transparent value for colors with alpha as 0

Workday · Apr 18, 2024 · 0d5532f · 0d5532f
1 parent 620bf1b
commit 0d5532f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/canvas-tokens/utils/transformers/flatRGBAColor.ts b/packages/canvas-tokens/utils/transformers/flatRGBAColor.ts
@@ -13,7 +13,7 @@ export const flatRGBAColor = ({value}: DesignToken): string => {
     const innerRgb = b.replace(/rgba\(([^}]+)/g, (__: string, c: string) =>
       c.split(',').slice(0, 3).toString()
     );
-    return `rgba(${innerRgb},${alpha})`;
+    return alpha === '0' ? 'transparent' : `rgba(${innerRgb},${alpha})`;
   });
 
   return rgba;