dequelabs / dequelabs/cauldron

Design Sync: Panel

Open
#1,785 0 comments 0 reactions 0 assignees View on GitHub
ux debt
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

## Designs

![design from figma](https://github.com/user-attachments/assets/98e81bca-1d15-46dd-a2e1-47f013bb2730)

## Implementation

This is an update to the existing panel component to accomodate a fresh panel design, including:

- An adjusted border radius of `--space-small`
- An adjusted inner padding of `--space-largest`
- Updated box shadows (see https://github.com/dequelabs/cauldron/issues/1774)
- The inner border between PanelHeader/PanelContent is no longer edge to edge
- Updated border colors:
- Light Mode: `--gray-30`
- Dark Mode: No changes needed

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.