momentum-design / momentum-ui

Momentum UI is a collection of UI libraries for implementing Momentum Design into web applications and websites.
https://momentum.design
MIT License
199 stars 204 forks source link

feat: mdv2 webcomponent theme #1647

Closed NotNestor closed 4 months ago

NotNestor commented 4 months ago

Add a new theme mdv2 to the web components. Update the theme provider to accept a theme name Add boilplate theme tokens to all components in the mdv2 theme

Description

Add a new attirbute for theme to the theme provider. This can set momentum/lumos/momentumV2 If these are not set fall back to previous logic (lumos true/false)

Update scripts for this new theme. To make this build correctly add placeholder files based on the lumos theme that will be updated to correct tokens dark-complete and light-complete on the momentum-design/tokens repo

New design will be based on components in the following figma

https://www.figma.com/design/9qhjTsC97Q3W8ZsbnTiZho/%F0%9F%A7%A9-[WIP]-Momentum-Global-Web-Library-Components?node-id=7709-473920&t=jI7xDYJ4UpMUVLqS-0

Related Issue

CX-15052 CX-15051 CX-15050

Motivation and Context

This is introducing a new theme MomentumV2 to the web-component library

How Has This Been Tested?

Existing tests pass and new theme has been tested in the sandbox and storybook

Screenshots:

Screenshot 2024-06-04 at 16 52 57 Screenshot 2024-06-04 at 16 59 57 Screenshot 2024-06-04 at 17 00 01 Screenshot 2024-06-05 at 11 26 56

Types of changes

Checklist:

NotNestor commented 4 months ago

Depends on https://github.com/momentum-design/momentum-design/pull/636

codecov[bot] commented 4 months ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 94.47%. Comparing base (4bb1c89) to head (5443002).

Additional details and impacted files ```diff @@ Coverage Diff @@ ## master #1647 +/- ## ========================================== + Coverage 94.42% 94.47% +0.04% ========================================== Files 134 134 Lines 19412 19414 +2 Branches 3023 3031 +8 ========================================== + Hits 18330 18341 +11 + Misses 1082 1073 -9 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.