@nextui-org/theme 2.1.17 → 2.2.0

package/dist/components/button.d.ts

@@ -29,9 +29,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -58,8 +58,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";
@@ -76,9 +76,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -105,8 +105,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";
@@ -123,9 +123,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -152,8 +152,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";
@@ -170,9 +170,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -199,8 +199,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";
@@ -217,9 +217,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -246,8 +246,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";
@@ -264,9 +264,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -293,8 +293,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";
@@ -311,9 +311,9 @@ declare const button: tailwind_variants.TVReturnType<{
         ghost: "border-medium bg-transparent";
     };
     size: {
-        sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small";
-        md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium";
-        lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large";
+        sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small";
+        md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium";
+        lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large";
     };
     color: {
         default: "";
@@ -340,8 +340,8 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "px-unit-0 !gap-unit-0";
-        false: "[&>svg]:max-w-[theme(spacing.unit-8)]";
+        true: "px-0 !gap-0";
+        false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
         true: "!transition-none";

package/dist/components/button.js

@@ -27,61 +27,6 @@ module.exports = __toCommonJS(button_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/types.ts
-var spacingScaleKeys = [
-  "0",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl",
-  "8xl",
-  "9xl",
-  "1",
-  "2",
-  "3",
-  "3.5",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "10",
-  "11",
-  "12",
-  "13",
-  "14",
-  "15",
-  "16",
-  "17",
-  "18",
-  "20",
-  "24",
-  "28",
-  "32",
-  "36",
-  "40",
-  "44",
-  "48",
-  "52",
-  "56",
-  "60",
-  "64",
-  "72",
-  "80",
-  "96"
-];
-var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
-
-// src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
@@ -93,7 +38,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -101,17 +46,7 @@ var tv = (options, config) => {
         ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
         shadow: [{ shadow: COMMON_UNITS }],
         "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });
@@ -240,9 +175,9 @@ var button = tv({
       ghost: "border-medium bg-transparent"
     },
     size: {
-      sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small",
-      md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium",
-      lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large"
+      sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small",
+      md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium",
+      lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large"
     },
     color: {
       default: "",
@@ -269,8 +204,8 @@ var button = tv({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "px-unit-0 !gap-unit-0",
-      false: "[&>svg]:max-w-[theme(spacing.unit-8)]"
+      true: "px-0 !gap-0",
+      false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
     disableAnimation: {
       true: "!transition-none",
@@ -585,17 +520,17 @@ var button = tv({
     {
       isIconOnly: true,
       size: "sm",
-      class: "min-w-unit-8 w-unit-8 h-unit-8"
+      class: "min-w-8 w-8 h-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "min-w-unit-10 w-unit-10 h-unit-10"
+      class: "min-w-10 w-10 h-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "min-w-unit-12 w-unit-12 h-unit-12"
+      class: "min-w-12 w-12 h-12"
     },
     {
       variant: ["solid", "faded", "flat", "bordered", "shadow"],

package/dist/components/button.mjs

@@ -1,13 +1,12 @@
 import {
   button,
   buttonGroup
-} from "../chunk-33DU6C7I.mjs";
+} from "../chunk-I6ESTKKY.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
+import "../chunk-GMMETTYU.mjs";
 import "../chunk-XHQUSKIE.mjs";
-import "../chunk-WA5F6AED.mjs";
 export {
   button,
   buttonGroup