[mwc-button] Expose mwc-ripple css variable

[twigy11]

Is your feature request related to a problem? Please describe. We need to change the color and opacity ripple value for mvc-button. Is there any reason to not expose the css variables.?

Describe the solution you'd like Expose from the web component (ex. mvc-button) the mwc-ripple css variable.

Describe alternatives you've considered each component expose its own opacity css variable configuration

Thanks in advance

[mgutbor]

Same problem here. Would be fantastic if all this variables will ​exposed in all atomic components:

--mdc-ripple-press-opacity		0.12	Opacity of the ripple when pressed.
--mdc-ripple-hover-opacity		0.04	Opacity of the ripple when hovered.
--mdc-ripple-focus-opacity		0.12	Opacity of the ripple when focused.
--mdc-ripple-selected-opacity	0.08	Opacity of the ripple when the host component is "selected". This opacity is added to press, hover, and focus states.
--mdc-ripple-activated-opacity	0.12	Opacity of the ripple when the host component is "activated". This opacity is added to press, hover, and focus states.```

[allan-chen]

Thanks for the issue. This will be introduced as a part of the major changes to all components for Material You (#2441, also see beginning of repo README). Each component will expose its dedicated custom properties, prefixed by the component name.

[asyncLiz]

Customizable in M3 now