@nextui-org/theme 0.0.0-dev-v2-20230609194506 → 0.0.0-dev-v2-20230610220209

package/dist/{chunk-SNSTSXNE.mjs → chunk-2JNTU7SI.mjs}

@@ -4,7 +4,7 @@ var navbar = tv({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -107,7 +107,7 @@ var navbar = tv({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/{chunk-NAMFTWN5.mjs → chunk-N37GPOJZ.mjs}

@@ -10,7 +10,7 @@ import { tv } from "tailwind-variants";
 var chip = tv({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [

package/dist/{chunk-RJW6H3W2.mjs → chunk-TCPSKMTP.mjs}

@@ -131,7 +131,7 @@ var popover = tv({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
       }
     },
     triggerScaleOnOpen: {

package/dist/{chunk-OWQHNQUJ.mjs → chunk-WLZX7EUD.mjs}

@@ -10,9 +10,9 @@ var modal = tv({
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
-      "items-center"
+      "items-start",
+      "md:items-center"
     ],
     base: [
       "flex",
@@ -25,7 +25,8 @@ var modal = tv({
       "box-border",
       "dark:bg-content1",
       "border border-default-100",
-      "outline-none"
+      "outline-none",
+      "my-16"
     ],
     trigger: [],
     backdrop: ["hidden", "z-50"],
@@ -82,7 +83,7 @@ var modal = tv({
         base: "max-w-5xl"
       },
       full: {
-        base: "max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full rounded-none min-h-screen"
       }
     },
     radius: {
@@ -101,16 +102,19 @@ var modal = tv({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
       }
     },
     scrollBehavior: {
+      normal: {
+        base: ["overflow-y-hidden"]
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
       },
       outside: {
-        wrapper: "items-start overflow-y-auto",
+        wrapper: "md:items-start overflow-y-auto",
         base: "my-16"
       }
     }
@@ -119,7 +123,7 @@ var modal = tv({
     size: "md",
     radius: "lg",
     backdrop: "blur",
-    scrollBehavior: "inside"
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {

package/dist/components/chip.js

@@ -113,7 +113,7 @@ var colorVariants = {
 var chip = (0, import_tailwind_variants.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [

package/dist/components/chip.mjs

@@ -1,6 +1,6 @@
 import {
   chip
-} from "../chunk-NAMFTWN5.mjs";
+} from "../chunk-N37GPOJZ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/components/index.js

@@ -1358,7 +1358,7 @@ var popover = (0, import_tailwind_variants9.tv)({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
       }
     },
     triggerScaleOnOpen: {
@@ -1639,7 +1639,7 @@ var import_tailwind_variants11 = require("tailwind-variants");
 var chip = (0, import_tailwind_variants11.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [
@@ -5072,9 +5072,9 @@ var modal = (0, import_tailwind_variants23.tv)({
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
-      "items-center"
+      "items-start",
+      "md:items-center"
     ],
     base: [
       "flex",
@@ -5087,7 +5087,8 @@ var modal = (0, import_tailwind_variants23.tv)({
       "box-border",
       "dark:bg-content1",
       "border border-default-100",
-      "outline-none"
+      "outline-none",
+      "my-16"
     ],
     trigger: [],
     backdrop: ["hidden", "z-50"],
@@ -5144,7 +5145,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full rounded-none min-h-screen"
       }
     },
     radius: {
@@ -5163,16 +5164,19 @@ var modal = (0, import_tailwind_variants23.tv)({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
       }
     },
     scrollBehavior: {
+      normal: {
+        base: ["overflow-y-hidden"]
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
       },
       outside: {
-        wrapper: "items-start overflow-y-auto",
+        wrapper: "md:items-start overflow-y-auto",
         base: "my-16"
       }
     }
@@ -5181,7 +5185,7 @@ var modal = (0, import_tailwind_variants23.tv)({
     size: "md",
     radius: "lg",
     backdrop: "blur",
-    scrollBehavior: "inside"
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {
@@ -5199,7 +5203,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -5302,7 +5306,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
 import "../chunk-PRWEADY4.mjs";
+import {
+  snippet
+} from "../chunk-ADHGFNBD.mjs";
 import {
   spacer
 } from "../chunk-3B4SYPW2.mjs";
@@ -17,18 +20,22 @@ import {
 import {
   user
 } from "../chunk-ZFYINWFR.mjs";
+import {
+  link,
+  linkAnchorClasses
+} from "../chunk-YQXYRWJP.mjs";
 import {
   modal
-} from "../chunk-OWQHNQUJ.mjs";
+} from "../chunk-WLZX7EUD.mjs";
 import {
   navbar
-} from "../chunk-SNSTSXNE.mjs";
+} from "../chunk-2JNTU7SI.mjs";
 import {
   pagination
 } from "../chunk-4MSPP245.mjs";
 import {
   popover
-} from "../chunk-RJW6H3W2.mjs";
+} from "../chunk-TCPSKMTP.mjs";
 import {
   progress
 } from "../chunk-BHHIVMOY.mjs";
@@ -40,8 +47,8 @@ import {
   skeleton
 } from "../chunk-P5E3PNHW.mjs";
 import {
-  snippet
-} from "../chunk-ADHGFNBD.mjs";
+  code
+} from "../chunk-E3HXNSRG.mjs";
 import {
   divider
 } from "../chunk-2ENRZMQI.mjs";
@@ -64,9 +71,9 @@ import {
   kbd
 } from "../chunk-GYSMGV7B.mjs";
 import {
-  link,
-  linkAnchorClasses
-} from "../chunk-YQXYRWJP.mjs";
+  accordion,
+  accordionItem
+} from "../chunk-HNRHIJNK.mjs";
 import {
   avatar,
   avatarGroup
@@ -87,20 +94,13 @@ import {
 } from "../chunk-G34JOIZ3.mjs";
 import {
   chip
-} from "../chunk-NAMFTWN5.mjs";
-import {
-  circularProgress
-} from "../chunk-UPBFQDTD.mjs";
-import {
-  code
-} from "../chunk-E3HXNSRG.mjs";
+} from "../chunk-N37GPOJZ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";
 import {
-  accordion,
-  accordionItem
-} from "../chunk-HNRHIJNK.mjs";
+  circularProgress
+} from "../chunk-UPBFQDTD.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/modal.d.ts

@@ -89,6 +89,9 @@ declare const modal: tailwind_variants.TVReturnType<{
         };
     };
     scrollBehavior: {
+        normal: {
+            base: string[];
+        };
         inside: {
             base: string;
             body: string;
@@ -176,6 +179,9 @@ declare const modal: tailwind_variants.TVReturnType<{
         };
     };
     scrollBehavior: {
+        normal: {
+            base: string[];
+        };
         inside: {
             base: string;
             body: string;

package/dist/components/modal.js

@@ -34,9 +34,9 @@ var modal = (0, import_tailwind_variants.tv)({
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
-      "items-center"
+      "items-start",
+      "md:items-center"
     ],
     base: [
       "flex",
@@ -49,7 +49,8 @@ var modal = (0, import_tailwind_variants.tv)({
       "box-border",
       "dark:bg-content1",
       "border border-default-100",
-      "outline-none"
+      "outline-none",
+      "my-16"
     ],
     trigger: [],
     backdrop: ["hidden", "z-50"],
@@ -106,7 +107,7 @@ var modal = (0, import_tailwind_variants.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full rounded-none min-h-screen"
       }
     },
     radius: {
@@ -125,16 +126,19 @@ var modal = (0, import_tailwind_variants.tv)({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
       }
     },
     scrollBehavior: {
+      normal: {
+        base: ["overflow-y-hidden"]
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
       },
       outside: {
-        wrapper: "items-start overflow-y-auto",
+        wrapper: "md:items-start overflow-y-auto",
         base: "my-16"
       }
     }
@@ -143,7 +147,7 @@ var modal = (0, import_tailwind_variants.tv)({
     size: "md",
     radius: "lg",
     backdrop: "blur",
-    scrollBehavior: "inside"
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {

package/dist/components/modal.mjs

@@ -1,6 +1,6 @@
 import {
   modal
-} from "../chunk-OWQHNQUJ.mjs";
+} from "../chunk-WLZX7EUD.mjs";
 export {
   modal
 };

package/dist/components/navbar.js

@@ -28,7 +28,7 @@ var navbar = (0, import_tailwind_variants.tv)({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -131,7 +131,7 @@ var navbar = (0, import_tailwind_variants.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/components/navbar.mjs

@@ -1,6 +1,6 @@
 import {
   navbar
-} from "../chunk-SNSTSXNE.mjs";
+} from "../chunk-2JNTU7SI.mjs";
 export {
   navbar
 };

package/dist/components/popover.js

@@ -227,7 +227,7 @@ var popover = (0, import_tailwind_variants.tv)({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
       }
     },
     triggerScaleOnOpen: {

package/dist/components/popover.mjs

@@ -1,6 +1,6 @@
 import {
   popover
-} from "../chunk-RJW6H3W2.mjs";
+} from "../chunk-TCPSKMTP.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/index.js

@@ -1390,7 +1390,7 @@ var popover = (0, import_tailwind_variants9.tv)({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/30"
       }
     },
     triggerScaleOnOpen: {
@@ -1671,7 +1671,7 @@ var import_tailwind_variants11 = require("tailwind-variants");
 var chip = (0, import_tailwind_variants11.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [
@@ -5104,9 +5104,9 @@ var modal = (0, import_tailwind_variants23.tv)({
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
-      "items-center"
+      "items-start",
+      "md:items-center"
     ],
     base: [
       "flex",
@@ -5119,7 +5119,8 @@ var modal = (0, import_tailwind_variants23.tv)({
       "box-border",
       "dark:bg-content1",
       "border border-default-100",
-      "outline-none"
+      "outline-none",
+      "my-16"
     ],
     trigger: [],
     backdrop: ["hidden", "z-50"],
@@ -5176,7 +5177,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full rounded-none min-h-screen"
       }
     },
     radius: {
@@ -5195,16 +5196,19 @@ var modal = (0, import_tailwind_variants23.tv)({
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
-        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+        backdrop: "backdrop-blur-md backdrop-saturate-150 bg-black/30"
       }
     },
     scrollBehavior: {
+      normal: {
+        base: ["overflow-y-hidden"]
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
       },
       outside: {
-        wrapper: "items-start overflow-y-auto",
+        wrapper: "md:items-start overflow-y-auto",
         base: "my-16"
       }
     }
@@ -5213,7 +5217,7 @@ var modal = (0, import_tailwind_variants23.tv)({
     size: "md",
     radius: "lg",
     backdrop: "blur",
-    scrollBehavior: "inside"
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {
@@ -5231,7 +5235,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -5334,7 +5338,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/index.mjs

@@ -1,4 +1,7 @@
 import "./chunk-PRWEADY4.mjs";
+import {
+  snippet
+} from "./chunk-ADHGFNBD.mjs";
 import {
   spacer
 } from "./chunk-3B4SYPW2.mjs";
@@ -17,18 +20,22 @@ import {
 import {
   user
 } from "./chunk-ZFYINWFR.mjs";
+import {
+  link,
+  linkAnchorClasses
+} from "./chunk-YQXYRWJP.mjs";
 import {
   modal
-} from "./chunk-OWQHNQUJ.mjs";
+} from "./chunk-WLZX7EUD.mjs";
 import {
   navbar
-} from "./chunk-SNSTSXNE.mjs";
+} from "./chunk-2JNTU7SI.mjs";
 import {
   pagination
 } from "./chunk-4MSPP245.mjs";
 import {
   popover
-} from "./chunk-RJW6H3W2.mjs";
+} from "./chunk-TCPSKMTP.mjs";
 import {
   progress
 } from "./chunk-BHHIVMOY.mjs";
@@ -40,8 +47,8 @@ import {
   skeleton
 } from "./chunk-P5E3PNHW.mjs";
 import {
-  snippet
-} from "./chunk-ADHGFNBD.mjs";
+  code
+} from "./chunk-E3HXNSRG.mjs";
 import {
   divider
 } from "./chunk-2ENRZMQI.mjs";
@@ -64,9 +71,9 @@ import {
   kbd
 } from "./chunk-GYSMGV7B.mjs";
 import {
-  link,
-  linkAnchorClasses
-} from "./chunk-YQXYRWJP.mjs";
+  accordion,
+  accordionItem
+} from "./chunk-HNRHIJNK.mjs";
 import {
   avatar,
   avatarGroup
@@ -87,26 +94,18 @@ import {
 } from "./chunk-G34JOIZ3.mjs";
 import {
   chip
-} from "./chunk-NAMFTWN5.mjs";
-import {
-  circularProgress
-} from "./chunk-UPBFQDTD.mjs";
-import {
-  code
-} from "./chunk-E3HXNSRG.mjs";
+} from "./chunk-N37GPOJZ.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-IQPW7V4N.mjs";
 import {
-  accordion,
-  accordionItem
-} from "./chunk-HNRHIJNK.mjs";
+  circularProgress
+} from "./chunk-UPBFQDTD.mjs";
 import {
   nextui
-} from "./chunk-45VMNIGW.mjs";
-import "./chunk-GKMFQDRM.mjs";
+} from "./chunk-7M7P7JYC.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -114,6 +113,7 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
+import "./chunk-GKMFQDRM.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors

package/dist/plugin.mjs

@@ -1,8 +1,8 @@
 import {
   nextui
-} from "./chunk-45VMNIGW.mjs";
-import "./chunk-GKMFQDRM.mjs";
+} from "./chunk-7M7P7JYC.mjs";
 import "./chunk-INZK6TTL.mjs";
+import "./chunk-GKMFQDRM.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-CNGIMNA5.mjs";
 import "./chunk-3YM7ZXUG.mjs";

package/package.json

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

package/dist/{chunk-45VMNIGW.mjs → chunk-7M7P7JYC.mjs}

@@ -1,9 +1,9 @@
-import {
-  utilities
-} from "./chunk-GKMFQDRM.mjs";
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
+import {
+  utilities
+} from "./chunk-GKMFQDRM.mjs";
 import {
   semanticColors
 } from "./chunk-3YM7ZXUG.mjs";