@rafal.lemieszewski/tide-ui 0.45.0 → 0.46.0

package/dist/index.es.js

@@ -59483,18 +59483,22 @@ const XU = {
   "recap-manager-canceled": { icon: "contract-canceled", color: "error", objectLabel: "Recap manager", statusLabel: "Canceled" },
   "recap-manager-failed": { icon: "contract-failed", color: "error", objectLabel: "Recap manager", statusLabel: "Failed" }
 }, YU = {
+  xsm: "text-body-medium-xsm",
   sm: "text-body-medium-sm",
   md: "text-body-medium-md",
   lg: "text-body-medium-lg"
 }, SO = {
+  xsm: "sm",
   sm: "sm",
   md: "md",
   lg: "lg"
 }, JU = {
+  xsm: "translate-y-[1px]",
   sm: "",
   md: "translate-y-[0.5px]",
   lg: "translate-y-[1px]"
 }, QU = {
+  xsm: "gap-[var(--space-xsm)]",
   sm: "gap-[var(--space-xsm)]",
   md: "gap-[var(--space-sm)]",
   lg: "gap-[var(--space-sm)]"
@@ -59528,16 +59532,15 @@ const XU = {
         {
           ref: c,
           className: R(
-            "inline-flex items-center leading-none p-0.5",
+            "inline-flex items-center p-0.5",
             QU[t],
             YU[t],
             o
           ),
           ...i,
           children: [
-            /* @__PURE__ */ p("span", { className: JU[t], children: /* @__PURE__ */ p(oe, { name: "circle-help", size: SO[t], color: "secondary" }) }),
+            /* @__PURE__ */ p("span", { className: R("flex-shrink-0", JU[t]), children: /* @__PURE__ */ p(oe, { name: "circle-help", size: SO[t], color: "secondary" }) }),
             /* @__PURE__ */ p("span", { className: R(
-              "leading-normal",
               n ? oh.secondary : oh.primary
             ), children: "Unknown status" })
           ]
@@ -59568,16 +59571,15 @@ const XU = {
       {
         ref: c,
         className: R(
-          "inline-flex items-center leading-none p-0.5",
+          "inline-flex items-center p-0.5",
           QU[t],
           YU[t],
           o
         ),
         ...i,
         children: [
-          /* @__PURE__ */ p("span", { className: JU[t], children: /* @__PURE__ */ p(oe, { name: s.icon, size: SO[t], color: s.color }) }),
+          /* @__PURE__ */ p("span", { className: R("flex-shrink-0", JU[t]), children: /* @__PURE__ */ p(oe, { name: s.icon, size: SO[t], color: s.color }) }),
           /* @__PURE__ */ p("span", { className: R(
-            "leading-normal",
             n ? oh[s.color] : oh.primary
           ), children: l })
         ]
@@ -62382,23 +62384,27 @@ function cXe(e, t) {
 }
 var sXe = qee, yte = Hee, lXe = Bee, dXe = Uee, uXe = Gee, mte = Wee, hXe = Yee, pXe = Qee, vte = tte, gte = nte, fXe = ate, yXe = ite, mXe = cte, vXe = ste, kte = dte;
 const gXe = Ye(
-  "flex w-full items-center justify-between rounded-md border bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] transition-colors placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)] disabled:cursor-not-allowed disabled:opacity-100 disabled:bg-[var(--color-background-disabled)] disabled:text-[var(--color-text-disabled)]",
+  "flex w-full items-center justify-between gap-[var(--space-xsm)] rounded-sm border bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] transition-all duration-150 ease-in-out placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-100 disabled:bg-[var(--color-background-disabled)] disabled:text-[var(--color-text-disabled)]",
   {
     variants: {
       variant: {
         default: [
           "border-[var(--color-border-input)]",
-          "hover:border-[var(--color-border-input-hovered)]",
+          "enabled:hover:bg-[var(--color-background-neutral-subtle-hovered)]",
+          "enabled:hover:border-[var(--color-border-input-hovered)]",
+          "enabled:hover:shadow-sm",
           "focus-visible:border-[#005f85]"
         ],
         error: [
           "border-[var(--color-border-error)]",
-          "hover:border-[var(--color-border-error)]",
+          "enabled:hover:bg-[var(--color-background-neutral-subtle-hovered)]",
+          "enabled:hover:border-[var(--color-border-error)]",
+          "enabled:hover:shadow-sm",
           "focus-visible:border-[var(--color-border-error)]"
         ]
       },
       size: {
-        sm: "h-[var(--size-sm)] px-[var(--space-sm)] py-[var(--space-xsm)] text-body-sm",
+        sm: "h-[var(--size-sm)] px-[var(--space-md)] py-[var(--space-xsm)] text-body-sm",
         md: "h-[var(--size-md)] px-[var(--space-md)] py-[var(--space-sm)] text-body-md",
         lg: "h-[var(--size-lg)] px-[var(--space-lg)] py-[var(--space-md)] text-body-lg"
       }
@@ -62420,18 +62426,21 @@ const gXe = Ye(
   "px-2 py-1 [&]:text-body-medium-sm text-[var(--color-text-tertiary)]"
 ), wXe = Ye(
   "h-px bg-[var(--color-border-primary-subtle)] my-[var(--space-xsm)]"
-), OP = sXe, MXe = pXe, CT = lXe, $2 = m.forwardRef(({ className: e, variant: t, size: r, children: n, ...a }, o) => /* @__PURE__ */ N(
-  yte,
-  {
-    ref: o,
-    className: R(gXe({ variant: t, size: r }), e),
-    ...a,
-    children: [
-      n,
-      /* @__PURE__ */ p(dXe, { asChild: !0, children: /* @__PURE__ */ p(oe, { name: "chevron-down", size: "sm", className: "opacity-50" }) })
-    ]
-  }
-));
+), OP = sXe, MXe = pXe, CT = lXe, $2 = m.forwardRef(({ className: e, variant: t, size: r, children: n, ...a }, o) => {
+  const i = r || "md";
+  return /* @__PURE__ */ N(
+    yte,
+    {
+      ref: o,
+      className: R(gXe({ variant: t, size: r }), e),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ p(dXe, { asChild: !0, children: /* @__PURE__ */ p(oe, { name: "chevron-down", size: i }) })
+      ]
+    }
+  );
+});
 $2.displayName = yte.displayName;
 const E2 = m.forwardRef(({ className: e, children: t, position: r = "item-aligned", ...n }, a) => /* @__PURE__ */ p(uXe, { children: /* @__PURE__ */ N(
   mte,