@nextui-org/theme 0.0.0-dev-v2-20230717232039 → 0.0.0-dev-v2-20230718014939

package/dist/index.js

@@ -735,7 +735,6 @@ var button = tv({
     "min-w-max",
     "font-normal",
     "subpixel-antialiased",
-    "data-[pressed=true]:scale-95",
     "overflow-hidden",
     "tap-highlight-transparent",
     ...dataFocusVisibleClasses
@@ -788,7 +787,7 @@ var button = tv({
     },
     disableAnimation: {
       true: "!transition-none",
-      false: "transition-transform-colors motion-reduce:transition-none"
+      false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -2457,7 +2456,7 @@ var badge = tv({
 // 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",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
     wrapper: [
       "relative",
       "inline-flex",
@@ -2481,7 +2480,6 @@ var checkbox = tv({
       "group-data-[selected=true]:after:scale-100",
       "group-data-[selected=true]:after:opacity-100",
       "group-data-[hover=true]:before:bg-default-100",
-      "group-data-[hover=true]:before:bg-default-100",
       ...groupDataFocusVisibleClasses
     ],
     icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
@@ -2599,6 +2597,8 @@ var checkbox = tv({
       false: {
         wrapper: [
           "before:transition-background",
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform",
           "after:transition-transform-opacity",
           "after:!ease-linear",
           "after:!duration-200"
@@ -2629,7 +2629,7 @@ var checkboxGroup = tv({
 // src/components/radio.ts
 var radio = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
     wrapper: [
       "relative",
       "inline-flex",
@@ -2726,7 +2726,7 @@ var radio = tv({
     disableAnimation: {
       true: {},
       false: {
-        wrapper: "transition-background",
+        wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
         control: "transition-transform-opacity"
       }
     }
@@ -2864,7 +2864,7 @@ var pagination = tv({
         cursor: "transition-none"
       },
       false: {
-        item: "transition-background",
+        item: ["data-[pressed=true]:scale-95", "transition-transform-background"],
         cursor: ["transition-transform", "!duration-300"]
       }
     }
@@ -3139,7 +3139,7 @@ var toggle = tv({
       "overflow-hidden",
       "bg-default-200",
       "rounded-full",
-      ...dataFocusVisibleClasses
+      ...groupDataFocusVisibleClasses
     ],
     thumb: [
       "z-10",
@@ -3200,9 +3200,7 @@ var toggle = tv({
         wrapper: "w-10 h-6 mr-2",
         thumb: [
           "w-4 h-4 text-tiny",
-          "group-data-[selected=true]:ml-4",
-          "group-data-[pressed=true]:w-5",
-          "group-data-[selected]:group-data-[pressed]:ml-4"
+          "group-data-[selected=true]:ml-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
@@ -3212,9 +3210,7 @@ var toggle = tv({
         wrapper: "w-12 h-7 mr-2",
         thumb: [
           "w-5 h-5 text-small",
-          "group-data-[selected=true]:ml-5",
-          "group-data-[pressed=true]:w-6",
-          "group-data-[selected]:group-data-[pressed]:ml-4"
+          "group-data-[selected=true]:ml-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
@@ -3224,9 +3220,7 @@ var toggle = tv({
         wrapper: "w-14 h-8 mr-2",
         thumb: [
           "w-6 h-6 text-medium",
-          "group-data-[selected=true]:ml-6",
-          "group-data-[pressed=true]:w-7",
-          "group-data-[selected]:group-data-[pressed]:ml-5"
+          "group-data-[selected=true]:ml-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -3267,7 +3261,30 @@ var toggle = tv({
     size: "md",
     isDisabled: false,
     disableAnimation: false
-  }
+  },
+  compoundVariants: [
+    {
+      disableAnimation: false,
+      size: "sm",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-4"]
+      }
+    },
+    {
+      disableAnimation: false,
+      size: "md",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
+      }
+    },
+    {
+      disableAnimation: false,
+      size: "lg",
+      class: {
+        thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
+      }
+    }
+  ]
 });
 
 // src/components/accordion.ts

package/dist/index.mjs

@@ -1,17 +1,35 @@
 import "./chunk-PRWEADY4.mjs";
+import {
+  table
+} from "./chunk-ADNJ6GPZ.mjs";
+import {
+  tabs
+} from "./chunk-AWPGSFD6.mjs";
+import {
+  toggle
+} from "./chunk-SJ7X4UT4.mjs";
 import {
   user
 } from "./chunk-O24TFHPZ.mjs";
+import {
+  pagination
+} from "./chunk-RUD4TZ7J.mjs";
+import {
+  popover
+} from "./chunk-HREHHLTK.mjs";
+import {
+  progress
+} from "./chunk-LQGOKGQV.mjs";
 import {
   radio,
   radioGroup
-} from "./chunk-4DKW2WAC.mjs";
+} from "./chunk-Y33ZY7KH.mjs";
 import {
   skeleton
 } from "./chunk-EUS2SEYI.mjs";
 import {
   snippet
-} from "./chunk-B55QBA5E.mjs";
+} from "./chunk-O3IKQG57.mjs";
 import {
   spacer
 } from "./chunk-EC4F6RJF.mjs";
@@ -19,14 +37,14 @@ import {
   spinner
 } from "./chunk-NAY2XKLY.mjs";
 import {
-  table
-} from "./chunk-ADNJ6GPZ.mjs";
-import {
-  tabs
-} from "./chunk-RHIZZ5XX.mjs";
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection
+} from "./chunk-23KK2ZAZ.mjs";
 import {
-  toggle
-} from "./chunk-HKDWTEHI.mjs";
+  image
+} from "./chunk-WBNF66V7.mjs";
 import {
   input
 } from "./chunk-LIHSRRTN.mjs";
@@ -44,38 +62,31 @@ import {
   navbar
 } from "./chunk-LGRQRHJJ.mjs";
 import {
-  pagination
-} from "./chunk-WK6I5GT7.mjs";
+  button,
+  buttonGroup
+} from "./chunk-KO4T2DX4.mjs";
 import {
-  popover
-} from "./chunk-HFOW2Y4W.mjs";
+  card
+} from "./chunk-O5HCT4VI.mjs";
 import {
-  progress
-} from "./chunk-LQGOKGQV.mjs";
+  checkbox,
+  checkboxGroup
+} from "./chunk-2T5RQ7SK.mjs";
 import {
   chip
-} from "./chunk-MYJVNM2A.mjs";
+} from "./chunk-QZOZ7UWM.mjs";
 import {
   circularProgress
 } from "./chunk-XPLXQDB3.mjs";
 import {
   code
-} from "./chunk-77O7KLUI.mjs";
+} from "./chunk-HDWYLUG3.mjs";
 import {
   divider
 } from "./chunk-YSXRNNDV.mjs";
 import {
   drip
 } from "./chunk-GNLIYZAQ.mjs";
-import {
-  dropdown,
-  dropdownItem,
-  dropdownMenu,
-  dropdownSection
-} from "./chunk-23KK2ZAZ.mjs";
-import {
-  image
-} from "./chunk-WBNF66V7.mjs";
 import {
   accordion,
   accordionItem
@@ -83,31 +94,21 @@ import {
 import {
   avatar,
   avatarGroup
-} from "./chunk-RPMLQF4Y.mjs";
+} from "./chunk-VB6YPWEW.mjs";
 import {
   badge
-} from "./chunk-XCWQAA5D.mjs";
-import {
-  button,
-  buttonGroup
-} from "./chunk-TJL5HHMD.mjs";
-import {
-  card
-} from "./chunk-O5HCT4VI.mjs";
-import {
-  checkbox,
-  checkboxGroup
-} from "./chunk-H3WJKBMK.mjs";
+} from "./chunk-3RZCOCFH.mjs";
+import "./chunk-6AEINX52.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
-import "./chunk-6AEINX52.mjs";
 import {
   nextui
-} from "./chunk-GIVXQT7B.mjs";
+} from "./chunk-3M6H25BL.mjs";
 import "./chunk-XA5ALA4E.mjs";
+import "./chunk-DMASP6FA.mjs";
 import "./chunk-DYIIRM5B.mjs";
 import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
@@ -124,10 +125,10 @@ import {
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-QZTWGJ72.mjs";
+} from "./chunk-QGHMGO5E.mjs";
 import {
   semanticColors
-} from "./chunk-G4RCK475.mjs";
+} from "./chunk-7L2ZWDVP.mjs";
 import "./chunk-KUNVFLXJ.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-7MCHEQXT.mjs";
@@ -135,18 +136,17 @@ import {
   mappedSpacingScaleKeys,
   spacingScaleKeys
 } from "./chunk-WA5F6AED.mjs";
-import "./chunk-DMASP6FA.mjs";
 import {
   commonColors
-} from "./chunk-IAS3SFA4.mjs";
-import "./chunk-JUEOCLA3.mjs";
+} from "./chunk-6TOTQSJE.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";
 
 // src/index.ts
 import { tv } from "tailwind-variants";

package/dist/plugin.mjs

@@ -1,29 +1,29 @@
 import {
   nextui
-} from "./chunk-GIVXQT7B.mjs";
+} from "./chunk-3M6H25BL.mjs";
 import "./chunk-XA5ALA4E.mjs";
+import "./chunk-DMASP6FA.mjs";
 import "./chunk-DYIIRM5B.mjs";
 import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
 import "./chunk-KPK2JQIF.mjs";
 import "./chunk-T7JNS25F.mjs";
 import "./chunk-WQEDQHKX.mjs";
-import "./chunk-QZTWGJ72.mjs";
-import "./chunk-G4RCK475.mjs";
+import "./chunk-QGHMGO5E.mjs";
+import "./chunk-7L2ZWDVP.mjs";
 import "./chunk-KUNVFLXJ.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-7MCHEQXT.mjs";
 import "./chunk-WA5F6AED.mjs";
-import "./chunk-DMASP6FA.mjs";
-import "./chunk-IAS3SFA4.mjs";
-import "./chunk-JUEOCLA3.mjs";
+import "./chunk-6TOTQSJE.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 {
   nextui
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230717232039",
+  "version": "0.0.0-dev-v2-20230718014939",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

package/dist/{chunk-XCWQAA5D.mjs → chunk-3RZCOCFH.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 
 // src/components/badge.ts
 var badge = tv({

package/dist/{chunk-IAS3SFA4.mjs → chunk-6TOTQSJE.mjs}

@@ -1,12 +1,6 @@
-import {
-  yellow
-} from "./chunk-JUEOCLA3.mjs";
 import {
   zinc
 } from "./chunk-3LKKH4AR.mjs";
-import {
-  cyan
-} from "./chunk-T3GWIVAM.mjs";
 import {
   green
 } from "./chunk-OR5PUD24.mjs";
@@ -19,9 +13,15 @@ import {
 import {
   red
 } from "./chunk-YZYGFPNK.mjs";
+import {
+  yellow
+} from "./chunk-JUEOCLA3.mjs";
 import {
   blue
 } from "./chunk-GHZ36ATJ.mjs";
+import {
+  cyan
+} from "./chunk-T3GWIVAM.mjs";
 
 // src/colors/common.ts
 var commonColors = {

package/dist/{chunk-RHIZZ5XX.mjs → chunk-AWPGSFD6.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-T7JNS25F.mjs";

package/dist/{chunk-77O7KLUI.mjs → chunk-HDWYLUG3.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 
 // src/components/code.ts
 var code = tv({

package/dist/{chunk-HFOW2Y4W.mjs → chunk-HREHHLTK.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-T7JNS25F.mjs";

package/dist/{chunk-B55QBA5E.mjs → chunk-O3IKQG57.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 
 // src/components/snippet.ts
 var snippet = tv({

package/dist/{chunk-MYJVNM2A.mjs → chunk-QZOZ7UWM.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 import {
   ringClasses
 } from "./chunk-T7JNS25F.mjs";

package/dist/{chunk-RPMLQF4Y.mjs → chunk-VB6YPWEW.mjs}

@@ -1,9 +1,9 @@
-import {
-  colorVariants
-} from "./chunk-2PIR7DFM.mjs";
 import {
   tv
 } from "./chunk-6AEINX52.mjs";
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
 import {
   dataFocusVisibleClasses,
   translateCenterClasses