@facter/ds-core 1.6.0 → 1.6.2

package/dist/index.js

@@ -6688,25 +6688,23 @@ var itemCardIconVariants = classVarianceAuthority.cva(
 );
 var ItemCardIcon = React49__namespace.forwardRef(
   ({ className, size, variant, ripple = false, children, ...props }, ref) => {
+    const wrapperSizeClasses = {
+      sm: "w-10 h-10",
+      md: "w-12 h-12",
+      lg: "w-14 h-14"
+    };
+    const actualSize = size || "md";
     if (ripple) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", wrapperSizeClasses[actualSize]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          RippleEffect,
           {
-            className: cn(
-              "absolute rounded-full opacity-20 animate-ping",
-              variant === "primary" && "bg-primary",
-              variant === "success" && "bg-green-500",
-              variant === "warning" && "bg-yellow-500",
-              variant === "destructive" && "bg-red-500",
-              variant === "info" && "bg-blue-500",
-              size === "sm" && "w-14 h-14",
-              size === "md" && "w-16 h-16",
-              size === "lg" && "w-20 h-20"
-            ),
-            style: { animationDuration: "2s" }
+            color: "primary",
+            size: "md",
+            rings: 3,
+            intensity: "light"
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {