@nkey-ui/theme - npm Package Compare versions

Comparing version 1.0.47 to 1.0.48

dist/components/index.d.ts

@@ -8,3 +8,3 @@ export { AccordionSlots, AccordionVariantProps, accordion } from './accordion.js';
 export { InputSlots, InputVariantProps, input } from './input.js';
-export { ModalVariantProps, modal } from './modal.js';
+export { ModalSlots, ModalVariantProps, modal } from './modal.js';
 export { NavbarContentVariantProps, NavbarMenuItemVariantProps, NavbarMenuToggleVariantProps, NavbarMenuVariantProps, NavbarVariantProps, navbar, navbarContent, navbarMenu, navbarMenuItem, navbarMenuToggle } from './navbar.js';
@@ -11,0 +11,0 @@ export { PopoverSlots, PopoverVariantProps, popover } from './popover.js';

dist/components/index.js

@@ -806,8 +806,8 @@ "use strict";
   slots: {
-    backdrop: "animate-fade-in fixed inset-0 z-50 flex h-[100dvh] w-screen items-center justify-center transition-opacity",
-    base: "bg-content1 pointer-events-auto relative m-1 box-border flex w-full flex-col overflow-hidden sm:mx-6 sm:my-16",
+    backdrop: "fixed inset-0 z-50 flex h-[100dvh] w-screen items-center justify-center",
+    base: "bg-content1 relative m-1 box-border flex w-full flex-col overflow-hidden sm:mx-6 sm:my-16",
     header: "text-large px-6 py-4 font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
     footer: "flex justify-end gap-2 px-6 py-4",
-    closeButton: "text-foreground/50 hover:bg-foreground/10 active:bg-foreground/20 absolute right-1 top-1 select-none rounded-full p-2"
+    closeButton: "text-foreground/50 hover:bg-foreground/10 absolute right-1 top-1 select-none rounded-full p-2"
   },
@@ -819,3 +819,4 @@ variants: {
       transparent: {
-        backdrop: "pointer-events-none bg-transparent"
+        backdrop: "pointer-events-none bg-transparent",
+        base: "pointer-events-auto"
       },
@@ -884,6 +885,2 @@ opaque: {
       }
-    },
-    opacity: {
-      0: { backdrop: "opacity-0" },
-      1: { backdrop: "opacity-100" }
     }
@@ -890,0 +887,0 @@ },

dist/components/modal.d.ts

@@ -52,2 +52,3 @@ import * as tailwind_variants from 'tailwind-variants';
             backdrop: string;
+            base: string;
         };
@@ -117,10 +118,2 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }, {
@@ -180,2 +173,3 @@ backdrop: string;
             backdrop: string;
+            base: string;
         };
@@ -245,10 +239,2 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }, {
@@ -301,2 +287,3 @@ color: {
             backdrop: string;
+            base: string;
         };
@@ -366,10 +353,2 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }>, {
@@ -422,2 +401,3 @@ color: {
             backdrop: string;
+            base: string;
         };
@@ -487,10 +467,2 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }, {
@@ -550,2 +522,3 @@ backdrop: string;
             backdrop: string;
+            base: string;
         };
@@ -615,10 +588,2 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }, {
@@ -678,2 +643,3 @@ backdrop: string;
             backdrop: string;
+            base: string;
         };
@@ -743,10 +709,2 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }, {
@@ -799,2 +757,3 @@ color: {
             backdrop: string;
+            base: string;
         };
@@ -864,13 +823,6 @@ opaque: {
     };
-    opacity: {
-        0: {
-            backdrop: string;
-        };
-        1: {
-            backdrop: string;
-        };
-    };
 }>, unknown, unknown, undefined>>;
 type ModalVariantProps = VariantProps<typeof modal>;
+type ModalSlots = keyof ReturnType<typeof modal>;
 
-export { ModalVariantProps, modal };
+export { ModalSlots, ModalVariantProps, modal };

dist/components/modal.js

@@ -206,8 +206,8 @@ "use strict";
   slots: {
-    backdrop: "animate-fade-in fixed inset-0 z-50 flex h-[100dvh] w-screen items-center justify-center transition-opacity",
-    base: "bg-content1 pointer-events-auto relative m-1 box-border flex w-full flex-col overflow-hidden sm:mx-6 sm:my-16",
+    backdrop: "fixed inset-0 z-50 flex h-[100dvh] w-screen items-center justify-center",
+    base: "bg-content1 relative m-1 box-border flex w-full flex-col overflow-hidden sm:mx-6 sm:my-16",
     header: "text-large px-6 py-4 font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
     footer: "flex justify-end gap-2 px-6 py-4",
-    closeButton: "text-foreground/50 hover:bg-foreground/10 active:bg-foreground/20 absolute right-1 top-1 select-none rounded-full p-2"
+    closeButton: "text-foreground/50 hover:bg-foreground/10 absolute right-1 top-1 select-none rounded-full p-2"
   },
@@ -219,3 +219,4 @@ variants: {
       transparent: {
-        backdrop: "pointer-events-none bg-transparent"
+        backdrop: "pointer-events-none bg-transparent",
+        base: "pointer-events-auto"
       },
@@ -284,6 +285,2 @@ opaque: {
       }
-    },
-    opacity: {
-      0: { backdrop: "opacity-0" },
-      1: { backdrop: "opacity-100" }
     }
@@ -290,0 +287,0 @@ },

dist/index.d.ts

@@ -8,3 +8,3 @@ export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.js';
 export { InputSlots, InputVariantProps, input } from './components/input.js';
-export { ModalVariantProps, modal } from './components/modal.js';
+export { ModalSlots, ModalVariantProps, modal } from './components/modal.js';
 export { NavbarContentVariantProps, NavbarMenuItemVariantProps, NavbarMenuToggleVariantProps, NavbarMenuVariantProps, NavbarVariantProps, navbar, navbarContent, navbarMenu, navbarMenuItem, navbarMenuToggle } from './components/navbar.js';
@@ -11,0 +11,0 @@ export { PopoverSlots, PopoverVariantProps, popover } from './components/popover.js';

dist/index.js

@@ -900,8 +900,8 @@ "use strict";
   slots: {
-    backdrop: "animate-fade-in fixed inset-0 z-50 flex h-[100dvh] w-screen items-center justify-center transition-opacity",
-    base: "bg-content1 pointer-events-auto relative m-1 box-border flex w-full flex-col overflow-hidden sm:mx-6 sm:my-16",
+    backdrop: "fixed inset-0 z-50 flex h-[100dvh] w-screen items-center justify-center",
+    base: "bg-content1 relative m-1 box-border flex w-full flex-col overflow-hidden sm:mx-6 sm:my-16",
     header: "text-large px-6 py-4 font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
     footer: "flex justify-end gap-2 px-6 py-4",
-    closeButton: "text-foreground/50 hover:bg-foreground/10 active:bg-foreground/20 absolute right-1 top-1 select-none rounded-full p-2"
+    closeButton: "text-foreground/50 hover:bg-foreground/10 absolute right-1 top-1 select-none rounded-full p-2"
   },
@@ -913,3 +913,4 @@ variants: {
       transparent: {
-        backdrop: "pointer-events-none bg-transparent"
+        backdrop: "pointer-events-none bg-transparent",
+        base: "pointer-events-auto"
       },
@@ -978,6 +979,2 @@ opaque: {
       }
-    },
-    opacity: {
-      0: { backdrop: "opacity-0" },
-      1: { backdrop: "opacity-100" }
     }
@@ -984,0 +981,0 @@ },

package.json

 {
   "name": "@nkey-ui/theme",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "description": "The default theme for NkeyUI components",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Worsened metrics

Total package byte prevSize

535716

decreased by-0.22%

Lines of code

19245

decreased by-0.31%

No dependency changes