Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] Alert, InlineAlert and Notification style update #796

Merged
merged 11 commits into from
Nov 1, 2023

Conversation

LJKaski
Copy link
Collaborator

@LJKaski LJKaski commented Nov 1, 2023

Description

This PR updates the style of Alert, InlineAlert and Notification components to match the updated design. In Notification, the internal structure was changed slightly to use an existing Button component variant instead of a custom button.

Suomifi-design-tokens dependency was updated to version 6.0.0 to gain access to the new and changed colors.

Motivation and Context

The designs were updated along with some recent color changes for better accessibility and usability. This simply applies the changes to the components.

How Has This Been Tested?

Visually checked against the designs in styleguidist on Chrome.

Release notes

Alert, InlineAlert

  • Breaking change: update styles to match new designs

Notification

  • Breaking change: update styles to match new designs
  • Breaking change: closeButtonProps are now of type ButtonProps

General

  • Update suomifi-design-tokens to 6.0.0

@LJKaski LJKaski added the enhancement New feature or request label Nov 1, 2023
@LJKaski LJKaski self-assigned this Nov 1, 2023
@LJKaski LJKaski requested a review from riitasointi as a code owner November 1, 2023 07:29
@LJKaski LJKaski force-pushed the feature/alert-notification-colors branch from c5ffadf to 2e27238 Compare November 1, 2023 10:22
Copy link
Collaborator

@riitasointi riitasointi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good with updated colors!

@LJKaski LJKaski merged commit 5728d7b into develop Nov 1, 2023
1 check passed
This was referenced Nov 15, 2023
@riitasointi riitasointi mentioned this pull request Dec 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Development

Successfully merging this pull request may close these issues.

2 participants