@likable-hair/svelte 3.0.61 → 3.0.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/simple/forms/FileInputList.css +9 -10
- package/dist/components/simple/forms/FileInputList.svelte +2 -1
- package/dist/components/simple/forms/SimpleTextField.svelte +9 -9
- package/dist/components/simple/media/DescriptiveAvatar.svelte.d.ts +1 -1
- package/dist/stores/debounce.d.ts +1 -0
- package/dist/stores/mediaQuery.d.ts +1 -0
- package/dist/stores/theme.d.ts +1 -0
- package/package.json +3 -3
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
2
|
+
--file-input-list-default-height: 64px;
|
|
3
|
+
--file-input-list-default-background-color: rgb(var(--global-color-background-300));
|
|
4
|
+
--file-input-list-default-color: rgb(var(--global-color-contrast-900));
|
|
5
|
+
--file-input-list-default-selected-row-color: rgb(var(--global-color-contrast-1000));
|
|
6
|
+
--file-input-list-default-selected-row-background: rgb(var(--global-color-background-500));
|
|
7
|
+
--file-input-list-default-hover-color: rgb(var(--global-color-contrast-900));
|
|
8
|
+
--file-input-list-default-border-color: rgb(var(--global-color-primary-100));
|
|
9
|
+
--file-input-list-default-border-radius: 5px
|
|
10
|
+
}
|
|
@@ -5,7 +5,7 @@ import FileInput from "./FileInput.svelte";
|
|
|
5
5
|
import Icon from "../media/Icon.svelte";
|
|
6
6
|
let clazz = "";
|
|
7
7
|
export { clazz as class };
|
|
8
|
-
export let files = [], persistOverUpload = true, dropAreaActive = true, icon = "mdi-
|
|
8
|
+
export let files = [], persistOverUpload = true, dropAreaActive = true, icon = "mdi-file-document";
|
|
9
9
|
let fileActive = null;
|
|
10
10
|
function handleFileMouseEnter(file) {
|
|
11
11
|
dropAreaActive = false;
|
|
@@ -71,6 +71,7 @@ function handleRemove(file) {
|
|
|
71
71
|
</td>
|
|
72
72
|
<td style:width="10%" style:margin-right="10px">
|
|
73
73
|
<Button
|
|
74
|
+
buttonType="text"
|
|
74
75
|
icon="mdi-close"
|
|
75
76
|
on:click={(e) => {
|
|
76
77
|
e.detail.nativeEvent.stopPropagation();
|
|
@@ -7,15 +7,15 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<div
|
|
10
|
-
class="textfield-container {clazz
|
|
10
|
+
class="textfield-container {clazz?.container || ''}"
|
|
11
11
|
>
|
|
12
|
-
<div class="row {clazz
|
|
12
|
+
<div class="row {clazz?.row || ''}">
|
|
13
13
|
<slot name="prepend" {prependIcon} {iconSize}>
|
|
14
14
|
{#if !!prependIcon}
|
|
15
15
|
<Icon name={prependIcon} --icon-size={iconSize}></Icon>
|
|
16
16
|
{/if}
|
|
17
17
|
</slot>
|
|
18
|
-
<div class="textfield {clazz
|
|
18
|
+
<div class="textfield {clazz?.field || ''}">
|
|
19
19
|
<slot name="prepend-inner" {prependInnerIcon} {iconSize}>
|
|
20
20
|
{#if !!prependInnerIcon}
|
|
21
21
|
<Icon name={prependInnerIcon} --icon-size={iconSize}></Icon>
|
|
@@ -37,7 +37,7 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
37
37
|
on:keyup
|
|
38
38
|
on:change
|
|
39
39
|
name={name}
|
|
40
|
-
class={clazz
|
|
40
|
+
class={clazz?.input || ''}
|
|
41
41
|
bind:this={input}
|
|
42
42
|
{...$$restProps}
|
|
43
43
|
/>
|
|
@@ -57,7 +57,7 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
57
57
|
on:keyup
|
|
58
58
|
on:change
|
|
59
59
|
name={name}
|
|
60
|
-
class={clazz
|
|
60
|
+
class={clazz?.input || ''}
|
|
61
61
|
bind:this={input}
|
|
62
62
|
{...$$restProps}
|
|
63
63
|
/>
|
|
@@ -77,7 +77,7 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
77
77
|
on:keyup
|
|
78
78
|
on:change
|
|
79
79
|
name={name}
|
|
80
|
-
class={clazz
|
|
80
|
+
class={clazz?.input || ''}
|
|
81
81
|
bind:this={input}
|
|
82
82
|
{...$$restProps}
|
|
83
83
|
/>
|
|
@@ -97,7 +97,7 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
97
97
|
on:keyup
|
|
98
98
|
on:change
|
|
99
99
|
name={name}
|
|
100
|
-
class={clazz
|
|
100
|
+
class={clazz?.input || ''}
|
|
101
101
|
bind:this={input}
|
|
102
102
|
{...$$restProps}
|
|
103
103
|
/>
|
|
@@ -117,7 +117,7 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
117
117
|
on:keyup
|
|
118
118
|
on:change
|
|
119
119
|
name={name}
|
|
120
|
-
class={clazz
|
|
120
|
+
class={clazz?.input || ''}
|
|
121
121
|
bind:this={input}
|
|
122
122
|
{...$$restProps}
|
|
123
123
|
/>
|
|
@@ -134,7 +134,7 @@ export let value = void 0, type = "text", placeholder = void 0, disabled = false
|
|
|
134
134
|
{/if}
|
|
135
135
|
</slot>
|
|
136
136
|
</div>
|
|
137
|
-
<div class="row {clazz
|
|
137
|
+
<div class="row {clazz?.hint || ''}">
|
|
138
138
|
<slot name="hint">
|
|
139
139
|
{#if !!hint}
|
|
140
140
|
<span class="hint">{hint}</span>
|
|
@@ -4,7 +4,7 @@ declare const __propDef: {
|
|
|
4
4
|
src: string;
|
|
5
5
|
title?: string | undefined;
|
|
6
6
|
description?: string | undefined;
|
|
7
|
-
direction?: "
|
|
7
|
+
direction?: "row" | "column" | undefined;
|
|
8
8
|
reverse?: boolean | undefined;
|
|
9
9
|
avatarSpacing?: string | undefined;
|
|
10
10
|
width?: string | undefined;
|
package/dist/stores/theme.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@likable-hair/svelte",
|
|
3
3
|
"description": "A Svelte component for likablehair",
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.63",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"host": "vite --host",
|
|
7
7
|
"dev": "vite dev",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dist"
|
|
29
29
|
],
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"svelte": "^
|
|
31
|
+
"svelte": "^4.2.9"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@orama/orama": "^1.0.0-beta.7",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"prettier": "^2.8.0",
|
|
48
48
|
"prettier-plugin-svelte": "^2.8.1",
|
|
49
49
|
"publint": "^0.1.9",
|
|
50
|
-
"svelte": "^
|
|
50
|
+
"svelte": "^4.2.9",
|
|
51
51
|
"svelte-check": "^3.0.1",
|
|
52
52
|
"tslib": "^2.4.1",
|
|
53
53
|
"typescript": "^4.9.3",
|