@streamscloud/kit 0.1.1 → 0.1.3

package/dist/ui/card-actions/card-action-container.js

@@ -1,9 +1,9 @@
 export const cardActionContainer = (node) => {
     const handleHover = () => {
-        node.style.setProperty('--card-actions--opacity', '1');
+        node.style.setProperty('--sc-kit--card-actions--opacity', '1');
     };
     const handleHoverOut = () => {
-        node.style.setProperty('--card-actions--opacity', '');
+        node.style.setProperty('--sc-kit--card-actions--opacity', '');
     };
     node.addEventListener('mouseenter', handleHover);
     node.addEventListener('mouseleave', handleHoverOut);

package/dist/ui/dropdown/cmp.dropdown.svelte

@@ -5,6 +5,7 @@ import { createPopper } from '@popperjs/core';
 import { untrack } from 'svelte';
 let { position = 'bottom-start', disabled = false, keepDropdownOpen = false, fixedPosition = false, offset = 8, boundaryMargin = 8, backdrop = false, isOpenRequested, on, children, trigger } = $props();
 let opened = $state(false);
+let dropdownEl = $state(null);
 $effect(() => untrack(() => {
     on?.mounted?.({
         toggleOpen: (value) => {
@@ -40,16 +41,22 @@ $effect(() => untrack(() => {
 }));
 $effect(() => {
     return () => {
-        window.removeEventListener('click', close);
+        window.removeEventListener('click', handleOutsideClick, true);
     };
 });
+const handleOutsideClick = (event) => {
+    if (dropdownEl?.contains(event.target)) {
+        return;
+    }
+    close();
+};
 const open = () => {
     opened = true;
-    window.addEventListener('click', close);
+    window.addEventListener('click', handleOutsideClick, true);
 };
 const close = () => {
     opened = false;
-    window.removeEventListener('click', close);
+    window.removeEventListener('click', handleOutsideClick, true);
 };
 const handleClick = (event) => {
     event.stopPropagation();
@@ -119,7 +126,7 @@ const initPopper = (node) => {
     role="none">
   </div>
 {/if}
-<div class="dropdown" class:dropdown--disabled={disabled} onclick={handleClick} onkeydown={() => ({})} role="none">
+<div class="dropdown" class:dropdown--disabled={disabled} bind:this={dropdownEl} onclick={handleClick} onkeydown={() => ({})} role="none">
   <button type="button" class="dropdown__trigger">
     {#if trigger}
       {@render trigger()}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -201,7 +201,7 @@
     "svelte": "^5.50.0",
     "svelte-sonner": "^1.0.7",
     "wheel-gestures": "^2.2.48",
-    "yup": "^1.7.1"
+    "yup": "^1.6.1"
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.2",
@@ -243,6 +243,6 @@
     "vite": "^7.3.1",
     "vite-tsconfig-paths": "^6.1.1",
     "wheel-gestures": "^2.2.48",
-    "yup": "^1.7.1"
+    "yup": "^1.6.1"
   }
 }