Automattic / Automattic/jetpack

[RNA] Update Notice component to match designs

Open
#35,676 2 comments 0 reactions 0 assignees View on GitHub
[JS Package] Components [Plugin] Boost [Status] Stale Enhancement RNA
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

The Notice component styles are outdated.

Current (from storybook Notice -> Warning):

![Image](https://github.com/Automattic/jetpack/assets/11799079/2417a43a-c6a1-4ddc-815e-5e292d7ca1d3)

Design:

![Image](https://github.com/Automattic/jetpack/assets/11799079/658db011-0f26-46bb-842b-c86e29e8e654)

Link to design - TTzDk3dzct551hYWRXPFa3-fi-3758_41567

Contributor guide

Open the contributing guide

Research direction

Start with the Storybook Notice component, specifically the Warning variant, and compare its current rendering with the linked design. Identify the component files and existing visual checks from that entry point; done means the Notice styles match the provided design.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
design, frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.