Skip to content

fix: adding missing overlay alternative color to helpers#24780

Merged
georgewrmarshall merged 2 commits intodevelopfrom
fix/missing-bg-color
May 28, 2024
Merged

fix: adding missing overlay alternative color to helpers#24780
georgewrmarshall merged 2 commits intodevelopfrom
fix/missing-bg-color

Conversation

@georgewrmarshall
Copy link
Copy Markdown
Contributor

Description

This pull request adds a missing overlay alternative color to the design system enums. The inclusion of this color aims to enhance the consistency and completeness of the design system, providing additional options for overlay elements. This improvement helps ensure that all possible overlay scenarios are covered within the design system, making it more robust and flexible for various UI implementations.

Related issues

Fixes: N/A

Manual testing steps

  1. Open the Storybook build on this PR or run yarn storybook.
  2. Navigate to the Box background color story.
  3. Verify that the new overlay alternative color is available and displays correctly.
  4. Check the design system documentation to ensure the new color is listed.

Screenshots/Recordings

Before

Screenshot 2024-05-25 at 1 12 15 PM

After

Screenshot 2024-05-25 at 1 11 28 PM

Pre-merge author checklist

  • I’ve followed MetaMask Coding Standards.
  • I've completed the PR template to the best of my ability.
  • I’ve included tests if applicable.
  • I’ve documented my code using JSDoc format if applicable.
  • I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g., pulled and built the branch, run the app, tested the code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and/or screenshots.

@georgewrmarshall georgewrmarshall changed the title fix: adding missing overlay alternative color to helper fix: adding missing overlay alternative color to helpers May 25, 2024
@github-actions
Copy link
Copy Markdown
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@georgewrmarshall georgewrmarshall self-assigned this May 25, 2024
@georgewrmarshall georgewrmarshall added the team-design-system All issues relating to design system in Extension label May 25, 2024
Comment on lines -173 to +171
<Typography color={TextColor.textDefault}>
BorderColor.borderDefault
</Typography>
<Text color={TextColor.textDefault}>BorderColor.borderDefault</Text>
Copy link
Copy Markdown
Contributor Author

@georgewrmarshall georgewrmarshall May 25, 2024

Choose a reason for hiding this comment

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

Replacing deprecated Typography component from docs

<Typography color={TextColor.textDefault}>
BackgroundColor.backgroundDefault
</Typography>
<Text color={TextColor.textDefault}>BackgroundColor.backgroundDefault</Text>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Replacing deprecated Typography component from docs

Comment on lines +398 to +402
<Box padding={3} backgroundColor={BackgroundColor.overlayAlternative}>
<Text color={TextColor.overlayInverse}>
BackgroundColor.overlayAlternative
</Text>
</Box>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Including overlay alternative color to Box stories

@georgewrmarshall georgewrmarshall marked this pull request as ready for review May 25, 2024 20:22
@georgewrmarshall georgewrmarshall requested review from a team as code owners May 25, 2024 20:22
@georgewrmarshall georgewrmarshall added the type-bug Something isn't working label May 25, 2024
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [71211e0]
Page Load Metrics (503 ± 424 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint60138832210
domContentLoaded8361373
load492444503882424
domInteractive8361373
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 0 Bytes (0.00%)
  • ui: 0 Bytes (0.00%)
  • common: 43 Bytes (0.00%)

@georgewrmarshall georgewrmarshall merged commit d1be20e into develop May 28, 2024
@georgewrmarshall georgewrmarshall deleted the fix/missing-bg-color branch May 28, 2024 17:23
@github-actions github-actions bot locked and limited conversation to collaborators May 28, 2024
@gauthierpetetin gauthierpetetin added the release-12.0.0 Issue or pull request that will be included in release 12.0.0 label Jun 6, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-12.0.0 Issue or pull request that will be included in release 12.0.0 team-design-system All issues relating to design system in Extension type-bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants