Skip to content

Apply New MVP+ Stylesheets (CRASM-2483) #855

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

Merged
merged 4 commits into from
Apr 21, 2025

Conversation

hawkishpolicy
Copy link
Collaborator

  • Update of Theme Context for MVP+

🗣 Description

  • added main, light, dark, darker tokens to palette.
  • aplied design team provided colors to these tokens.
  • applied the tokens to the default palette colors.
  • added custom typography tokens to the theme.
  • applied design team provided styling to typography tokens.
  • applied design team provided styling to the following default MUI components:
    • Button
    • Chip
    • IconButton
    • Link

💭 Motivation and context

  • Closes CRASM-2483

🧪 Testing

  • Tested locally

✅ Pre-approval checklist

  • This PR has an informative and human-readable title.
  • Changes are limited to a single goal - eschew scope creep!
  • All future TODOs are captured in issues, which are referenced
    in code comments.
  • All relevant type-of-change labels have been added.
  • I have read the CONTRIBUTING document.
  • These code changes follow cisagov code standards.
  • All relevant repo and/or project documentation has been updated
    to reflect the changes in this PR.
  • Tests have been added and/or modified to cover the changes in this PR.
  • All new and existing tests pass.

✅ Pre-merge checklist

  • Revert dependencies to default branches.
  • Finalize version.

✅ Post-merge checklist

  • Create a release.

- added main, light, dark, darker tokens to palette.
- aplied design team provided colors to these tokens.
- applied the tokens to the default palette colors.
- added custom typography tokens to the theme.
- applied design team provided styling to typography tokens.
- applied design team provided styling to the following default MUI components:
  - Button
  - Chip
  - IconButton
  - Link
- Removed defaultProps settings for components.
  - Kept style overrides for components.
  - This will prevent conflicts with complex components that use base components like "Button".
  - i.e MUI Data Grid uses "Button" as a base component.
- Added custom typography to corresponding components.
  - i.e "button" uses button typography.
- Created "contained" variant for buttons in Theme.tsx.
- Added style overides to IconButton and Link components in Theme.tsx.
- Updated Domain column in Vulnerabilities.tsx to use Link component.
- Updated vulnerability title to use variant defined in Theme.tsx.
- Applied IconButton to external link in DomainDetails.tsx.
- Uopdated snaphots.
- Ensure components inside Theme.tsx are able to accept custom palette and typography definitions from eleswhere in the Theme object.
@rapidray12 rapidray12 merged commit 779e7b9 into develop Apr 21, 2025
16 checks passed
@rapidray12 rapidray12 deleted the Apply-New-Stylesheets-CRASM-2483 branch April 21, 2025 15:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants