hamzus-ui 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "hamzus-ui",
-	"version": "0.0.7",
+	"version": "0.0.9",
 	"type": "module",
     "main": "index.js",
     "svelte": "index.js",

package/src/components/hamzus-ui/Button/Button.svelte

@@ -20,7 +20,7 @@
 			defaultColor: '--white',
 			hoverBg: '--accent-b',
             hoverBorder:'',
-			hoverColor: '--white-d'
+			hoverColor: '--white-2'
 		},
 		secondary: {
 			defaultBg: '--bg-2',

package/src/components/hamzus-ui/IconButton/IconButton.svelte

@@ -19,7 +19,7 @@
 			defaultColor: '--white',
 			hoverBg: '--accent-b',
             hoverBorder:'',
-			hoverColor: '--white-d'
+			hoverColor: '--white-2'
 		},
 		secondary: {
 			defaultBg: '--bg-2',

package/src/components/hamzus-ui/Popover/Root.svelte

@@ -285,7 +285,7 @@ import { onDestroy, onMount } from 'svelte';
             >
                 <slot name="content" />
             </content>
-            <div class="dropdown-bg-exit"></div>
+            <!-- <div class="dropdown-bg-exit"></div> -->
         </content-container>
     </Portal>
 </dropdown>
@@ -293,7 +293,7 @@ import { onDestroy, onMount } from 'svelte';
 <style>
 	.trigger {
 		all: unset;
-        z-index: 2;
+        z-index: 200;
         position: relative;
         display: inline-block;
 	}
@@ -306,7 +306,7 @@ import { onDestroy, onMount } from 'svelte';
 		user-select: none;
 		pointer-events: none;
 		opacity: 0;
-		z-index: 2;
+		z-index: 200;
         padding:var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
 	}
 
@@ -340,14 +340,18 @@ import { onDestroy, onMount } from 'svelte';
 	}
 
 	@keyframes entry {
-		from {
+		0% {
 			display: block;
 			opacity: 0;
 			user-select: none;
 			pointer-events: none;
 			transform: translate(var(--transform-x), var(--transform-y)) scale(0.9);
 		}
-		to {
+        99% {
+			user-select: none;
+			pointer-events: none;
+        }
+		100% {
 			display: block;
 			opacity: 1;
 			user-select: initial;
@@ -359,8 +363,8 @@ import { onDestroy, onMount } from 'svelte';
 		from {
 			display: block;
 			opacity: 1;
-			user-select: initial;
-			pointer-events: initial;
+			user-select: none;
+			pointer-events: none;
 			transform: translate(0px, 0px) scale(1);
 		}
 		to {

package/src/styles/variables.css

@@ -15,7 +15,8 @@
     --violet: #FA8DE2;
     --violet-b: #fa8de22d;
     --white: #F6F6F6;
-    --white-d: #d6dedf;
+    --white-b: #ffffff4d;
+    --white-2: #d6dedf;
     /* font color */
     --font-1: #121212;
     --font-2: #666666;