fix(next): Fix <Table.Footer> foreground color (#1449)

fixes #1440
huntabyte · Nov 6, 2024 · e06303c · e06303c
1 parent 802a328
commit e06303c
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 10 deletions.
diff --git a/sites/docs/src/lib/registry/default/example/table-demo.svelte b/sites/docs/src/lib/registry/default/example/table-demo.svelte
@@ -67,4 +67,10 @@
 			</Table.Row>
 		{/each}
 	</Table.Body>
+	<Table.Footer>
+		<Table.Row>
+			<Table.Cell colspan={3}>Total</Table.Cell>
+			<Table.Cell class="text-right">$2,500.00</Table.Cell>
+		</Table.Row>
+	</Table.Footer>
 </Table.Root>
diff --git a/sites/docs/src/lib/registry/default/ui/table/table-footer.svelte b/sites/docs/src/lib/registry/default/ui/table/table-footer.svelte
@@ -11,10 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
 </script>
 
-<tfoot
-	bind:this={ref}
-	class={cn("bg-muted/50 text-primary-foreground font-medium", className)}
-	{...restProps}
->
+<tfoot bind:this={ref} class={cn("bg-muted/50 font-medium", className)} {...restProps}>
 	{@render children?.()}
 </tfoot>
diff --git a/sites/docs/src/lib/registry/new-york/example/table-demo.svelte b/sites/docs/src/lib/registry/new-york/example/table-demo.svelte
@@ -67,4 +67,10 @@
 			</Table.Row>
 		{/each}
 	</Table.Body>
+	<Table.Footer>
+		<Table.Row>
+			<Table.Cell colspan={3}>Total</Table.Cell>
+			<Table.Cell class="text-right">$2,500.00</Table.Cell>
+		</Table.Row>
+	</Table.Footer>
 </Table.Root>
diff --git a/sites/docs/src/lib/registry/new-york/ui/table/table-footer.svelte b/sites/docs/src/lib/registry/new-york/ui/table/table-footer.svelte
@@ -11,10 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
 </script>
 
-<tfoot
-	bind:this={ref}
-	class={cn("bg-muted/50 text-primary-foreground font-medium", className)}
-	{...restProps}
->
+<tfoot bind:this={ref} class={cn("bg-muted/50 font-medium", className)} {...restProps}>
 	{@render children?.()}
 </tfoot>