chore(tokens): update transparent color function

kiwicom · Nov 23, 2023 · ef34b2c · ef34b2c
1 parent d364d3d
commit ef34b2c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/orbit-design-tokens/src/js/transparentColor.ts b/packages/orbit-design-tokens/src/js/transparentColor.ts
@@ -1,11 +1,16 @@
 import { parseToRgba, rgba, guard } from "color2k";
 
+const isHex = (color: string): boolean => color.startsWith("#");
+const isRgb = (color: string): boolean => color.startsWith("rgb");
+
 const transparentColor = (color: string, opacity: number): string => {
   // tailwind package is using css variables
   if (color.match(/var\(/)) {
     const regex = /var\(([^,]+),\s*([^)]+)\)/;
     const [, , colorValue] = color.match(regex);
-    return transparentColor(colorValue, opacity);
+    const value = colorValue as string;
+    const isValidColor = isHex(value) || isRgb(value);
+    return transparentColor(isValidColor ? value : `rgb(${value})`, opacity);
   }
 
   const [R, G, B] = parseToRgba(color);