@lolmath/ui 3.1.0 → 3.1.1

package/dist/index.cjs

@@ -213,7 +213,7 @@ var tv = (0, import_tailwind_variants.createTV)({
 // src/components/button.tsx
 var import_jsx_runtime = require("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: "",
@@ -241,6 +241,9 @@ var buttonBorder = tv({
     },
     isFocusVisible: {
       true: ""
+    },
+    thin: {
+      true: "p-px"
     }
   },
   compoundVariants: [
@@ -290,7 +293,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",
@@ -318,9 +321,6 @@ var button = tv({
       round: "rounded-full",
       square: "",
       normal: ""
-    },
-    thin: {
-      true: ""
     }
   },
   compoundVariants: [
@@ -332,16 +332,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,
@@ -398,6 +388,7 @@ function _Button({
           className: resolveClassName(className, values),
           preset,
           shape,
+          thin,
           ...values
         });
       },
@@ -409,7 +400,6 @@ function _Button({
               className: resolveClassName(innerClassName, values),
               preset,
               shape,
-              thin,
               ...values
             }),
             children: typeof children === "function" ? children(values) : children
@@ -1724,7 +1714,7 @@ function Label2({
 var import_react_aria_components17 = require("react-aria-components");
 var import_jsx_runtime18 = require("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: "",
@@ -1753,6 +1743,9 @@ var toggleButtonBorder = tv({
     },
     isSelected: {
       true: ""
+    },
+    thin: {
+      true: "p-px"
     }
   },
   compoundVariants: [
@@ -1839,9 +1832,6 @@ var toggleButton = tv({
       round: "rounded-full",
       square: "",
       normal: ""
-    },
-    thin: {
-      true: ""
     }
   },
   compoundVariants: [
@@ -1849,16 +1839,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,
@@ -1897,6 +1877,7 @@ function ToggleButton({
         ...values,
         preset,
         shape,
+        thin,
         className: resolveClassName(className, values)
       }),
       children: (values) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -1907,7 +1888,6 @@ function ToggleButton({
             ...values,
             preset,
             shape,
-            thin,
             className: resolveClassName(innerProps.className, values)
           }),
           style: {