@groupeactual/ui-kit 1.6.0-beta.8 → 1.6.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.6.0-beta.8",
+  "version": "1.6.0-beta.9",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "devDependencies": {
@@ -52,7 +52,7 @@
     "notistack": "^3.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@groupeactual/design-tokens": "1.6.0-beta.8"
+    "@groupeactual/design-tokens": "1.6.0-beta.9"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/src/components/Chip/Chip.tsx

@@ -49,22 +49,19 @@ const Chip = ({
 
   const ref = useRef<HTMLDivElement>(null);
 
-  const backgroundColor: string = useMemo(() => {
-    if (props.color && theme.palette[props.color]) {
-      if (typeof theme.palette[props.color] === 'object') {
-        return theme.palette[props.color]['main'];
-      } else {
-        return theme.palette[props.color] as string;
-      }
-    } else if (props.color || variant === 'status') {
-      return 'white';
-    } else if (variant === 'filled' || variant === 'statusFilled') {
-      // opacity 0.08
-      return `${backgroundColor}14`;
-    }
+  let backgroundColor: string =
+    props.color && theme.palette[props.color]
+      ? typeof theme.palette[props.color] === 'object'
+        ? theme.palette[props.color]['main']
+        : theme.palette[props.color]
+      : (props.color ?? 'white');
 
-    return '';
-  }, [props.color, theme.palette]);
+  if (variant === 'filled' || variant === 'statusFilled') {
+    // opacity 0.08
+    backgroundColor = `${backgroundColor}14`;
+  } else if (variant === 'status') {
+    backgroundColor = 'white';
+  }
 
   return (
     <Tooltip title={tooltip} placement="right-start" open={isTooltipOpen}>