fluid-ui-svelte 0.1.0 → 0.1.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/dist/components/Badge.svelte +0 -0
- package/dist/components/{UploadZone.svelte.d.ts → Badge.svelte.d.ts} +3 -3
- package/dist/components/Calendar.svelte +0 -0
- package/dist/components/{NotificationArea.svelte.d.ts → Calendar.svelte.d.ts} +3 -3
- package/dist/components/Drawer.svelte +11 -13
- package/dist/components/Drawer.svelte.d.ts +2 -2
- package/dist/components/Dropdown.svelte +7 -6
- package/dist/components/Dropdown.svelte.d.ts +2 -2
- package/dist/components/Dropzone.svelte.d.ts +26 -0
- package/dist/components/charts/BatteryChart.svelte +0 -0
- package/dist/components/charts/BatteryChart.svelte.d.ts +26 -0
- package/dist/components/charts/LineChart.svelte +0 -0
- package/dist/components/charts/LineChart.svelte.d.ts +26 -0
- package/dist/components/charts/PieChart.svelte +0 -0
- package/dist/components/charts/PieChart.svelte.d.ts +26 -0
- package/dist/components/notification/NotificationArea.svelte +21 -0
- package/dist/components/notification/NotificationArea.svelte.d.ts +7 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/prebuilt/timeline/Timeline.svelte +0 -0
- package/dist/prebuilt/timeline/Timeline.svelte.d.ts +26 -0
- package/dist/prebuilt/timeline/TimelineItem.svelte +0 -0
- package/dist/prebuilt/timeline/TimelineItem.svelte.d.ts +26 -0
- package/dist/primitives/Button.svelte +3 -3
- package/dist/primitives/Button.svelte.d.ts +1 -1
- package/dist/primitives/Container.svelte +1 -1
- package/dist/primitives/Container.svelte.d.ts +1 -1
- package/dist/primitives/Dialog.svelte +2 -2
- package/dist/primitives/Dialog.svelte.d.ts +1 -1
- package/dist/primitives/Divider.svelte +14 -0
- package/dist/primitives/Divider.svelte.d.ts +6 -0
- package/dist/primitives/Form.svelte +1 -1
- package/dist/primitives/Form.svelte.d.ts +1 -1
- package/dist/primitives/Image.svelte +1 -1
- package/dist/primitives/Image.svelte.d.ts +1 -1
- package/dist/primitives/Input.svelte +2 -2
- package/dist/primitives/Input.svelte.d.ts +1 -1
- package/dist/primitives/Label.svelte +1 -1
- package/dist/primitives/Label.svelte.d.ts +1 -1
- package/dist/primitives/{Anchor.svelte → Link.svelte} +1 -1
- package/dist/primitives/{Anchor.svelte.d.ts → Link.svelte.d.ts} +3 -3
- package/dist/primitives/Table.svelte +1 -1
- package/dist/primitives/Table.svelte.d.ts +1 -1
- package/dist/primitives/TableData.svelte +1 -1
- package/dist/primitives/TableData.svelte.d.ts +1 -1
- package/dist/primitives/TableHead.svelte +1 -1
- package/dist/primitives/TableHead.svelte.d.ts +1 -1
- package/dist/primitives/TableRow.svelte +1 -1
- package/dist/primitives/TableRow.svelte.d.ts +1 -1
- package/dist/primitives/Text.svelte +1 -1
- package/dist/primitives/Text.svelte.d.ts +1 -1
- package/dist/primitives/TextArea.svelte +1 -1
- package/dist/primitives/TextArea.svelte.d.ts +1 -1
- package/package.json +2 -3
- package/dist/components/UploadZone.svelte +0 -1
- /package/dist/components/{NotificationArea.svelte → Dropzone.svelte} +0 -0
- /package/dist/{prebuilt → components}/InteractiveScrollArea.svelte +0 -0
- /package/dist/{prebuilt → components}/InteractiveScrollArea.svelte.d.ts +0 -0
|
File without changes
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Badge;
|
|
2
|
+
type Badge = SvelteComponent<{
|
|
3
3
|
[x: string]: never;
|
|
4
4
|
}, {
|
|
5
5
|
[evt: string]: CustomEvent<any>;
|
|
6
6
|
}, {}> & {
|
|
7
7
|
$$bindings?: string | undefined;
|
|
8
8
|
};
|
|
9
|
-
declare const
|
|
9
|
+
declare const Badge: $$__sveltets_2_IsomorphicComponent<{
|
|
10
10
|
[x: string]: never;
|
|
11
11
|
}, {
|
|
12
12
|
[evt: string]: CustomEvent<any>;
|
|
File without changes
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Calendar;
|
|
2
|
+
type Calendar = SvelteComponent<{
|
|
3
3
|
[x: string]: never;
|
|
4
4
|
}, {
|
|
5
5
|
[evt: string]: CustomEvent<any>;
|
|
6
6
|
}, {}> & {
|
|
7
7
|
$$bindings?: string | undefined;
|
|
8
8
|
};
|
|
9
|
-
declare const
|
|
9
|
+
declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
|
|
10
10
|
[x: string]: never;
|
|
11
11
|
}, {
|
|
12
12
|
[evt: string]: CustomEvent<any>;
|
|
@@ -1,35 +1,33 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
3
|
import Container from "../primitives/Container.svelte";
|
|
4
|
-
import { fade, slide } from "svelte/transition";
|
|
5
|
-
import { cubicInOut } from "svelte/easing";
|
|
6
4
|
import Button from "../primitives/Button.svelte";
|
|
7
5
|
let {
|
|
8
6
|
class: className,
|
|
7
|
+
contentClass,
|
|
9
8
|
isOpen = $bindable(false),
|
|
10
|
-
alignment = "right",
|
|
11
9
|
children,
|
|
12
10
|
overrideDefaultStyling = false,
|
|
13
11
|
}: {
|
|
14
12
|
class?: string;
|
|
13
|
+
contentClass?: string;
|
|
15
14
|
isOpen?: boolean;
|
|
16
|
-
alignment: "left" | "right" | "top" | "bottom";
|
|
17
15
|
overrideDefaultStyling?: boolean;
|
|
18
16
|
children: Snippet;
|
|
19
17
|
} = $props();
|
|
20
18
|
</script>
|
|
21
19
|
|
|
22
|
-
<Container overrideDefaultStyling={true} class={
|
|
23
|
-
<Container
|
|
24
|
-
class={"fluid-drawer-body" + (alignment == "left" || alignment == "right" ? ` ${alignment}-0 h-full` : "") + (alignment == "top" || alignment == "bottom" ? ` ${alignment}-0 w-full` : "")}
|
|
25
|
-
>
|
|
20
|
+
<Container overrideDefaultStyling={true} class={overrideDefaultStyling ? "" + (className ? className : "") : "fluid-drawer" + (className ? ` ${className}` : "")}>
|
|
21
|
+
<Container class={overrideDefaultStyling ? "" + (contentClass ? `${contentClass}` : "") : "fluid-drawer-body" + (contentClass ? ` ${contentClass}` : "")}>
|
|
26
22
|
{@render children()}
|
|
27
23
|
</Container>
|
|
28
|
-
<
|
|
24
|
+
<Button
|
|
25
|
+
overrideDefaultStyling
|
|
29
26
|
class="fluid-drawer-backdrop"
|
|
30
|
-
onclick={(e:
|
|
31
|
-
console.log(isOpen);
|
|
27
|
+
onclick={(e: Event) => {
|
|
32
28
|
isOpen = false;
|
|
33
29
|
}}
|
|
34
|
-
|
|
30
|
+
>
|
|
31
|
+
<Container></Container>
|
|
32
|
+
</Button>
|
|
35
33
|
</Container>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { Snippet } from "svelte";
|
|
2
2
|
declare const Drawer: import("svelte").Component<{
|
|
3
3
|
class?: string;
|
|
4
|
+
contentClass?: string;
|
|
4
5
|
isOpen?: boolean;
|
|
5
|
-
alignment: "left" | "right" | "top" | "bottom";
|
|
6
6
|
overrideDefaultStyling?: boolean;
|
|
7
7
|
children: Snippet;
|
|
8
8
|
}, {}, "isOpen">;
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import Container from "../primitives/Container.svelte";
|
|
3
3
|
import Button from "../primitives/Button.svelte";
|
|
4
|
-
import {
|
|
4
|
+
import type { Snippet } from "svelte";
|
|
5
5
|
const {
|
|
6
6
|
class: className,
|
|
7
|
+
contentClass,
|
|
7
8
|
overrideDefaultStyling = false,
|
|
8
|
-
matchContentWidthToTrigger = false,
|
|
9
9
|
trigger,
|
|
10
10
|
children,
|
|
11
|
-
...restProps
|
|
12
11
|
}: {
|
|
13
12
|
class?: string;
|
|
13
|
+
contentClass?: string;
|
|
14
14
|
overrideDefaultStyling?: boolean;
|
|
15
|
-
matchContentWidthToTrigger?: boolean;
|
|
16
15
|
trigger: Snippet<[isOpen: boolean]>;
|
|
17
16
|
children: Snippet;
|
|
18
17
|
} = $props();
|
|
@@ -28,7 +27,9 @@
|
|
|
28
27
|
>
|
|
29
28
|
{@render trigger(isOpen)}
|
|
30
29
|
</Button>
|
|
31
|
-
<Container class={
|
|
32
|
-
{
|
|
30
|
+
<Container class={(overrideDefaultStyling ? "" : "fluid-dropdown-content") + (contentClass ? ` ${contentClass}` : "")}>
|
|
31
|
+
{#if isOpen}
|
|
32
|
+
{@render children()}
|
|
33
|
+
{/if}
|
|
33
34
|
</Container>
|
|
34
35
|
</Container>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { Snippet } from "svelte";
|
|
2
2
|
declare const Dropdown: import("svelte").Component<{
|
|
3
3
|
class?: string;
|
|
4
|
+
contentClass?: string;
|
|
4
5
|
overrideDefaultStyling?: boolean;
|
|
5
|
-
matchContentWidthToTrigger?: boolean;
|
|
6
6
|
trigger: Snippet<[isOpen: boolean]>;
|
|
7
7
|
children: Snippet;
|
|
8
8
|
}, {}, "">;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default Dropzone;
|
|
2
|
+
type Dropzone = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const Dropzone: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default BatteryChart;
|
|
2
|
+
type BatteryChart = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const BatteryChart: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default LineChart;
|
|
2
|
+
type LineChart = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const LineChart: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default PieChart;
|
|
2
|
+
type PieChart = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const PieChart: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import Container from "../../primitives/Container.svelte";
|
|
3
|
+
import Text from "../../primitives/Text.svelte";
|
|
4
|
+
import type { Snippet } from "svelte";
|
|
5
|
+
|
|
6
|
+
const {
|
|
7
|
+
class: className,
|
|
8
|
+
overrideDefaultStyling = false,
|
|
9
|
+
children,
|
|
10
|
+
}: {
|
|
11
|
+
class?: string;
|
|
12
|
+
overrideDefaultStyling?: boolean;
|
|
13
|
+
children?: Snippet;
|
|
14
|
+
} = $props();
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<Container overrideDefaultStyling class={overrideDefaultStyling ? "" + (className ? className : "") : "fluid-notification-area" + (className ? ` ${className}` : "")}>
|
|
18
|
+
{#if children}
|
|
19
|
+
{@render children()}
|
|
20
|
+
{/if}
|
|
21
|
+
</Container>
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as Link } from "./primitives/Link.svelte";
|
|
2
2
|
export { default as Button } from "./primitives/Button.svelte";
|
|
3
3
|
export { default as Container } from "./primitives/Container.svelte";
|
|
4
4
|
export { default as Dialog } from "./primitives/Dialog.svelte";
|
|
@@ -19,14 +19,14 @@ export { default as Accordion } from "./components/Accordion.svelte";
|
|
|
19
19
|
export { default as Breadcrumb } from "./components/Breadcrumb.svelte";
|
|
20
20
|
export { default as Drawer } from "./components/Drawer.svelte";
|
|
21
21
|
export { default as Dropdown } from "./components/Dropdown.svelte";
|
|
22
|
-
export { default as NotificationArea } from "./components/NotificationArea.svelte";
|
|
22
|
+
export { default as NotificationArea } from "./components/notification/NotificationArea.svelte";
|
|
23
23
|
export { default as Pagination } from "./components/Pagination.svelte";
|
|
24
24
|
export { default as Progress } from "./components/Progress.svelte";
|
|
25
25
|
export { default as Switch } from "./components/Switch.svelte";
|
|
26
26
|
export { default as Tabs } from "./components/Tabs.svelte";
|
|
27
27
|
export { default as UploadZone } from "./components/UploadZone.svelte";
|
|
28
28
|
export { default as FormBuilder } from "./prebuilt/FormBuilder.svelte";
|
|
29
|
-
export { default as InteractiveScrollArea } from "./
|
|
29
|
+
export { default as InteractiveScrollArea } from "./components/InteractiveScrollArea.svelte";
|
|
30
30
|
export { default as Document } from "./prebuilt/document/Document.svelte";
|
|
31
31
|
export { default as DocumentBlock } from "./prebuilt/document/DocumentBlock.svelte";
|
|
32
32
|
export { default as DocumentPage } from "./prebuilt/document/DocumentPage.svelte";
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Primitives
|
|
2
|
-
export { default as
|
|
2
|
+
export { default as Link } from "./primitives/Link.svelte";
|
|
3
3
|
export { default as Button } from "./primitives/Button.svelte";
|
|
4
4
|
export { default as Container } from "./primitives/Container.svelte";
|
|
5
5
|
export { default as Dialog } from "./primitives/Dialog.svelte";
|
|
@@ -21,7 +21,7 @@ export { default as Accordion } from "./components/Accordion.svelte";
|
|
|
21
21
|
export { default as Breadcrumb } from "./components/Breadcrumb.svelte";
|
|
22
22
|
export { default as Drawer } from "./components/Drawer.svelte";
|
|
23
23
|
export { default as Dropdown } from "./components/Dropdown.svelte";
|
|
24
|
-
export { default as NotificationArea } from "./components/NotificationArea.svelte";
|
|
24
|
+
export { default as NotificationArea } from "./components/notification/NotificationArea.svelte";
|
|
25
25
|
export { default as Pagination } from "./components/Pagination.svelte";
|
|
26
26
|
export { default as Progress } from "./components/Progress.svelte";
|
|
27
27
|
export { default as Switch } from "./components/Switch.svelte";
|
|
@@ -29,7 +29,7 @@ export { default as Tabs } from "./components/Tabs.svelte";
|
|
|
29
29
|
export { default as UploadZone } from "./components/UploadZone.svelte";
|
|
30
30
|
// Prebuilt
|
|
31
31
|
export { default as FormBuilder } from "./prebuilt/FormBuilder.svelte";
|
|
32
|
-
export { default as InteractiveScrollArea } from "./
|
|
32
|
+
export { default as InteractiveScrollArea } from "./components/InteractiveScrollArea.svelte";
|
|
33
33
|
export { default as Document } from "./prebuilt/document/Document.svelte";
|
|
34
34
|
export { default as DocumentBlock } from "./prebuilt/document/DocumentBlock.svelte";
|
|
35
35
|
export { default as DocumentPage } from "./prebuilt/document/DocumentPage.svelte";
|
|
File without changes
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default Timeline;
|
|
2
|
+
type Timeline = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const Timeline: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default TimelineItem;
|
|
2
|
+
type TimelineItem = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const TimelineItem: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { Snippet } from "svelte";
|
|
3
|
-
import {
|
|
3
|
+
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
4
4
|
|
|
5
5
|
const {
|
|
6
6
|
class: className = "",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
}}
|
|
35
35
|
class={(overrideDefaultStyling ? "" : "fluid-button") +
|
|
36
36
|
(className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "") +
|
|
37
|
-
(" fluid-" + buttonType + "-button") +
|
|
38
|
-
(" fluid-" + buttonStyle + "-button")}
|
|
37
|
+
(overrideDefaultStyling ? "" : " fluid-" + buttonType + "-button") +
|
|
38
|
+
(overrideDefaultStyling ? "" : " fluid-" + buttonStyle + "-button")}
|
|
39
39
|
{...restProps}
|
|
40
40
|
>
|
|
41
41
|
{@render children()}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
-
import {
|
|
2
|
+
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
3
3
|
declare const Button: import("svelte").Component<{
|
|
4
4
|
class?: string;
|
|
5
5
|
buttonType?: "solid" | "outline" | "transparent";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
-
import {
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
3
|
declare const Container: import("svelte").Component<{
|
|
4
4
|
containerType?: "div" | "section" | "aside" | "nav" | "footer";
|
|
5
5
|
class?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { Snippet } from "svelte";
|
|
3
|
-
import {
|
|
3
|
+
import type { HTMLDialogAttributes } from "svelte/elements";
|
|
4
4
|
let {
|
|
5
5
|
class: className,
|
|
6
6
|
isOpen = $bindable(false),
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
onclose={(e: Event) => {
|
|
33
33
|
isOpen = false;
|
|
34
34
|
}}
|
|
35
|
-
class={(overrideDefaultStyling ? "" : "fluid-dialog") +
|
|
35
|
+
class={(overrideDefaultStyling ? "" : "fluid-dialog") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}
|
|
36
36
|
{...restProps}
|
|
37
37
|
>
|
|
38
38
|
{@render children()}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
+
const {
|
|
4
|
+
class: className,
|
|
5
|
+
children,
|
|
6
|
+
overrideDefaultStyling = false,
|
|
7
|
+
...restProps
|
|
8
|
+
}: {
|
|
9
|
+
class?: string;
|
|
10
|
+
overrideDefaultStyling?: boolean;
|
|
11
|
+
} & HTMLAttributes<HTMLHRElement> = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<hr {...restProps} class={(overrideDefaultStyling ? "" : "fluid-divider") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { HTMLInputAttributes } from "svelte/elements";
|
|
3
3
|
let {
|
|
4
4
|
class: className,
|
|
5
5
|
value = $bindable(),
|
|
@@ -19,5 +19,5 @@
|
|
|
19
19
|
{#if type === "checkbox"}
|
|
20
20
|
<input {...restProps} bind:checked type="checkbox" class={(overrideDefaultStyling ? "" : "fluid-checkbox") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
|
|
21
21
|
{:else}
|
|
22
|
-
<input {...restProps} bind:value class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
|
|
22
|
+
<input {...restProps} bind:value {type} class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
|
|
23
23
|
{/if}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
-
import {
|
|
3
|
-
declare const
|
|
2
|
+
import type { HTMLAnchorAttributes } from "svelte/elements";
|
|
3
|
+
declare const Link: import("svelte").Component<{
|
|
4
4
|
class?: string;
|
|
5
5
|
overrideDefaultStyling?: boolean;
|
|
6
6
|
children: Snippet;
|
|
7
7
|
} & HTMLAnchorAttributes, {}, "">;
|
|
8
|
-
export default
|
|
8
|
+
export default Link;
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fluid-ui-svelte",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"author": {
|
|
5
5
|
"name": "Emre Ayaz",
|
|
6
6
|
"email": "emreayaz@frostium.io",
|
|
7
7
|
"url": "https://emreayaz.com"
|
|
8
8
|
},
|
|
9
9
|
"repository": {
|
|
10
|
-
"url": "https://github.com/
|
|
10
|
+
"url": "https://github.com/ayazemre/fluid-ui"
|
|
11
11
|
},
|
|
12
12
|
"scripts": {
|
|
13
13
|
"dev": "vite dev",
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
"svelte": "^5.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@iconify/svelte": "^4.0.2",
|
|
48
47
|
"@playwright/test": "^1.45.3",
|
|
49
48
|
"@sveltejs/adapter-auto": "^3.0.0",
|
|
50
49
|
"@sveltejs/kit": "^2.0.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!-- TODO -->
|
|
File without changes
|
|
File without changes
|
|
File without changes
|