@use '@material/theme/theme';
@use '@material/theme/theme-color';

// fix(@material-components): for `<ui-list>` in `<ui-drawer>`
.mdc-drawer {
  .mdc-deprecated-list-item--activated {
    @include theme.property(color, primary);

    .mdc-deprecated-list-item__graphic {
      @include theme.property(color, primary);
    }

    [class*='mdc-theme--text-'],
    &[class*='mdc-theme--text-'] {
      @include theme.property(color, primary, $important: true);
    }
  }
}

.mdc-deprecated-list--non-interactive {
  .mdc-deprecated-list-item {
    cursor: default;
  }
}