supabase / supabase / 42060528083

87%

push

github

feat(ui): floating surface shadows (#53009)

## Problem

- popovers, menus, selects and the chart tooltip draw a 1px `border`
next to a `shadow-*`, so the edge shows as a separate gray line

## Solution

- adds `floating-surface-shadow-sm` and `-md` utilities in one file, so
every floating surface uses the same edge and shadow
- replaces popover, menu, select and chart tooltip borders and shadows
with the `md` utility, so edges blend into shadows
- changes the chart tooltip background to the card surface in dark mode,
so the tooltip is lighter than the page
- adds a 1px outline in forced colors mode, because that mode removes
box shadows

| before | after |
| -------|------|
| <img width="696" height="371" alt="image"
src="https://github.com/user-attachments/assets/0bca48bd-565d-48e0-bd44-1e804e3ebd7b"
/> | <img width="696" height="371" alt="image"
src="https://github.com/user-attachments/assets/6ad2d80e-806a-46a6-b022-891b55d979e4"
/> |

<!--
## Preview links

If relevant, include links to changed pages for easy review access.

Copy the preview base URL from the Vercel bot comment on this PR. Use
the following table as an example template.

| Site | Live | Preview | Search for |
| -------------- |
-------------------------------------------------------------------------
|
------------------------------------------------------------------------------------------------------------
| ----------------------------- |
| WWW | [/blog/your-post](https://supabase.com/blog/your-post) |
[/blog/your-post](https://zone-www-dot-com-git-branch-name-supabase.vercel.app/blog/your-post)
| unique phrase from the change |
| Docs |
[/docs/guides/your-page](https://supabase.com/docs/guides/your-page) |
[/docs/guides/your-page](https://docs-git-branch-name-supabase.vercel.app/docs/guides/your-page)
| unique phrase from the change |
| Studio | [/dashboard](https://supabase.com/dashboard) |
[/dashboard](https://studio-git-branch-name-supabase.vercel.app/dashboard)
| unique p... (continued)

2042 of 2411 branches covered (84.7%)

Branch coverage included in aggregate %.

2838 of 3198 relevant lines covered (88.74%)

201.18 hits per line