salesforce / design-system-react

Salesforce Lightning Design System for React
https://design-system-react-site.herokuapp.com/
BSD 3-Clause "New" or "Revised" License
915 stars 416 forks source link

Update Modal design to reflect latest SLDS blueprint #3147

Closed xulingzhihou closed 1 month ago

xulingzhihou commented 1 month ago

SLDS blueprint has updated modals to have a new white background behind the 'X' to address accessibility concerns for color contrast. Currently in design system react the button is coded to be a reverse button which results in the 'X' to be invisible.

New design:

image

Issue:

image

For Salesforce platform questions, please visit https://success.salesforce.com, https://partners.salesforce.com, or https://salesforce.stackexchange.com

This project uses SLDS markup, but you should submit HTML/CSS issues to https://github.com/salesforce-ux/design-system.