@likable-hair/svelte 3.0.62 → 3.0.63

package/dist/components/simple/forms/FileInputList.css

@@ -1,11 +1,10 @@
 :root {
-    --file-input-list-default-height : 64px;
-    --file-input-list-default-background-color : rgb(var(--global-color-background-300));
-    --file-input-list-default-color : rgb(var(--global-color-contrast-900));
-    --file-input-list-default-selected-row-color : rgb(var(--global-color-contrast-1000));
-    --file-input-list-default-selected-row-background : rgb(var(--global-color-background-500));
-    --file-input-list-default-hover-color : rgb(var(--global-color-contrast-900));
-    --file-input-list-default-border-color : rgb(var(--global-color-primary-100));
-    --file-input-list-default-border-radius : 5px
-}
-
+  --file-input-list-default-height: 64px;
+  --file-input-list-default-background-color: rgb(var(--global-color-background-300));
+  --file-input-list-default-color: rgb(var(--global-color-contrast-900));
+  --file-input-list-default-selected-row-color: rgb(var(--global-color-contrast-1000));
+  --file-input-list-default-selected-row-background: rgb(var(--global-color-background-500));
+  --file-input-list-default-hover-color: rgb(var(--global-color-contrast-900));
+  --file-input-list-default-border-color: rgb(var(--global-color-primary-100));
+  --file-input-list-default-border-radius: 5px
+}

package/dist/components/simple/forms/FileInputList.svelte

@@ -5,7 +5,7 @@ import FileInput from "./FileInput.svelte";
 import Icon from "../media/Icon.svelte";
 let clazz = "";
 export { clazz as class };
-export let files = [], persistOverUpload = true, dropAreaActive = true, icon = "mdi-folder";
+export let files = [], persistOverUpload = true, dropAreaActive = true, icon = "mdi-file-document";
 let fileActive = null;
 function handleFileMouseEnter(file) {
   dropAreaActive = false;
@@ -71,6 +71,7 @@ function handleRemove(file) {
                 </td>
                 <td style:width="10%" style:margin-right="10px">
                   <Button
+                    buttonType="text"
                     icon="mdi-close"
                     on:click={(e) => {
                       e.detail.nativeEvent.stopPropagation();

package/dist/stores/debounce.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import { derived } from 'svelte/store';
 export type Stores = Parameters<typeof derived>[0];
 declare function debounceStore<T extends Stores>(original: T, timeout?: number): import("svelte/store").Readable<any>;

package/dist/stores/mediaQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 export type DeviceDimension = {
     xs: boolean;
     s: boolean;

package/dist/stores/theme.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 export type Shades = {
     50: string;
     100: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "3.0.62",
+  "version": "3.0.63",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",
@@ -28,7 +28,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "svelte": "^3.54.0"
+    "svelte": "^4.2.9"
   },
   "devDependencies": {
     "@orama/orama": "^1.0.0-beta.7",
@@ -47,7 +47,7 @@
     "prettier": "^2.8.0",
     "prettier-plugin-svelte": "^2.8.1",
     "publint": "^0.1.9",
-    "svelte": "^3.54.0",
+    "svelte": "^4.2.9",
     "svelte-check": "^3.0.1",
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",