-
Notifications
You must be signed in to change notification settings - Fork 16
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
New design system applied to priority 1 components #523
New design system applied to priority 1 components #523
Conversation
This pull request has been linked to Shortcut Story #266115: COMPONENTS - Basic components (priority 1). |
@@ -138,32 +137,32 @@ export const commonPalette = { | |||
dark: baseColors.indigo[500], | |||
light: baseColors.indigo[300], | |||
contrastText: baseColors.common.white, | |||
relatedDark: getMixedColor(baseColors.indigo[400], baseColors.neutral.A700, 0.6), | |||
relatedLight: getMixedColor(baseColors.indigo[400], baseColors.common.white, 0.9) | |||
relatedDark: '#0d2b4a', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit, let's always try to keep uppercase
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM.
Like you said, folder restructuring / naming could have been in a separated PR, but I'm ok with landing this on feature branch, and I'll make an experimental release
Description
Shortcut: #266115
[sc-266115]
Implement the new design system in priority 1 components. Toggle button will be in a different PR.
New Button component that uses Mui Button and wraps its children in Typography to meet with the designed behavior (text overflow case)
Also, stories and folders reorganization to meet the atomic design structure.