@1d1s/design-system 0.2.27 → 0.2.29

package/dist/index.es.js

@@ -7261,12 +7261,12 @@ function Ub({
         p || w(E), a?.(E), f?.(_);
       },
       className: P(
-        "relative overflow-hidden rounded-[28px] border-2 transition-colors duration-200",
+        "relative overflow-hidden rounded-[28px] border-2 transition-all duration-200 ease-out active:scale-95",
         "flex flex-col items-center justify-center",
         !C && "gap-4",
         y ? "border-main-800 bg-main-200 text-main-800" : "border-gray-300 bg-white text-gray-500",
         !u && "hover:cursor-pointer" && (y ? "hover:bg-main-300" : "hover:bg-gray-100"),
-        u && "cursor-not-allowed opacity-60",
+        u && "cursor-not-allowed opacity-60 active:scale-100",
         d
       ),
       style: {
@@ -11571,6 +11571,7 @@ function dy({
       className: P(
         "group flex w-full items-center justify-between whitespace-nowrap border bg-white outline-none transition-all duration-200",
         "disabled:cursor-not-allowed disabled:opacity-50",
+        "hover:border-gray-400",
         "data-[placeholder]:text-gray-500 focus-visible:ring-3 focus-visible:ring-main-300/60",
         t === "sm" ? "h-10 min-w-[150px] rounded-3 border-gray-300 px-3.5" : "h-10 min-w-[150px] rounded-3 border-gray-300 px-4",
         e
@@ -11731,10 +11732,12 @@ const Da = yt(
       variant: {
         default: [
           "rounded-3 border border-gray-300 bg-white px-5 text-gray-900 shadow-none",
+          "hover:border-gray-400",
           "focus-visible:border-main-500 focus-visible:ring-3 focus-visible:ring-main-300/60"
         ],
         search: [
           "rounded-3 !h-10 border border-gray-300 bg-white pl-11 pr-4 text-gray-700 placeholder:text-gray-500",
+          "hover:border-gray-400",
           "focus-visible:border-main-500 focus-visible:ring-3 focus-visible:ring-main-300/60"
         ]
       },
@@ -13395,8 +13398,9 @@ const Q0 = yt(
     "text-gray-700 transition-all duration-200 ease-out active:scale-95",
     "cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100",
     "focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-main-300/60",
-    "hover:bg-gray-100",
+    "hover:border-gray-400 hover:bg-gray-100",
     "data-[state=on]:border-main-800 data-[state=on]:bg-main-800 data-[state=on]:text-white",
+    "data-[state=on]:hover:bg-main-600 data-[state=on]:hover:border-main-600",
     "data-[state=on]:shadow-[0_4px_10px_rgba(255,87,34,0.22)]"
   ],
   {
@@ -13716,8 +13720,9 @@ const hb = yt(
     "text-gray-700 transition-all duration-200 ease-out active:scale-95",
     "cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100",
     "focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-main-300/60",
-    "hover:bg-gray-100",
+    "hover:border-gray-400 hover:bg-gray-100",
     "data-[state=on]:border-main-800 data-[state=on]:bg-main-800 data-[state=on]:text-white",
+    "data-[state=on]:hover:bg-main-600 data-[state=on]:hover:border-main-600",
     "data-[state=on]:shadow-[0_4px_10px_rgba(255,87,34,0.22)]"
   ],
   {