@nextui-org/theme - npm Package Compare versions

Comparing version 0.0.0-canary-20240912142243 to 0.0.0-canary-20240913061156

dist/components/autocomplete.js

@@ -69,3 +69,3 @@ "use strict";
   slots: {
-    base: "group inline-flex flex-column w-full",
+    base: "group/autocomplete inline-flex flex-column w-full",
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
@@ -82,3 +82,3 @@ listbox: "",
       "text-default-500",
-      "group-data-[invalid=true]:text-danger",
+      "group-data-[invalid=true]/autocomplete:text-danger",
       "data-[visible=true]:opacity-100",
@@ -89,4 +89,4 @@ "data-[visible=true]:pointer-events-auto",
       "sm:data-[visible=true]:pointer-events-none",
-      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100",
-      "sm:group-data-[hover=true]:data-[visible=true]:pointer-events-auto"
+      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:opacity-100",
+      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:pointer-events-auto"
     ],
@@ -93,0 +93,0 @@ selectorButton: "text-medium"

dist/components/checkbox.js

@@ -80,3 +80,3 @@ "use strict";
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
+    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: [
@@ -102,8 +102,8 @@ "relative",
       "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"
@@ -204,4 +204,4 @@ },
           "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"
         ]
@@ -230,3 +230,3 @@ }
           "before:transition-colors",
-          "group-data-[pressed=true]:scale-95",
+          "group-data-[pressed=true]/checkbox:scale-95",
           "transition-transform",
@@ -233,0 +233,0 @@ "after:transition-transform-opacity",

dist/components/date-input.js

@@ -69,7 +69,7 @@ "use strict";
   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"
     ],
@@ -83,6 +83,6 @@ inputWrapper: [
       "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",
@@ -95,3 +95,3 @@ "text-foreground-500 data-[editable=true]:text-foreground",
     ],
-    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",
@@ -107,5 +107,5 @@ errorMessage: "text-tiny text-danger"
           "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"
         ]
@@ -119,5 +119,5 @@ },
           "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"
         ]
@@ -132,5 +132,5 @@ },
           "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"
         ]
@@ -160,3 +160,3 @@ },
           "focus-within:after:w-full",
-          "group-data-[invalid=true]:after:bg-danger"
+          "group-data-[invalid=true]/dateinput:after:bg-danger"
         ]
@@ -163,0 +163,0 @@ }

dist/components/date-picker.js

@@ -70,3 +70,3 @@ "use strict";
   slots: {
-    base: "group w-full",
+    base: "group/datepicker w-full",
     selectorButton: "-mr-2 text-inherit",
@@ -84,5 +84,5 @@ selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
   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"
@@ -89,0 +89,0 @@ }

dist/components/input.js

@@ -86,3 +86,3 @@ "use strict";
   slots: {
-    base: "group flex flex-col data-[hidden=true]:hidden",
+    base: "group/input flex flex-col data-[hidden=true]:hidden",
     label: [
@@ -127,3 +127,3 @@ "absolute",
     ],
-    helperWrapper: "hidden group-data-[has-helper=true]:flex p-1 relative flex-col gap-1.5",
+    helperWrapper: "hidden group-data-[has-helper=true]/input:flex p-1 relative flex-col gap-1.5",
     description: "text-tiny text-foreground-400",
@@ -138,3 +138,3 @@ errorMessage: "text-tiny text-danger"
           "data-[hover=true]:bg-default-200",
-          "group-data-[focus=true]:bg-default-100"
+          "group-data-[focus=true]/input:bg-default-100"
         ]
@@ -149,3 +149,3 @@ },
         ],
-        value: "group-data-[has-value=true]:text-default-foreground"
+        value: "group-data-[has-value=true]/input:text-default-foreground"
       },
@@ -157,3 +157,3 @@ bordered: {
           "data-[hover=true]:border-default-400",
-          "group-data-[focus=true]:border-default-foreground"
+          "group-data-[focus=true]/input:border-default-foreground"
         ]
@@ -182,6 +182,6 @@ },
           "after:h-[2px]",
-          "group-data-[focus=true]:after:w-full"
+          "group-data-[focus=true]/input:after:w-full"
         ],
         innerWrapper: "pb-1",
-        label: "group-data-[filled-within=true]:text-foreground"
+        label: "group-data-[filled-within=true]/input:text-foreground"
       }
@@ -245,3 +245,3 @@ },
         inputWrapper: "flex-col items-start justify-center gap-0",
-        innerWrapper: "group-data-[has-label=true]:items-end"
+        innerWrapper: "group-data-[has-label=true]/input:items-end"
       }
@@ -282,3 +282,3 @@ },
         inputWrapper: "!h-auto",
-        innerWrapper: "items-start group-data-[has-label=true]:items-start",
+        innerWrapper: "items-start group-data-[has-label=true]/input:items-start",
         input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
@@ -320,3 +320,3 @@ }
       class: {
-        input: "group-data-[has-value=true]:text-default-foreground"
+        input: "group-data-[has-value=true]/input:text-default-foreground"
       }
@@ -332,3 +332,3 @@ },
           "text-primary",
-          "group-data-[focus=true]:bg-primary-50",
+          "group-data-[focus=true]/input:bg-primary-50",
           "placeholder:text-primary"
@@ -348,3 +348,3 @@ ],
           "data-[hover=true]:bg-secondary-100",
-          "group-data-[focus=true]:bg-secondary-50",
+          "group-data-[focus=true]/input:bg-secondary-50",
           "placeholder:text-secondary"
@@ -367,3 +367,3 @@ ],
           "data-[hover=true]:bg-success-100",
-          "group-data-[focus=true]:bg-success-50"
+          "group-data-[focus=true]/input:bg-success-50"
         ],
@@ -385,3 +385,3 @@ input: "placeholder:text-success-600 dark:placeholder:text-success",
           "data-[hover=true]:bg-warning-100",
-          "group-data-[focus=true]:bg-warning-50"
+          "group-data-[focus=true]/input:bg-warning-50"
         ],
@@ -403,3 +403,3 @@ input: "placeholder:text-warning-600 dark:placeholder:text-warning",
           "data-[hover=true]:bg-danger-100",
-          "group-data-[focus=true]:bg-danger-50"
+          "group-data-[focus=true]/input:bg-danger-50"
         ],
@@ -454,3 +454,3 @@ input: "placeholder:text-danger dark:placeholder:text-danger-500",
       class: {
-        input: "group-data-[has-value=true]:text-foreground"
+        input: "group-data-[has-value=true]/input:text-foreground"
       }
@@ -502,3 +502,3 @@ },
       class: {
-        inputWrapper: "group-data-[focus=true]:border-primary",
+        inputWrapper: "group-data-[focus=true]/input:border-primary",
         label: "text-primary"
@@ -511,3 +511,3 @@ }
       class: {
-        inputWrapper: "group-data-[focus=true]:border-secondary",
+        inputWrapper: "group-data-[focus=true]/input:border-secondary",
         label: "text-secondary"
@@ -520,3 +520,3 @@ }
       class: {
-        inputWrapper: "group-data-[focus=true]:border-success",
+        inputWrapper: "group-data-[focus=true]/input:border-success",
         label: "text-success"
@@ -529,3 +529,3 @@ }
       class: {
-        inputWrapper: "group-data-[focus=true]:border-warning",
+        inputWrapper: "group-data-[focus=true]/input:border-warning",
         label: "text-warning"
@@ -538,3 +538,3 @@ }
       class: {
-        inputWrapper: "group-data-[focus=true]:border-danger",
+        inputWrapper: "group-data-[focus=true]/input:border-danger",
         label: "text-danger"
@@ -547,3 +547,3 @@ }
       class: {
-        label: "group-data-[filled-within=true]:text-default-600"
+        label: "group-data-[filled-within=true]/input:text-default-600"
       }
@@ -555,3 +555,3 @@ },
       class: {
-        label: "group-data-[filled-within=true]:text-foreground"
+        label: "group-data-[filled-within=true]/input:text-foreground"
       }
@@ -609,3 +609,3 @@ },
           "data-[hover=true]:!bg-danger-100",
-          "group-data-[focus=true]:!bg-danger-50"
+          "group-data-[focus=true]/input:!bg-danger-50"
         ]
@@ -618,3 +618,3 @@ }
       class: {
-        inputWrapper: "!border-danger group-data-[focus=true]:!border-danger"
+        inputWrapper: "!border-danger group-data-[focus=true]/input:!border-danger"
       }
@@ -662,3 +662,3 @@ },
       class: {
-        label: ["group-data-[filled-within=true]:pointer-events-auto"]
+        label: ["group-data-[filled-within=true]/input:pointer-events-auto"]
       }
@@ -670,3 +670,3 @@ },
       class: {
-        base: "group relative justify-end",
+        base: "relative justify-end",
         label: [
@@ -677,3 +677,3 @@ "pb-0",
           "-translate-y-1/2",
-          "group-data-[filled-within=true]:start-0"
+          "group-data-[filled-within=true]/input:start-0"
         ]
@@ -685,3 +685,3 @@ }
       class: {
-        label: ["group-data-[filled-within=true]:scale-85"]
+        label: ["group-data-[filled-within=true]/input:scale-85"]
       }
@@ -723,3 +723,3 @@ },
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"
         ]
@@ -734,3 +734,3 @@ }
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ]
@@ -746,3 +746,3 @@ }
           "text-medium",
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ]
@@ -758,3 +758,3 @@ }
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
@@ -770,3 +770,3 @@ }
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
         ]
@@ -783,3 +783,3 @@ }
           "text-medium",
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
@@ -795,3 +795,3 @@ }
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"
         ]
@@ -807,3 +807,3 @@ }
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
         ]
@@ -820,3 +820,3 @@ }
           "text-medium",
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
         ]
@@ -833,3 +833,3 @@ }
           "text-tiny",
-          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -848,3 +848,3 @@ base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_8px)]"
           "text-small",
-          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -863,3 +863,3 @@ base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)]"
           "text-medium",
-          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
+          "group-data-[filled-within=true]/input:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],
@@ -873,3 +873,3 @@ base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]"
       class: {
-        label: "group-data-[has-helper=true]:pt-2"
+        label: "group-data-[has-helper=true]/input:pt-2"
       }
@@ -881,3 +881,3 @@ },
       class: {
-        label: "group-data-[has-helper=true]:pt-3"
+        label: "group-data-[has-helper=true]/input:pt-3"
       }
@@ -889,3 +889,3 @@ },
       class: {
-        label: "group-data-[has-helper=true]:pt-4"
+        label: "group-data-[has-helper=true]/input:pt-4"
       }
@@ -892,0 +892,0 @@ },

dist/components/radio.js

@@ -80,3 +80,3 @@ "use strict";
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
+    base: "group/radio relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
     wrapper: [
@@ -94,3 +94,3 @@ "relative",
       "rounded-full",
-      "group-data-[hover-unselected=true]:bg-default-100",
+      "group-data-[hover-unselected=true]/radio:bg-default-100",
       ...groupDataFocusVisibleClasses
@@ -107,4 +107,4 @@ ],
       "rounded-full",
-      "group-data-[selected=true]:opacity-100",
-      "group-data-[selected=true]:scale-100"
+      "group-data-[selected=true]/radio:opacity-100",
+      "group-data-[selected=true]/radio:scale-100"
     ],
@@ -118,23 +118,23 @@ label: "relative text-foreground select-none",
         control: "bg-default-500 text-default-foreground",
-        wrapper: "group-data-[selected=true]:border-default-500"
+        wrapper: "group-data-[selected=true]/radio:border-default-500"
       },
       primary: {
         control: "bg-primary text-primary-foreground",
-        wrapper: "group-data-[selected=true]:border-primary"
+        wrapper: "group-data-[selected=true]/radio:border-primary"
       },
       secondary: {
         control: "bg-secondary text-secondary-foreground",
-        wrapper: "group-data-[selected=true]:border-secondary"
+        wrapper: "group-data-[selected=true]/radio:border-secondary"
       },
       success: {
         control: "bg-success text-success-foreground",
-        wrapper: "group-data-[selected=true]:border-success"
+        wrapper: "group-data-[selected=true]/radio:border-success"
       },
       warning: {
         control: "bg-warning text-warning-foreground",
-        wrapper: "group-data-[selected=true]:border-warning"
+        wrapper: "group-data-[selected=true]/radio:border-warning"
       },
       danger: {
         control: "bg-danger text-danger-foreground",
-        wrapper: "group-data-[selected=true]:border-danger"
+        wrapper: "group-data-[selected=true]/radio:border-danger"
       }
@@ -173,3 +173,3 @@ },
         control: "bg-danger text-danger-foreground",
-        wrapper: "border-danger group-data-[selected=true]:border-danger",
+        wrapper: "border-danger group-data-[selected=true]/radio:border-danger",
         label: "text-danger",
@@ -183,3 +183,3 @@ description: "text-danger-300"
         wrapper: [
-          "group-data-[pressed=true]:scale-95",
+          "group-data-[pressed=true]/radio:scale-95",
           "transition-transform-colors",
@@ -186,0 +186,0 @@ "motion-reduce:transition-none"

dist/components/select.js

@@ -76,3 +76,3 @@ "use strict";
   slots: {
-    base: ["group inline-flex flex-col relative w-full"],
+    base: ["group/select inline-flex flex-col relative w-full"],
     label: [
@@ -108,3 +108,3 @@ "block",
           "data-[hover=true]:bg-default-200",
-          "group-data-[focus=true]:bg-default-100"
+          "group-data-[focus=true]/select:bg-default-100"
         ]
@@ -120,3 +120,3 @@ },
         ],
-        value: "group-data-[has-value=true]:text-default-foreground"
+        value: "group-data-[has-value=true]/select:text-default-foreground"
       },
@@ -158,3 +158,3 @@ bordered: {
         ],
-        value: "group-data-[has-value=true]:text-default-foreground"
+        value: "group-data-[has-value=true]/select:text-default-foreground"
       }
@@ -290,3 +290,3 @@ },
       class: {
-        value: "group-data-[has-value=true]:text-default-foreground",
+        value: "group-data-[has-value=true]/select:text-default-foreground",
         trigger: ["bg-default-100", "data-[hover=true]:bg-default-50"]
@@ -303,3 +303,3 @@ }
           "data-[hover=true]:bg-primary-50",
-          "group-data-[focus=true]:bg-primary-50"
+          "group-data-[focus=true]/select:bg-primary-50"
         ],
@@ -318,3 +318,3 @@ value: "text-primary",
           "data-[hover=true]:bg-secondary-50",
-          "group-data-[focus=true]:bg-secondary-50"
+          "group-data-[focus=true]/select:bg-secondary-50"
         ],
@@ -334,3 +334,3 @@ value: "text-secondary",
           "data-[hover=true]:bg-success-50",
-          "group-data-[focus=true]:bg-success-50"
+          "group-data-[focus=true]/select:bg-success-50"
         ],
@@ -350,3 +350,3 @@ value: "text-success-600 dark:text-success",
           "data-[hover=true]:bg-warning-50",
-          "group-data-[focus=true]:bg-warning-50"
+          "group-data-[focus=true]/select:bg-warning-50"
         ],
@@ -366,3 +366,3 @@ value: "text-warning-600 dark:text-warning",
           "data-[hover=true]:bg-danger-50",
-          "group-data-[focus=true]:bg-danger-50"
+          "group-data-[focus=true]/select:bg-danger-50"
         ],
@@ -417,3 +417,3 @@ value: "text-danger dark:text-danger-500",
       class: {
-        value: "group-data-[has-value=true]:text-foreground"
+        value: "group-data-[has-value=true]/select:text-foreground"
       }
@@ -505,3 +505,3 @@ },
       class: {
-        label: "group-data-[filled=true]:text-default-600"
+        label: "group-data-[filled=true]/select:text-default-600"
       }
@@ -513,3 +513,3 @@ },
       class: {
-        label: "group-data-[filled=true]:text-foreground"
+        label: "group-data-[filled=true]/select:text-foreground"
       }
@@ -567,3 +567,3 @@ },
           "data-[hover=true]:bg-danger-100",
-          "group-data-[focus=true]:bg-danger-50"
+          "group-data-[focus=true]/select:bg-danger-50"
         ]
@@ -576,3 +576,3 @@ }
       class: {
-        trigger: "!border-danger group-data-[focus=true]:border-danger"
+        trigger: "!border-danger group-data-[focus=true]/select:border-danger"
       }
@@ -614,3 +614,9 @@ },
         base: "group relative justify-end",
-        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:start-0"]
+        label: [
+          "pb-0",
+          "z-20",
+          "top-1/2",
+          "-translate-y-1/2",
+          "group-data-[filled=true]/select:start-0"
+        ]
       }
@@ -621,3 +627,3 @@ },
       class: {
-        label: "group-data-[filled=true]:scale-85"
+        label: "group-data-[filled=true]/select:scale-85"
       }
@@ -637,4 +643,6 @@ },
       class: {
-        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
-        innerWrapper: "group-data-[has-label=true]:pt-4"
+        label: [
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"
+        ],
+        innerWrapper: "group-data-[has-label=true]/select:pt-4"
       }
@@ -648,5 +656,5 @@ },
         label: [
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ],
-        innerWrapper: "group-data-[has-label=true]:pt-4"
+        innerWrapper: "group-data-[has-label=true]/select:pt-4"
       }
@@ -661,5 +669,5 @@ },
           "text-medium",
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ],
-        innerWrapper: "group-data-[has-label=true]:pt-5"
+        innerWrapper: "group-data-[has-label=true]/select:pt-5"
       }
@@ -674,3 +682,3 @@ },
         label: [
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
@@ -686,3 +694,3 @@ }
         label: [
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
         ]
@@ -699,3 +707,3 @@ }
           "text-medium",
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
@@ -710,3 +718,5 @@ }
       class: {
-        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"]
+        label: [
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"
+        ]
       }
@@ -721,3 +731,3 @@ },
         label: [
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
         ]
@@ -734,3 +744,3 @@ }
           "text-medium",
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
         ]
@@ -747,3 +757,3 @@ }
           "text-tiny",
-          "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -761,3 +771,3 @@ base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_8px)]"
           "text-small",
-          "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -775,3 +785,3 @@ base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)]"
           "text-medium",
-          "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
+          "group-data-[filled=true]/select:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],
@@ -778,0 +788,0 @@ base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]"

dist/components/toggle.js

@@ -79,3 +79,3 @@ "use strict";
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent select-none",
+    base: "group/toggle relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent select-none",
     wrapper: [
@@ -112,4 +112,4 @@ "px-1",
         wrapper: [
-          "group-data-[selected=true]:bg-default-400",
-          "group-data-[selected=true]:text-default-foreground"
+          "group-data-[selected=true]/toggle:bg-default-400",
+          "group-data-[selected=true]/toggle:text-default-foreground"
         ]
@@ -119,4 +119,4 @@ },
         wrapper: [
-          "group-data-[selected=true]:bg-primary",
-          "group-data-[selected=true]:text-primary-foreground"
+          "group-data-[selected=true]/toggle:bg-primary",
+          "group-data-[selected=true]/toggle:text-primary-foreground"
         ]
@@ -126,4 +126,4 @@ },
         wrapper: [
-          "group-data-[selected=true]:bg-secondary",
-          "group-data-[selected=true]:text-secondary-foreground"
+          "group-data-[selected=true]/toggle:bg-secondary",
+          "group-data-[selected=true]/toggle:text-secondary-foreground"
         ]
@@ -133,4 +133,4 @@ },
         wrapper: [
-          "group-data-[selected=true]:bg-success",
-          "group-data-[selected=true]:text-success-foreground"
+          "group-data-[selected=true]/toggle:bg-success",
+          "group-data-[selected=true]/toggle:text-success-foreground"
         ]
@@ -140,4 +140,4 @@ },
         wrapper: [
-          "group-data-[selected=true]:bg-warning",
-          "group-data-[selected=true]:text-warning-foreground"
+          "group-data-[selected=true]/toggle:bg-warning",
+          "group-data-[selected=true]/toggle:text-warning-foreground"
         ]
@@ -147,3 +147,3 @@ },
         wrapper: [
-          "group-data-[selected=true]:bg-danger",
+          "group-data-[selected=true]/toggle:bg-danger",
           "data-[selected=true]:text-danger-foreground"
@@ -158,3 +158,3 @@ ]
           "w-4 h-4 text-tiny",
-          "group-data-[selected=true]:ml-4 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-4"
+          "group-data-[selected=true]/toggle:ml-4 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-4"
         ],
@@ -169,3 +169,3 @@ endContent: "text-tiny",
           "w-5 h-5 text-small",
-          "group-data-[selected=true]:ml-5 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-5"
+          "group-data-[selected=true]/toggle:ml-5 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-5"
         ],
@@ -180,3 +180,3 @@ endContent: "text-small",
           "w-6 h-6 text-medium",
-          "group-data-[selected=true]:ml-6 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-6"
+          "group-data-[selected=true]/toggle:ml-6 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-6"
         ],
@@ -205,4 +205,4 @@ endContent: "text-medium",
           "transition-transform-opacity",
-          "group-data-[selected=true]:scale-100",
-          "group-data-[selected=true]:opacity-100"
+          "group-data-[selected=true]/toggle:scale-100",
+          "group-data-[selected=true]/toggle:opacity-100"
         ],
@@ -212,4 +212,4 @@ endContent: [
           "transition-transform-opacity",
-          "group-data-[selected=true]:translate-x-3",
-          "group-data-[selected=true]:opacity-0"
+          "group-data-[selected=true]/toggle:translate-x-3",
+          "group-data-[selected=true]/toggle:opacity-0"
         ]
@@ -229,3 +229,6 @@ }
       class: {
-        thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-3"]
+        thumb: [
+          "group-data-[pressed=true]/toggle:w-5",
+          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-3"
+        ]
       }
@@ -237,3 +240,6 @@ },
       class: {
-        thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
+        thumb: [
+          "group-data-[pressed=true]/toggle:w-6",
+          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-4"
+        ]
       }
@@ -245,3 +251,6 @@ },
       class: {
-        thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
+        thumb: [
+          "group-data-[pressed=true]/toggle:w-7",
+          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-5"
+        ]
       }
@@ -248,0 +257,0 @@ }

package.json

 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-canary-20240912142243",
+  "version": "0.0.0-canary-20240913061156",
   "description": "The default theme for NextUI components",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1587333

increased by0.33%

Lines of code

65048

increased by0.12%

No dependency changes