[M3] Ripple

[PatelUtkarsh]

Feature description

Replace m2's @material/ripple/dist/mdc.ripple.css style with m3 tokens.

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Implementation brief

QA testing instructions

Demo

Changelog entry

[PatelUtkarsh]

QA notes:

• This updates CSS of ripple to make sure it uses m3 tokens.
• You can see demo of ripple here: https://material-components.github.io/material-components-web-catalog/#/component/ripple

[igruszkauy]

@PatelUtkarsh verified via:
https://dev-mdc-web.pantheonsite.io/ripple-test/
Looks good, both on list mouseover and search/dark mode/hamburger menu icons

The only two things to note,I am not sure are related:

1. The color in dark mode is very unperceivable:
   

vs M2

2. Scroll to top button is looking broken, is this related to button component not being ready?
   

Sending ticket to "review" to analyze the above items.

[PatelUtkarsh]

Hello @igruszkauy,

1. Fixed list color in Update patterns m3 #433
2. Button changes are part of [M3] Components - Button #325 - Should be fixed on dev since we merged first version.

[igruszkauy]

@PatelUtkarsh Verified via:https://dev-mdc-web.pantheonsite.io/new-ripple-test/

1. List color seems to be the same
   
2. Button seems to be as expected now
   

[PatelUtkarsh]

1. You can compare dark mode list vs new dark mode, colour is more light. @igruszkauy

Before fix	After fix

[igruszkauy]

Sending to "Demo" as per comment above.