material-components / material-components-web

Modular and customizable Material Design UI components for the web
https://material.io/develop/web
MIT License
17.13k stars 2.15k forks source link

[iconButton] mdc-icon-button is not emitting theming styles(not using theme-styles() mixin) #8002

Open sandeeppatidar30 opened 1 year ago

sandeeppatidar30 commented 1 year ago

Bug report

IconButton does not emitting theming styles while using core-styles() mixin.

usecase -

@use "@material/icon-button";
@include icon-button.core-styles;

Above code snippet is not using theme-styles mixin defined inside @material/icon-button/_icon-button-theme.

Steps to reproduce

  1. Go to 'https://codepen.io/sp30457/pen/PodbJXR'
  2. Check the styles as it is not using theming styles like hover-state-layer-color, hover-state-layer-opacity etc. for icon button. No css variables for these properties are available.

Actual behavior

It is not using theme-styles mixin inside core-styles() mixin.

Expected behavior

Ideally it should use theme-styles inside core-styles() mixin.

Your Environment:

Software Version(s)
MDC Web 15.0.0-canary.7971d6ad5.0 for @material/icon-button
Browser Chrome latest
Operating System Windows