@nextui-org/theme 0.0.0-dev-v2-20230428210058 → 0.0.0-dev-v2-20230429142755

package/dist/{chunk-KDFSOQOQ.mjs → chunk-3LME35GX.mjs}

@@ -26,12 +26,7 @@ var pagination = tv({
   variants: {
     variant: {
       bordered: {
-        item: [
-          "border-2",
-          "border-neutral",
-          "bg-transparent",
-          "data-[hover=true]:bg-neutral-100"
-        ]
+        item: ["border-2", "border-neutral", "bg-transparent", "data-[hover=true]:bg-neutral-100"]
       },
       light: {
         item: "bg-transparent"

package/dist/{chunk-NGIVT5FF.mjs → chunk-CPWIXBDM.mjs}

@@ -69,7 +69,7 @@ var badge = tv({
         badge: "px-1 text-sm"
       },
       xl: {
-        badge: "px-1 text-md"
+        badge: "px-1 text-base"
       }
     },
     placement: {

package/dist/{chunk-6OQWBLVS.mjs → chunk-GDJKO7UA.mjs}

@@ -1,9 +1,9 @@
-import {
-  baseStyles
-} from "./chunk-INZK6TTL.mjs";
 import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
+import {
+  baseStyles
+} from "./chunk-INZK6TTL.mjs";
 import {
   semanticColors
 } from "./chunk-LQHWK6UV.mjs";
@@ -23,6 +23,7 @@ import plugin from "tailwindcss/plugin.js";
 import forEach from "lodash.foreach";
 import flatten from "flat";
 import get from "lodash.get";
+import omit from "lodash.omit";
 import deepMerge from "deepmerge";
 var SCHEME = Symbol("color-scheme");
 var VAR_PREFIX = "nextui";
@@ -138,13 +139,16 @@ var corePlugin = (config = {}, defaultTheme) => {
   );
 };
 var nextui = (config = {}) => {
-  const userLightColors = get(config.themes, "light", {});
-  const userDarkColors = get(config.themes, "dark", {});
+  const themeObject = typeof config.themes === "function" ? config.themes({ dark, light }) : config.themes;
+  const userLightColors = get(themeObject, "light", {});
+  const userDarkColors = get(themeObject, "dark", {});
   const defaultTheme = config.defaultTheme || "light";
+  const otherThemes = omit(themeObject, ["light", "dark"]) || {};
   return corePlugin(
     {
       light: deepMerge(semanticColors.light, userLightColors),
-      dark: deepMerge(semanticColors.dark, userDarkColors)
+      dark: deepMerge(semanticColors.dark, userDarkColors),
+      ...otherThemes
     },
     defaultTheme
   );

package/dist/{chunk-DO44X4Z2.mjs → chunk-PH4OFVEH.mjs}

@@ -109,7 +109,7 @@ var input = tv({
         label: "text-xs",
         inputWrapper: "h-8 px-2",
         input: "text-xs",
-        clearButton: "text-md"
+        clearButton: "text-base"
       },
       md: {
         inputWrapper: "h-10",
@@ -123,7 +123,7 @@ var input = tv({
       },
       xl: {
         inputWrapper: "h-14",
-        input: "text-md",
+        input: "text-base",
         clearButton: "text-xl right-3.5"
       }
     },
@@ -710,7 +710,7 @@ var input = tv({
       size: "xl",
       class: {
         label: [
-          "text-md",
+          "text-base",
           "group-focus-within:text-sm",
           "group-focus-within:-translate-y-3",
           "group-[.is-filled]:text-sm",

package/dist/{chunk-VZVHC65R.mjs → chunk-S7ZC2I7Y.mjs}

@@ -63,7 +63,7 @@ var avatar = tv({
         base: "w-12 h-12 text-sm"
       },
       xl: {
-        base: "w-16 h-16 text-md"
+        base: "w-16 h-16 text-base"
       }
     },
     color: {

package/dist/{chunk-PWHNLVBK.mjs → chunk-UM54LZPC.mjs}

@@ -43,7 +43,7 @@ var button = tv({
       xs: "px-2 h-6 text-xs",
       sm: "px-3 h-8 text-sm",
       md: "px-4 h-10 text-base",
-      lg: "px-6 h-12 text-md",
+      lg: "px-6 h-12 text-base",
       xl: "px-8 h-14 text-lg"
     },
     color: {

package/dist/components/avatar.js

@@ -165,7 +165,7 @@ var avatar = (0, import_tailwind_variants.tv)({
         base: "w-12 h-12 text-sm"
       },
       xl: {
-        base: "w-16 h-16 text-md"
+        base: "w-16 h-16 text-base"
       }
     },
     color: {

package/dist/components/avatar.mjs

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "../chunk-VZVHC65R.mjs";
+} from "../chunk-S7ZC2I7Y.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/badge.js

@@ -165,7 +165,7 @@ var badge = (0, import_tailwind_variants.tv)({
         badge: "px-1 text-sm"
       },
       xl: {
-        badge: "px-1 text-md"
+        badge: "px-1 text-base"
       }
     },
     placement: {

package/dist/components/badge.mjs

@@ -1,6 +1,6 @@
 import {
   badge
-} from "../chunk-NGIVT5FF.mjs";
+} from "../chunk-CPWIXBDM.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/button.js

@@ -139,7 +139,7 @@ var button = (0, import_tailwind_variants.tv)({
       xs: "px-2 h-6 text-xs",
       sm: "px-3 h-8 text-sm",
       md: "px-4 h-10 text-base",
-      lg: "px-6 h-12 text-md",
+      lg: "px-6 h-12 text-base",
       xl: "px-8 h-14 text-lg"
     },
     color: {

package/dist/components/button.mjs

@@ -1,6 +1,6 @@
 import {
   button
-} from "../chunk-PWHNLVBK.mjs";
+} from "../chunk-UM54LZPC.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/index.js

@@ -211,7 +211,7 @@ var avatar = (0, import_tailwind_variants.tv)({
         base: "w-12 h-12 text-sm"
       },
       xl: {
-        base: "w-16 h-16 text-md"
+        base: "w-16 h-16 text-base"
       }
     },
     color: {
@@ -726,7 +726,7 @@ var button = (0, import_tailwind_variants6.tv)({
       xs: "px-2 h-6 text-xs",
       sm: "px-3 h-8 text-sm",
       md: "px-4 h-10 text-base",
-      lg: "px-6 h-12 text-md",
+      lg: "px-6 h-12 text-base",
       xl: "px-8 h-14 text-lg"
     },
     color: {
@@ -2259,7 +2259,7 @@ var badge = (0, import_tailwind_variants14.tv)({
         badge: "px-1 text-sm"
       },
       xl: {
-        badge: "px-1 text-md"
+        badge: "px-1 text-base"
       }
     },
     placement: {
@@ -2937,12 +2937,7 @@ var pagination = (0, import_tailwind_variants19.tv)({
   variants: {
     variant: {
       bordered: {
-        item: [
-          "border-2",
-          "border-neutral",
-          "bg-transparent",
-          "data-[hover=true]:bg-neutral-100"
-        ]
+        item: ["border-2", "border-neutral", "bg-transparent", "data-[hover=true]:bg-neutral-100"]
       },
       light: {
         item: "bg-transparent"
@@ -3915,7 +3910,7 @@ var input = (0, import_tailwind_variants25.tv)({
         label: "text-xs",
         inputWrapper: "h-8 px-2",
         input: "text-xs",
-        clearButton: "text-md"
+        clearButton: "text-base"
       },
       md: {
         inputWrapper: "h-10",
@@ -3929,7 +3924,7 @@ var input = (0, import_tailwind_variants25.tv)({
       },
       xl: {
         inputWrapper: "h-14",
-        input: "text-md",
+        input: "text-base",
         clearButton: "text-xl right-3.5"
       }
     },
@@ -4516,7 +4511,7 @@ var input = (0, import_tailwind_variants25.tv)({
       size: "xl",
       class: {
         label: [
-          "text-md",
+          "text-base",
           "group-focus-within:text-sm",
           "group-focus-within:-translate-y-3",
           "group-[.is-filled]:text-sm",

package/dist/components/index.mjs

@@ -1,7 +1,4 @@
 import "../chunk-T6HAGWX5.mjs";
-import {
-  spacer
-} from "../chunk-3B4SYPW2.mjs";
 import {
   spinner
 } from "../chunk-XUL76UJD.mjs";
@@ -17,15 +14,12 @@ import {
 import {
   user
 } from "../chunk-MW7UVOSP.mjs";
-import {
-  modal
-} from "../chunk-YMIOHWCD.mjs";
 import {
   navbar
 } from "../chunk-U3BMJPED.mjs";
 import {
   pagination
-} from "../chunk-KDFSOQOQ.mjs";
+} from "../chunk-3LME35GX.mjs";
 import {
   popover
 } from "../chunk-JWVJZEAT.mjs";
@@ -42,8 +36,8 @@ import {
   snippet
 } from "../chunk-4XSCIGTZ.mjs";
 import {
-  dropdownMenu
-} from "../chunk-FCYNUVAR.mjs";
+  spacer
+} from "../chunk-3B4SYPW2.mjs";
 import {
   dropdownSection
 } from "../chunk-AVGEHFT4.mjs";
@@ -55,7 +49,7 @@ import {
 } from "../chunk-6GGRJ6I7.mjs";
 import {
   input
-} from "../chunk-DO44X4Z2.mjs";
+} from "../chunk-PH4OFVEH.mjs";
 import {
   kbd
 } from "../chunk-KUQBSI5S.mjs";
@@ -63,8 +57,8 @@ import {
   link
 } from "../chunk-XICTHLAR.mjs";
 import {
-  checkboxGroup
-} from "../chunk-U77YMEWM.mjs";
+  modal
+} from "../chunk-YMIOHWCD.mjs";
 import {
   checkbox
 } from "../chunk-7EKGN7JP.mjs";
@@ -87,8 +81,8 @@ import {
   dropdownItem
 } from "../chunk-Z6VEZVD6.mjs";
 import {
-  accordionItem
-} from "../chunk-XSFH4S4Y.mjs";
+  dropdownMenu
+} from "../chunk-FCYNUVAR.mjs";
 import {
   accordion
 } from "../chunk-YYBLBQIV.mjs";
@@ -97,22 +91,28 @@ import {
 } from "../chunk-MLH3XSY7.mjs";
 import {
   avatar
-} from "../chunk-VZVHC65R.mjs";
+} from "../chunk-S7ZC2I7Y.mjs";
 import {
   badge
-} from "../chunk-NGIVT5FF.mjs";
+} from "../chunk-CPWIXBDM.mjs";
 import {
   buttonGroup
 } from "../chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "../chunk-PWHNLVBK.mjs";
+} from "../chunk-UM54LZPC.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
 import {
   card
 } from "../chunk-6QKRZ3JE.mjs";
+import {
+  checkboxGroup
+} from "../chunk-U77YMEWM.mjs";
+import {
+  accordionItem
+} from "../chunk-XSFH4S4Y.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/input.js

@@ -133,7 +133,7 @@ var input = (0, import_tailwind_variants.tv)({
         label: "text-xs",
         inputWrapper: "h-8 px-2",
         input: "text-xs",
-        clearButton: "text-md"
+        clearButton: "text-base"
       },
       md: {
         inputWrapper: "h-10",
@@ -147,7 +147,7 @@ var input = (0, import_tailwind_variants.tv)({
       },
       xl: {
         inputWrapper: "h-14",
-        input: "text-md",
+        input: "text-base",
         clearButton: "text-xl right-3.5"
       }
     },
@@ -734,7 +734,7 @@ var input = (0, import_tailwind_variants.tv)({
       size: "xl",
       class: {
         label: [
-          "text-md",
+          "text-base",
           "group-focus-within:text-sm",
           "group-focus-within:-translate-y-3",
           "group-[.is-filled]:text-sm",

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-DO44X4Z2.mjs";
+} from "../chunk-PH4OFVEH.mjs";
 export {
   input
 };

package/dist/components/pagination.js

@@ -122,12 +122,7 @@ var pagination = (0, import_tailwind_variants.tv)({
   variants: {
     variant: {
       bordered: {
-        item: [
-          "border-2",
-          "border-neutral",
-          "bg-transparent",
-          "data-[hover=true]:bg-neutral-100"
-        ]
+        item: ["border-2", "border-neutral", "bg-transparent", "data-[hover=true]:bg-neutral-100"]
       },
       light: {
         item: "bg-transparent"

package/dist/components/pagination.mjs

@@ -1,6 +1,6 @@
 import {
   pagination
-} from "../chunk-KDFSOQOQ.mjs";
+} from "../chunk-3LME35GX.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/index.js

@@ -243,7 +243,7 @@ var avatar = (0, import_tailwind_variants.tv)({
         base: "w-12 h-12 text-sm"
       },
       xl: {
-        base: "w-16 h-16 text-md"
+        base: "w-16 h-16 text-base"
       }
     },
     color: {
@@ -758,7 +758,7 @@ var button = (0, import_tailwind_variants6.tv)({
       xs: "px-2 h-6 text-xs",
       sm: "px-3 h-8 text-sm",
       md: "px-4 h-10 text-base",
-      lg: "px-6 h-12 text-md",
+      lg: "px-6 h-12 text-base",
       xl: "px-8 h-14 text-lg"
     },
     color: {
@@ -2291,7 +2291,7 @@ var badge = (0, import_tailwind_variants14.tv)({
         badge: "px-1 text-sm"
       },
       xl: {
-        badge: "px-1 text-md"
+        badge: "px-1 text-base"
       }
     },
     placement: {
@@ -2969,12 +2969,7 @@ var pagination = (0, import_tailwind_variants19.tv)({
   variants: {
     variant: {
       bordered: {
-        item: [
-          "border-2",
-          "border-neutral",
-          "bg-transparent",
-          "data-[hover=true]:bg-neutral-100"
-        ]
+        item: ["border-2", "border-neutral", "bg-transparent", "data-[hover=true]:bg-neutral-100"]
       },
       light: {
         item: "bg-transparent"
@@ -3947,7 +3942,7 @@ var input = (0, import_tailwind_variants25.tv)({
         label: "text-xs",
         inputWrapper: "h-8 px-2",
         input: "text-xs",
-        clearButton: "text-md"
+        clearButton: "text-base"
       },
       md: {
         inputWrapper: "h-10",
@@ -3961,7 +3956,7 @@ var input = (0, import_tailwind_variants25.tv)({
       },
       xl: {
         inputWrapper: "h-14",
-        input: "text-md",
+        input: "text-base",
         clearButton: "text-xl right-3.5"
       }
     },
@@ -4548,7 +4543,7 @@ var input = (0, import_tailwind_variants25.tv)({
       size: "xl",
       class: {
         label: [
-          "text-md",
+          "text-base",
           "group-focus-within:text-sm",
           "group-focus-within:-translate-y-3",
           "group-[.is-filled]:text-sm",
@@ -6483,6 +6478,7 @@ var import_plugin = __toESM(require("tailwindcss/plugin.js"));
 var import_lodash = __toESM(require("lodash.foreach"));
 var import_flat = __toESM(require("flat"));
 var import_lodash2 = __toESM(require("lodash.get"));
+var import_lodash3 = __toESM(require("lodash.omit"));
 var import_deepmerge = __toESM(require("deepmerge"));
 
 // src/animations/index.ts
@@ -6743,13 +6739,16 @@ var corePlugin = (config = {}, defaultTheme) => {
   );
 };
 var nextui = (config = {}) => {
-  const userLightColors = (0, import_lodash2.default)(config.themes, "light", {});
-  const userDarkColors = (0, import_lodash2.default)(config.themes, "dark", {});
+  const themeObject = typeof config.themes === "function" ? config.themes({ dark, light: light2 }) : config.themes;
+  const userLightColors = (0, import_lodash2.default)(themeObject, "light", {});
+  const userDarkColors = (0, import_lodash2.default)(themeObject, "dark", {});
   const defaultTheme = config.defaultTheme || "light";
+  const otherThemes = (0, import_lodash3.default)(themeObject, ["light", "dark"]) || {};
   return corePlugin(
     {
       light: (0, import_deepmerge.default)(semanticColors.light, userLightColors),
-      dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors)
+      dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors),
+      ...otherThemes
     },
     defaultTheme
   );

package/dist/index.mjs

@@ -1,7 +1,4 @@
 import "./chunk-T6HAGWX5.mjs";
-import {
-  spacer
-} from "./chunk-3B4SYPW2.mjs";
 import {
   spinner
 } from "./chunk-XUL76UJD.mjs";
@@ -17,15 +14,12 @@ import {
 import {
   user
 } from "./chunk-MW7UVOSP.mjs";
-import {
-  modal
-} from "./chunk-YMIOHWCD.mjs";
 import {
   navbar
 } from "./chunk-U3BMJPED.mjs";
 import {
   pagination
-} from "./chunk-KDFSOQOQ.mjs";
+} from "./chunk-3LME35GX.mjs";
 import {
   popover
 } from "./chunk-JWVJZEAT.mjs";
@@ -42,8 +36,8 @@ import {
   snippet
 } from "./chunk-4XSCIGTZ.mjs";
 import {
-  dropdownMenu
-} from "./chunk-FCYNUVAR.mjs";
+  spacer
+} from "./chunk-3B4SYPW2.mjs";
 import {
   dropdownSection
 } from "./chunk-AVGEHFT4.mjs";
@@ -55,7 +49,7 @@ import {
 } from "./chunk-6GGRJ6I7.mjs";
 import {
   input
-} from "./chunk-DO44X4Z2.mjs";
+} from "./chunk-PH4OFVEH.mjs";
 import {
   kbd
 } from "./chunk-KUQBSI5S.mjs";
@@ -63,8 +57,8 @@ import {
   link
 } from "./chunk-XICTHLAR.mjs";
 import {
-  checkboxGroup
-} from "./chunk-U77YMEWM.mjs";
+  modal
+} from "./chunk-YMIOHWCD.mjs";
 import {
   checkbox
 } from "./chunk-7EKGN7JP.mjs";
@@ -87,8 +81,8 @@ import {
   dropdownItem
 } from "./chunk-Z6VEZVD6.mjs";
 import {
-  accordionItem
-} from "./chunk-XSFH4S4Y.mjs";
+  dropdownMenu
+} from "./chunk-FCYNUVAR.mjs";
 import {
   accordion
 } from "./chunk-YYBLBQIV.mjs";
@@ -97,16 +91,16 @@ import {
 } from "./chunk-MLH3XSY7.mjs";
 import {
   avatar
-} from "./chunk-VZVHC65R.mjs";
+} from "./chunk-S7ZC2I7Y.mjs";
 import {
   badge
-} from "./chunk-NGIVT5FF.mjs";
+} from "./chunk-CPWIXBDM.mjs";
 import {
   buttonGroup
 } from "./chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "./chunk-PWHNLVBK.mjs";
+} from "./chunk-UM54LZPC.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -115,9 +109,16 @@ import {
 import {
   card
 } from "./chunk-6QKRZ3JE.mjs";
+import {
+  checkboxGroup
+} from "./chunk-U77YMEWM.mjs";
+import {
+  accordionItem
+} from "./chunk-XSFH4S4Y.mjs";
 import {
   nextui
-} from "./chunk-6OQWBLVS.mjs";
+} from "./chunk-GDJKO7UA.mjs";
+import "./chunk-XLATS5QU.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -125,7 +126,6 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
-import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors

package/dist/plugin.js

@@ -34,6 +34,7 @@ var import_plugin = __toESM(require("tailwindcss/plugin.js"));
 var import_lodash = __toESM(require("lodash.foreach"));
 var import_flat = __toESM(require("flat"));
 var import_lodash2 = __toESM(require("lodash.get"));
+var import_lodash3 = __toESM(require("lodash.omit"));
 var import_deepmerge = __toESM(require("deepmerge"));
 
 // src/colors/blue.ts
@@ -578,13 +579,16 @@ var corePlugin = (config = {}, defaultTheme) => {
   );
 };
 var nextui = (config = {}) => {
-  const userLightColors = (0, import_lodash2.default)(config.themes, "light", {});
-  const userDarkColors = (0, import_lodash2.default)(config.themes, "dark", {});
+  const themeObject = typeof config.themes === "function" ? config.themes({ dark, light }) : config.themes;
+  const userLightColors = (0, import_lodash2.default)(themeObject, "light", {});
+  const userDarkColors = (0, import_lodash2.default)(themeObject, "dark", {});
   const defaultTheme = config.defaultTheme || "light";
+  const otherThemes = (0, import_lodash3.default)(themeObject, ["light", "dark"]) || {};
   return corePlugin(
     {
       light: (0, import_deepmerge.default)(semanticColors.light, userLightColors),
-      dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors)
+      dark: (0, import_deepmerge.default)(semanticColors.dark, userDarkColors),
+      ...otherThemes
     },
     defaultTheme
   );

package/dist/plugin.mjs

@@ -1,8 +1,8 @@
 import {
   nextui
-} from "./chunk-6OQWBLVS.mjs";
-import "./chunk-INZK6TTL.mjs";
+} from "./chunk-GDJKO7UA.mjs";
 import "./chunk-XLATS5QU.mjs";
+import "./chunk-INZK6TTL.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-M74ZSXB7.mjs";
 import "./chunk-LQHWK6UV.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230428210058",
+  "version": "0.0.0-dev-v2-20230429142755",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",
@@ -37,6 +37,7 @@
     "url": "https://github.com/nextui-org/nextui/issues"
   },
   "dependencies": {
+    "@types/lodash.omit": "^4.5.7",
     "color": "^4.2.3",
     "color2k": "^2.0.2",
     "deepmerge": "4.3.0",
@@ -44,6 +45,7 @@
     "lodash.foreach": "^4.5.0",
     "lodash.get": "^4.4.2",
     "lodash.isempty": "^4.4.0",
+    "lodash.omit": "^4.5.0",
     "tailwind-variants": "^0.1.3",
     "tailwindcss": "^3.2.7"
   },