@nextui-org/theme 2.3.0-beta.5 → 2.3.0-beta.7

package/dist/chunk-4NWHODJP.mjs

@@ -0,0 +1,334 @@
+import {
+  colorVariants
+} from "./chunk-GQT3YUX3.mjs";
+import {
+  tv
+} from "./chunk-UWE6H66T.mjs";
+
+// src/components/alert.ts
+var alert = tv({
+  slots: {
+    base: "flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1",
+    mainWrapper: "h-full flex-grow min-h-10 ms-2 flex flex-col box-border items-start text-inherit",
+    title: "text-small w-full font-medium block text-inherit leading-5",
+    description: "pl-[1px] text-small font-normal text-inherit",
+    closeButton: "relative text-inherit translate-x-1 -translate-y-1",
+    iconWrapper: "flex-none relative w-9 h-9 rounded-full",
+    alertIcon: "fill-current w-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+  },
+  variants: {
+    color: {
+      default: {},
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
+    },
+    variant: {
+      solid: {},
+      flat: {},
+      faded: {
+        base: "border-small"
+      },
+      bordered: {
+        base: "border-small bg-transparent"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small"
+      },
+      md: {
+        base: "rounded-medium"
+      },
+      lg: {
+        base: "rounded-large"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    hideIcon: {
+      true: {
+        iconWrapper: "hidden"
+      }
+    },
+    hideIconWrapper: {
+      true: {
+        base: "gap-x-0",
+        iconWrapper: "!bg-transparent !shadow-none"
+      }
+    },
+    hasDescription: {
+      false: {
+        base: "items-start",
+        mainWrapper: "justify-center"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    variant: "flat",
+    radius: "md",
+    hideIcon: false,
+    hideIconWrapper: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "default",
+      class: {
+        base: colorVariants.solid.default,
+        closeButton: "data-[hover]:bg-default-100",
+        alertIcon: "text-default-foreground"
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: colorVariants.solid.primary
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: colorVariants.solid.secondary
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: colorVariants.solid.success
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: colorVariants.solid.danger
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      color: "default",
+      class: {
+        base: [
+          colorVariants.flat.default,
+          "bg-default-100 dark:bg-default-50",
+          "text-default-foreground"
+        ],
+        description: "text-default-600",
+        closeButton: "text-default-400",
+        iconWrapper: "bg-default-50 dark:bg-default-100 border-default-200"
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      color: "primary",
+      class: {
+        base: [colorVariants.flat.primary, "bg-primary-50"],
+        closeButton: "text-primary-500 data-[hover]:bg-primary-200",
+        iconWrapper: "bg-primary-50 dark:bg-primary-100 border-primary-100"
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      color: "secondary",
+      class: {
+        base: [colorVariants.flat.secondary, "bg-secondary-50"],
+        closeButton: "text-secondary-500 data-[hover]:bg-secondary-200",
+        iconWrapper: "bg-secondary-50 dark:bg-secondary-100 border-secondary-100"
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      color: "success",
+      class: {
+        base: [colorVariants.flat.success, "bg-success-50"],
+        closeButton: "text-success-500 data-[hover]:bg-success-200",
+        iconWrapper: "bg-success-50 dark:bg-success-100 border-success-100"
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      color: "warning",
+      class: {
+        base: [colorVariants.flat.warning, "bg-warning-50"],
+        closeButton: "text-warning-500 data-[hover]:bg-warning-200",
+        iconWrapper: "bg-warning-50 dark:bg-warning-100 border-warning-100"
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      color: "danger",
+      class: {
+        base: [colorVariants.flat.danger, "bg-danger-50"],
+        closeButton: "text-danger-500 data-[hover]:bg-danger-200",
+        iconWrapper: "bg-danger-50 dark:bg-danger-100 border-danger-100"
+      }
+    },
+    {
+      variant: "faded",
+      color: "default",
+      class: {
+        base: "border-default-300 dark:border-default-200"
+      }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: {
+        base: "border-primary-200"
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        base: "border-secondary-200"
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        base: "border-success-200 dark:border-success-100"
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        base: "border-warning-200 dark:border-warning-100"
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        base: "border-danger-200 dark:border-danger-100"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "default",
+      class: {
+        base: [colorVariants.bordered.default],
+        description: "text-default-600",
+        closeButton: "text-default-400"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: [colorVariants.bordered.primary],
+        closeButton: "data-[hover]:bg-primary-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: [colorVariants.bordered.secondary],
+        closeButton: "data-[hover]:bg-secondary-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: [colorVariants.bordered.success],
+        closeButton: "data-[hover]:bg-success-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: [colorVariants.bordered.warning],
+        closeButton: "data-[hover]:bg-warning-100"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: [colorVariants.bordered.danger],
+        closeButton: "data-[hover]:bg-danger-50"
+      }
+    },
+    {
+      variant: ["flat", "bordered", "faded"],
+      class: {
+        iconWrapper: "shadow-small"
+      }
+    },
+    {
+      variant: ["flat", "faded"],
+      class: {
+        iconWrapper: "shadow-small border-1"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "default",
+      class: {
+        iconWrapper: "bg-default-200 dark:bg-default-100"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        iconWrapper: "bg-primary-100 dark:bg-primary-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        iconWrapper: "bg-secondary-100 dark:bg-secondary-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        iconWrapper: "bg-success-100 dark:bg-success-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        iconWrapper: "bg-warning-100 dark:bg-warning-50"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        iconWrapper: "bg-danger-100 dark:bg-danger-50"
+      }
+    }
+  ]
+});
+
+export {
+  alert
+};

package/dist/{chunk-7L2ZWDVP.mjs → chunk-G4RCK475.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KUNVFLXJ.mjs";
 import {
   commonColors
-} from "./chunk-6TOTQSJE.mjs";
+} from "./chunk-IAS3SFA4.mjs";
 
 // src/colors/semantic.ts
 import { readableColor } from "color2k";

package/dist/{chunk-ZD36336F.mjs → chunk-LCMN7HGG.mjs}

@@ -7,15 +7,12 @@ import {
 import {
   DEFAULT_TRANSITION_DURATION
 } from "./chunk-WN6AL2BX.mjs";
-import {
-  animations
-} from "./chunk-DMASP6FA.mjs";
 import {
   baseStyles
 } from "./chunk-XHQUSKIE.mjs";
 import {
   semanticColors
-} from "./chunk-7L2ZWDVP.mjs";
+} from "./chunk-G4RCK475.mjs";
 import {
   flattenThemeObject
 } from "./chunk-KUNVFLXJ.mjs";
@@ -24,9 +21,12 @@ import {
   defaultLayout,
   lightLayout
 } from "./chunk-HUBDRSA4.mjs";
+import {
+  animations
+} from "./chunk-DMASP6FA.mjs";
 import {
   commonColors
-} from "./chunk-6TOTQSJE.mjs";
+} from "./chunk-IAS3SFA4.mjs";
 
 // src/plugin.ts
 import Color from "color";

package/dist/{chunk-QGHMGO5E.mjs → chunk-QZTWGJ72.mjs}

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-7L2ZWDVP.mjs";
+} from "./chunk-G4RCK475.mjs";
 import {
   commonColors
-} from "./chunk-6TOTQSJE.mjs";
+} from "./chunk-IAS3SFA4.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/colors/common.mjs

@@ -1,14 +1,14 @@
 import {
   commonColors
-} from "../chunk-6TOTQSJE.mjs";
+} from "../chunk-IAS3SFA4.mjs";
+import "../chunk-JUEOCLA3.mjs";
 import "../chunk-3LKKH4AR.mjs";
+import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
-import "../chunk-JUEOCLA3.mjs";
 import "../chunk-GHZ36ATJ.mjs";
-import "../chunk-T3GWIVAM.mjs";
 export {
   commonColors
 };

package/dist/colors/index.mjs

@@ -1,22 +1,22 @@
 import {
   colors
-} from "../chunk-QGHMGO5E.mjs";
+} from "../chunk-QZTWGJ72.mjs";
 import {
   semanticColors
-} from "../chunk-7L2ZWDVP.mjs";
+} from "../chunk-G4RCK475.mjs";
 import "../chunk-KUNVFLXJ.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-6TOTQSJE.mjs";
+} from "../chunk-IAS3SFA4.mjs";
+import "../chunk-JUEOCLA3.mjs";
 import "../chunk-3LKKH4AR.mjs";
+import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
-import "../chunk-JUEOCLA3.mjs";
 import "../chunk-GHZ36ATJ.mjs";
-import "../chunk-T3GWIVAM.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,17 +2,17 @@ import {
   semanticColors,
   themeColorsDark,
   themeColorsLight
-} from "../chunk-7L2ZWDVP.mjs";
+} from "../chunk-G4RCK475.mjs";
 import "../chunk-KUNVFLXJ.mjs";
-import "../chunk-6TOTQSJE.mjs";
+import "../chunk-IAS3SFA4.mjs";
+import "../chunk-JUEOCLA3.mjs";
 import "../chunk-3LKKH4AR.mjs";
+import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
-import "../chunk-JUEOCLA3.mjs";
 import "../chunk-GHZ36ATJ.mjs";
-import "../chunk-T3GWIVAM.mjs";
 export {
   semanticColors,
   themeColorsDark,

package/dist/colors.mjs

@@ -1,23 +1,23 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-QGHMGO5E.mjs";
+} from "./chunk-QZTWGJ72.mjs";
 import {
   semanticColors
-} from "./chunk-7L2ZWDVP.mjs";
+} from "./chunk-G4RCK475.mjs";
 import "./chunk-KUNVFLXJ.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-6TOTQSJE.mjs";
+} from "./chunk-IAS3SFA4.mjs";
+import "./chunk-JUEOCLA3.mjs";
 import "./chunk-3LKKH4AR.mjs";
+import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
 import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
-import "./chunk-JUEOCLA3.mjs";
 import "./chunk-GHZ36ATJ.mjs";
-import "./chunk-T3GWIVAM.mjs";
 export {
   colors,
   commonColors,