@nextui-org/theme 2.1.18 → 2.2.0

package/dist/utilities/index.js

@@ -27,31 +27,11 @@ module.exports = __toCommonJS(utilities_exports);
 // src/utilities/transition.ts
 var DEFAULT_TRANSITION_DURATION = "250ms";
 var transition_default = {
-  ".transition-all": {
-    "transition-property": "all",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-background": {
     "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-colors": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-opacity": {
-    "transition-property": "opacity",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-colors-opacity": {
     "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
     "transition-timing-function": "ease",
@@ -77,16 +57,6 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-shadow": {
-    "transition-property": "box-shadow",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-transform": {
-    "transition-property": "transform",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-transform-opacity": {
     "transition-property": "transform, opacity",
     "transition-timing-function": "ease",

package/dist/utilities/index.mjs

@@ -1,9 +1,9 @@
 import {
   utilities
-} from "../chunk-S7W5DQP2.mjs";
+} from "../chunk-726LN7M3.mjs";
 import "../chunk-DI2L75XK.mjs";
 import "../chunk-4Z22WXZX.mjs";
-import "../chunk-G3PB7L4N.mjs";
+import "../chunk-HPFX3B3F.mjs";
 export {
   utilities
 };

package/dist/utilities/transition.d.ts

@@ -1,32 +1,13 @@
+declare const DEFAULT_TRANSITION_DURATION = "250ms";
 declare const _default: {
     /**
      * Transition utilities
      */
-    ".transition-all": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
     ".transition-background": {
         "transition-property": string;
         "transition-timing-function": string;
         "transition-duration": string;
     };
-    ".transition": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-colors": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
     ".transition-colors-opacity": {
         "transition-property": string;
         "transition-timing-function": string;
@@ -52,16 +33,6 @@ declare const _default: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
-    ".transition-shadow": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
     ".transition-transform-opacity": {
         "transition-property": string;
         "transition-timing-function": string;
@@ -84,4 +55,4 @@ declare const _default: {
     };
 };
 
-export { _default as default };
+export { DEFAULT_TRANSITION_DURATION, _default as default };

package/dist/utilities/transition.js

@@ -20,36 +20,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utilities/transition.ts
 var transition_exports = {};
 __export(transition_exports, {
+  DEFAULT_TRANSITION_DURATION: () => DEFAULT_TRANSITION_DURATION,
   default: () => transition_default
 });
 module.exports = __toCommonJS(transition_exports);
 var DEFAULT_TRANSITION_DURATION = "250ms";
 var transition_default = {
-  ".transition-all": {
-    "transition-property": "all",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-background": {
     "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-colors": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-opacity": {
-    "transition-property": "opacity",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-colors-opacity": {
     "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
     "transition-timing-function": "ease",
@@ -75,16 +56,6 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-shadow": {
-    "transition-property": "box-shadow",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-transform": {
-    "transition-property": "transform",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-transform-opacity": {
     "transition-property": "transform, opacity",
     "transition-timing-function": "ease",
@@ -107,4 +78,6 @@ var transition_default = {
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  DEFAULT_TRANSITION_DURATION
+});

package/dist/utilities/transition.mjs

@@ -1,6 +1,8 @@
 import {
+  DEFAULT_TRANSITION_DURATION,
   transition_default
-} from "../chunk-G3PB7L4N.mjs";
+} from "../chunk-HPFX3B3F.mjs";
 export {
+  DEFAULT_TRANSITION_DURATION,
   transition_default as default
 };

package/dist/utils/theme.d.ts

@@ -5,7 +5,5 @@
  * @returns "light" | "dark
  */
 declare const isBaseTheme: (theme: string) => boolean;
-declare const generateSpacingScale: (spacingUnit: number) => Partial<Record<string, string>>;
-declare function createSpacingUnits(prefix: string): Record<string, string>;
 
-export { createSpacingUnits, generateSpacingScale, isBaseTheme };
+export { isBaseTheme };

package/dist/utils/theme.js

@@ -20,121 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/theme.ts
 var theme_exports = {};
 __export(theme_exports, {
-  createSpacingUnits: () => createSpacingUnits,
-  generateSpacingScale: () => generateSpacingScale,
   isBaseTheme: () => isBaseTheme
 });
 module.exports = __toCommonJS(theme_exports);
-
-// 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/theme.ts
 var isBaseTheme = (theme) => theme === "light" || theme === "dark";
-var ROOT_FONT_SIZE = 16;
-var baseScale = [1, 2, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];
-var extendedScale = [20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
-var generateSpacingScale = (spacingUnit) => {
-  const scaleLabels = {
-    xs: 2,
-    sm: 3,
-    md: 4,
-    lg: 5.5,
-    xl: 9,
-    "2xl": 12,
-    "3xl": 20,
-    "4xl": 30,
-    "5xl": 56,
-    "6xl": 72,
-    "7xl": 96,
-    "8xl": 128,
-    "9xl": 160
-  };
-  const scale = { 0: "0px" };
-  Object.entries(scaleLabels).forEach(([label, multiplier]) => {
-    scale[label] = multiplier ? `${spacingUnit * multiplier / ROOT_FONT_SIZE}rem` : `${spacingUnit / ROOT_FONT_SIZE}rem`;
-  });
-  baseScale.forEach((i) => {
-    let key = `${i}`;
-    if (key.includes(".")) {
-      const [first, second] = key.split(".");
-      key = `${first}_${second}`;
-    }
-    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
-  });
-  extendedScale.forEach((i) => {
-    const key = `${i}`;
-    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
-  });
-  return scale;
-};
-function createSpacingUnits(prefix) {
-  let result = spacingScaleKeys.reduce((acc, key) => {
-    let value = `var(--${prefix}-spacing-unit-${key})`;
-    if (key.includes(".")) {
-      const [first, second] = key.split(".");
-      value = `var(--${prefix}-spacing-unit-${first}_${second})`;
-    }
-    return {
-      ...acc,
-      [`unit-${key}`]: value
-    };
-  }, {});
-  return result;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createSpacingUnits,
-  generateSpacingScale,
   isBaseTheme
 });

package/dist/utils/theme.mjs

@@ -1,11 +1,6 @@
 import {
-  createSpacingUnits,
-  generateSpacingScale,
   isBaseTheme
-} from "../chunk-DGMET46Q.mjs";
-import "../chunk-WA5F6AED.mjs";
+} from "../chunk-D2XMP2NC.mjs";
 export {
-  createSpacingUnits,
-  generateSpacingScale,
   isBaseTheme
 };

package/dist/utils/tv.js

@@ -24,61 +24,6 @@ __export(tv_exports, {
 });
 module.exports = __toCommonJS(tv_exports);
 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;
@@ -90,7 +35,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
       },
@@ -98,17 +43,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"]
       }
     }
   });

package/dist/utils/tv.mjs

@@ -1,7 +1,6 @@
 import {
   tv
-} from "../chunk-6AEINX52.mjs";
-import "../chunk-WA5F6AED.mjs";
+} from "../chunk-GMMETTYU.mjs";
 export {
   tv
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.1.18",
+  "version": "2.2.0",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",
@@ -46,10 +46,10 @@
     "lodash.kebabcase": "^4.1.1",
     "lodash.mapkeys": "^4.6.0",
     "lodash.omit": "^4.5.0",
-    "tailwind-variants": "^0.1.18"
+    "tailwind-variants": "^0.1.20"
   },
   "peerDependencies": {
-    "tailwindcss": "*"
+    "tailwindcss": ">=3.4.0"
   },
   "devDependencies": {
     "@types/color": "^3.0.3",
@@ -59,7 +59,7 @@
     "@types/lodash.kebabcase": "^4.1.7",
     "@types/lodash.mapkeys": "^4.6.7",
     "@types/lodash.omit": "^4.5.7",
-    "tailwindcss": "^3.3.5",
+    "tailwindcss": "^3.4.0",
     "clean-package": "2.2.0"
   },
   "tsup": {

package/dist/chunk-DGMET46Q.mjs

@@ -1,63 +0,0 @@
-import {
-  spacingScaleKeys
-} from "./chunk-WA5F6AED.mjs";
-
-// src/utils/theme.ts
-var isBaseTheme = (theme) => theme === "light" || theme === "dark";
-var ROOT_FONT_SIZE = 16;
-var baseScale = [1, 2, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];
-var extendedScale = [20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
-var generateSpacingScale = (spacingUnit) => {
-  const scaleLabels = {
-    xs: 2,
-    sm: 3,
-    md: 4,
-    lg: 5.5,
-    xl: 9,
-    "2xl": 12,
-    "3xl": 20,
-    "4xl": 30,
-    "5xl": 56,
-    "6xl": 72,
-    "7xl": 96,
-    "8xl": 128,
-    "9xl": 160
-  };
-  const scale = { 0: "0px" };
-  Object.entries(scaleLabels).forEach(([label, multiplier]) => {
-    scale[label] = multiplier ? `${spacingUnit * multiplier / ROOT_FONT_SIZE}rem` : `${spacingUnit / ROOT_FONT_SIZE}rem`;
-  });
-  baseScale.forEach((i) => {
-    let key = `${i}`;
-    if (key.includes(".")) {
-      const [first, second] = key.split(".");
-      key = `${first}_${second}`;
-    }
-    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
-  });
-  extendedScale.forEach((i) => {
-    const key = `${i}`;
-    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
-  });
-  return scale;
-};
-function createSpacingUnits(prefix) {
-  let result = spacingScaleKeys.reduce((acc, key) => {
-    let value = `var(--${prefix}-spacing-unit-${key})`;
-    if (key.includes(".")) {
-      const [first, second] = key.split(".");
-      value = `var(--${prefix}-spacing-unit-${first}_${second})`;
-    }
-    return {
-      ...acc,
-      [`unit-${key}`]: value
-    };
-  }, {});
-  return result;
-}
-
-export {
-  isBaseTheme,
-  generateSpacingScale,
-  createSpacingUnits
-};

package/dist/chunk-WA5F6AED.mjs

@@ -1,57 +0,0 @@
-// 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}`);
-
-export {
-  spacingScaleKeys,
-  mappedSpacingScaleKeys
-};