@nextui-org/theme - npm Package Compare versions

Comparing version 0.0.0-canary-20241206144245 to 0.0.0-canary-20241210133734

dist/components/checkbox.d.ts

@@ -107,2 +107,3 @@ import * as tailwind_variants from 'tailwind-variants';
     wrapper: string[];
+    hiddenInput: string[];
     icon: string;
@@ -362,2 +363,3 @@ label: string;
     wrapper: string[];
+    hiddenInput: string[];
     icon: string;
@@ -451,2 +453,3 @@ label: string;
     wrapper: string[];
+    hiddenInput: string[];
     icon: string;
@@ -453,0 +456,0 @@ label: string;

dist/components/checkbox.js

@@ -83,2 +83,21 @@ "use strict";
 ];
+var hiddenInputClasses = [
+  "[--cursor-hit-x:8px]",
+  "font-inherit",
+  "text-[100%]",
+  "leading-[1.15]",
+  "m-0",
+  "p-0",
+  "overflow-visible",
+  "box-border",
+  "absolute",
+  "top-0",
+  "start-[calc(var(--cursor-hit-x)*-1)]",
+  "w-[calc(100%+var(--cursor-hit-x)*2)]",
+  "h-full",
+  "opacity-[0.0001]",
+  "z-[1]",
+  "cursor-pointer",
+  "disabled:cursor-default"
+];
 
@@ -114,3 +133,4 @@ // src/components/checkbox.ts
     ],
-    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
+    hiddenInput: hiddenInputClasses,
+    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100 pointer-events-none",
     label: "relative text-foreground select-none"
@@ -117,0 +137,0 @@ },

dist/components/radio.d.ts

@@ -102,2 +102,3 @@ import * as tailwind_variants from 'tailwind-variants';
     wrapper: string[];
+    hiddenInput: string[];
     labelWrapper: string;
@@ -326,2 +327,3 @@ control: string[];
     wrapper: string[];
+    hiddenInput: string[];
     labelWrapper: string;
@@ -406,2 +408,3 @@ control: string[];
     wrapper: string[];
+    hiddenInput: string[];
     labelWrapper: string;
@@ -408,0 +411,0 @@ control: string[];

dist/components/radio.js

@@ -83,2 +83,21 @@ "use strict";
 ];
+var hiddenInputClasses = [
+  "[--cursor-hit-x:8px]",
+  "font-inherit",
+  "text-[100%]",
+  "leading-[1.15]",
+  "m-0",
+  "p-0",
+  "overflow-visible",
+  "box-border",
+  "absolute",
+  "top-0",
+  "start-[calc(var(--cursor-hit-x)*-1)]",
+  "w-[calc(100%+var(--cursor-hit-x)*2)]",
+  "h-full",
+  "opacity-[0.0001]",
+  "z-[1]",
+  "cursor-pointer",
+  "disabled:cursor-default"
+];
 
@@ -104,2 +123,3 @@ // src/components/radio.ts
     ],
+    hiddenInput: hiddenInputClasses,
     labelWrapper: "flex flex-col ml-1",
@@ -106,0 +126,0 @@ control: [

dist/components/toggle.d.ts

@@ -95,2 +95,3 @@ import * as tailwind_variants from 'tailwind-variants';
     thumb: string[];
+    hiddenInput: string[];
     startContent: string;
@@ -287,2 +288,3 @@ endContent: string;
     thumb: string[];
+    hiddenInput: string[];
     startContent: string;
@@ -357,2 +359,3 @@ endContent: string;
     thumb: string[];
+    hiddenInput: string[];
     startContent: string;
@@ -359,0 +362,0 @@ endContent: string;

dist/components/toggle.js

@@ -82,2 +82,21 @@ "use strict";
 ];
+var hiddenInputClasses = [
+  "[--cursor-hit-x:8px]",
+  "font-inherit",
+  "text-[100%]",
+  "leading-[1.15]",
+  "m-0",
+  "p-0",
+  "overflow-visible",
+  "box-border",
+  "absolute",
+  "top-0",
+  "start-[calc(var(--cursor-hit-x)*-1)]",
+  "w-[calc(100%+var(--cursor-hit-x)*2)]",
+  "h-full",
+  "opacity-[0.0001]",
+  "z-[1]",
+  "cursor-pointer",
+  "disabled:cursor-default"
+];
 
@@ -108,4 +127,6 @@ // src/components/toggle.ts
       "rounded-full",
-      "origin-right"
+      "origin-right",
+      "pointer-events-none"
     ],
+    hiddenInput: hiddenInputClasses,
     startContent: "z-0 absolute start-1.5 text-current",
@@ -112,0 +133,0 @@ endContent: "z-0 absolute end-1.5 text-default-600",

dist/index.d.ts

@@ -43,3 +43,3 @@ export { AvatarGroupSlots, AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './components/avatar.js';
 export { FormVariantProps, form } from './components/form.js';
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './utils/classes.js';
+export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses } from './utils/classes.js';
 export { SlotsToClasses } from './utils/types.js';
@@ -46,0 +46,0 @@ export { colorVariants } from './utils/variants.js';

dist/utils/classes.d.ts

@@ -33,3 +33,4 @@ /**
 };
+declare const hiddenInputClasses: string[];
 
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses };
+export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses };

dist/utils/classes.js

@@ -29,2 +29,3 @@ "use strict";
   groupDataFocusVisibleClasses: () => groupDataFocusVisibleClasses,
+  hiddenInputClasses: () => hiddenInputClasses,
   ringClasses: () => ringClasses,
@@ -82,2 +83,21 @@ translateCenterClasses: () => translateCenterClasses
 };
+var hiddenInputClasses = [
+  "[--cursor-hit-x:8px]",
+  "font-inherit",
+  "text-[100%]",
+  "leading-[1.15]",
+  "m-0",
+  "p-0",
+  "overflow-visible",
+  "box-border",
+  "absolute",
+  "top-0",
+  "start-[calc(var(--cursor-hit-x)*-1)]",
+  "w-[calc(100%+var(--cursor-hit-x)*2)]",
+  "h-full",
+  "opacity-[0.0001]",
+  "z-[1]",
+  "cursor-pointer",
+  "disabled:cursor-default"
+];
 // Annotate the CommonJS export names for ESM import in node:
@@ -91,4 +111,5 @@ 0 && (module.exports = {
   groupDataFocusVisibleClasses,
+  hiddenInputClasses,
   ringClasses,
   translateCenterClasses
 });

dist/utils/index.d.ts

@@ -1,2 +0,2 @@
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './classes.js';
+export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses } from './classes.js';
 export { SlotsToClasses } from './types.js';
@@ -3,0 +3,0 @@ export { colorVariants } from './variants.js';

dist/utils/index.js

@@ -38,2 +38,3 @@ "use strict";
   groupDataFocusVisibleClasses: () => groupDataFocusVisibleClasses,
+  hiddenInputClasses: () => hiddenInputClasses,
   mergeClasses: () => mergeClasses,
@@ -95,2 +96,21 @@ ringClasses: () => ringClasses,
 };
+var hiddenInputClasses = [
+  "[--cursor-hit-x:8px]",
+  "font-inherit",
+  "text-[100%]",
+  "leading-[1.15]",
+  "m-0",
+  "p-0",
+  "overflow-visible",
+  "box-border",
+  "absolute",
+  "top-0",
+  "start-[calc(var(--cursor-hit-x)*-1)]",
+  "w-[calc(100%+var(--cursor-hit-x)*2)]",
+  "h-full",
+  "opacity-[0.0001]",
+  "z-[1]",
+  "cursor-pointer",
+  "disabled:cursor-default"
+];
 
@@ -227,2 +247,3 @@ // src/utils/variants.ts
   groupDataFocusVisibleClasses,
+  hiddenInputClasses,
   mergeClasses,
@@ -229,0 +250,0 @@ ringClasses,

package.json

 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-canary-20241206144245",
+  "version": "0.0.0-canary-20241210133734",
   "description": "The default theme for NextUI components",
@@ -47,3 +47,3 @@ "keywords": [
     "tailwind-merge": "^2.5.2",
-    "@nextui-org/shared-utils": "0.0.0-canary-20241206144245"
+    "@nextui-org/shared-utils": "2.1.1"
   },
@@ -50,0 +50,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

1729508

increased by0.25%

Lines of code

71181

increased by0.27%

Dependency changes

• + Added@nextui-org/shared-utils@2.1.1(transitive)

• - Removed@nextui-org/shared-utils@0.0.0-canary-20241206144245(transitive)

• Updated@nextui-org/shared-utils@2.1.1