@awenovations/aura 0.0.1
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/README.md +13 -0
- package/dist/alert/alert.stories.svelte +27 -0
- package/dist/alert/alert.stories.svelte.d.ts +28 -0
- package/dist/alert/alert.svelte +65 -0
- package/dist/alert/alert.svelte.d.ts +23 -0
- package/dist/alert/props.d.ts +2 -0
- package/dist/alert/props.js +1 -0
- package/dist/button/button.stories.svelte +456 -0
- package/dist/button/button.stories.svelte.d.ts +39 -0
- package/dist/button/button.svelte +143 -0
- package/dist/button/button.svelte.d.ts +29 -0
- package/dist/button/props.d.ts +6 -0
- package/dist/button/props.js +3 -0
- package/dist/container/container.stories.svelte +52 -0
- package/dist/container/container.stories.svelte.d.ts +32 -0
- package/dist/container/container.svelte +35 -0
- package/dist/container/container.svelte.d.ts +23 -0
- package/dist/container/props.d.ts +4 -0
- package/dist/container/props.js +2 -0
- package/dist/directives/click-outside.d.ts +6 -0
- package/dist/directives/click-outside.js +24 -0
- package/dist/dropdown/dropdown.stories.svelte +56 -0
- package/dist/dropdown/dropdown.stories.svelte.d.ts +23 -0
- package/dist/dropdown/dropdown.svelte +171 -0
- package/dist/dropdown/dropdown.svelte.d.ts +28 -0
- package/dist/error-state/error-state.stories.svelte +18 -0
- package/dist/error-state/error-state.stories.svelte.d.ts +23 -0
- package/dist/error-state/error-state.svelte +33 -0
- package/dist/error-state/error-state.svelte.d.ts +18 -0
- package/dist/float/float.svelte +34 -0
- package/dist/float/float.svelte.d.ts +22 -0
- package/dist/form-item/form-item.svelte +42 -0
- package/dist/form-item/form-item.svelte.d.ts +24 -0
- package/dist/icon/icon.stories.d.ts +25 -0
- package/dist/icon/icon.stories.js +49 -0
- package/dist/icon/icon.svelte +67 -0
- package/dist/icon/icon.svelte.d.ts +22 -0
- package/dist/icon/props.d.ts +2 -0
- package/dist/icon/props.js +1 -0
- package/dist/icons/arrow-circle-left-large.svg +10 -0
- package/dist/icons/arrow-circle-left-medium.svg +3 -0
- package/dist/icons/arrow-circle-left-small.svg +10 -0
- package/dist/icons/bug-large.svg +3 -0
- package/dist/icons/bug-medium.svg +3 -0
- package/dist/icons/bug-small.svg +3 -0
- package/dist/icons/caret-down-large.svg +0 -0
- package/dist/icons/caret-down-medium.svg +3 -0
- package/dist/icons/caret-down-small.svg +3 -0
- package/dist/icons/microsoft-color-large.svg +6 -0
- package/dist/icons/microsoft-color-medium.svg +6 -0
- package/dist/icons/microsoft-color-small.svg +6 -0
- package/dist/icons/user-story-large.svg +8 -0
- package/dist/icons/user-story-medium.svg +8 -0
- package/dist/icons/user-story-small.svg +8 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -0
- package/dist/input/input.stories.svelte +28 -0
- package/dist/input/input.stories.svelte.d.ts +23 -0
- package/dist/input/input.svelte +112 -0
- package/dist/input/input.svelte.d.ts +108 -0
- package/dist/progress/progress-ring.stories.svelte +27 -0
- package/dist/progress/progress-ring.stories.svelte.d.ts +28 -0
- package/dist/progress/progress-ring.svelte +78 -0
- package/dist/progress/progress-ring.svelte.d.ts +19 -0
- package/dist/progress/props.d.ts +2 -0
- package/dist/progress/props.js +1 -0
- package/dist/skeleton/skeleton.stories.svelte +22 -0
- package/dist/skeleton/skeleton.stories.svelte.d.ts +30 -0
- package/dist/skeleton/skeleton.svelte +23 -0
- package/dist/skeleton/skeleton.svelte.d.ts +19 -0
- package/dist/svgs/error-state-dark.svg +26 -0
- package/dist/svgs/error-state-light.svg +26 -0
- package/dist/svgs/zero-state-dark.svg +9 -0
- package/dist/svgs/zero-state-light.svg +9 -0
- package/dist/tokens/_variables.css +422 -0
- package/dist/utilities/wait-for-elm.d.ts +1 -0
- package/dist/utilities/wait-for-elm.js +17 -0
- package/dist/zero-state/zero-state.stories.svelte +18 -0
- package/dist/zero-state/zero-state.stories.svelte.d.ts +23 -0
- package/dist/zero-state/zero-state.svelte +34 -0
- package/dist/zero-state/zero-state.svelte.d.ts +18 -0
- package/package.json +97 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import '../../app.scss';
|
|
3
|
+
export declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ErrorState;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
declare const __propDef: {
|
|
10
|
+
props: Record<string, never>;
|
|
11
|
+
events: {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
};
|
|
14
|
+
slots: {};
|
|
15
|
+
exports?: {} | undefined;
|
|
16
|
+
bindings?: string | undefined;
|
|
17
|
+
};
|
|
18
|
+
export type ErrorStateProps = typeof __propDef.props;
|
|
19
|
+
export type ErrorStateEvents = typeof __propDef.events;
|
|
20
|
+
export type ErrorStateSlots = typeof __propDef.slots;
|
|
21
|
+
export default class ErrorState extends SvelteComponent<ErrorStateProps, ErrorStateEvents, ErrorStateSlots> {
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<script></script>
|
|
2
|
+
|
|
3
|
+
<div class="aura-error-state">
|
|
4
|
+
<div class="error-state-graphic" />
|
|
5
|
+
<div class="error-state-message"><slot /></div>
|
|
6
|
+
</div>
|
|
7
|
+
|
|
8
|
+
<style>.aura-error-state {
|
|
9
|
+
width: 300px;
|
|
10
|
+
height: 200px;
|
|
11
|
+
}
|
|
12
|
+
.aura-error-state .error-state-graphic {
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
background-image: url(/svgs/error-state-light.svg);
|
|
16
|
+
background-repeat: no-repeat;
|
|
17
|
+
background-position: center;
|
|
18
|
+
background-size: contain;
|
|
19
|
+
}
|
|
20
|
+
.aura-error-state .error-state-message {
|
|
21
|
+
width: 100%;
|
|
22
|
+
margin-top: -30px;
|
|
23
|
+
text-align: center;
|
|
24
|
+
color: var(--aura-light-secondary-50);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:global([data-theme="dark"] .error-state-graphic) {
|
|
28
|
+
background-image: url(/svgs/error-state-dark.svg) !important;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
:global([data-theme="dark"] .error-state-message) {
|
|
32
|
+
color: var(--aura-dark-tertiary-70) !important;
|
|
33
|
+
}</style>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {
|
|
8
|
+
default: {};
|
|
9
|
+
};
|
|
10
|
+
exports?: {} | undefined;
|
|
11
|
+
bindings?: string | undefined;
|
|
12
|
+
};
|
|
13
|
+
export type ErrorStateProps = typeof __propDef.props;
|
|
14
|
+
export type ErrorStateEvents = typeof __propDef.events;
|
|
15
|
+
export type ErrorStateSlots = typeof __propDef.slots;
|
|
16
|
+
export default class ErrorState extends SvelteComponent<ErrorStateProps, ErrorStateEvents, ErrorStateSlots> {
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<script>import { computePosition, autoUpdate } from "@floating-ui/dom";
|
|
2
|
+
export let target;
|
|
3
|
+
export let placement = "bottom";
|
|
4
|
+
let float;
|
|
5
|
+
let cleanup;
|
|
6
|
+
$: {
|
|
7
|
+
cleanup?.();
|
|
8
|
+
if (target && float) {
|
|
9
|
+
cleanup = autoUpdate(target, float, () => {
|
|
10
|
+
if (!target || !float) return;
|
|
11
|
+
computePosition(target, float, {
|
|
12
|
+
placement
|
|
13
|
+
}).then(({ x, y }) => {
|
|
14
|
+
if (float) {
|
|
15
|
+
Object.assign(float.style, {
|
|
16
|
+
left: `${x}px`,
|
|
17
|
+
top: `${y}px`
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
25
|
+
|
|
26
|
+
<div bind:this={float} class="aura-float">
|
|
27
|
+
<slot />
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<style>.aura-float {
|
|
31
|
+
z-index: 9999;
|
|
32
|
+
width: max-content;
|
|
33
|
+
position: absolute;
|
|
34
|
+
}</style>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { Placement } from '@floating-ui/dom';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
target: HTMLElement;
|
|
6
|
+
placement?: Placement;
|
|
7
|
+
};
|
|
8
|
+
events: {
|
|
9
|
+
[evt: string]: CustomEvent<any>;
|
|
10
|
+
};
|
|
11
|
+
slots: {
|
|
12
|
+
default: {};
|
|
13
|
+
};
|
|
14
|
+
exports?: {} | undefined;
|
|
15
|
+
bindings?: string | undefined;
|
|
16
|
+
};
|
|
17
|
+
export type FloatProps = typeof __propDef.props;
|
|
18
|
+
export type FloatEvents = typeof __propDef.events;
|
|
19
|
+
export type FloatSlots = typeof __propDef.slots;
|
|
20
|
+
export default class Float extends SvelteComponent<FloatProps, FloatEvents, FloatSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<script>export let showFocusOutline = false;
|
|
2
|
+
export let disabled = false;
|
|
3
|
+
export let width = void 0;
|
|
4
|
+
export let height = void 0;
|
|
5
|
+
export let error = false;
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<div
|
|
9
|
+
class="aura-form-item"
|
|
10
|
+
class:isFocused={showFocusOutline}
|
|
11
|
+
class:disabled
|
|
12
|
+
class:error
|
|
13
|
+
style="{width ? `width: ${width};` : ''} {height ? `height: ${height};` : ''}"
|
|
14
|
+
>
|
|
15
|
+
<slot />
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
<style>.aura-form-item {
|
|
19
|
+
height: 35px;
|
|
20
|
+
background-color: var(--aura-form-item-background-color);
|
|
21
|
+
border: 1px solid var(--aura-form-item-border-color);
|
|
22
|
+
border-radius: var(--aura-form-item-border-radius);
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
color: var(--aura-light-font-color);
|
|
25
|
+
padding: var(--aura-form-item-vertical-padding) var(--aura-form-item-horizontal-padding);
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
font: var(--aura-default-regular);
|
|
28
|
+
}
|
|
29
|
+
.aura-form-item:not(.disabled):hover {
|
|
30
|
+
border-color: var(--aura-form-item-hover-border-color);
|
|
31
|
+
box-shadow: var(--aura-form-item-effect-drop-shadow);
|
|
32
|
+
}
|
|
33
|
+
.aura-form-item:not(.disabled):active, .aura-form-item:not(.disabled).isFocused {
|
|
34
|
+
border-color: var(--aura-form-item-active-border-color);
|
|
35
|
+
}
|
|
36
|
+
.aura-form-item.disabled {
|
|
37
|
+
border-color: var(--aura-light-tertiary-10);
|
|
38
|
+
color: rgba(0, 0, 0, 0.25);
|
|
39
|
+
}
|
|
40
|
+
.aura-form-item.error {
|
|
41
|
+
border-color: var(--aura-form-item-error-border-color);
|
|
42
|
+
}</style>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
showFocusOutline?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
width?: undefined;
|
|
7
|
+
height?: undefined;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
};
|
|
10
|
+
events: {
|
|
11
|
+
[evt: string]: CustomEvent<any>;
|
|
12
|
+
};
|
|
13
|
+
slots: {
|
|
14
|
+
default: {};
|
|
15
|
+
};
|
|
16
|
+
exports?: {} | undefined;
|
|
17
|
+
bindings?: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
export type FormItemProps = typeof __propDef.props;
|
|
20
|
+
export type FormItemEvents = typeof __propDef.events;
|
|
21
|
+
export type FormItemSlots = typeof __propDef.slots;
|
|
22
|
+
export default class FormItem extends SvelteComponent<FormItemProps, FormItemEvents, FormItemSlots> {
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/svelte';
|
|
2
|
+
import '../../app.scss';
|
|
3
|
+
import Icon from './icon.svelte';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: typeof Icon;
|
|
7
|
+
tags: string[];
|
|
8
|
+
argTypes: {
|
|
9
|
+
name: {
|
|
10
|
+
control: "text";
|
|
11
|
+
};
|
|
12
|
+
size: {
|
|
13
|
+
control: "select";
|
|
14
|
+
options: readonly ["large", "medium", "small"];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
type Story = StoryObj<typeof meta>;
|
|
20
|
+
export declare const SmallIcon: Story;
|
|
21
|
+
export declare const MediumIcon: Story;
|
|
22
|
+
export declare const LargeIcon: Story;
|
|
23
|
+
export declare const SmallIconColor: Story;
|
|
24
|
+
export declare const MediumIconColor: Story;
|
|
25
|
+
export declare const LargeIconColor: Story;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import '../../app.scss';
|
|
2
|
+
import Icon from './icon.svelte';
|
|
3
|
+
import { iconSizes } from './props.ts';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'AURA/Icon',
|
|
6
|
+
component: Icon,
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
argTypes: {
|
|
9
|
+
name: { control: 'text' },
|
|
10
|
+
size: { control: 'select', options: iconSizes }
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
export const SmallIcon = {
|
|
15
|
+
args: {
|
|
16
|
+
name: 'arrow-circle-left',
|
|
17
|
+
size: 'small'
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
export const MediumIcon = {
|
|
21
|
+
args: {
|
|
22
|
+
name: 'arrow-circle-left',
|
|
23
|
+
size: 'medium'
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
export const LargeIcon = {
|
|
27
|
+
args: {
|
|
28
|
+
name: 'arrow-circle-left',
|
|
29
|
+
size: 'large'
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export const SmallIconColor = {
|
|
33
|
+
args: {
|
|
34
|
+
name: 'microsoft-color',
|
|
35
|
+
size: 'small'
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
export const MediumIconColor = {
|
|
39
|
+
args: {
|
|
40
|
+
name: 'microsoft-color',
|
|
41
|
+
size: 'medium'
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
export const LargeIconColor = {
|
|
45
|
+
args: {
|
|
46
|
+
name: 'microsoft-color',
|
|
47
|
+
size: 'large'
|
|
48
|
+
}
|
|
49
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
<script>export let forceColor = false;
|
|
2
|
+
export let size = "medium";
|
|
3
|
+
export let name = void 0;
|
|
4
|
+
$: hasColor = name?.includes("-color") || forceColor;
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<div
|
|
8
|
+
class="aura-icon"
|
|
9
|
+
class:isLarge={size === 'large'}
|
|
10
|
+
class:isMedium={size === 'medium'}
|
|
11
|
+
class:isSmall={size === 'small'}
|
|
12
|
+
>
|
|
13
|
+
<slot>
|
|
14
|
+
{#if name}
|
|
15
|
+
<div
|
|
16
|
+
class="icon"
|
|
17
|
+
class:color={hasColor}
|
|
18
|
+
style:--icon-url={`url('/icons/${name}-${size}.svg')`}
|
|
19
|
+
/>
|
|
20
|
+
{/if}
|
|
21
|
+
</slot>
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
<style>.aura-icon {
|
|
25
|
+
/* Non color icons are set via a mask-image, so we can change the color
|
|
26
|
+
* by setting the background */
|
|
27
|
+
/* Color icons need to be set via a background rather than a mask so we
|
|
28
|
+
* don't remove the color */
|
|
29
|
+
}
|
|
30
|
+
.aura-icon .icon,
|
|
31
|
+
.aura-icon :global(svg) {
|
|
32
|
+
width: 100%;
|
|
33
|
+
height: 100%;
|
|
34
|
+
}
|
|
35
|
+
.aura-icon.isLarge {
|
|
36
|
+
--icon-width: var(--aura-icon-large-size);
|
|
37
|
+
--icon-height: var(--aura-icon-large-size);
|
|
38
|
+
}
|
|
39
|
+
.aura-icon.isMedium {
|
|
40
|
+
--icon-width: var(--aura-icon-medium-size);
|
|
41
|
+
--icon-height: var(--aura-icon-medium-size);
|
|
42
|
+
}
|
|
43
|
+
.aura-icon.isSmall {
|
|
44
|
+
--icon-width: var(--aura-icon-small-size);
|
|
45
|
+
--icon-height: var(--aura-icon-small-size);
|
|
46
|
+
}
|
|
47
|
+
.aura-icon, .aura-icon .icon {
|
|
48
|
+
width: var(--icon-width);
|
|
49
|
+
height: var(--icon-height);
|
|
50
|
+
}
|
|
51
|
+
.aura-icon .icon {
|
|
52
|
+
--icon-bg-color: var(--icon-color, var(--aura-secondary-30, currentColor));
|
|
53
|
+
}
|
|
54
|
+
.aura-icon .icon:not(.color) {
|
|
55
|
+
background: var(--icon-bg-color);
|
|
56
|
+
-webkit-mask-image: var(--icon-url);
|
|
57
|
+
mask-image: var(--icon-url);
|
|
58
|
+
-webkit-mask-repeat: no-repeat;
|
|
59
|
+
mask-repeat: no-repeat;
|
|
60
|
+
-webkit-mask-position: center;
|
|
61
|
+
mask-position: center;
|
|
62
|
+
}
|
|
63
|
+
.aura-icon .icon.color {
|
|
64
|
+
background: var(--icon-url);
|
|
65
|
+
background-repeat: no-repeat;
|
|
66
|
+
background-position: center;
|
|
67
|
+
}</style>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
forceColor?: boolean;
|
|
5
|
+
size?: any;
|
|
6
|
+
name?: string;
|
|
7
|
+
};
|
|
8
|
+
events: {
|
|
9
|
+
[evt: string]: CustomEvent<any>;
|
|
10
|
+
};
|
|
11
|
+
slots: {
|
|
12
|
+
default: {};
|
|
13
|
+
};
|
|
14
|
+
exports?: {} | undefined;
|
|
15
|
+
bindings?: string | undefined;
|
|
16
|
+
};
|
|
17
|
+
export type IconProps = typeof __propDef.props;
|
|
18
|
+
export type IconEvents = typeof __propDef.events;
|
|
19
|
+
export type IconSlots = typeof __propDef.slots;
|
|
20
|
+
export default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const iconSizes = ['large', 'medium', 'small'];
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_156_17)">
|
|
3
|
+
<path d="M24 12C24 9.62663 23.2962 7.30655 21.9776 5.33316C20.6591 3.35977 18.7849 1.8217 16.5922 0.913451C14.3995 0.00519943 11.9867 -0.232441 9.65892 0.230582C7.33115 0.693605 5.19295 1.83649 3.51472 3.51472C1.83649 5.19295 0.693605 7.33115 0.230582 9.65892C-0.232441 11.9867 0.00519943 14.3995 0.913451 16.5922C1.8217 18.7849 3.35977 20.6591 5.33316 21.9776C7.30655 23.2962 9.62663 24 12 24C15.1815 23.9966 18.2318 22.7312 20.4815 20.4815C22.7312 18.2318 23.9966 15.1815 24 12ZM2.00001 12C2.00001 10.0222 2.5865 8.08879 3.68531 6.4443C4.78412 4.79981 6.34591 3.51809 8.17317 2.76121C10.0004 2.00433 12.0111 1.8063 13.9509 2.19215C15.8907 2.578 17.6725 3.53041 19.0711 4.92894C20.4696 6.32746 21.422 8.10929 21.8079 10.0491C22.1937 11.9889 21.9957 13.9996 21.2388 15.8268C20.4819 17.6541 19.2002 19.2159 17.5557 20.3147C15.9112 21.4135 13.9778 22 12 22C9.34873 21.9971 6.80689 20.9426 4.93215 19.0679C3.05742 17.1931 2.00292 14.6513 2.00001 12ZM12.243 16.243L10.829 17.657L6.58601 13.414C6.21106 13.0389 6.00043 12.5303 6.00043 12C6.00043 11.4697 6.21106 10.9611 6.58601 10.586L10.829 6.34301L12.243 7.75701L9.00001 11H18V13H9.00001L12.243 16.243Z" fill="white"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_156_17">
|
|
7
|
+
<rect width="24" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M18 9C18 7.21997 17.4722 5.47991 16.4832 3.99987C15.4943 2.51983 14.0887 1.36628 12.4442 0.685088C10.7996 0.00389957 8.99002 -0.17433 7.24419 0.172937C5.49836 0.520204 3.89472 1.37737 2.63604 2.63604C1.37737 3.89472 0.520204 5.49836 0.172937 7.24419C-0.17433 8.99002 0.00389957 10.7996 0.685088 12.4442C1.36628 14.0887 2.51983 15.4943 3.99987 16.4832C5.47991 17.4722 7.21997 18 9 18C11.3862 17.9974 13.6738 17.0484 15.3611 15.3611C17.0484 13.6738 17.9974 11.3862 18 9ZM1.5 9C1.5 7.51664 1.93987 6.0666 2.76398 4.83323C3.58809 3.59986 4.75943 2.63856 6.12988 2.07091C7.50032 1.50325 9.00832 1.35473 10.4632 1.64411C11.918 1.9335 13.2544 2.64781 14.3033 3.6967C15.3522 4.7456 16.0665 6.08197 16.3559 7.53683C16.6453 8.99168 16.4968 10.4997 15.9291 11.8701C15.3614 13.2406 14.4001 14.4119 13.1668 15.236C11.9334 16.0601 10.4834 16.5 9 16.5C7.01155 16.4978 5.10516 15.7069 3.69911 14.3009C2.29307 12.8948 1.50219 10.9885 1.5 9ZM9.18225 12.1823L8.12175 13.2428L4.9395 10.0605C4.6583 9.77921 4.50032 9.39775 4.50032 9C4.50032 8.60226 4.6583 8.2208 4.9395 7.9395L8.12175 4.75725L9.18225 5.81775L6.75 8.25H13.5V9.75H6.75L9.18225 12.1823Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_156_19)">
|
|
3
|
+
<path d="M14 7C14 5.61553 13.5895 4.26216 12.8203 3.11101C12.0511 1.95987 10.9579 1.06266 9.67879 0.532846C8.3997 0.003033 6.99224 -0.13559 5.63437 0.134506C4.2765 0.404603 3.02922 1.07129 2.05026 2.05026C1.07129 3.02922 0.404603 4.2765 0.134506 5.63437C-0.13559 6.99224 0.003033 8.3997 0.532846 9.67879C1.06266 10.9579 1.95987 12.0511 3.11101 12.8203C4.26216 13.5895 5.61553 14 7 14C8.8559 13.998 10.6352 13.2599 11.9475 11.9475C13.2599 10.6352 13.998 8.8559 14 7ZM1.16667 7C1.16667 5.84628 1.50879 4.71846 2.14976 3.75918C2.79074 2.79989 3.70178 2.05222 4.76768 1.61071C5.83359 1.16919 7.00647 1.05368 8.13803 1.27876C9.26959 1.50384 10.309 2.05941 11.1248 2.87521C11.9406 3.69102 12.4962 4.73042 12.7213 5.86198C12.9463 6.99353 12.8308 8.16642 12.3893 9.23232C11.9478 10.2982 11.2001 11.2093 10.2408 11.8502C9.28154 12.4912 8.15373 12.8333 7 12.8333C5.45343 12.8316 3.97068 12.2165 2.87709 11.1229C1.7835 10.0293 1.16837 8.54658 1.16667 7ZM7.14175 9.47509L6.31692 10.2999L3.84184 7.82484C3.62312 7.60605 3.50025 7.30936 3.50025 7C3.50025 6.69064 3.62312 6.39395 3.84184 6.17517L6.31692 3.70009L7.14175 4.52492L5.25 6.41667H10.5V7.58334H5.25L7.14175 9.47509Z" fill="white"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_156_19">
|
|
7
|
+
<rect width="14" height="14" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7 1L8.88 2.88M13.12 2.88L15 1M8 6.13V5.13C7.98187 4.72475 8.04604 4.32002 8.18863 3.94025C8.33122 3.56048 8.54927 3.21353 8.82963 2.92035C9.10999 2.62717 9.44685 2.39383 9.81987 2.23441C10.1929 2.07499 10.5943 1.9928 11 1.9928C11.4057 1.9928 11.8071 2.07499 12.1801 2.23441C12.5532 2.39383 12.89 2.62717 13.1704 2.92035C13.4507 3.21353 13.6688 3.56048 13.8114 3.94025C13.954 4.32002 14.0181 4.72475 14 5.13V6.13M11 19C7.7 19 5 16.3 5 13V10C5 8.93913 5.42143 7.92172 6.17157 7.17157C6.92172 6.42143 7.93913 6 9 6H13C14.0609 6 15.0783 6.42143 15.8284 7.17157C16.5786 7.92172 17 8.93913 17 10V13C17 16.3 14.3 19 11 19ZM11 19V10M5.53 8C3.6 7.8 2 6.1 2 4M5 12H1M2 20C2 17.9 3.7 16.1 5.8 16M19.97 4C19.97 6.1 18.37 7.8 16.47 8M21 12H17M16.2 16C18.3 16.1 20 17.9 20 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6 1.5L7.41 2.91M10.59 2.91L12 1.5M6.75 5.3475V4.5975C6.7364 4.29356 6.78453 3.99002 6.89147 3.70519C6.99841 3.42036 7.16195 3.16015 7.37222 2.94026C7.58249 2.72037 7.83513 2.54537 8.1149 2.42581C8.39467 2.30624 8.69576 2.2446 9 2.2446C9.30424 2.2446 9.60533 2.30624 9.8851 2.42581C10.1649 2.54537 10.4175 2.72037 10.6278 2.94026C10.838 3.16015 11.0016 3.42036 11.1085 3.70519C11.2155 3.99002 11.2636 4.29356 11.25 4.5975V5.3475M9 15C6.525 15 4.5 12.975 4.5 10.5V8.25C4.5 7.45435 4.81607 6.69129 5.37868 6.12868C5.94129 5.56607 6.70435 5.25 7.5 5.25H10.5C11.2956 5.25 12.0587 5.56607 12.6213 6.12868C13.1839 6.69129 13.5 7.45435 13.5 8.25V10.5C13.5 12.975 11.475 15 9 15ZM9 15V8.25M4.8975 6.75C3.45 6.6 2.25 5.325 2.25 3.75M4.5 9.75H1.5M2.25 15.75C2.25 14.175 3.525 12.825 5.1 12.75M15.7275 3.75C15.7275 5.325 14.5275 6.6 13.1025 6.75M16.5 9.75H13.5M12.9 12.75C14.475 12.825 15.75 14.175 15.75 15.75" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.66675 1.16675L5.76341 2.26341M8.23675 2.26341L9.33342 1.16675M5.25008 4.15925V3.57591C5.23951 3.33952 5.27694 3.10343 5.36011 2.88189C5.44329 2.66036 5.57049 2.45797 5.73403 2.28695C5.89758 2.11593 6.09408 1.97981 6.31167 1.88682C6.52927 1.79383 6.76345 1.74588 7.00008 1.74588C7.23671 1.74588 7.4709 1.79383 7.68849 1.88682C7.90609 1.97981 8.10259 2.11593 8.26613 2.28695C8.42967 2.45797 8.55687 2.66036 8.64005 2.88189C8.72323 3.10343 8.76066 3.33952 8.75008 3.57591V4.15925M7.00008 11.6667C5.07508 11.6667 3.50008 10.0917 3.50008 8.16675V6.41675C3.50008 5.79791 3.74591 5.20442 4.1835 4.76683C4.62108 4.32925 5.21458 4.08341 5.83342 4.08341H8.16675C8.78559 4.08341 9.37908 4.32925 9.81666 4.76683C10.2542 5.20442 10.5001 5.79791 10.5001 6.41675V8.16675C10.5001 10.0917 8.92508 11.6667 7.00008 11.6667ZM7.00008 11.6667V6.41675M3.80925 5.25008C2.68341 5.13341 1.75008 4.14175 1.75008 2.91675M3.50008 7.58342H1.16675M1.75008 12.2501C1.75008 11.0251 2.74175 9.97508 3.96675 9.91675M12.2326 2.91675C12.2326 4.14175 11.2992 5.13341 10.1909 5.25008M12.8334 7.58342H10.5001M10.0334 9.91675C11.2584 9.97508 12.2501 11.0251 12.2501 12.2501" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|
|
Binary file
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5838 0.416213C18.1387 0.971164 18.1387 1.87094 17.5838 2.42583L10.0048 10.0048C9.44983 10.5598 8.55021 10.5598 7.99524 10.0048L0.416213 2.42583C-0.138738 1.87094 -0.138738 0.971164 0.416213 0.416213C0.971164 -0.138738 1.87094 -0.138738 2.42589 0.416213L9.00002 6.99027L15.5742 0.416213C16.1292 -0.138738 17.0288 -0.138738 17.5838 0.416213Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6763 0.323721C14.1079 0.75535 14.1079 1.45517 13.6763 1.88676L7.78151 7.78151C7.34987 8.21316 6.65016 8.21316 6.21852 7.78151L0.323721 1.88676C-0.107907 1.45517 -0.107907 0.75535 0.323721 0.323721C0.75535 -0.107907 1.45518 -0.107907 1.8868 0.323721L7.00002 5.43687L12.1133 0.323721C12.5449 -0.107907 13.2446 -0.107907 13.6763 0.323721Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M11.4285 1.14282H1.14282V11.4285H11.4285V1.14282Z" fill="#F25022"/>
|
|
3
|
+
<path d="M11.4285 12.5714H1.14282V22.8571H11.4285V12.5714Z" fill="#00A4EF"/>
|
|
4
|
+
<path d="M22.8572 1.14282H12.5715V11.4285H22.8572V1.14282Z" fill="#7FBA00"/>
|
|
5
|
+
<path d="M22.8572 12.5714H12.5715V22.8571H22.8572V12.5714Z" fill="#FFB900"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8.57146 0.857178H0.857178V8.57146H8.57146V0.857178Z" fill="#F25022"/>
|
|
3
|
+
<path d="M8.57146 9.42859H0.857178V17.1429H8.57146V9.42859Z" fill="#00A4EF"/>
|
|
4
|
+
<path d="M17.1428 0.857178H9.42847V8.57146H17.1428V0.857178Z" fill="#7FBA00"/>
|
|
5
|
+
<path d="M17.1428 9.42859H9.42847V17.1429H17.1428V9.42859Z" fill="#FFB900"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.66663 0.666626H0.666626V6.66663H6.66663V0.666626Z" fill="#F25022"/>
|
|
3
|
+
<path d="M6.66663 7.33337H0.666626V13.3334H6.66663V7.33337Z" fill="#00A4EF"/>
|
|
4
|
+
<path d="M13.3334 0.666626H7.33337V6.66663H13.3334V0.666626Z" fill="#7FBA00"/>
|
|
5
|
+
<path d="M13.3334 7.33337H7.33337V13.3334H13.3334V7.33337Z" fill="#FFB900"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.055 0.832693C12.0992 0.33059 12.5431 -0.0406208 13.0463 0.00356978C16.043 0.266744 18.831 1.64946 20.859 3.87645C22.8868 6.1033 24.0072 9.01212 23.9999 12.0271C23.9925 15.0421 22.858 17.9454 20.8193 20.1623C18.7805 22.3793 15.9858 23.7484 12.9878 23.9968C12.4844 24.0385 12.0424 23.6652 12.0006 23.1628C11.9588 22.6605 12.333 22.2195 12.8364 22.1778C15.3744 21.9674 17.7425 20.8083 19.4715 18.9282C21.2006 17.0479 22.1644 14.5836 22.1706 12.0227C22.1769 9.46177 21.2251 6.99272 19.5051 5.10397C17.7853 3.21537 15.4229 2.04465 12.8859 1.82185C12.3827 1.77765 12.0107 1.3348 12.055 0.832693Z" fill="white"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.84363 1.2916C9.02724 1.76116 8.79461 2.29035 8.32402 2.47357C6.72737 3.09521 5.31241 4.11185 4.21078 5.4297C3.88721 5.81677 3.31045 5.86882 2.92254 5.54596C2.53464 5.2231 2.48248 4.64759 2.80604 4.26052C4.10484 2.70681 5.77405 1.50705 7.65909 0.773124C8.12967 0.589905 8.66001 0.822035 8.84363 1.2916Z" fill="white"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.7234 7.72656C2.20463 7.87982 2.47023 8.39332 2.31664 8.8735C1.79243 10.5124 1.6891 12.2578 2.01633 13.9476C2.11216 14.4425 1.78779 14.9212 1.29183 15.0169C0.795864 15.1125 0.316116 14.7888 0.220282 14.2939C-0.165052 12.3041 -0.0434208 10.2487 0.573975 8.31851C0.727564 7.83833 1.24218 7.5733 1.7234 7.72656Z" fill="white"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.72516 18.16C3.12303 17.8494 3.69787 17.9195 4.0091 18.3165C5.06902 19.6685 6.45154 20.7293 8.02801 21.4011C8.49257 21.599 8.70836 22.1352 8.50999 22.5988C8.31162 23.0623 7.77421 23.2777 7.30965 23.0797C5.44856 22.2867 3.81778 21.035 2.56829 19.4412C2.25706 19.0441 2.32729 18.4706 2.72516 18.16Z" fill="white"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1097 14.0489C11.3423 14.0489 10.5862 14.1609 9.88615 14.3755C9.18571 14.5902 8.56315 14.9008 8.04969 15.2808C7.53632 15.6606 7.14853 16.0973 6.89172 16.5561C6.63601 17.0129 6.51213 17.4872 6.51213 17.9551C6.51213 18.4591 6.10263 18.8677 5.5975 18.8677C5.09236 18.8677 4.68286 18.4591 4.68286 17.9551C4.68286 17.1573 4.89587 16.3784 5.29469 15.666C5.69242 14.9554 6.26401 14.3297 6.96007 13.8146C7.65603 13.2996 8.46927 12.9003 9.34902 12.6307C10.2291 12.3609 11.1667 12.2236 12.1097 12.2236C13.0527 12.2236 13.9903 12.3609 14.8704 12.6307C15.7501 12.9003 16.5634 13.2996 17.2593 13.8146C17.9554 14.3297 18.527 14.9554 18.9247 15.666C19.3235 16.3784 19.5365 17.1573 19.5365 17.9551C19.5365 18.4591 19.127 18.8677 18.6219 18.8677C18.1168 18.8677 17.7073 18.4591 17.7073 17.9551C17.7073 17.4872 17.5834 17.0129 17.3277 16.5561C17.0709 16.0973 16.6831 15.6606 16.1697 15.2808C15.6562 14.9008 15.0337 14.5902 14.3332 14.3755C13.6332 14.1609 12.877 14.0489 12.1097 14.0489Z" fill="white"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.91612C11.7132 4.91612 11.4292 4.97281 11.164 5.08308C10.8987 5.19336 10.6574 5.35513 10.4539 5.55945C10.2503 5.76377 10.0886 6.00663 9.9781 6.2743C9.86764 6.54199 9.81071 6.82907 9.81071 7.11913C9.81071 7.40918 9.86764 7.69627 9.9781 7.96395C10.0886 8.23162 10.2503 8.47448 10.4539 8.67881C10.6574 8.88312 10.8987 9.0449 11.164 9.15517C11.4292 9.26544 11.7132 9.32213 12 9.32213C12.2867 9.32213 12.5708 9.26544 12.836 9.15517C13.1012 9.0449 13.3426 8.88312 13.5461 8.67881C13.7497 8.47448 13.9114 8.23162 14.0219 7.96395C14.1323 7.69627 14.1893 7.40918 14.1893 7.11913C14.1893 6.82907 14.1323 6.54199 14.0219 6.27431C13.9114 6.00663 13.7497 5.76377 13.5461 5.55945C13.3426 5.35514 13.1012 5.19336 12.836 5.08308C12.5708 4.97281 12.2867 4.91612 12 4.91612ZM16.0185 7.11913C16.0185 7.64738 15.9149 8.17059 15.7134 8.65892C15.5118 9.14727 15.2163 9.59134 14.8434 9.96565C14.4705 10.34 14.0275 10.6372 13.5396 10.8401C13.0516 11.0429 12.5285 11.1474 12 11.1474C11.4715 11.1474 10.9483 11.0429 10.4604 10.8401C9.97243 10.6372 9.52943 10.34 9.15653 9.96565C8.78363 9.59134 8.48812 9.14727 8.2866 8.65892C8.08509 8.17059 7.98145 7.64738 7.98145 7.11912C7.98145 6.59087 8.08509 6.06766 8.28661 5.57933C8.48812 5.09098 8.78363 4.64691 9.15653 4.2726C9.52944 3.89829 9.97244 3.60107 10.4604 3.39819C10.9483 3.19531 11.4715 3.09082 12 3.09082C12.5285 3.09082 13.0516 3.19531 13.5396 3.3982C14.0275 3.60107 14.4705 3.89829 14.8434 4.27261C15.2163 4.64691 15.5118 5.09099 15.7134 5.57933C15.9149 6.06767 16.0185 6.59088 16.0185 7.11913Z" fill="white"/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.04129 0.62452C9.0745 0.247943 9.40737 -0.0304656 9.78476 0.00267734C12.0323 0.200058 14.1233 1.23709 15.6443 2.90734C17.1652 4.57747 18.0055 6.75909 18 9.02033C17.9945 11.2816 17.1436 13.4591 15.6145 15.1217C14.0854 16.7845 11.9894 17.8113 9.74091 17.9976C9.36336 18.0289 9.03187 17.7489 9.00051 17.3721C8.96915 16.9954 9.2498 16.6646 9.62735 16.6333C11.5309 16.4756 13.3069 15.6062 14.6037 14.1961C15.9005 12.7859 16.6234 10.9377 16.628 9.01701C16.6327 7.09633 15.9189 5.24454 14.6289 3.82798C13.339 2.41153 11.5672 1.53348 9.66448 1.36638C9.28709 1.33324 9.00807 1.0011 9.04129 0.62452Z" fill="white"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63272 0.9687C6.77043 1.32087 6.59596 1.71776 6.24302 1.85518C5.04553 2.32141 3.98431 3.08389 3.15808 4.07228C2.91541 4.36258 2.48284 4.40161 2.19191 4.15947C1.90098 3.91732 1.86186 3.48569 2.10453 3.19539C3.07863 2.03011 4.33053 1.13029 5.74432 0.579843C6.09726 0.442429 6.49501 0.616526 6.63272 0.9687Z" fill="white"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.29255 5.79492C1.65347 5.90986 1.85267 6.29499 1.73748 6.65512C1.34432 7.8843 1.26682 9.19336 1.51225 10.4607C1.58412 10.8319 1.34085 11.1909 0.968871 11.2627C0.596898 11.3344 0.237087 11.0916 0.165211 10.7205C-0.123789 9.22805 -0.0325656 7.68655 0.430481 6.23888C0.545673 5.87875 0.931635 5.67998 1.29255 5.79492Z" fill="white"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.04387 13.62C2.34227 13.387 2.7734 13.4396 3.00683 13.7374C3.80176 14.7514 4.83865 15.547 6.02101 16.0508C6.36943 16.1992 6.53127 16.6014 6.38249 16.9491C6.23371 17.2967 5.83066 17.4582 5.48224 17.3098C4.08642 16.715 2.86334 15.7762 1.92622 14.5808C1.6928 14.2831 1.74547 13.8529 2.04387 13.62Z" fill="white"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.08233 10.5368C8.50682 10.5368 7.93974 10.6208 7.41467 10.7817C6.88934 10.9427 6.42242 11.1757 6.03733 11.4606C5.6523 11.7455 5.36146 12.073 5.16885 12.4171C4.97707 12.7597 4.88416 13.1155 4.88416 13.4664C4.88416 13.8444 4.57704 14.1509 4.19818 14.1509C3.81933 14.1509 3.51221 13.8444 3.51221 13.4664C3.51221 12.8681 3.67196 12.2839 3.97108 11.7495C4.26938 11.2166 4.69807 10.7473 5.22011 10.361C5.74209 9.97476 6.35202 9.67529 7.01183 9.47306C7.67191 9.27074 8.37505 9.16778 9.08233 9.16778C9.78961 9.16778 10.4928 9.27074 11.1528 9.47306C11.8127 9.67529 12.4226 9.97476 12.9446 10.361C13.4666 10.7473 13.8953 11.2166 14.1936 11.7495C14.4927 12.2839 14.6525 12.8681 14.6525 13.4664C14.6525 13.8444 14.3453 14.1509 13.9665 14.1509C13.5876 14.1509 13.2805 13.8444 13.2805 13.4664C13.2805 13.1155 13.1876 12.7597 12.9958 12.4171C12.8032 12.073 12.5124 11.7455 12.1273 11.4606C11.7422 11.1757 11.2753 10.9427 10.75 10.7817C10.2249 10.6208 9.65784 10.5368 9.08233 10.5368Z" fill="white"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.99999 3.68709C8.78493 3.68709 8.57189 3.72961 8.37298 3.81231C8.17406 3.89502 7.99305 4.01635 7.84039 4.16958C7.68773 4.32283 7.56641 4.50497 7.48357 4.70573C7.40073 4.90649 7.35804 5.1218 7.35804 5.33934C7.35804 5.55688 7.40073 5.7722 7.48357 5.97296C7.56641 6.17372 7.68773 6.35586 7.84039 6.5091C7.99305 6.66234 8.17406 6.78367 8.37298 6.86638C8.57189 6.94908 8.78493 6.9916 8.99999 6.9916C9.21504 6.9916 9.42809 6.94908 9.627 6.86638C9.82592 6.78367 10.0069 6.66234 10.1596 6.5091C10.3122 6.35586 10.4336 6.17372 10.5164 5.97296C10.5993 5.7722 10.6419 5.55688 10.6419 5.33935C10.6419 5.12181 10.5993 4.90649 10.5164 4.70573C10.4336 4.50497 10.3122 4.32283 10.1596 4.16959C10.0069 4.01635 9.82592 3.89502 9.627 3.81231C9.42809 3.72961 9.21505 3.68709 8.99999 3.68709ZM12.0139 5.33935C12.0139 5.73553 11.9362 6.12794 11.785 6.49419C11.6339 6.86045 11.4123 7.1935 11.1326 7.47424C10.8529 7.75497 10.5207 7.97789 10.1547 8.13004C9.78873 8.2822 9.39635 8.36057 8.99999 8.36057C8.60363 8.36057 8.21125 8.2822 7.84528 8.13004C7.47933 7.97789 7.14708 7.75497 6.8674 7.47423C6.58772 7.1935 6.36609 6.86045 6.21495 6.49419C6.06382 6.12794 5.98608 5.73553 5.98608 5.33934C5.98608 4.94315 6.06382 4.55075 6.21495 4.1845C6.36609 3.81824 6.58773 3.48518 6.8674 3.20445C7.14708 2.92371 7.47933 2.7008 7.84528 2.54865C8.21125 2.39648 8.60363 2.31812 8.99999 2.31812C9.39635 2.31812 9.78873 2.39649 10.1547 2.54865C10.5207 2.7008 10.8529 2.92372 11.1326 3.20446C11.4123 3.48519 11.6339 3.81824 11.785 4.1845C11.9362 4.55075 12.0139 4.94316 12.0139 5.33935Z" fill="white"/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.03212 0.485738C7.05795 0.192844 7.31685 -0.0236955 7.61038 0.00208237C9.35848 0.155601 10.9848 0.962184 12.1678 2.26127C13.3507 3.56026 14.0043 5.25707 14 7.01581C13.9957 8.77456 13.3339 10.4682 12.1447 11.7613C10.9553 13.0546 9.3251 13.8532 7.57627 13.9981C7.28262 14.0225 7.02479 13.8047 7.0004 13.5117C6.97601 13.2186 7.19429 12.9614 7.48795 12.937C8.96848 12.8143 10.3499 12.1382 11.3584 11.0414C12.3671 9.94462 12.9293 8.50709 12.9329 7.01323C12.9366 5.51937 12.3814 4.07909 11.3781 2.97732C10.3748 1.87563 8.99675 1.19271 7.51683 1.06274C7.2233 1.03697 7.00629 0.778631 7.03212 0.485738Z" fill="white"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.1587 0.753478C5.26581 1.02739 5.13011 1.33608 4.8556 1.44296C3.92422 1.80559 3.09883 2.39863 2.4562 3.16737C2.26746 3.39316 1.93102 3.42352 1.70474 3.23519C1.47846 3.04685 1.44803 2.71114 1.63677 2.48535C2.39441 1.57902 3.36811 0.879158 4.46772 0.451034C4.74223 0.344156 5.05159 0.479565 5.1587 0.753478Z" fill="white"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.00532 4.50721C1.28603 4.59661 1.44097 4.89616 1.35137 5.17626C1.04558 6.13228 0.985307 7.15045 1.17619 8.13618C1.2321 8.42487 1.04288 8.70411 0.753567 8.7599C0.464254 8.81568 0.184401 8.62687 0.128498 8.33819C-0.0962801 7.17743 -0.0253288 5.97848 0.334819 4.85252C0.424412 4.57241 0.724605 4.41782 1.00532 4.50721Z" fill="white"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5896 10.5934C1.82169 10.4122 2.15701 10.4531 2.33856 10.6847C2.95684 11.4733 3.76331 12.0922 4.68293 12.484C4.95392 12.5994 5.07979 12.9123 4.96408 13.1827C4.84836 13.4531 4.53487 13.5787 4.26388 13.4632C3.17824 13.0006 2.22696 12.2704 1.49809 11.3407C1.31654 11.1091 1.35751 10.7745 1.5896 10.5934Z" fill="white"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.06401 8.19528C6.61639 8.19528 6.17533 8.26062 5.76694 8.38579C5.35835 8.51102 4.99519 8.69221 4.69567 8.91384C4.39621 9.13544 4.17 9.39015 4.02019 9.65777C3.87102 9.92425 3.79876 10.2009 3.79876 10.4739C3.79876 10.7679 3.55989 11.0063 3.26523 11.0063C2.97056 11.0063 2.73169 10.7679 2.73169 10.4739C2.73169 10.0085 2.85595 9.55415 3.08859 9.13855C3.3206 8.72408 3.65402 8.35904 4.06006 8.05859C4.46604 7.75818 4.94043 7.52526 5.45362 7.36796C5.96701 7.2106 6.5139 7.13052 7.06401 7.13052C7.61412 7.13052 8.16101 7.21061 8.6744 7.36796C9.18759 7.52526 9.66198 7.75818 10.068 8.05859C10.474 8.35904 10.8074 8.72408 11.0394 9.13855C11.2721 9.55416 11.3963 10.0085 11.3963 10.4739C11.3963 10.7679 11.1575 11.0063 10.8628 11.0063C10.5681 11.0063 10.3293 10.7679 10.3293 10.4739C10.3293 10.2009 10.257 9.92425 10.1078 9.65777C9.95802 9.39015 9.73181 9.13544 9.43235 8.91384C9.13283 8.69221 8.76967 8.51102 8.36108 8.38579C7.95269 8.26062 7.51163 8.19528 7.06401 8.19528Z" fill="white"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.99991 2.86778C6.83264 2.86778 6.66694 2.90085 6.51223 2.96517C6.35752 3.0295 6.21674 3.12387 6.098 3.24305C5.97926 3.36224 5.88491 3.50391 5.82047 3.66005C5.75604 3.8162 5.72284 3.98367 5.72284 4.15287C5.72284 4.32206 5.75604 4.48953 5.82047 4.64568C5.88491 4.80182 5.97926 4.94349 6.098 5.06268C6.21673 5.18186 6.35752 5.27623 6.51223 5.34056C6.66694 5.40488 6.83264 5.43795 6.99991 5.43795C7.16718 5.43795 7.33288 5.40488 7.48759 5.34056C7.6423 5.27623 7.78309 5.18186 7.90182 5.06268C8.02056 4.94349 8.11491 4.80182 8.17935 4.64568C8.24378 4.48953 8.27698 4.32206 8.27698 4.15287C8.27698 3.98367 8.24378 3.8162 8.17935 3.66005C8.11491 3.50391 8.02056 3.36224 7.90182 3.24305C7.78309 3.12387 7.6423 3.0295 7.48759 2.96517C7.33288 2.90085 7.16718 2.86778 6.99991 2.86778ZM9.34406 4.15287C9.34406 4.46101 9.2836 4.76622 9.16605 5.05108C9.0485 5.33595 8.87612 5.59499 8.65859 5.81334C8.44106 6.03169 8.18265 6.20507 7.89802 6.32341C7.61338 6.44176 7.30819 6.50271 6.99991 6.50271C6.69163 6.50271 6.38644 6.44176 6.1018 6.32341C5.81717 6.20506 5.55876 6.03169 5.34123 5.81334C5.1237 5.59499 4.95132 5.33595 4.83377 5.05108C4.71622 4.76622 4.65576 4.46101 4.65576 4.15287C4.65576 3.84472 4.71622 3.53951 4.83377 3.25465C4.95132 2.96978 5.1237 2.71074 5.34123 2.4924C5.55876 2.27404 5.81717 2.10067 6.10181 1.98232C6.38645 1.86398 6.69163 1.80302 6.99991 1.80302C7.30819 1.80302 7.61338 1.86398 7.89802 1.98232C8.18265 2.10067 8.44107 2.27404 8.65859 2.4924C8.87612 2.71074 9.0485 2.96979 9.16605 3.25465C9.2836 3.53952 9.34406 3.84472 9.34406 4.15287Z" fill="white"/>
|
|
8
|
+
</svg>
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<script context="module">import "../../app.scss";
|
|
2
|
+
import Input from "./input.svelte";
|
|
3
|
+
export const meta = {
|
|
4
|
+
title: "AURA/Input",
|
|
5
|
+
component: Input,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
argTypes: {}
|
|
8
|
+
};
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<script>import { Story, Template } from "@storybook/addon-svelte-csf";
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<Template let:args>
|
|
15
|
+
<Input {...args} placeholder="Placeholder..." />
|
|
16
|
+
</Template>
|
|
17
|
+
|
|
18
|
+
<Story name="Default input" />
|
|
19
|
+
|
|
20
|
+
<Story name="Disabled input">
|
|
21
|
+
<Input disabled={true} placeholder="Placeholder..." />
|
|
22
|
+
</Story>
|
|
23
|
+
|
|
24
|
+
<Story name="Error'd input">
|
|
25
|
+
<Input placeholder="Placeholder..." showErrors
|
|
26
|
+
><span slot="errors">Something went wrong here!</span></Input
|
|
27
|
+
>
|
|
28
|
+
</Story>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import '../../app.scss';
|
|
3
|
+
export declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Input;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
declare const __propDef: {
|
|
10
|
+
props: Record<string, never>;
|
|
11
|
+
events: {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
};
|
|
14
|
+
slots: {};
|
|
15
|
+
exports?: {} | undefined;
|
|
16
|
+
bindings?: string | undefined;
|
|
17
|
+
};
|
|
18
|
+
export type InputProps = typeof __propDef.props;
|
|
19
|
+
export type InputEvents = typeof __propDef.events;
|
|
20
|
+
export type InputSlots = typeof __propDef.slots;
|
|
21
|
+
export default class Input extends SvelteComponent<InputProps, InputEvents, InputSlots> {
|
|
22
|
+
}
|
|
23
|
+
export {};
|