@hashrytech/quick-components-kit 0.8.2 → 0.8.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hashrytech/quick-components-kit
 
+## 0.8.4
+
+### Patch Changes
+
+- fix: Removing open and close for overlay component
+
+## 0.8.3
+
+### Patch Changes
+
+- fix: Updating class properties of overlay component
+
 ## 0.8.2
 
 ### Patch Changes

package/dist/overlay/Overlay.svelte

@@ -1,59 +1,31 @@
 <script lang="ts" module>    
-	  import { onDestroy, onMount, type Snippet } from 'svelte';
+	  import { type Snippet } from 'svelte';
     import type { ClassNameValue } from 'tailwind-merge';
     import { fade } from 'svelte/transition';
     import {twMerge} from 'tailwind-merge';
-	  import { browser } from '$app/environment';
     
     export type OverlayProps = {
-      open?: boolean;
-      escapeKeyClose?: boolean;
       disableBodyScroll?: boolean;
       ariaLabel?: string;
-      overlayTransitionDuration?: number;
-      overlayClasses?: string;
+      transitionDuration?: number;
       children?: Snippet;
-      class?: ClassNameValue;
       onclick?: (event: MouseEvent) => void;
+      class?: ClassNameValue;
     };
 
 </script>
 
 <script lang="ts">
-  let {open=$bindable(false), escapeKeyClose=true, disableBodyScroll=true, overlayTransitionDuration=0, ariaLabel="Modal", overlayClasses="", onclick, children, ...props}: OverlayProps = $props();
+  let {disableBodyScroll=true, transitionDuration=0, ariaLabel="Modal", onclick, children, ...props}: OverlayProps = $props();
 
   const lockScroll = () => document.body.style.overflow = 'hidden';
   const unlockScroll = () => document.body.style.overflow = '';
 
   $effect(() => {
-		if (open && disableBodyScroll) lockScroll(); else unlockScroll();
+		if (disableBodyScroll) lockScroll(); else unlockScroll();
 	});
 
-  onMount(() => {
-    if(browser){
-      window.addEventListener('keydown', handleKeydown);
-    }
-  });
-
-  onDestroy(() => {
-    if(browser){
-      window.removeEventListener('keydown', handleKeydown);
-    }
-  });
-
-  export function closeOverlay() {
-    open = false;
-  };
-
-  function handleKeydown (event: { key: string; }) {
-    if(open && escapeKeyClose && event.key === "Escape") {
-      closeOverlay();
-    }
-  };
-
 </script>
 
-{#if open}
-<div transition:fade={{duration: overlayTransitionDuration}} class={twMerge("fixed inset-0 bg-overlay-primary", overlayClasses)} role="presentation" {onclick}></div>
-{/if}
+<div transition:fade={{duration: transitionDuration}} class={twMerge("fixed top-0 left-0 right-0 bottom-0 bg-overlay-primary", props.class)} role="presentation" {onclick}></div>
 

package/dist/overlay/Overlay.svelte.d.ts

@@ -1,18 +1,13 @@
 import { type Snippet } from 'svelte';
 import type { ClassNameValue } from 'tailwind-merge';
 export type OverlayProps = {
-    open?: boolean;
-    escapeKeyClose?: boolean;
     disableBodyScroll?: boolean;
     ariaLabel?: string;
-    overlayTransitionDuration?: number;
-    overlayClasses?: string;
+    transitionDuration?: number;
     children?: Snippet;
-    class?: ClassNameValue;
     onclick?: (event: MouseEvent) => void;
+    class?: ClassNameValue;
 };
-declare const Overlay: import("svelte").Component<OverlayProps, {
-    closeOverlay: () => void;
-}, "open">;
+declare const Overlay: import("svelte").Component<OverlayProps, {}, "">;
 type Overlay = ReturnType<typeof Overlay>;
 export default Overlay;

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.8.2",
+  "version": "0.8.4",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [