@hyvor/design 1.0.7 → 1.0.8

package/dist/components/Table/Table.svelte

@@ -10,12 +10,6 @@
 	const hoverCss = hover ? '--local-hover-color: var(--hover);' : '';
 </script>
 
-<div
-	class="table"
-	style="
-    --local-columns: {columns};
-    {hoverCss}
-"
->
+<div class="table" style="--local-columns: {columns};{hoverCss}" role="table">
 	{@render children?.()}
 </div>

package/dist/components/Table/TableCell.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { getContext, type Snippet } from 'svelte';
+
+	interface Props {
+		children: Snippet;
+		[key: string]: any;
+	}
+
+	let { children, ...rest }: Props = $props();
+
+	const { head } = getContext<{ head: boolean }>('table-row');
+</script>
+
+<div role={head ? 'columnheader' : 'cell'} {...rest}>
+	{@render children()}
+</div>

package/dist/components/Table/TableCell.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type Snippet } from 'svelte';
+interface Props {
+    children: Snippet;
+    [key: string]: any;
+}
+declare const TableCell: import("svelte").Component<Props, {}, "">;
+type TableCell = ReturnType<typeof TableCell>;
+export default TableCell;

package/dist/components/Table/TableRow.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
+	import { setContext, type Snippet } from 'svelte';
 
 	interface Props {
 		head?: boolean;
@@ -7,9 +7,11 @@
 	}
 
 	const { head = false, children, ...rest }: Props = $props();
+
+	setContext('table-row', { head });
 </script>
 
-<div class:head {...rest}>
+<div class:head {...rest} role="row">
 	{@render children()}
 </div>
 

package/dist/components/Table/TableRow.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Snippet } from 'svelte';
+import { type Snippet } from 'svelte';
 interface Props {
     head?: boolean;
     children: Snippet;

package/package.json

@@ -57,5 +57,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.0.7"
+	"version": "1.0.8"
 }