@nextui-org/theme 0.0.0-dev-v2-20230420134926 → 0.0.0-dev-v2-20230423211529

package/dist/{chunk-FZQRP6V7.mjs → chunk-TYA6TT57.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/pagination.ts
 import { tv } from "tailwind-variants";
@@ -178,7 +178,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-neutral-400",
           "data-[active=true]:border-neutral-400",
-          "data-[active=true]:text-neutral-contrastText"
+          "data-[active=true]:text-neutral-foreground"
         ]
       }
     },
@@ -189,7 +189,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-primary",
           "data-[active=true]:border-primary",
-          "data-[active=true]:text-primary-contrastText"
+          "data-[active=true]:text-primary-foreground"
         ]
       }
     },
@@ -200,7 +200,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-secondary",
           "data-[active=true]:border-secondary",
-          "data-[active=true]:text-secondary-contrastText"
+          "data-[active=true]:text-secondary-foreground"
         ]
       }
     },
@@ -211,7 +211,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-success",
           "data-[active=true]:border-success",
-          "data-[active=true]:text-success-contrastText"
+          "data-[active=true]:text-success-foreground"
         ]
       }
     },
@@ -222,7 +222,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-warning",
           "data-[active=true]:border-warning",
-          "data-[active=true]:text-warning-contrastText"
+          "data-[active=true]:text-warning-foreground"
         ]
       }
     },
@@ -233,7 +233,7 @@ var pagination = tv({
         item: [
           "data-[active=true]:bg-danger",
           "data-[active=true]:border-danger",
-          "data-[active=true]:text-danger-contrastText"
+          "data-[active=true]:text-danger-foreground"
         ]
       }
     },
@@ -297,14 +297,14 @@ var pagination = tv({
         "outline-none",
         "items-center",
         "justify-center",
-        "text-neutral-contrastText",
+        "text-neutral-foreground",
         "data-[focus-visible=true]:outline-none",
         "data-[focus-visible=true]:ring-2",
         "data-[focus-visible=true]:ring-primary",
         "data-[focus-visible=true]:ring-offset-2",
         "data-[focus-visible=true]:ring-offset-background",
         "data-[focus-visible=true]:dark:ring-offset-background-dark",
-        "data-[disabled=true]:opacity-50",
+        "data-[disabled=true]:text-neutral-300",
         "data-[disabled=true]:pointer-events-none"
       ]
     },

package/dist/{chunk-64MHH33S.mjs → chunk-VS5PMCQU.mjs}

@@ -17,6 +17,7 @@ var navbar = tv({
     wrapper: [
       "flex",
       "flex-row",
+      "relative",
       "flex-nowrap",
       "items-center",
       "justify-between",
@@ -148,11 +149,7 @@ var navbar = tv({
     },
     hideOnScroll: {
       true: {
-        base: [
-          "sticky",
-          "top-0",
-          "inset-x-0"
-        ]
+        base: ["sticky", "top-0", "inset-x-0"]
       }
     },
     isBordered: {
@@ -181,15 +178,37 @@ var navbar = tv({
       isBlurred: true,
       position: ["static", "sticky"],
       class: {
-        base: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
+        base: [
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:-top-px",
+          "before:inset-0",
+          "before:backdrop-blur",
+          "before:backdrop-saturate-150",
+          "before:bg-background/50",
+          "data-[menu-open=true]:before:bg-background"
+        ]
       }
     },
     {
       isBlurred: true,
       position: "floating",
       class: {
-        base: "bg-gradient-to-b from-background to-background/50",
-        wrapper: "backdrop-blur-xl backdrop-saturate-200 bg-background/50 data-[menu-open=true]:bg-background"
+        base: "bg-gradient-to-b from-background to-transparent",
+        wrapper: [
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:-top-px",
+          "before:inset-0",
+          "before:backdrop-blur",
+          "before:backdrop-saturate-150",
+          "before:bg-background/50",
+          "data-[menu-open=true]:before:bg-background"
+        ]
       }
     }
   ]

package/dist/{chunk-7GYSEREC.mjs → chunk-VZVHC65R.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 import {
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";

package/dist/{chunk-B5S7HT6N.mjs → chunk-WFCALVUC.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-LGGZKBOO.mjs";
+} from "./chunk-RO3WUCFF.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-CO6ANWRA.mjs → chunk-XUL76UJD.mjs}

@@ -2,7 +2,7 @@
 import { tv } from "tailwind-variants";
 var spinner = tv({
   slots: {
-    base: "flex flex-col items-center justify-center relative",
+    base: "inline-flex flex-col items-center justify-center relative",
     circle1: [
       "absolute",
       "w-full",

package/dist/{chunk-KVW35URF.mjs → chunk-Z6VEZVD6.mjs}

@@ -104,84 +104,84 @@ var dropdownItem = tv({
       variant: "solid",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground"
       }
     },
     {
       variant: "solid",
       color: "primary",
       class: {
-        base: "data-[hover=true]:bg-primary data-[hover=true]:text-primary-contrastText"
+        base: "data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground"
       }
     },
     {
       variant: "solid",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-contrastText"
+        base: "data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground"
       }
     },
     {
       variant: "solid",
       color: "success",
       class: {
-        base: "data-[hover=true]:bg-success data-[hover=true]:text-success-contrastText"
+        base: "data-[hover=true]:bg-success data-[hover=true]:text-success-foreground"
       }
     },
     {
       variant: "solid",
       color: "warning",
       class: {
-        base: "data-[hover=true]:bg-warning data-[hover=true]:text-warning-contrastText"
+        base: "data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground"
       }
     },
     {
       variant: "solid",
       color: "danger",
       class: {
-        base: "data-[hover=true]:bg-danger data-[hover=true]:text-danger-contrastText"
+        base: "data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground"
       }
     },
     {
       variant: "shadow",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground"
       }
     },
     {
       variant: "shadow",
       color: "primary",
       class: {
-        base: "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-contrastText"
+        base: "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground"
       }
     },
     {
       variant: "shadow",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-contrastText"
+        base: "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground"
       }
     },
     {
       variant: "shadow",
       color: "success",
       class: {
-        base: "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-contrastText"
+        base: "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground"
       }
     },
     {
       variant: "shadow",
       color: "warning",
       class: {
-        base: "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-contrastText"
+        base: "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground"
       }
     },
     {
       variant: "shadow",
       color: "danger",
       class: {
-        base: "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-contrastText"
+        base: "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground"
       }
     },
     {
@@ -230,7 +230,7 @@ var dropdownItem = tv({
       variant: "flat",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-foreground"
       }
     },
     {
@@ -272,7 +272,7 @@ var dropdownItem = tv({
       variant: "faded",
       color: "neutral",
       class: {
-        base: "data-[hover=true]:text-neutral-contrastText"
+        base: "data-[hover=true]:text-neutral-foreground"
       }
     },
     {

package/dist/colors/index.js

@@ -179,24 +179,24 @@ var base = {
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
-      contrastText: import_colors.default.zinc[900]
+      foreground: import_colors.default.zinc[900]
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
-      contrastText: import_colors.default.zinc[800]
+      foreground: import_colors.default.zinc[800]
     },
     content3: {
       DEFAULT: import_colors.default.zinc[200],
-      contrastText: import_colors.default.zinc[700]
+      foreground: import_colors.default.zinc[700]
     },
     content4: {
       DEFAULT: import_colors.default.zinc[300],
-      contrastText: import_colors.default.zinc[600]
+      foreground: import_colors.default.zinc[600]
     }
   },
   dark: {
     background: {
-      DEFAULT: "#0B0B0C"
+      DEFAULT: "#000000"
     },
     foreground: {
       DEFAULT: "#ECEDEE"
@@ -206,19 +206,19 @@ var base = {
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
-      contrastText: import_colors.default.zinc[50]
+      foreground: import_colors.default.zinc[50]
     },
     content2: {
       DEFAULT: import_colors.default.zinc[800],
-      contrastText: import_colors.default.zinc[100]
+      foreground: import_colors.default.zinc[100]
     },
     content3: {
       DEFAULT: import_colors.default.zinc[700],
-      contrastText: import_colors.default.zinc[200]
+      foreground: import_colors.default.zinc[200]
     },
     content4: {
       DEFAULT: import_colors.default.zinc[600],
-      contrastText: import_colors.default.zinc[300]
+      foreground: import_colors.default.zinc[300]
     }
   }
 };
@@ -226,32 +226,32 @@ var semanticColorsLight = {
   ...base.light,
   neutral: {
     ...import_colors.default.zinc,
-    contrastText: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
+    foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
     DEFAULT: import_colors.default.zinc[300]
   },
   primary: {
     ...commonColors.blue,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.blue[500]
   },
   secondary: {
     ...commonColors.purple,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.purple[500]
   },
   success: {
     ...commonColors.green,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.green[500]
   },
   warning: {
     ...commonColors.yellow,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.yellow[500]
   },
   danger: {
     ...commonColors.red,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.red[500]
   }
 };
@@ -259,32 +259,32 @@ var semanticColorsDark = {
   ...base.dark,
   neutral: {
     ...swapColorValues(import_colors.default.zinc),
-    contrastText: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
+    foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
     DEFAULT: import_colors.default.zinc[700]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
     DEFAULT: commonColors.blue[500],
-    contrastText: commonColors.white
+    foreground: commonColors.white
   },
   secondary: {
     ...swapColorValues(commonColors.purple),
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.purple[400]
   },
   success: {
     ...swapColorValues(commonColors.green),
-    contrastText: (0, import_color2k.readableColor)(commonColors.green[500]),
+    foreground: (0, import_color2k.readableColor)(commonColors.green[500]),
     DEFAULT: commonColors.green[500]
   },
   warning: {
     ...swapColorValues(commonColors.yellow),
-    contrastText: (0, import_color2k.readableColor)(commonColors.yellow[500]),
+    foreground: (0, import_color2k.readableColor)(commonColors.yellow[500]),
     DEFAULT: commonColors.yellow[500]
   },
   danger: {
     ...swapColorValues(commonColors.red),
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.red[500]
   }
 };

package/dist/colors/index.mjs

@@ -1,9 +1,9 @@
 import {
   colors
-} from "../chunk-DOBGL5T3.mjs";
+} from "../chunk-BLEVU2FW.mjs";
 import {
   semanticColors
-} from "../chunk-FGWYWKMA.mjs";
+} from "../chunk-FJNSTLAL.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {

package/dist/colors/semantic.js

@@ -177,24 +177,24 @@ var base = {
     },
     content1: {
       DEFAULT: import_colors.default.zinc[50],
-      contrastText: import_colors.default.zinc[900]
+      foreground: import_colors.default.zinc[900]
     },
     content2: {
       DEFAULT: import_colors.default.zinc[100],
-      contrastText: import_colors.default.zinc[800]
+      foreground: import_colors.default.zinc[800]
     },
     content3: {
       DEFAULT: import_colors.default.zinc[200],
-      contrastText: import_colors.default.zinc[700]
+      foreground: import_colors.default.zinc[700]
     },
     content4: {
       DEFAULT: import_colors.default.zinc[300],
-      contrastText: import_colors.default.zinc[600]
+      foreground: import_colors.default.zinc[600]
     }
   },
   dark: {
     background: {
-      DEFAULT: "#0B0B0C"
+      DEFAULT: "#000000"
     },
     foreground: {
       DEFAULT: "#ECEDEE"
@@ -204,19 +204,19 @@ var base = {
     },
     content1: {
       DEFAULT: import_colors.default.zinc[900],
-      contrastText: import_colors.default.zinc[50]
+      foreground: import_colors.default.zinc[50]
     },
     content2: {
       DEFAULT: import_colors.default.zinc[800],
-      contrastText: import_colors.default.zinc[100]
+      foreground: import_colors.default.zinc[100]
     },
     content3: {
       DEFAULT: import_colors.default.zinc[700],
-      contrastText: import_colors.default.zinc[200]
+      foreground: import_colors.default.zinc[200]
     },
     content4: {
       DEFAULT: import_colors.default.zinc[600],
-      contrastText: import_colors.default.zinc[300]
+      foreground: import_colors.default.zinc[300]
     }
   }
 };
@@ -224,32 +224,32 @@ var semanticColorsLight = {
   ...base.light,
   neutral: {
     ...import_colors.default.zinc,
-    contrastText: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
+    foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
     DEFAULT: import_colors.default.zinc[300]
   },
   primary: {
     ...commonColors.blue,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.blue[500]
   },
   secondary: {
     ...commonColors.purple,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.purple[500]
   },
   success: {
     ...commonColors.green,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.green[500]
   },
   warning: {
     ...commonColors.yellow,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.yellow[500]
   },
   danger: {
     ...commonColors.red,
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.red[500]
   }
 };
@@ -257,32 +257,32 @@ var semanticColorsDark = {
   ...base.dark,
   neutral: {
     ...swapColorValues(import_colors.default.zinc),
-    contrastText: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
+    foreground: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
     DEFAULT: import_colors.default.zinc[700]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
     DEFAULT: commonColors.blue[500],
-    contrastText: commonColors.white
+    foreground: commonColors.white
   },
   secondary: {
     ...swapColorValues(commonColors.purple),
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.purple[400]
   },
   success: {
     ...swapColorValues(commonColors.green),
-    contrastText: (0, import_color2k.readableColor)(commonColors.green[500]),
+    foreground: (0, import_color2k.readableColor)(commonColors.green[500]),
     DEFAULT: commonColors.green[500]
   },
   warning: {
     ...swapColorValues(commonColors.yellow),
-    contrastText: (0, import_color2k.readableColor)(commonColors.yellow[500]),
+    foreground: (0, import_color2k.readableColor)(commonColors.yellow[500]),
     DEFAULT: commonColors.yellow[500]
   },
   danger: {
     ...swapColorValues(commonColors.red),
-    contrastText: commonColors.white,
+    foreground: commonColors.white,
     DEFAULT: commonColors.red[500]
   }
 };

package/dist/colors/semantic.mjs

@@ -2,7 +2,7 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-FGWYWKMA.mjs";
+} from "../chunk-FJNSTLAL.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-CRCBVLUP.mjs";
 import "../chunk-DCEG5LGX.mjs";

package/dist/colors/types.d.ts

@@ -9,7 +9,7 @@ type ColorScale = Partial<{
     700: string;
     800: string;
     900: string;
-    contrastText: string;
+    foreground: string;
     DEFAULT: string;
 }>;
 type BaseColors = {