@qodo/design-system 0.20.13 → 0.20.14

package/dist/index.esm.js

@@ -3777,11 +3777,11 @@ const Jv = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], co = Se("x", Jv), sc = qt(
-  "qodo qodo-button inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none cursor-pointer",
+  "qodo qodo-button inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-normal ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none cursor-pointer",
   {
     variants: {
       variant: {
-        default: "bg-[var(--fill-action-emphasis-idle)] text-[var(--text-action-on-emphasis-idle)] hover:bg-[var(--fill-action-emphasis-hover)] active:bg-[var(--fill-action-emphasis-active)] disabled:bg-[var(--fill-action-emphasis-disabled)]",
+        default: "bg-[var(--fill-action-emphasis-idle)] text-[var(--text-action-on-emphasis-idle)] hover:bg-[var(--fill-action-emphasis-hover)] focus:bg-[var(--fill-action-emphasis-hover)] active:bg-[var(--fill-action-emphasis-hover)] disabled:bg-[var(--fill-action-emphasis-disabled)]",
         secondary: "bg-[var(--fill-action-neutral-idle)] text-[var(--text-action-neutral-idle)] hover:bg-[var(--fill-action-neutral-hover)] active:bg-[var(--fill-action-neutral-active)] disabled:bg-[var(--fill-action-neutral-disabled)] disabled:text-[var(--text-action-neutral-disabled)]",
         outline: "border border-[var(--border-action-neutral-idle)] text-[var(--text-action-neutral-idle)] hover:bg-[var(--fill-action-neutral-hover)] active:bg-[var(--fill-action-neutral-active)] disabled:bg-none disabled:text-[var(--text-action-neutral-disabled)]",
         ghost: "text-[var(--text-action-neutral-idle)] hover:text-[var(--text-action-neutral-hover)] active:bg-[var(--fill-action-neutral-active)] disabled:bg-none disabled:text-[var(--text-action-neutral-disabled)]",
@@ -3817,10 +3817,19 @@ const Jv = [
     iconPosition: i = "left",
     ...c
   }, u) => {
-    const f = s && /* @__PURE__ */ l.jsx(
+    const f = {
+      lg: "w-[18px] h-[18px]",
+      default: "w-[18px] h-[18px]",
+      sm: "w-[18px] h-[18px]",
+      xs: "w-3.5 h-3.5",
+      icon: "w-[18px] h-[18px]",
+      "icon-sm": "w-3.5 h-3.5",
+      "icon-md": "w-[18px] h-[18px]",
+      "icon-lg": "w-[18px] h-[18px]"
+    }[r ?? "default"], p = s && /* @__PURE__ */ l.jsx(
       s,
       {
-        className: k("w-4 h-4 transition-opacity", {
+        className: k(f, "transition-opacity", {
           "mr-2": o && i === "left",
           "ml-2": o && i !== "left",
           "opacity-50": a || n
@@ -3835,10 +3844,10 @@ const Jv = [
         disabled: a || n,
         ...c,
         children: [
-          i === "left" && f,
+          i === "left" && p,
           o,
-          i === "right" && f,
-          n && /* @__PURE__ */ l.jsx(oc, { className: "ml-2 w-4 h-4 animate-spin" })
+          i === "right" && p,
+          n && /* @__PURE__ */ l.jsx(oc, { className: k("ml-2 animate-spin", f) })
         ]
       }
     );