@nextui-org/theme 0.0.0-dev-v2-20230515031033 → 0.0.0-dev-v2-20230517011255

package/dist/{chunk-K4KU3E4F.mjs → chunk-35A3FHL7.mjs}

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

package/dist/{chunk-6GGRJ6I7.mjs → chunk-6D57DOQF.mjs}

@@ -2,9 +2,9 @@
 import { tv } from "tailwind-variants";
 var image = tv({
   slots: {
-    base: "relative shadow-black/25",
+    base: "relative shadow-black/5",
     zoomedWrapper: "relative overflow-hidden rounded-inherit",
-    img: "relative z-10 opacity-0 shadow-black/25 data-[loaded=true]:opacity-100",
+    img: "relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",
     blurredImg: [
       "absolute",
       "z-0",

package/dist/{chunk-6QKRZ3JE.mjs → chunk-JCRQ3XNM.mjs}

@@ -147,32 +147,16 @@ var card = tv({
     isBlurred: {
       true: {
         base: [
-          "bg-transparent",
-          "dark:bg-transparent",
-          "before:bg-background/10",
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:inset-0",
-          "before:backdrop-blur-md",
-          "before:backdrop-saturate-200"
+          "bg-background/80",
+          "dark:bg-background/20",
+          "backdrop-blur-md",
+          "backdrop-saturate-150"
         ]
       }
     },
     isFooterBlurred: {
       true: {
-        footer: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:bg-background/10",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150"
-        ]
+        footer: ["bg-background/10", "backdrop-blur", "backdrop-saturate-150"]
       }
     },
     isDisabled: {

package/dist/{chunk-U3BMJPED.mjs → chunk-LC5AFIW7.mjs}

@@ -10,11 +10,9 @@ var navbar = tv({
       "flex",
       "items-center",
       "justify-center",
-      "shadow-lg",
-      "shadow-neutral-300/40",
-      "dark:border-b",
-      "dark:border-neutral-100",
-      "dark:shadow-none"
+      "border-b",
+      "border-neutral-200",
+      "dark:border-neutral-100"
     ],
     wrapper: [
       "flex",
@@ -137,8 +135,8 @@ var navbar = tv({
       sticky: {},
       floating: {
         base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-neutral-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+        wrapper: "mt-4 mx-8 shadow-md border border-neutral-200 dark:border-neutral-100 rounded-xl",
+        menu: "mt-5 mx-8 border border-neutral-200 dark:border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
       }
     },
     maxWidth: {
@@ -201,7 +199,8 @@ var navbar = tv({
           "before:inset-0",
           "before:backdrop-blur",
           "before:backdrop-saturate-150",
-          "before:bg-background/50",
+          "before:bg-background/80",
+          "dark:before:bg-background/50",
           "data-[menu-open=true]:before:bg-background"
         ]
       }

package/dist/{chunk-VKFQ7EZN.mjs → chunk-VXZZZD4L.mjs}

@@ -1,7 +1,7 @@
 // src/components/button-group.ts
 import { tv } from "tailwind-variants";
 var buttonGroup = tv({
-  base: "inline-flex items-center justify-center h-auto w-max-content",
+  base: "inline-flex items-center justify-center h-auto",
   variants: {
     fullWidth: {
       true: "w-full"

package/dist/components/button-group.d.ts

@@ -16,7 +16,7 @@ declare const buttonGroup: tailwind_variants.TVReturnType<{
     fullWidth: {
         true: string;
     };
-}, unknown, undefined, undefined, "inline-flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
+}, unknown, undefined, undefined, "inline-flex items-center justify-center h-auto", tailwind_variants_dist_config.TVConfig<{
     fullWidth: {
         true: string;
     };

package/dist/components/button-group.js

@@ -25,7 +25,7 @@ __export(button_group_exports, {
 module.exports = __toCommonJS(button_group_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var buttonGroup = (0, import_tailwind_variants.tv)({
-  base: "inline-flex items-center justify-center h-auto w-max-content",
+  base: "inline-flex items-center justify-center h-auto",
   variants: {
     fullWidth: {
       true: "w-full"

package/dist/components/button-group.mjs

@@ -1,6 +1,6 @@
 import {
   buttonGroup
-} from "../chunk-VKFQ7EZN.mjs";
+} from "../chunk-VXZZZD4L.mjs";
 export {
   buttonGroup
 };

package/dist/components/button.js

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

package/dist/components/button.mjs

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

package/dist/components/card.js

@@ -171,32 +171,16 @@ var card = (0, import_tailwind_variants.tv)({
     isBlurred: {
       true: {
         base: [
-          "bg-transparent",
-          "dark:bg-transparent",
-          "before:bg-background/10",
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:inset-0",
-          "before:backdrop-blur-md",
-          "before:backdrop-saturate-200"
+          "bg-background/80",
+          "dark:bg-background/20",
+          "backdrop-blur-md",
+          "backdrop-saturate-150"
         ]
       }
     },
     isFooterBlurred: {
       true: {
-        footer: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:bg-background/10",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150"
-        ]
+        footer: ["bg-background/10", "backdrop-blur", "backdrop-saturate-150"]
       }
     },
     isDisabled: {

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-6QKRZ3JE.mjs";
+} from "../chunk-JCRQ3XNM.mjs";
 export {
   card
 };

package/dist/components/image.js

@@ -26,9 +26,9 @@ module.exports = __toCommonJS(image_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var image = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "relative shadow-black/25",
+    base: "relative shadow-black/5",
     zoomedWrapper: "relative overflow-hidden rounded-inherit",
-    img: "relative z-10 opacity-0 shadow-black/25 data-[loaded=true]:opacity-100",
+    img: "relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",
     blurredImg: [
       "absolute",
       "z-0",

package/dist/components/image.mjs

@@ -1,6 +1,6 @@
 import {
   image
-} from "../chunk-6GGRJ6I7.mjs";
+} from "../chunk-6D57DOQF.mjs";
 export {
   image
 };

package/dist/components/index.js

@@ -507,32 +507,16 @@ var card = (0, import_tailwind_variants3.tv)({
     isBlurred: {
       true: {
         base: [
-          "bg-transparent",
-          "dark:bg-transparent",
-          "before:bg-background/10",
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:inset-0",
-          "before:backdrop-blur-md",
-          "before:backdrop-saturate-200"
+          "bg-background/80",
+          "dark:bg-background/20",
+          "backdrop-blur-md",
+          "backdrop-saturate-150"
         ]
       }
     },
     isFooterBlurred: {
       true: {
-        footer: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:bg-background/10",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150"
-        ]
+        footer: ["bg-background/10", "backdrop-blur", "backdrop-saturate-150"]
       }
     },
     isDisabled: {
@@ -727,7 +711,7 @@ var button = (0, import_tailwind_variants6.tv)({
     size: {
       xs: "px-2 h-6 text-xs",
       sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-base",
+      md: "px-4 h-10 text-sm",
       lg: "px-6 h-12 text-base",
       xl: "px-8 h-14 text-lg"
     },
@@ -1074,7 +1058,7 @@ var button = (0, import_tailwind_variants6.tv)({
 // src/components/button-group.ts
 var import_tailwind_variants7 = require("tailwind-variants");
 var buttonGroup = (0, import_tailwind_variants7.tv)({
-  base: "inline-flex items-center justify-center h-auto w-max-content",
+  base: "inline-flex items-center justify-center h-auto",
   variants: {
     fullWidth: {
       true: "w-full"
@@ -5054,9 +5038,9 @@ var dropdownMenu = (0, import_tailwind_variants29.tv)({
 var import_tailwind_variants30 = require("tailwind-variants");
 var image = (0, import_tailwind_variants30.tv)({
   slots: {
-    base: "relative shadow-black/25",
+    base: "relative shadow-black/5",
     zoomedWrapper: "relative overflow-hidden rounded-inherit",
-    img: "relative z-10 opacity-0 shadow-black/25 data-[loaded=true]:opacity-100",
+    img: "relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",
     blurredImg: [
       "absolute",
       "z-0",
@@ -5360,11 +5344,9 @@ var navbar = (0, import_tailwind_variants32.tv)({
       "flex",
       "items-center",
       "justify-center",
-      "shadow-lg",
-      "shadow-neutral-300/40",
-      "dark:border-b",
-      "dark:border-neutral-100",
-      "dark:shadow-none"
+      "border-b",
+      "border-neutral-200",
+      "dark:border-neutral-100"
     ],
     wrapper: [
       "flex",
@@ -5487,8 +5469,8 @@ var navbar = (0, import_tailwind_variants32.tv)({
       sticky: {},
       floating: {
         base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-neutral-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+        wrapper: "mt-4 mx-8 shadow-md border border-neutral-200 dark:border-neutral-100 rounded-xl",
+        menu: "mt-5 mx-8 border border-neutral-200 dark:border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
       }
     },
     maxWidth: {
@@ -5551,7 +5533,8 @@ var navbar = (0, import_tailwind_variants32.tv)({
           "before:inset-0",
           "before:backdrop-blur",
           "before:backdrop-saturate-150",
-          "before:bg-background/50",
+          "before:bg-background/80",
+          "dark:before:bg-background/50",
           "data-[menu-open=true]:before:bg-background"
         ]
       }

package/dist/components/index.mjs

@@ -25,7 +25,7 @@ import {
 } from "../chunk-YMIOHWCD.mjs";
 import {
   navbar
-} from "../chunk-U3BMJPED.mjs";
+} from "../chunk-LC5AFIW7.mjs";
 import {
   pagination
 } from "../chunk-3LME35GX.mjs";
@@ -55,7 +55,7 @@ import {
 } from "../chunk-UNMHV7HH.mjs";
 import {
   image
-} from "../chunk-6GGRJ6I7.mjs";
+} from "../chunk-6D57DOQF.mjs";
 import {
   input
 } from "../chunk-7EDXWCUZ.mjs";
@@ -107,16 +107,16 @@ import {
 } from "../chunk-CPWIXBDM.mjs";
 import {
   buttonGroup
-} from "../chunk-VKFQ7EZN.mjs";
+} from "../chunk-VXZZZD4L.mjs";
 import {
   button
-} from "../chunk-K4KU3E4F.mjs";
+} from "../chunk-35A3FHL7.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
 import {
   card
-} from "../chunk-6QKRZ3JE.mjs";
+} from "../chunk-JCRQ3XNM.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/navbar.js

@@ -34,11 +34,9 @@ var navbar = (0, import_tailwind_variants.tv)({
       "flex",
       "items-center",
       "justify-center",
-      "shadow-lg",
-      "shadow-neutral-300/40",
-      "dark:border-b",
-      "dark:border-neutral-100",
-      "dark:shadow-none"
+      "border-b",
+      "border-neutral-200",
+      "dark:border-neutral-100"
     ],
     wrapper: [
       "flex",
@@ -161,8 +159,8 @@ var navbar = (0, import_tailwind_variants.tv)({
       sticky: {},
       floating: {
         base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-neutral-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+        wrapper: "mt-4 mx-8 shadow-md border border-neutral-200 dark:border-neutral-100 rounded-xl",
+        menu: "mt-5 mx-8 border border-neutral-200 dark:border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
       }
     },
     maxWidth: {
@@ -225,7 +223,8 @@ var navbar = (0, import_tailwind_variants.tv)({
           "before:inset-0",
           "before:backdrop-blur",
           "before:backdrop-saturate-150",
-          "before:bg-background/50",
+          "before:bg-background/80",
+          "dark:before:bg-background/50",
           "data-[menu-open=true]:before:bg-background"
         ]
       }

package/dist/components/navbar.mjs

@@ -1,6 +1,6 @@
 import {
   navbar
-} from "../chunk-U3BMJPED.mjs";
+} from "../chunk-LC5AFIW7.mjs";
 export {
   navbar
 };

package/dist/index.js

@@ -539,32 +539,16 @@ var card = (0, import_tailwind_variants3.tv)({
     isBlurred: {
       true: {
         base: [
-          "bg-transparent",
-          "dark:bg-transparent",
-          "before:bg-background/10",
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:inset-0",
-          "before:backdrop-blur-md",
-          "before:backdrop-saturate-200"
+          "bg-background/80",
+          "dark:bg-background/20",
+          "backdrop-blur-md",
+          "backdrop-saturate-150"
         ]
       }
     },
     isFooterBlurred: {
       true: {
-        footer: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:bg-background/10",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150"
-        ]
+        footer: ["bg-background/10", "backdrop-blur", "backdrop-saturate-150"]
       }
     },
     isDisabled: {
@@ -759,7 +743,7 @@ var button = (0, import_tailwind_variants6.tv)({
     size: {
       xs: "px-2 h-6 text-xs",
       sm: "px-3 h-8 text-sm",
-      md: "px-4 h-10 text-base",
+      md: "px-4 h-10 text-sm",
       lg: "px-6 h-12 text-base",
       xl: "px-8 h-14 text-lg"
     },
@@ -1106,7 +1090,7 @@ var button = (0, import_tailwind_variants6.tv)({
 // src/components/button-group.ts
 var import_tailwind_variants7 = require("tailwind-variants");
 var buttonGroup = (0, import_tailwind_variants7.tv)({
-  base: "inline-flex items-center justify-center h-auto w-max-content",
+  base: "inline-flex items-center justify-center h-auto",
   variants: {
     fullWidth: {
       true: "w-full"
@@ -5086,9 +5070,9 @@ var dropdownMenu = (0, import_tailwind_variants29.tv)({
 var import_tailwind_variants30 = require("tailwind-variants");
 var image = (0, import_tailwind_variants30.tv)({
   slots: {
-    base: "relative shadow-black/25",
+    base: "relative shadow-black/5",
     zoomedWrapper: "relative overflow-hidden rounded-inherit",
-    img: "relative z-10 opacity-0 shadow-black/25 data-[loaded=true]:opacity-100",
+    img: "relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",
     blurredImg: [
       "absolute",
       "z-0",
@@ -5392,11 +5376,9 @@ var navbar = (0, import_tailwind_variants32.tv)({
       "flex",
       "items-center",
       "justify-center",
-      "shadow-lg",
-      "shadow-neutral-300/40",
-      "dark:border-b",
-      "dark:border-neutral-100",
-      "dark:shadow-none"
+      "border-b",
+      "border-neutral-200",
+      "dark:border-neutral-100"
     ],
     wrapper: [
       "flex",
@@ -5519,8 +5501,8 @@ var navbar = (0, import_tailwind_variants32.tv)({
       sticky: {},
       floating: {
         base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-neutral-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+        wrapper: "mt-4 mx-8 shadow-md border border-neutral-200 dark:border-neutral-100 rounded-xl",
+        menu: "mt-5 mx-8 border border-neutral-200 dark:border-neutral-100 rounded-xl max-w-[calc(100%_-_4rem)]"
       }
     },
     maxWidth: {
@@ -5583,7 +5565,8 @@ var navbar = (0, import_tailwind_variants32.tv)({
           "before:inset-0",
           "before:backdrop-blur",
           "before:backdrop-saturate-150",
-          "before:bg-background/50",
+          "before:bg-background/80",
+          "dark:before:bg-background/50",
           "data-[menu-open=true]:before:bg-background"
         ]
       }

package/dist/index.mjs

@@ -25,7 +25,7 @@ import {
 } from "./chunk-YMIOHWCD.mjs";
 import {
   navbar
-} from "./chunk-U3BMJPED.mjs";
+} from "./chunk-LC5AFIW7.mjs";
 import {
   pagination
 } from "./chunk-3LME35GX.mjs";
@@ -55,7 +55,7 @@ import {
 } from "./chunk-UNMHV7HH.mjs";
 import {
   image
-} from "./chunk-6GGRJ6I7.mjs";
+} from "./chunk-6D57DOQF.mjs";
 import {
   input
 } from "./chunk-7EDXWCUZ.mjs";
@@ -107,10 +107,10 @@ import {
 } from "./chunk-CPWIXBDM.mjs";
 import {
   buttonGroup
-} from "./chunk-VKFQ7EZN.mjs";
+} from "./chunk-VXZZZD4L.mjs";
 import {
   button
-} from "./chunk-K4KU3E4F.mjs";
+} from "./chunk-35A3FHL7.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -118,10 +118,10 @@ import {
 } from "./chunk-RO3WUCFF.mjs";
 import {
   card
-} from "./chunk-6QKRZ3JE.mjs";
+} from "./chunk-JCRQ3XNM.mjs";
 import {
   nextui
-} from "./chunk-KPADJJIM.mjs";
+} from "./chunk-XCOECVSH.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -130,6 +130,7 @@ import {
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
 import "./chunk-DMASP6FA.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -139,7 +140,6 @@ import {
 } from "./chunk-LQHWK6UV.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-XLATS5QU.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";

package/dist/plugin.mjs

@@ -1,14 +1,14 @@
 import {
   nextui
-} from "./chunk-KPADJJIM.mjs";
+} from "./chunk-XCOECVSH.mjs";
 import "./chunk-INZK6TTL.mjs";
 import "./chunk-DMASP6FA.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-M74ZSXB7.mjs";
 import "./chunk-LQHWK6UV.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-XLATS5QU.mjs";
 import "./chunk-CRCBVLUP.mjs";
 import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";

package/package.json

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

package/dist/{chunk-KPADJJIM.mjs → chunk-XCOECVSH.mjs}

@@ -4,15 +4,15 @@ import {
 import {
   animations
 } from "./chunk-DMASP6FA.mjs";
+import {
+  utilities
+} from "./chunk-XLATS5QU.mjs";
 import {
   semanticColors
 } from "./chunk-LQHWK6UV.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
-import {
-  utilities
-} from "./chunk-XLATS5QU.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";