@lolmath/ui 3.1.0 → 3.1.1

package/dist/index.js

@@ -44,7 +44,7 @@ var tv = createTV({
 // src/components/button.tsx
 import { jsx } from "react/jsx-runtime";
 var buttonBorder = tv({
-  base: "bg-gradient-to-t outline-none transition-colors duration-200",
+  base: "bg-gradient-to-t p-0.5 outline-none transition-colors duration-200",
   variants: {
     preset: {
       primary: "",
@@ -72,6 +72,9 @@ var buttonBorder = tv({
     },
     isFocusVisible: {
       true: ""
+    },
+    thin: {
+      true: "p-px"
     }
   },
   compoundVariants: [
@@ -121,7 +124,7 @@ var buttonBorder = tv({
   ]
 });
 var button = tv({
-  base: "text-lol-gold-300 font-beaufort block font-bold uppercase tracking-wide transition-colors duration-200",
+  base: "text-lol-gold-300 font-beaufort block h-full w-full font-bold uppercase tracking-wide transition-colors duration-200",
   variants: {
     preset: {
       primary: "from-lol-gold-600 via-lol-gold-600 to-lol-gold-700 bg-gradient-to-b",
@@ -149,9 +152,6 @@ var button = tv({
       round: "rounded-full",
       square: "",
       normal: ""
-    },
-    thin: {
-      true: ""
     }
   },
   compoundVariants: [
@@ -163,16 +163,6 @@ var button = tv({
       preset: ["primary", "secondary", "hextech"],
       class: "bg-lol-grey-300"
     },
-    {
-      preset: ["primary", "secondary", "hextech", "dimmed"],
-      thin: true,
-      class: "m-px"
-    },
-    {
-      preset: ["primary", "secondary", "hextech", "dimmed"],
-      thin: false,
-      class: "m-0.5"
-    },
     {
       preset: ["hextech"],
       isHovered: true,
@@ -229,6 +219,7 @@ function _Button({
           className: resolveClassName(className, values),
           preset,
           shape,
+          thin,
           ...values
         });
       },
@@ -240,7 +231,6 @@ function _Button({
               className: resolveClassName(innerClassName, values),
               preset,
               shape,
-              thin,
               ...values
             }),
             children: typeof children === "function" ? children(values) : children
@@ -1604,7 +1594,7 @@ import {
 } from "react-aria-components";
 import { jsx as jsx18 } from "react/jsx-runtime";
 var toggleButtonBorder = tv({
-  base: "bg-gradient-to-t outline-none transition-colors duration-200",
+  base: "bg-gradient-to-t p-0.5 outline-none transition-colors duration-200",
   variants: {
     preset: {
       gold: "",
@@ -1633,6 +1623,9 @@ var toggleButtonBorder = tv({
     },
     isSelected: {
       true: ""
+    },
+    thin: {
+      true: "p-px"
     }
   },
   compoundVariants: [
@@ -1719,9 +1712,6 @@ var toggleButton = tv({
       round: "rounded-full",
       square: "",
       normal: ""
-    },
-    thin: {
-      true: ""
     }
   },
   compoundVariants: [
@@ -1729,16 +1719,6 @@ var toggleButton = tv({
       preset: ["gold", "hextech", "dimmed"],
       class: "px-4 py-2"
     },
-    {
-      preset: ["gold", "hextech", "dimmed"],
-      thin: true,
-      class: "m-px"
-    },
-    {
-      preset: ["gold", "hextech", "dimmed"],
-      thin: false,
-      class: "m-0.5"
-    },
     {
       preset: ["hextech"],
       isHovered: true,
@@ -1777,6 +1757,7 @@ function ToggleButton({
         ...values,
         preset,
         shape,
+        thin,
         className: resolveClassName(className, values)
       }),
       children: (values) => /* @__PURE__ */ jsx18(
@@ -1787,7 +1768,6 @@ function ToggleButton({
             ...values,
             preset,
             shape,
-            thin,
             className: resolveClassName(innerProps.className, values)
           }),
           style: {