@tuspe/components 1.9.1 → 1.9.3

package/dist/Breadcrumbs.svelte

@@ -36,7 +36,9 @@
     )
 
   onMount(() => {
-    classes += outerClass ? ` ${outerClass}` : ' border-bottom'
+    if (outerClass) {
+      classes += ` ${outerClass}`
+    }
   })
 </script>
 
@@ -63,8 +65,9 @@
 
 <style scoped>
   #breadcrumb {
-    white-space: nowrap;
+    overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   #breadcrumb li {

package/dist/Button.svelte

@@ -13,7 +13,7 @@
     color = 'white',
     colorBg = 'primary',
     control,
-    disabled,
+    disabled = $bindable(),
     extraClass,
     fill,
     fontWeight = 'bold',

package/dist/Button.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonView } from './types';
-declare const Button: import("svelte").Component<ButtonView, {}, "">;
+declare const Button: import("svelte").Component<ButtonView, {}, "disabled">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/Checkbox.svelte

@@ -5,7 +5,7 @@
     children,
     onchange,
     checked = $bindable(false),
-    disabled,
+    disabled = $bindable(false),
     group = $bindable(),
     id,
     outerClass,

package/dist/Checkbox.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { CheckboxView } from './types';
-declare const Checkbox: import("svelte").Component<CheckboxView, {}, "checked" | "group">;
+declare const Checkbox: import("svelte").Component<CheckboxView, {}, "disabled" | "checked" | "group">;
 type Checkbox = ReturnType<typeof Checkbox>;
 export default Checkbox;

package/dist/Input.svelte

@@ -117,6 +117,7 @@
     margin-top: 0.25rem;
     padding-left: 0.5rem;
     padding-right: 0.5rem;
+    -webkit-appearance: none;
   }
 
   input,

package/dist/Select.svelte

@@ -40,6 +40,7 @@
     margin-top: 0.25rem;
     padding: 0 0.5rem;
     width: 100%;
+    -webkit-appearance: none;
   }
 
   select.bg-transparent {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuspe/components",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "description": "A reusable SvelteKit component library for form elements, breadcrumbs, prices and images.",
   "keywords": [
     "svelteKit",
@@ -48,22 +48,23 @@
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.9",
-    "@eslint/js": "^9.26.0",
+    "@eslint/js": "^9.28.0",
     "@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/kit": "^2.21.0",
+    "@sveltejs/enhanced-img": "^0.6.0",
+    "@sveltejs/kit": "^2.21.1",
     "@sveltejs/package": "^2.3.11",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "eslint": "^9.28.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-svelte": "^3.6.0",
-    "eslint": "^9.26.0",
-    "globals": "^16.1.0",
-    "prettier-plugin-svelte": "^3.3.3",
+    "eslint-plugin-svelte": "^3.9.1",
+    "globals": "^16.2.0",
     "prettier": "^3.5.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "publint": "^0.3.12",
-    "svelte-check": "^4.1.7",
-    "svelte": "^5.28.6",
-    "typescript-eslint": "^8.32.1",
+    "svelte": "^5.33.13",
+    "svelte-check": "^4.2.1",
     "typescript": "^5.8.3",
+    "typescript-eslint": "^8.33.0",
     "vite": "^6.3.5"
   },
   "scripts": {