@nextui-org/theme 2.2.8 → 2.2.10

package/dist/components/card.mjs

@@ -3,7 +3,7 @@ import {
 } from "../chunk-VLE2FQQR.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/checkbox.js

@@ -77,7 +77,7 @@ var groupDataFocusVisibleClasses = [
 // src/components/checkbox.ts
 var checkbox = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
+    base: "group/checkbox relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
     wrapper: [
       "relative",
       "inline-flex",
@@ -98,12 +98,12 @@ var checkbox = tv({
       "after:scale-50",
       "after:opacity-0",
       "after:origin-center",
-      "group-data-[selected=true]:after:scale-100",
-      "group-data-[selected=true]:after:opacity-100",
-      "group-data-[hover=true]:before:bg-default-100",
+      "group-data-[selected=true]/checkbox:after:scale-100",
+      "group-data-[selected=true]/checkbox:after:opacity-100",
+      "group-data-[hover=true]/checkbox:before:bg-default-100",
       ...groupDataFocusVisibleClasses
     ],
-    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
+    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]/checkbox:opacity-100",
     label: "relative text-foreground select-none"
   },
   variants: {
@@ -199,8 +199,8 @@ var checkbox = tv({
           "before:bg-foreground",
           "before:w-0",
           "before:h-0.5",
-          "group-data-[selected=true]:opacity-60",
-          "group-data-[selected=true]:before:w-full"
+          "group-data-[selected=true]/checkbox:opacity-60",
+          "group-data-[selected=true]/checkbox:before:w-full"
         ]
       }
     },
@@ -224,7 +224,7 @@ var checkbox = tv({
       false: {
         wrapper: [
           "before:transition-colors",
-          "group-data-[pressed=true]:scale-95",
+          "group-data-[pressed=true]/checkbox:scale-95",
           "transition-transform",
           "after:transition-transform-opacity",
           "after:!ease-linear",

package/dist/components/checkbox.mjs

@@ -1,10 +1,10 @@
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-5AGRECY5.mjs";
+} from "../chunk-OUNBTYJ7.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/chip.js

@@ -101,12 +101,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  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",
-  warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger dark:text-danger-500",
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-700",
+  secondary: "bg-secondary/20 text-secondary-700",
+  success: "bg-success/20 text-success-800 dark:text-success",
+  warning: "bg-warning/20 text-warning-800 dark:text-warning",
+  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -128,12 +128,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  default: "border-default text-default-foreground hover:!bg-default",
-  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {

package/dist/components/chip.mjs

@@ -1,9 +1,9 @@
 import {
   chip
-} from "../chunk-GFTQERGX.mjs";
+} from "../chunk-MP2JYSMR.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/code.js

@@ -92,12 +92,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  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",
-  warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger dark:text-danger-500",
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-700",
+  secondary: "bg-secondary/20 text-secondary-700",
+  success: "bg-success/20 text-success-800 dark:text-success",
+  warning: "bg-warning/20 text-warning-800 dark:text-warning",
+  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -119,12 +119,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  default: "border-default text-default-foreground hover:!bg-default",
-  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {

package/dist/components/code.mjs

@@ -1,9 +1,9 @@
 import {
   code
-} from "../chunk-BT3FGTF7.mjs";
+} from "../chunk-PWJWH4MD.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/date-input.js

@@ -66,11 +66,11 @@ var tv = (options, config) => {
 // src/components/date-input.ts
 var dateInput = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group/dateinput flex flex-col",
     label: [
       "block subpixel-antialiased text-small text-default-600",
-      "group-data-[required=true]:after:content-['*'] group-data-[required=true]:after:text-danger group-data-[required=true]:after:ml-0.5",
-      "group-data-[invalid=true]:text-danger"
+      "group-data-[required=true]/dateinput:after:content-['*'] group-data-[required=true]/dateinput:after:text-danger group-data-[required=true]/dateinput:after:ml-0.5",
+      "group-data-[invalid=true]/dateinput:text-danger"
     ],
     inputWrapper: [
       "relative px-3 gap-3 w-full inline-flex flex-row items-center",
@@ -79,10 +79,10 @@ var dateInput = tv({
     input: "flex h-full gap-x-0.5 w-full font-normal",
     innerWrapper: [
       "flex items-center text-default-400 w-full gap-x-2 h-6",
-      "group-data-[invalid=true]:text-danger"
+      "group-data-[invalid=true]/dateinput:text-danger"
     ],
     segment: [
-      "group first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
+      "group/dateinput first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
       "inline-block outline-none focus:shadow-sm rounded-md",
       "text-foreground-500 data-[editable=true]:text-foreground",
       "data-[editable=true]:data-[placeholder=true]:text-foreground-500",
@@ -90,7 +90,7 @@ var dateInput = tv({
       "data-[invalid=true]:focus:bg-danger-400/50 dark:data-[invalid=true]:focus:bg-danger-400/20",
       "data-[invalid=true]:data-[editable=true]:focus:text-danger"
     ],
-    helperWrapper: "hidden group-data-[has-helper=true]:flex p-1 relative flex-col gap-1.5",
+    helperWrapper: "hidden group-data-[has-helper=true]/dateinput:flex p-1 relative flex-col gap-1.5",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -101,9 +101,9 @@ var dateInput = tv({
           "bg-default-100",
           "hover:bg-default-200",
           "focus-within:hover:bg-default-100",
-          "group-data-[invalid=true]:bg-danger-50",
-          "group-data-[invalid=true]:hover:bg-danger-100",
-          "group-data-[invalid=true]:focus-within:hover:bg-danger-50"
+          "group-data-[invalid=true]/dateinput:bg-danger-50",
+          "group-data-[invalid=true]/dateinput:hover:bg-danger-100",
+          "group-data-[invalid=true]/dateinput:focus-within:hover:bg-danger-50"
         ]
       },
       faded: {
@@ -112,9 +112,9 @@ var dateInput = tv({
           "border-medium",
           "border-default-200",
           "hover:border-default-400",
-          "group-data-[invalid=true]:bg-danger-50",
-          "group-data-[invalid=true]:hover:bg-danger-100",
-          "group-data-[invalid=true]:focus-within:hover:bg-danger-50"
+          "group-data-[invalid=true]/dateinput:bg-danger-50",
+          "group-data-[invalid=true]/dateinput:hover:bg-danger-100",
+          "group-data-[invalid=true]/dateinput:focus-within:hover:bg-danger-50"
         ]
       },
       bordered: {
@@ -124,9 +124,9 @@ var dateInput = tv({
           "hover:border-default-400",
           "focus-within:border-default-foreground",
           "focus-within:hover:border-default-foreground",
-          "group-data-[invalid=true]:border-danger",
-          "group-data-[invalid=true]:hover:border-danger",
-          "group-data-[invalid=true]:focus-within:hover:border-danger"
+          "group-data-[invalid=true]/dateinput:border-danger",
+          "group-data-[invalid=true]/dateinput:hover:border-danger",
+          "group-data-[invalid=true]/dateinput:focus-within:hover:border-danger"
         ]
       },
       underlined: {
@@ -151,7 +151,7 @@ var dateInput = tv({
           "after:-bottom-[2px]",
           "after:h-[2px]",
           "focus-within:after:w-full",
-          "group-data-[invalid=true]:after:bg-danger"
+          "group-data-[invalid=true]/dateinput:after:bg-danger"
         ]
       }
     },

package/dist/components/date-input.mjs

@@ -1,6 +1,6 @@
 import {
   dateInput
-} from "../chunk-22SLLLIZ.mjs";
+} from "../chunk-XEPPBQPJ.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 export {

package/dist/components/date-picker.js

@@ -67,7 +67,7 @@ var tv = (options, config) => {
 // src/components/date-picker.ts
 var datePicker = tv({
   slots: {
-    base: "group w-full",
+    base: "group/datepicker w-full",
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
@@ -80,9 +80,9 @@ var datePicker = tv({
 var dateRangePicker = tv({
   extend: datePicker,
   slots: {
-    calendar: "group",
+    calendar: "group/daterangepicker",
     bottomContent: "flex flex-col gap-y-2",
-    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]:flex-row",
+    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]/daterangepicker:flex-row",
     separator: "-mx-1 text-inherit"
   }
 });

package/dist/components/date-picker.mjs

@@ -1,7 +1,7 @@
 import {
   datePicker,
   dateRangePicker
-} from "../chunk-WGH4WKVU.mjs";
+} from "../chunk-TSTU52NB.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 export {

package/dist/components/dropdown.mjs

@@ -6,7 +6,7 @@ import {
 } from "../chunk-GQDFLFNG.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";