@iroco/ui 0.60.2 → 0.62.0
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.
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
<script>
|
|
1
|
+
<script>import { Color } from "./definition";
|
|
2
|
+
export let width = "5rem";
|
|
2
3
|
export let height = "5rem";
|
|
4
|
+
export let color = Color.green;
|
|
3
5
|
</script>
|
|
4
6
|
|
|
5
7
|
<svg {width} {height} viewBox="0 0 54 53" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -9,6 +11,6 @@ export let height = "5rem";
|
|
|
9
11
|
/>
|
|
10
12
|
<path
|
|
11
13
|
d="M18.7079 40.4406C11.1737 37.3897 6.24219 30.2033 6.24219 22.1355C6.24219 11.2202 15.2148 2.33887 26.2422 2.33887C37.2696 2.33887 46.2422 11.2202 46.2422 22.1355C46.2422 30.2033 41.3107 37.4575 33.7764 40.4406L32.2696 36.9151C38.3655 34.4745 42.3381 28.6439 42.3381 22.0677C42.3381 13.2541 35.0778 6.06768 26.1737 6.06768C17.2696 6.06768 10.0093 13.2541 10.0093 22.0677C10.0093 28.5762 13.9819 34.4067 20.0778 36.9151L18.7079 40.4406Z"
|
|
12
|
-
fill=
|
|
14
|
+
fill={color}
|
|
13
15
|
/>
|
|
14
16
|
</svg>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { Color } from './definition';
|
|
2
3
|
declare const __propDef: {
|
|
3
4
|
props: {
|
|
4
5
|
width?: string | undefined;
|
|
5
6
|
height?: string | undefined;
|
|
7
|
+
color?: Color | undefined;
|
|
6
8
|
};
|
|
7
9
|
events: {
|
|
8
10
|
[evt: string]: CustomEvent<any>;
|
package/dist/Navigation.svelte
CHANGED
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
import IconIrocoLogo from "./IconIrocoLogo.svelte";
|
|
3
3
|
import IrocoLogo from "./IrocoLogo.svelte";
|
|
4
4
|
import NavBar from "./NavBar.svelte";
|
|
5
|
+
import { Color } from "./definition";
|
|
5
6
|
export let navigationItems;
|
|
6
7
|
export let type = "topbar";
|
|
7
8
|
export let title = null;
|
|
8
9
|
export let version = null;
|
|
10
|
+
export let color = Color.green;
|
|
9
11
|
let showMenu = false;
|
|
10
12
|
</script>
|
|
11
13
|
|
|
@@ -14,7 +16,7 @@ let showMenu = false;
|
|
|
14
16
|
{#if title == null}
|
|
15
17
|
<IrocoLogo width="10em" height="10em" />
|
|
16
18
|
{:else}
|
|
17
|
-
<IconIrocoLogo width="3em" height="3em" />
|
|
19
|
+
<IconIrocoLogo width="3em" height="3em" {color} />
|
|
18
20
|
<h1>{title}</h1>
|
|
19
21
|
{/if}
|
|
20
22
|
</div>
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
2
|
import type { NavigationItem } from './definition';
|
|
3
|
+
import { Color } from './definition';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: {
|
|
5
6
|
navigationItems: Array<NavigationItem>;
|
|
6
7
|
type?: "sidebar" | "topbar" | undefined;
|
|
7
8
|
title?: string | null | undefined;
|
|
8
9
|
version?: string | null | undefined;
|
|
10
|
+
color?: Color | undefined;
|
|
9
11
|
};
|
|
10
12
|
events: {
|
|
11
13
|
[evt: string]: CustomEvent<any>;
|
package/dist/TextInput.svelte
CHANGED
|
@@ -10,6 +10,7 @@ export let onFocus;
|
|
|
10
10
|
export let onBlur;
|
|
11
11
|
export let readonly = false;
|
|
12
12
|
export let border = false;
|
|
13
|
+
export let autocomplete = "on";
|
|
13
14
|
function typeAction(node) {
|
|
14
15
|
node.type = type;
|
|
15
16
|
}
|
|
@@ -33,6 +34,7 @@ function typeAction(node) {
|
|
|
33
34
|
class:readonlyInput={readonly == true}
|
|
34
35
|
use:typeAction
|
|
35
36
|
{readonly}
|
|
37
|
+
{autocomplete}
|
|
36
38
|
/>
|
|
37
39
|
{#if error != null}
|
|
38
40
|
<p data-testid="error" class="error">
|
|
@@ -10,10 +10,11 @@ declare const __propDef: {
|
|
|
10
10
|
error?: string | null | undefined;
|
|
11
11
|
htmlError?: boolean | undefined;
|
|
12
12
|
value?: string | null | undefined;
|
|
13
|
-
onFocus: (e: FocusEvent) => void;
|
|
14
|
-
onBlur: (e: Event) => void;
|
|
13
|
+
onFocus: (e: FocusEvent) => void | null;
|
|
14
|
+
onBlur: (e: Event) => void | null;
|
|
15
15
|
readonly?: boolean | undefined;
|
|
16
16
|
border?: boolean | undefined;
|
|
17
|
+
autocomplete?: string | undefined;
|
|
17
18
|
};
|
|
18
19
|
events: {
|
|
19
20
|
input: Event;
|