@nextui-org/theme 0.0.0-dev-v2-20230531020353 → 0.0.0-dev-v2-20230601002458

package/dist/{chunk-EQNNT2LH.mjs → chunk-HOQUCE4N.mjs}

@@ -2,8 +2,8 @@
 import { tv } from "tailwind-variants";
 var spinner = tv({
   slots: {
-    base: "inline-flex flex-col gap-2 items-center justify-center",
-    wrapper: "relative",
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
     circle1: [
       "absolute",
       "w-full",

package/dist/{chunk-3YUVISFE.mjs → chunk-WIVW4YCJ.mjs}

@@ -20,7 +20,6 @@ var button = tv({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -39,11 +38,11 @@ var button = tv({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",
@@ -77,7 +76,7 @@ var button = tv({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0",
+      true: "p-0 gap-0 min-w-fit",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {

package/dist/components/button.js

@@ -117,7 +117,6 @@ var button = (0, import_tailwind_variants.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -136,11 +135,11 @@ var button = (0, import_tailwind_variants.tv)({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",
@@ -174,7 +173,7 @@ var button = (0, import_tailwind_variants.tv)({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0",
+      true: "p-0 gap-0 min-w-fit",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {

package/dist/components/button.mjs

@@ -1,7 +1,7 @@
 import {
   button,
   buttonGroup
-} from "../chunk-3YUVISFE.mjs";
+} from "../chunk-WIVW4YCJ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/components/index.js

@@ -687,7 +687,6 @@ var button = (0, import_tailwind_variants5.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -706,11 +705,11 @@ var button = (0, import_tailwind_variants5.tv)({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",
@@ -744,7 +743,7 @@ var button = (0, import_tailwind_variants5.tv)({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0",
+      true: "p-0 gap-0 min-w-fit",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {
@@ -1073,8 +1072,8 @@ var drip = (0, import_tailwind_variants6.tv)({
 var import_tailwind_variants7 = require("tailwind-variants");
 var spinner = (0, import_tailwind_variants7.tv)({
   slots: {
-    base: "inline-flex flex-col gap-2 items-center justify-center",
-    wrapper: "relative",
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
     circle1: [
       "absolute",
       "w-full",

package/dist/components/index.mjs

@@ -4,7 +4,7 @@ import {
 } from "../chunk-3B4SYPW2.mjs";
 import {
   spinner
-} from "../chunk-EQNNT2LH.mjs";
+} from "../chunk-HOQUCE4N.mjs";
 import {
   table
 } from "../chunk-U54UQOTS.mjs";
@@ -77,7 +77,7 @@ import {
 import {
   button,
   buttonGroup
-} from "../chunk-3YUVISFE.mjs";
+} from "../chunk-WIVW4YCJ.mjs";
 import {
   card
 } from "../chunk-QW2ZGOKD.mjs";

package/dist/components/spinner.js

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(spinner_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var spinner = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "inline-flex flex-col gap-2 items-center justify-center",
-    wrapper: "relative",
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
     circle1: [
       "absolute",
       "w-full",

package/dist/components/spinner.mjs

@@ -1,6 +1,6 @@
 import {
   spinner
-} from "../chunk-EQNNT2LH.mjs";
+} from "../chunk-HOQUCE4N.mjs";
 export {
   spinner
 };

package/dist/index.js

@@ -719,7 +719,6 @@ var button = (0, import_tailwind_variants5.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
-    "gap-2",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -738,11 +737,11 @@ var button = (0, import_tailwind_variants5.tv)({
       ghost: "border-2 bg-transparent"
     },
     size: {
-      xs: "px-2 h-6 text-xs",
-      sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-sm",
-      lg: "px-6 h-12 text-base",
-      xl: "px-8 h-14 text-lg"
+      xs: "px-2 min-w-[5rem] h-6 text-xs gap-1",
+      sm: "px-3 min-w-[6rem] h-8 text-sm gap-2",
+      md: "px-4 min-w-[7rem] h-10 text-sm gap-2",
+      lg: "px-6 min-w-[8rem] h-12 text-base gap-3",
+      xl: "px-8 min-w-[10rem] h-14 text-lg gap-3"
     },
     color: {
       default: "",
@@ -776,7 +775,7 @@ var button = (0, import_tailwind_variants5.tv)({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0",
+      true: "p-0 gap-0 min-w-fit",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {
@@ -1105,8 +1104,8 @@ var drip = (0, import_tailwind_variants6.tv)({
 var import_tailwind_variants7 = require("tailwind-variants");
 var spinner = (0, import_tailwind_variants7.tv)({
   slots: {
-    base: "inline-flex flex-col gap-2 items-center justify-center",
-    wrapper: "relative",
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
     circle1: [
       "absolute",
       "w-full",

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
 } from "./chunk-3B4SYPW2.mjs";
 import {
   spinner
-} from "./chunk-EQNNT2LH.mjs";
+} from "./chunk-HOQUCE4N.mjs";
 import {
   table
 } from "./chunk-U54UQOTS.mjs";
@@ -77,7 +77,7 @@ import {
 import {
   button,
   buttonGroup
-} from "./chunk-3YUVISFE.mjs";
+} from "./chunk-WIVW4YCJ.mjs";
 import {
   card
 } from "./chunk-QW2ZGOKD.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230531020353",
+  "version": "0.0.0-dev-v2-20230601002458",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",