@functionalcms/svelte-components 4.8.7 → 4.8.8

package/dist/components/form/Dropzone.svelte

@@ -254,15 +254,15 @@
 		resetState();
 	}
 
-	$: composeHandler = (fn) => (disabled ? null : fn);
+	let composeHandler = (fn: any) => (disabled ? null : fn);
 
-	$: composeKeyboardHandler = (fn) => (noKeyboard ? null : composeHandler(fn));
+    let composeKeyboardHandler = (fn: any) => (noKeyboard ? null : composeHandler(fn));
 
-	$: composeDragHandler = (fn) => (noDrag ? null : composeHandler(fn));
+	let composeDragHandler = (fn: any) => (noDrag ? null : composeHandler(fn));
 
-	$: defaultPlaceholderString = multiple
+	let defaultPlaceholderString = $derived(multiple
 		? "Drag 'n' drop some files here, or click to select files"
-		: "Drag 'n' drop a file here, or click to select a file";
+		: "Drag 'n' drop a file here, or click to select a file");
 
 	function stopPropagation(event) {
 		if (noDragEventsBubbling) {

package/dist/components/presentation/Dialog.svelte

@@ -60,9 +60,11 @@
 </dialog>
 
 <style>
-	.closeModal{
+	:global(.closeModal){
 		position: absolute;
 		top: 5px;
 		right: 5px;
+		border: none;
+		background: transparent;
 	}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.8.7",
+	"version": "4.8.8",
 	"watch": {
 		"build": {
 			"patterns": [