@3birds/midori-ui 0.0.2 → 0.0.4
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/assets/close.svg +7 -0
- package/dist/assets/face-man.svg +7 -0
- package/dist/assets/menu.svg +4 -0
- package/dist/components/Btn.svelte +23 -7
- package/dist/components/Btn.svelte.d.ts +3 -1
- package/dist/components/Fab.svelte +16 -0
- package/dist/components/Fab.svelte.d.ts +7 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -26
- package/package.json +1 -1
- package/dist/components/Btn/Error/Lg.svelte +0 -24
- package/dist/components/Btn/Error/Lg.svelte.d.ts +0 -12
- package/dist/components/Btn/Error/Sm.svelte +0 -24
- package/dist/components/Btn/Error/Sm.svelte.d.ts +0 -12
- package/dist/components/Btn/Error/Xl.svelte +0 -24
- package/dist/components/Btn/Error/Xl.svelte.d.ts +0 -12
- package/dist/components/Btn/Error/Xs.svelte +0 -24
- package/dist/components/Btn/Error/Xs.svelte.d.ts +0 -12
- package/dist/components/Btn/Error.svelte +0 -24
- package/dist/components/Btn/Error.svelte.d.ts +0 -12
- package/dist/components/Btn/Info/Lg.svelte +0 -24
- package/dist/components/Btn/Info/Lg.svelte.d.ts +0 -12
- package/dist/components/Btn/Info/Sm.svelte +0 -24
- package/dist/components/Btn/Info/Sm.svelte.d.ts +0 -12
- package/dist/components/Btn/Info/Xl.svelte +0 -24
- package/dist/components/Btn/Info/Xl.svelte.d.ts +0 -12
- package/dist/components/Btn/Info/Xs.svelte +0 -24
- package/dist/components/Btn/Info/Xs.svelte.d.ts +0 -12
- package/dist/components/Btn/Info.svelte +0 -24
- package/dist/components/Btn/Info.svelte.d.ts +0 -12
- package/dist/components/Btn/Primary/Lg.svelte +0 -24
- package/dist/components/Btn/Primary/Lg.svelte.d.ts +0 -12
- package/dist/components/Btn/Primary/Sm.svelte +0 -24
- package/dist/components/Btn/Primary/Sm.svelte.d.ts +0 -12
- package/dist/components/Btn/Primary/Xl.svelte +0 -24
- package/dist/components/Btn/Primary/Xl.svelte.d.ts +0 -12
- package/dist/components/Btn/Primary/Xs.svelte +0 -24
- package/dist/components/Btn/Primary/Xs.svelte.d.ts +0 -12
- package/dist/components/Btn/Primary.svelte +0 -24
- package/dist/components/Btn/Primary.svelte.d.ts +0 -12
- package/dist/components/Btn/Success/Lg.svelte +0 -24
- package/dist/components/Btn/Success/Lg.svelte.d.ts +0 -12
- package/dist/components/Btn/Success/Sm.svelte +0 -24
- package/dist/components/Btn/Success/Sm.svelte.d.ts +0 -12
- package/dist/components/Btn/Success/Xl.svelte +0 -24
- package/dist/components/Btn/Success/Xl.svelte.d.ts +0 -12
- package/dist/components/Btn/Success/Xs.svelte +0 -24
- package/dist/components/Btn/Success/Xs.svelte.d.ts +0 -12
- package/dist/components/Btn/Success.svelte +0 -24
- package/dist/components/Btn/Success.svelte.d.ts +0 -12
- package/dist/components/Btn/Warning/Lg.svelte +0 -24
- package/dist/components/Btn/Warning/Lg.svelte.d.ts +0 -12
- package/dist/components/Btn/Warning/Sm.svelte +0 -24
- package/dist/components/Btn/Warning/Sm.svelte.d.ts +0 -12
- package/dist/components/Btn/Warning/Xl.svelte +0 -24
- package/dist/components/Btn/Warning/Xl.svelte.d.ts +0 -12
- package/dist/components/Btn/Warning/Xs.svelte +0 -24
- package/dist/components/Btn/Warning/Xs.svelte.d.ts +0 -12
- package/dist/components/Btn/Warning.svelte +0 -24
- package/dist/components/Btn/Warning.svelte.d.ts +0 -12
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<title>face-man</title>
|
|
3
|
+
<path
|
|
4
|
+
fill="currentColor"
|
|
5
|
+
d="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,11.71 4,11.42 4.05,11.14C6.41,10.09 8.28,8.16 9.26,5.77C11.07,8.33 14.05,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20Z"
|
|
6
|
+
/>
|
|
7
|
+
</svg>
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
class: className,
|
|
8
8
|
loading,
|
|
9
9
|
disabled,
|
|
10
|
+
href,
|
|
11
|
+
target,
|
|
10
12
|
children,
|
|
11
13
|
onclick
|
|
12
14
|
}: {
|
|
@@ -14,15 +16,29 @@
|
|
|
14
16
|
class?: string;
|
|
15
17
|
loading?: boolean;
|
|
16
18
|
disabled?: boolean;
|
|
19
|
+
href?: string;
|
|
20
|
+
target?: string;
|
|
17
21
|
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
22
|
+
onclick?: (e: MouseEvent) => void;
|
|
19
23
|
} = $props();
|
|
20
24
|
</script>
|
|
21
25
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
{#if href}
|
|
27
|
+
<a
|
|
28
|
+
{href}
|
|
29
|
+
{target}
|
|
30
|
+
class="btn rounded-full ${className}"
|
|
31
|
+
aria-disabled={disabled}
|
|
32
|
+
tabindex={disabled ? -1 : undefined}
|
|
33
|
+
>
|
|
26
34
|
{@render children()}
|
|
27
|
-
|
|
28
|
-
|
|
35
|
+
</a>
|
|
36
|
+
{:else}
|
|
37
|
+
<button {type} class="btn rounded-full {className}" disabled={loading || disabled} {onclick}>
|
|
38
|
+
{#if loading}
|
|
39
|
+
<Loading />
|
|
40
|
+
{:else}
|
|
41
|
+
{@render children()}
|
|
42
|
+
{/if}
|
|
43
|
+
</button>
|
|
44
|
+
{/if}
|
|
@@ -4,8 +4,10 @@ type $$ComponentProps = {
|
|
|
4
4
|
class?: string;
|
|
5
5
|
loading?: boolean;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: string;
|
|
7
9
|
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
10
|
+
onclick?: (e: MouseEvent) => void;
|
|
9
11
|
};
|
|
10
12
|
declare const Btn: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
13
|
type Btn = ReturnType<typeof Btn>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
let {
|
|
3
|
+
dial,
|
|
4
|
+
children
|
|
5
|
+
}: {
|
|
6
|
+
dial: import('svelte').Snippet;
|
|
7
|
+
children: import('svelte').Snippet;
|
|
8
|
+
} = $props();
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<div class="fab">
|
|
12
|
+
<div tabindex="0" role="button" class="btn btn-circle btn-lg btn-primary">
|
|
13
|
+
{@render dial()}
|
|
14
|
+
</div>
|
|
15
|
+
{@render children()}
|
|
16
|
+
</div>
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export { default as BtnPrimary } from './components/Btn/Primary.svelte';
|
package/dist/index.js
CHANGED
|
@@ -1,26 +1,2 @@
|
|
|
1
|
-
// place files you want to
|
|
2
|
-
|
|
3
|
-
import { default as BtnPrimaryXs } from './components/Btn/Primary/Xs.svelte';
|
|
4
|
-
import { default as BtnPrimarySm } from './components/Btn/Primary/Sm.svelte';
|
|
5
|
-
import { default as BtnPrimaryLg } from './components/Btn/Primary/Lg.svelte';
|
|
6
|
-
import { default as BtnPrimaryXl } from './components/Btn/Primary/Xl.svelte';
|
|
7
|
-
import { default as BtnSuccess } from './components/Btn/Success.svelte';
|
|
8
|
-
import { default as BtnSuccessXs } from './components/Btn/Success/Xs.svelte';
|
|
9
|
-
import { default as BtnSuccessSm } from './components/Btn/Success/Sm.svelte';
|
|
10
|
-
import { default as BtnSuccessLg } from './components/Btn/Success/Lg.svelte';
|
|
11
|
-
import { default as BtnSuccessXl } from './components/Btn/Success/Xl.svelte';
|
|
12
|
-
import { default as BtnInfo } from './components/Btn/Info.svelte';
|
|
13
|
-
import { default as BtnInfoXs } from './components/Btn/Info/Xs.svelte';
|
|
14
|
-
import { default as BtnInfoSm } from './components/Btn/Info/Sm.svelte';
|
|
15
|
-
import { default as BtnInfoLg } from './components/Btn/Info/Lg.svelte';
|
|
16
|
-
import { default as BtnInfoXl } from './components/Btn/Info/Xl.svelte';
|
|
17
|
-
import { default as BtnWarning } from './components/Btn/Warning.svelte';
|
|
18
|
-
import { default as BtnWarningXs } from './components/Btn/Warning/Xs.svelte';
|
|
19
|
-
import { default as BtnWarningSm } from './components/Btn/Warning/Sm.svelte';
|
|
20
|
-
import { default as BtnWarningLg } from './components/Btn/Warning/Lg.svelte';
|
|
21
|
-
import { default as BtnWarningXl } from './components/Btn/Warning/Xl.svelte';
|
|
22
|
-
import { default as BtnError } from './components/Btn/Error.svelte';
|
|
23
|
-
import { default as BtnErrorXs } from './components/Btn/Error/Xs.svelte';
|
|
24
|
-
import { default as BtnErrorSm } from './components/Btn/Error/Sm.svelte';
|
|
25
|
-
import { default as BtnErrorLg } from './components/Btn/Error/Lg.svelte';
|
|
26
|
-
import { default as BtnErrorXl } from './components/Btn/Error/Xl.svelte';
|
|
1
|
+
// place files you want to export through the `$lib` alias in this folder.
|
|
2
|
+
export { default as BtnPrimary } from './components/Btn/Primary.svelte';
|
package/package.json
CHANGED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnError from '../Error.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnError {type} class="btn-lg {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnError>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Lg: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Lg = ReturnType<typeof Lg>;
|
|
12
|
-
export default Lg;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnError from '../Error.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnError {type} class="btn-sm {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnError>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Sm: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Sm = ReturnType<typeof Sm>;
|
|
12
|
-
export default Sm;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnError from '../Error.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnError {type} class="btn-xl {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnError>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xl: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xl = ReturnType<typeof Xl>;
|
|
12
|
-
export default Xl;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnError from '../Error.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnError {type} class="btn-xs {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnError>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xs: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xs = ReturnType<typeof Xs>;
|
|
12
|
-
export default Xs;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import Btn from '../Btn.svelte';
|
|
3
|
-
import { type BtnType } from '../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<Btn {type} class="btn-error {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</Btn>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Error: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Error = ReturnType<typeof Error>;
|
|
12
|
-
export default Error;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnInfo from '../Info.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnInfo {type} class="btn-lg {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnInfo>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Lg: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Lg = ReturnType<typeof Lg>;
|
|
12
|
-
export default Lg;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnInfo from '../Info.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnInfo {type} class="btn-sm {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnInfo>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Sm: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Sm = ReturnType<typeof Sm>;
|
|
12
|
-
export default Sm;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnInfo from '../Info.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnInfo {type} class="btn-xl {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnInfo>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xl: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xl = ReturnType<typeof Xl>;
|
|
12
|
-
export default Xl;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnInfo from '../Info.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnInfo {type} class="btn-xs {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnInfo>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xs: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xs = ReturnType<typeof Xs>;
|
|
12
|
-
export default Xs;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import Btn from '../Btn.svelte';
|
|
3
|
-
import { type BtnType } from '../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<Btn {type} class="btn-info {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</Btn>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Info: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Info = ReturnType<typeof Info>;
|
|
12
|
-
export default Info;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnPrimary from '../Primary.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnPrimary {type} class="btn-lg {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnPrimary>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Lg: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Lg = ReturnType<typeof Lg>;
|
|
12
|
-
export default Lg;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnPrimary from '../Primary.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnPrimary {type} class="btn-sm {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnPrimary>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Sm: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Sm = ReturnType<typeof Sm>;
|
|
12
|
-
export default Sm;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnPrimary from '../Primary.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnPrimary {type} class="btn-xl {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnPrimary>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xl: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xl = ReturnType<typeof Xl>;
|
|
12
|
-
export default Xl;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnPrimary from '../Primary.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnPrimary {type} class="btn-xs {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnPrimary>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xs: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xs = ReturnType<typeof Xs>;
|
|
12
|
-
export default Xs;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import Btn from '../Btn.svelte';
|
|
3
|
-
import { type BtnType } from '../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<Btn {type} class="btn-primary {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</Btn>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Primary: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Primary = ReturnType<typeof Primary>;
|
|
12
|
-
export default Primary;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnSuccess from '../Success.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnSuccess {type} class="btn-lg {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnSuccess>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Lg: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Lg = ReturnType<typeof Lg>;
|
|
12
|
-
export default Lg;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnSuccess from '../Success.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnSuccess {type} class="btn-sm {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnSuccess>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Sm: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Sm = ReturnType<typeof Sm>;
|
|
12
|
-
export default Sm;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnSuccess from '../Success.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnSuccess {type} class="btn-xl {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnSuccess>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xl: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xl = ReturnType<typeof Xl>;
|
|
12
|
-
export default Xl;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnSuccess from '../Success.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnSuccess {type} class="btn-xs {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnSuccess>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xs: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xs = ReturnType<typeof Xs>;
|
|
12
|
-
export default Xs;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import Btn from '../Btn.svelte';
|
|
3
|
-
import { type BtnType } from '../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<Btn {type} class="btn-success {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</Btn>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Success: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Success = ReturnType<typeof Success>;
|
|
12
|
-
export default Success;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnWarning from '../Warning.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnWarning {type} class="btn-lg {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnWarning>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Lg: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Lg = ReturnType<typeof Lg>;
|
|
12
|
-
export default Lg;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnWarning from '../Warning.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnWarning {type} class="btn-sm {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnWarning>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Sm: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Sm = ReturnType<typeof Sm>;
|
|
12
|
-
export default Sm;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnWarning from '../Warning.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnWarning {type} class="btn-xl {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnWarning>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xl: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xl = ReturnType<typeof Xl>;
|
|
12
|
-
export default Xl;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import BtnWarning from '../Warning.svelte';
|
|
3
|
-
import { type BtnType } from '../../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<BtnWarning {type} class="btn-xs {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</BtnWarning>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Xs: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Xs = ReturnType<typeof Xs>;
|
|
12
|
-
export default Xs;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import Btn from '../Btn.svelte';
|
|
3
|
-
import { type BtnType } from '../../types';
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
type = 'button',
|
|
7
|
-
class: className,
|
|
8
|
-
loading,
|
|
9
|
-
disabled,
|
|
10
|
-
children,
|
|
11
|
-
onclick
|
|
12
|
-
}: {
|
|
13
|
-
type?: BtnType;
|
|
14
|
-
class?: string;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
children: import('svelte').Snippet;
|
|
18
|
-
onclick?: () => void;
|
|
19
|
-
} = $props();
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<Btn {type} class="btn-warning {className}" disabled={loading || disabled} {onclick}>
|
|
23
|
-
{@render children()}
|
|
24
|
-
</Btn>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type BtnType } from '../../types';
|
|
2
|
-
type $$ComponentProps = {
|
|
3
|
-
type?: BtnType;
|
|
4
|
-
class?: string;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children: import('svelte').Snippet;
|
|
8
|
-
onclick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const Warning: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
11
|
-
type Warning = ReturnType<typeof Warning>;
|
|
12
|
-
export default Warning;
|