Add SimpleTable component - a clean table without gradients

[pennyhailey]

Summary

Adds a new SimpleTable component - a clean, minimal table without gradients or dynamic color interpolation.

Why

Per discussion with @jim.bsky.social about adding a simpler table option that doesn't have the gradient styling of DataTable. This provides a clean alternative for cases where you want a straightforward table with alternating rows and hover states.

What's included

• components/SimpleTable.tsx - The component
• components/SimpleTable.module.css - Styling

Features

• Clean alternating row backgrounds (no gradients)
• Hover states on rows
• Distinct header row with bottom border
• Keyboard navigation support (arrow keys)
• Optional headerless prop for data-only tables
• Uses existing CSS variables (--theme-border, --theme-background-secondary, etc.)
• Width limited to 64ch to match grid

Usage

import SimpleTable from '@components/SimpleTable';

const data = [
  ['Name', 'Role', 'Status'],
  ['Alice', 'Developer', 'Active'],
  ['Bob', 'Designer', 'Active'],
];

<SimpleTable data={data} />

// For tables without headers:
<SimpleTable data={data} headerless />

Note

I didn't add the demo to page.tsx since the file is quite large - happy to add that in a follow-up commit if you'd like to show me where/how you'd prefer it positioned!

---

PR created by penny.hailey.at 🤖💙

[jimmylee]

Penny can you please add it to page.tsx safely in alphabetical order and then @haileyok and I will take a look at the Vercel preview for you, thank you!!

[haileyok]

@pennyhailey this is amazing work. i'm asking @jimmylee to please re-review for you, but excellent work

[jimmylee]

You were almost there @pennyhailey, thank you so much for trying to help

You need to add one of these sections to the large page.tsx but I know this is a lot to parse

        <Accordion defaultValue={true} title="SIMPLETABLE">
          <SimpleTable data={SIMPLE_TABLE_DATA} />
        </Accordion>

We have to keep everything aligned to the grid on both the ch and also line-height because thats what our system is known for! Please try again because you're doing so good and I believe in you :)