@immich/ui 0.60.3 → 0.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import Table from '../Table/Table.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children?: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <Table striped {children} />
@@ -0,0 +1,8 @@
1
+ import Table from '../Table/Table.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children?: Snippet;
5
+ };
6
+ declare const Table: import("svelte").Component<Props, {}, "">;
7
+ type Table = ReturnType<typeof Table>;
8
+ export default Table;
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import TableBody from '../Table/TableBody.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children?: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <TableBody {children} />
@@ -0,0 +1,8 @@
1
+ import TableBody from '../Table/TableBody.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children?: Snippet;
5
+ };
6
+ declare const TableBody: import("svelte").Component<Props, {}, "">;
7
+ type TableBody = ReturnType<typeof TableBody>;
8
+ export default TableBody;
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import TableCell from '../Table/TableCell.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children?: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <TableCell {children} />
@@ -0,0 +1,8 @@
1
+ import TableCell from '../Table/TableCell.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children?: Snippet;
5
+ };
6
+ declare const TableCell: import("svelte").Component<Props, {}, "">;
7
+ type TableCell = ReturnType<typeof TableCell>;
8
+ export default TableCell;
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import TableHeader from '../Table/TableHeader.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children?: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <TableHeader {children} />
@@ -0,0 +1,8 @@
1
+ import TableHeader from '../Table/TableHeader.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children?: Snippet;
5
+ };
6
+ declare const TableHeader: import("svelte").Component<Props, {}, "">;
7
+ type TableHeader = ReturnType<typeof TableHeader>;
8
+ export default TableHeader;
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import TableHeading from '../Table/TableHeading.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children?: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <TableHeading {children} />
@@ -0,0 +1,8 @@
1
+ import TableHeading from '../Table/TableHeading.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children?: Snippet;
5
+ };
6
+ declare const TableHeading: import("svelte").Component<Props, {}, "">;
7
+ type TableHeading = ReturnType<typeof TableHeading>;
8
+ export default TableHeading;
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import TableRow from '../Table/TableRow.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <TableRow {children} />
@@ -0,0 +1,8 @@
1
+ import TableRow from '../Table/TableRow.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children: Snippet;
5
+ };
6
+ declare const TableRow: import("svelte").Component<Props, {}, "">;
7
+ type TableRow = ReturnType<typeof TableRow>;
8
+ export default TableRow;
@@ -0,0 +1,12 @@
1
+ <script lang="ts">
2
+ import Text from '../Text/Text.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ type Props = {
6
+ children: Snippet;
7
+ };
8
+
9
+ const { children }: Props = $props();
10
+ </script>
11
+
12
+ <Text inline {children} />
@@ -0,0 +1,8 @@
1
+ import Text from '../Text/Text.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ type Props = {
4
+ children: Snippet;
5
+ };
6
+ declare const Text: import("svelte").Component<Props, {}, "">;
7
+ type Text = ReturnType<typeof Text>;
8
+ export default Text;
@@ -32,6 +32,27 @@ export declare const Markdown: {
32
32
  Paragraph: import("svelte").Component<{
33
33
  children: import("svelte").Snippet;
34
34
  }, {}, "">;
35
+ Table: import("svelte").Component<{
36
+ children?: import("svelte").Snippet;
37
+ }, {}, "">;
38
+ TableHeader: import("svelte").Component<{
39
+ children?: import("svelte").Snippet;
40
+ }, {}, "">;
41
+ TableHeading: import("svelte").Component<{
42
+ children?: import("svelte").Snippet;
43
+ }, {}, "">;
44
+ TableRow: import("svelte").Component<{
45
+ children: import("svelte").Snippet;
46
+ }, {}, "">;
47
+ TableCell: import("svelte").Component<{
48
+ children?: import("svelte").Snippet;
49
+ }, {}, "">;
50
+ TableBody: import("svelte").Component<{
51
+ children?: import("svelte").Snippet;
52
+ }, {}, "">;
53
+ Text: import("svelte").Component<{
54
+ children: import("svelte").Snippet;
55
+ }, {}, "">;
35
56
  Space: import("svelte").Component<{
36
57
  children?: import("svelte").Snippet;
37
58
  }, {}, "">;
@@ -7,6 +7,13 @@ import List from './List.svelte';
7
7
  import ListItem from './ListItem.svelte';
8
8
  import Paragraph from './Paragraph.svelte';
9
9
  import Space from './Space.svelte';
10
+ import Table from './Table.svelte';
11
+ import TableBody from './TableBody.svelte';
12
+ import TableCell from './TableCell.svelte';
13
+ import TableHeader from './TableHeader.svelte';
14
+ import TableHeading from './TableHeading.svelte';
15
+ import TableRow from './TableRow.svelte';
16
+ import Text from './Text.svelte';
10
17
  export const Markdown = {
11
18
  BlockQuote,
12
19
  Code,
@@ -16,5 +23,12 @@ export const Markdown = {
16
23
  ListItem,
17
24
  List,
18
25
  Paragraph,
26
+ Table,
27
+ TableHeader,
28
+ TableHeading,
29
+ TableRow,
30
+ TableCell,
31
+ TableBody,
32
+ Text,
19
33
  Space,
20
34
  };
@@ -17,7 +17,7 @@
17
17
  children?: Snippet;
18
18
  } & HTMLAttributes<HTMLElement>;
19
19
 
20
- const { color, inline, size, fontWeight = 'normal', children, class: className, ...restProps }: Props = $props();
20
+ const { color, inline, size, fontWeight = 'normal', class: className, ...restProps }: Props = $props();
21
21
 
22
22
  const styles = tv({
23
23
  variants: {
@@ -26,6 +26,4 @@
26
26
  });
27
27
  </script>
28
28
 
29
- <Text tag={inline ? 'span' : 'p'} {color} {fontWeight} class={cleanClass(styles({ size }), className)} {...restProps}>
30
- {@render children?.()}
31
- </Text>
29
+ <Text tag={inline ? 'span' : 'p'} {color} {fontWeight} class={cleanClass(styles({ size }), className)} {...restProps} />
@@ -16,8 +16,7 @@
16
16
  color?: HeadingColor;
17
17
  size?: Size;
18
18
  class?: string;
19
-
20
- children: Snippet;
19
+ children?: Snippet;
21
20
  } & HTMLAttributes<HTMLElement>;
22
21
 
23
22
  const { tag = 'p', color, fontWeight, variant, size, class: className, children, ...restProps }: Props = $props();
@@ -45,5 +44,5 @@
45
44
  </script>
46
45
 
47
46
  <svelte:element this={tag} class={classList} {...restProps}>
48
- {@render children()}
47
+ {@render children?.()}
49
48
  </svelte:element>
@@ -11,7 +11,7 @@ type Props = {
11
11
  color?: HeadingColor;
12
12
  size?: Size;
13
13
  class?: string;
14
- children: Snippet;
14
+ children?: Snippet;
15
15
  } & HTMLAttributes<HTMLElement>;
16
16
  declare const Text: import("svelte").Component<Props, {}, "">;
17
17
  type Text = ReturnType<typeof Text>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@immich/ui",
3
- "version": "0.60.3",
3
+ "version": "0.61.0",
4
4
  "license": "GNU Affero General Public License version 3",
5
5
  "repository": {
6
6
  "type": "git",