@websline/system-components 1.3.8 → 1.3.10

package/dist/components/atoms/actions/closeButton/CloseButton.svelte

@@ -66,6 +66,7 @@
 	})}
 	onclick={handleClose}
 	onmouseenter={handleMouseOver}
+	type="button"
 	{...rest}>
 	<Icon class="relative z-10" name="closeSmall" size={16} />
 	{#if animate}

package/dist/components/atoms/tag/Tag.svelte

@@ -37,6 +37,7 @@
 		size,
 		variant,
 	})}
+	type="button"
 	{...rest}>
 	{#if icon}
 		<Icon name={icon} size={14} />

package/dist/components/molecules/pickers/colorSwatch/ColorSwatch.svelte

@@ -68,7 +68,7 @@
 
 <Popover.Root open={isOpen} onOpenChange={(open) => (isOpen = open)}>
 	<Popover.Trigger>
-		<button class={styles.base({ class: className })} {...rest}>
+		<button class={styles.base({ class: className })} type="button" {...rest}>
 			<div class={styles.iconText()} style={style()}>
 				{@render content()}
 			</div>

package/dist/components/molecules/selectorCard/SelectorCard.svelte

@@ -44,7 +44,7 @@
 		// prevent input click from colliding with card clicks
 		onclick: (e) => e.stopPropagation(),
 	});
-	let styles = $derived(selectorCardVariants({ checked, disabled, error, type }));
+	let styles = $derived(selectorCardVariants({ disabled, error, type }));
 
 	let localHelperText = $derived.by(() => {
 		if (error && errorText) {

package/dist/components/molecules/selectorCard/selectorCard.variants.js

@@ -25,9 +25,6 @@ const selectorCardVariants = tv({
 			switch: "items-center",
 		},
 	},
-	compoundVariants: [
-		{ type: "radio", checked: true, class: "bg-neutral-100 dark:bg-neutral-700" },
-	],
 });
 
 export { selectorCardVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/system-components",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "publishConfig": {
     "access": "public"
   },