@qodo/design-system 0.20.11 → 0.20.12

package/dist/index.d.ts

@@ -552,7 +552,7 @@ declare const INSIGHT_VARIANTS: {
     ACTIVE: string;
 };
 
-export declare function InsightCard({ title, description, caption, additionalContent, titleClassName: propTitleClassName, descriptionClassName: propDescriptionClassName, variant, className, icon, iconClassName: propIconClassName, size, }: InsightCardProps): JSX_2.Element;
+export declare function InsightCard({ title, description, caption, additionalContent, titleClassName: propTitleClassName, descriptionClassName: propDescriptionClassName, variant, className, icon, iconClassName: propIconClassName, size, rightContent, }: InsightCardProps): JSX_2.Element;
 
 export declare type InsightCardProps = {
     title: ReactNode;
@@ -566,6 +566,7 @@ export declare type InsightCardProps = {
     icon?: ReactNode;
     iconClassName?: string;
     size?: (typeof INSIGHT_SIZES)[keyof typeof INSIGHT_SIZES];
+    rightContent?: ReactNode;
 };
 
 export declare type LoadingSkeletonProps = {

package/dist/index.esm.js

@@ -8226,7 +8226,7 @@ function FP({
       {
         "data-slot": "dialog-content",
         className: P(
-          "qodo qodo-dialog-content bg-[var(--fil-panel-neutral)] data-[state=open]:animate-in",
+          "qodo qodo-dialog-content bg-[var(--fill-panel-neutral)] data-[state=open]:animate-in",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
           "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
           "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
@@ -17940,22 +17940,23 @@ function Ck({
   className: i,
   icon: c,
   iconClassName: u,
-  size: f = Fl.SM
+  size: f = Fl.SM,
+  rightContent: p
 }) {
-  const p = P(
+  const m = P(
     "p-4 flex flex-row items-center gap-4",
     "border-[var(--border-panel-neutral)] dark:border-[var(--border-panel-neutral)] rounded-md fill-[var(--fill-panel-neutral)]",
     { "px-6 gap-6": f === Fl.MD },
     i
-  ), m = P(
+  ), g = P(
     "p-0 m-0 text-xs",
     "text-[var(--color-text-bg-neutral-mild)] dark:text-[var(--color-text-bg-neutral-mild)] font-normal",
     o
-  ), g = P(
+  ), h = P(
     "w-8 h-8 flex items-center justify-center",
-    "bg-purple-muted-600 rounded-full p-2.5",
+    "bg-purple-muted-600 rounded-full p-2",
     u
-  ), h = P(
+  ), v = P(
     "text-xl font-medium p-0 m-0 leading-5",
     {
       "text-muted-foreground dark:text-white": s === Mn.DEFAULT,
@@ -17964,16 +17965,17 @@ function Ck({
     },
     a
   );
-  return /* @__PURE__ */ l.jsxs(Bw, { className: p, children: [
-    c && /* @__PURE__ */ l.jsx("div", { className: g, children: c }),
+  return /* @__PURE__ */ l.jsxs(Bw, { className: m, children: [
+    c && /* @__PURE__ */ l.jsx("div", { className: h, children: c }),
     /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-1 w-full", children: [
-      /* @__PURE__ */ l.jsx(Ww, { className: "m-0 p-0 gap-0", children: /* @__PURE__ */ l.jsx(Gw, { className: m, children: e }) }),
+      /* @__PURE__ */ l.jsx(Ww, { className: "m-0 p-0 gap-0", children: /* @__PURE__ */ l.jsx(Gw, { className: g, children: e }) }),
       /* @__PURE__ */ l.jsxs(qw, { className: "m-0 p-0 flex flex-col gap-2", children: [
-        t && /* @__PURE__ */ l.jsx(zw, { className: h, children: t }),
+        t && /* @__PURE__ */ l.jsx(zw, { className: v, children: t }),
         r && /* @__PURE__ */ l.jsx("span", { className: "text-xs text-foreground dark:text-foreground tracking-[0.12px]", children: r }),
         n
       ] })
-    ] })
+    ] }),
+    p && /* @__PURE__ */ l.jsx("div", { className: "shrink-0", children: p })
   ] });
 }
 export {