@nextui-org/theme 0.0.0-dev-v2-20230620142942 → 0.0.0-dev-v2-20230620194547

package/dist/index.js

@@ -143,7 +143,7 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/20 text-default-foreground",
+  default: "bg-default/40 text-default-foreground",
   primary: "bg-primary/20 text-primary",
   secondary: "bg-secondary/20 text-secondary",
   success: "bg-success/20 text-success-600 dark:text-success",
@@ -562,7 +562,7 @@ var card = (0, import_tailwind_variants2.tv)({
     {
       isPressable: true,
       disableAnimation: false,
-      class: "data-[pressed=true]:scale-95"
+      class: "data-[pressed=true]:scale-95 tap-highlight-transparent"
     }
   ],
   defaultVariants: {
@@ -581,7 +581,7 @@ var card = (0, import_tailwind_variants2.tv)({
 var import_tailwind_variants3 = require("tailwind-variants");
 var link = (0, import_tailwind_variants3.tv)({
   base: [
-    "relative inline-flex items-center outline-none",
+    "relative inline-flex items-center outline-none tap-highlight-transparent",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
     "data-[focus-visible=true]:ring-primary",
@@ -626,7 +626,7 @@ var link = (0, import_tailwind_variants3.tv)({
         "after:transition-background",
         "after:absolute"
       ],
-      false: "hover:opacity-80 transition-opacity"
+      false: "hover:opacity-80 active:opacity-50 transition-opacity"
     },
     isDisabled: {
       true: "opacity-50 cursor-default pointer-events-none"
@@ -719,6 +719,7 @@ var button = (0, import_tailwind_variants5.tv)({
     "subpixel-antialiased",
     "data-[pressed=true]:scale-95",
     "overflow-hidden",
+    "tap-highlight-transparent",
     "data-[focus-visible=true]:z-10",
     "data-[focus-visible=true]:outline-none",
     "data-[focus-visible=true]:ring-2",
@@ -1049,7 +1050,7 @@ var button = (0, import_tailwind_variants5.tv)({
     {
       isInGroup: true,
       variant: ["bordered", "ghost"],
-      class: "[&:not(:first-child)]:border-l-0"
+      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.2)*-1)]"
     },
     {
       isIconOnly: true,
@@ -1712,7 +1713,8 @@ var chip = (0, import_tailwind_variants11.tv)({
       "opacity-70",
       "hover:opacity-100",
       "cursor-pointer",
-      "active:opacity-70"
+      "active:opacity-50",
+      "tap-highlight-transparent"
     ]
   },
   variants: {
@@ -2562,7 +2564,7 @@ var badge = (0, import_tailwind_variants12.tv)({
 var import_tailwind_variants13 = require("tailwind-variants");
 var checkbox = (0, import_tailwind_variants13.tv)({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
     wrapper: [
       "relative",
       "inline-flex",
@@ -2730,7 +2732,7 @@ var checkboxGroup = (0, import_tailwind_variants13.tv)({
 var import_tailwind_variants14 = require("tailwind-variants");
 var radio = (0, import_tailwind_variants14.tv)({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
     wrapper: [
       "relative",
       "inline-flex",
@@ -2902,7 +2904,18 @@ var radioGroup = (0, import_tailwind_variants14.tv)({
 var import_tailwind_variants15 = require("tailwind-variants");
 var pagination = (0, import_tailwind_variants15.tv)({
   slots: {
-    base: "flex flex-nowrap relative overflow-x-auto overflow-y-visible items-center gap-1 max-w-fit h-fit",
+    base: [
+      "flex",
+      "flex-nowrap",
+      "h-fit",
+      "max-w-fit",
+      "py-2.5",
+      "relative",
+      "gap-1",
+      "items-center",
+      "overflow-x-scroll",
+      "scrollbar-hide"
+    ],
     item: [],
     prev: "",
     next: "",
@@ -2988,7 +3001,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
     showShadow: {
       true: {}
     },
-    hideCursor: {
+    disableCursorAnimation: {
       true: {
         cursor: "hidden"
       }
@@ -3013,49 +3026,49 @@ var pagination = (0, import_tailwind_variants15.tv)({
     isDisabled: false,
     showShadow: false,
     disableAnimation: false,
-    hideCursor: false
+    disableCursorAnimation: false
   },
   compoundVariants: [
     {
       showShadow: true,
       color: "default",
       class: {
-        cursor: colorVariants.shadow.default
+        cursor: [colorVariants.shadow.default, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "primary",
       class: {
-        cursor: colorVariants.shadow.primary
+        cursor: [colorVariants.shadow.primary, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "secondary",
       class: {
-        cursor: colorVariants.shadow.secondary
+        cursor: [colorVariants.shadow.secondary, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "success",
       class: {
-        cursor: colorVariants.shadow.success
+        cursor: [colorVariants.shadow.success, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "warning",
       class: {
-        cursor: colorVariants.shadow.warning
+        cursor: [colorVariants.shadow.warning, "shadow-md"]
       }
     },
     {
       showShadow: true,
       color: "danger",
       class: {
-        cursor: colorVariants.shadow.danger
+        cursor: [colorVariants.shadow.danger, "shadow-md"]
       }
     },
     {
@@ -3066,7 +3079,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "default",
       class: {
         item: [
@@ -3077,7 +3090,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "primary",
       class: {
         item: [
@@ -3088,7 +3101,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "secondary",
       class: {
         item: [
@@ -3099,7 +3112,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "success",
       class: {
         item: [
@@ -3110,7 +3123,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "warning",
       class: {
         item: [
@@ -3121,7 +3134,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       color: "danger",
       class: {
         item: [
@@ -3132,51 +3145,51 @@ var pagination = (0, import_tailwind_variants15.tv)({
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "default",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-default/50"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-default/50"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "primary",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-primary/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-primary/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "secondary",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-secondary/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-secondary/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "success",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-success/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-success/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "warning",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-warning/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-warning/40"]
       }
     },
     {
-      hideCursor: true,
+      disableCursorAnimation: true,
       showShadow: true,
       color: "danger",
       class: {
-        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-danger/40"]
+        item: ["data-[active=true]:shadow-md", "data-[active=true]:shadow-danger/40"]
       }
     }
   ],
@@ -3284,7 +3297,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
 var import_tailwind_variants16 = require("tailwind-variants");
 var toggle = (0, import_tailwind_variants16.tv)({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent",
     wrapper: [
       "px-1",
       "relative",
@@ -3490,8 +3503,8 @@ var accordionItem = (0, import_tailwind_variants17.tv)({
     ],
     heading: "",
     trigger: [
-      "flex py-4 w-full h-full gap-3 outline-none items-center",
-      "data-[pressed=true]:opacity-80",
+      "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
+      "data-[pressed=true]:opacity-50",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",
@@ -5202,6 +5215,7 @@ var modal = (0, import_tailwind_variants23.tv)({
       "rounded-full",
       "hover:bg-default-100",
       "active:bg-default-200",
+      "tap-highlight-transparent",
       "data-[focus-visible]:outline-none",
       "data-[focus-visible]:ring-2",
       "data-[focus-visible]:!ring-primary",
@@ -5354,6 +5368,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "h-full",
       "outline-none",
       "rounded-sm",
+      "tap-highlight-transparent",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",
@@ -5777,7 +5792,17 @@ var import_tailwind_variants29 = require("tailwind-variants");
 var tabs = (0, import_tailwind_variants29.tv)({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
+    tabList: [
+      "flex",
+      "p-1",
+      "h-fit",
+      "gap-2",
+      "items-center",
+      "flex-nowrap",
+      "overflow-x-scroll",
+      "scrollbar-hide",
+      "bg-default-100"
+    ],
     tab: [
       "z-0",
       "w-full",
@@ -5793,7 +5818,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       "transition-opacity",
       "data-[disabled=true]:cursor-not-allowed",
       "data-[disabled=true]:opacity-30",
-      "data-[hover-unselected=true]:opacity-70",
+      "data-[hover-unselected=true]:opacity-50",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",
@@ -6573,28 +6598,16 @@ var animations = {
   }
 };
 
-// src/utilities/index.ts
+// src/utilities/transition.ts
 var DEFAULT_TRANSITION_DURATION = "250ms";
-var utilities = {
-  ".leading-inherit": {
-    "line-height": "inherit"
-  },
-  ".bg-img-inherit": {
-    "background-image": "inherit"
-  },
-  ".bg-clip-inherit": {
-    "background-clip": "inherit"
-  },
-  ".text-fill-inherit": {
-    "-webkit-text-fill-color": "inherit"
-  },
-  ".transition-background": {
-    "transition-property": "background",
+var transition_default = {
+  ".transition-all": {
+    "transition-property": "all",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-all": {
-    "transition-property": "all",
+  ".transition-background": {
+    "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
@@ -6655,6 +6668,50 @@ var utilities = {
   }
 };
 
+// src/utilities/custom.ts
+var custom_default = {
+  ".leading-inherit": {
+    "line-height": "inherit"
+  },
+  ".bg-img-inherit": {
+    "background-image": "inherit"
+  },
+  ".bg-clip-inherit": {
+    "background-clip": "inherit"
+  },
+  ".text-fill-inherit": {
+    "-webkit-text-fill-color": "inherit"
+  },
+  ".tap-highlight-transparent": {
+    "-webkit-tap-highlight-color": "transparent"
+  }
+};
+
+// src/utilities/scrollbar-hide.ts
+var scrollbar_hide_default = {
+  ".scrollbar-hide": {
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "&::-webkit-scrollbar": {
+      display: "none"
+    }
+  },
+  ".scrollbar-default": {
+    "-ms-overflow-style": "auto",
+    "scrollbar-width": "auto",
+    "&::-webkit-scrollbar": {
+      display: "block"
+    }
+  }
+};
+
+// src/utilities/index.ts
+var utilities = {
+  ...custom_default,
+  ...transition_default,
+  ...scrollbar_hide_default
+};
+
 // src/plugin.ts
 var SCHEME = Symbol("color-scheme");
 var DEFAULT_PREFIX = "nextui";

package/dist/index.mjs

@@ -1,41 +1,53 @@
 import "./chunk-PRWEADY4.mjs";
+import {
+  spacer
+} from "./chunk-3B4SYPW2.mjs";
+import {
+  spinner
+} from "./chunk-HOQUCE4N.mjs";
 import {
   table
 } from "./chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "./chunk-NVCWXYAR.mjs";
+} from "./chunk-HI3IKEJ5.mjs";
 import {
   toggle
-} from "./chunk-42RVICJN.mjs";
+} from "./chunk-UKSPZOXY.mjs";
 import {
   user
 } from "./chunk-ZFYINWFR.mjs";
+import {
+  modal
+} from "./chunk-AUOEYXLQ.mjs";
+import {
+  navbar
+} from "./chunk-A4SRDPJZ.mjs";
 import {
   pagination
-} from "./chunk-OPENJYHK.mjs";
+} from "./chunk-IUW423TP.mjs";
 import {
   popover
-} from "./chunk-O32L4YWJ.mjs";
+} from "./chunk-SEWAA5ZW.mjs";
 import {
   progress
 } from "./chunk-BHHIVMOY.mjs";
 import {
   radio,
   radioGroup
-} from "./chunk-2RQFBKZ4.mjs";
+} from "./chunk-E7FRZBCH.mjs";
 import {
   skeleton
 } from "./chunk-P5E3PNHW.mjs";
 import {
   snippet
-} from "./chunk-DWC7GT4K.mjs";
+} from "./chunk-3D7G7PZH.mjs";
 import {
-  spacer
-} from "./chunk-3B4SYPW2.mjs";
+  divider
+} from "./chunk-2ENRZMQI.mjs";
 import {
-  spinner
-} from "./chunk-HOQUCE4N.mjs";
+  drip
+} from "./chunk-OIVGIOVG.mjs";
 import {
   dropdown,
   dropdownItem,
@@ -54,58 +66,50 @@ import {
 import {
   link,
   linkAnchorClasses
-} from "./chunk-YQXYRWJP.mjs";
+} from "./chunk-I36TDMJB.mjs";
 import {
-  modal
-} from "./chunk-UHOIXUPW.mjs";
+  avatar,
+  avatarGroup
+} from "./chunk-ZQF2KGKX.mjs";
 import {
-  navbar
-} from "./chunk-LWJT5D6G.mjs";
+  badge
+} from "./chunk-I75M4OOG.mjs";
 import {
   button,
   buttonGroup
-} from "./chunk-QU6QFAKV.mjs";
+} from "./chunk-7VYHIENL.mjs";
 import {
   card
-} from "./chunk-QW2ZGOKD.mjs";
+} from "./chunk-IN5LCODJ.mjs";
 import {
   checkbox,
   checkboxGroup
-} from "./chunk-G34JOIZ3.mjs";
+} from "./chunk-C6TGDK6D.mjs";
 import {
   chip
-} from "./chunk-GRAPREJD.mjs";
+} from "./chunk-ZSOCX2PK.mjs";
 import {
   circularProgress
 } from "./chunk-UPBFQDTD.mjs";
 import {
   code
-} from "./chunk-BH4BMASL.mjs";
-import {
-  divider
-} from "./chunk-2ENRZMQI.mjs";
-import {
-  drip
-} from "./chunk-OIVGIOVG.mjs";
-import {
-  accordion,
-  accordionItem
-} from "./chunk-HNRHIJNK.mjs";
-import {
-  avatar,
-  avatarGroup
-} from "./chunk-D4S5JGOT.mjs";
-import {
-  badge
-} from "./chunk-4G25OMVV.mjs";
+} from "./chunk-576B55VI.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
-} from "./chunk-FPFQCKUP.mjs";
+} from "./chunk-CEW7YOHH.mjs";
+import {
+  accordion,
+  accordionItem
+} from "./chunk-YNGJCDQN.mjs";
 import {
   nextui
-} from "./chunk-M7M7HWPI.mjs";
+} from "./chunk-52QYM3YD.mjs";
+import "./chunk-OQGOVMIP.mjs";
+import "./chunk-4Z22WXZX.mjs";
+import "./chunk-HJLDXSH7.mjs";
+import "./chunk-DI2L75XK.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -116,24 +120,23 @@ import {
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-N5YBIJN7.mjs";
+} from "./chunk-LBMDDCFV.mjs";
 import {
   semanticColors
-} from "./chunk-UNAW63FS.mjs";
+} from "./chunk-RB7R7Z3Y.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-DMASP6FA.mjs";
-import "./chunk-JH2TR6BI.mjs";
 import {
   commonColors
-} from "./chunk-YGFZPBLQ.mjs";
-import "./chunk-OR5PUD24.mjs";
+} from "./chunk-5LKRUH3Q.mjs";
 import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
 import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-DYAPDM2A.mjs";
 import "./chunk-T3GWIVAM.mjs";
+import "./chunk-OR5PUD24.mjs";
 
 // src/index.ts
 import { cn as cnBase } from "tailwind-variants";

package/dist/plugin.js

@@ -386,28 +386,16 @@ var animations = {
   }
 };
 
-// src/utilities/index.ts
+// src/utilities/transition.ts
 var DEFAULT_TRANSITION_DURATION = "250ms";
-var utilities = {
-  ".leading-inherit": {
-    "line-height": "inherit"
-  },
-  ".bg-img-inherit": {
-    "background-image": "inherit"
-  },
-  ".bg-clip-inherit": {
-    "background-clip": "inherit"
-  },
-  ".text-fill-inherit": {
-    "-webkit-text-fill-color": "inherit"
-  },
-  ".transition-background": {
-    "transition-property": "background",
+var transition_default = {
+  ".transition-all": {
+    "transition-property": "all",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-all": {
-    "transition-property": "all",
+  ".transition-background": {
+    "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
@@ -468,6 +456,50 @@ var utilities = {
   }
 };
 
+// src/utilities/custom.ts
+var custom_default = {
+  ".leading-inherit": {
+    "line-height": "inherit"
+  },
+  ".bg-img-inherit": {
+    "background-image": "inherit"
+  },
+  ".bg-clip-inherit": {
+    "background-clip": "inherit"
+  },
+  ".text-fill-inherit": {
+    "-webkit-text-fill-color": "inherit"
+  },
+  ".tap-highlight-transparent": {
+    "-webkit-tap-highlight-color": "transparent"
+  }
+};
+
+// src/utilities/scrollbar-hide.ts
+var scrollbar_hide_default = {
+  ".scrollbar-hide": {
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "&::-webkit-scrollbar": {
+      display: "none"
+    }
+  },
+  ".scrollbar-default": {
+    "-ms-overflow-style": "auto",
+    "scrollbar-width": "auto",
+    "&::-webkit-scrollbar": {
+      display: "block"
+    }
+  }
+};
+
+// src/utilities/index.ts
+var utilities = {
+  ...custom_default,
+  ...transition_default,
+  ...scrollbar_hide_default
+};
+
 // src/utils/classes.ts
 var baseStyles = (prefix) => ({
   color: `hsl(var(--${prefix}-foreground))`,