Reproduction:
Go to https://mdbootstrap.com/docs/jquery/components/pagination/ , check the generated html code for one of the pagination expamples, there are two "waves-effect" in a element class.

<li class="page-item"><a class="page-link waves-effect waves-effect">2</a></li>

I wrote a app for an document camera. I have drawn two icons: document-camera and document-camera-off. I used the icon cctv as a starting point. Maybe someone else needs this icons. I want to contribute this two icons.

[document-camera.zip](https://github.com/Templarian/MaterialDesign/files/3699339/docu

Hi,
I started a new AMP project, and as we do not need to reinvent the wheel, I had reduced the original mui.css version to which I had added some lines that I had injected in the "amp-custom" with a size of 35kb (the limit imposed by google is 50kb)
As proposed here : ampproject/amphtml#2851, I think we should build a mui.css lightweight package for the AMP community a

To add how to trigger snackbar with JS.
Adapted from docs.min.js. Code as such

//close snackbar on click
        $(".snackbar-btn").on("click", function () {
            $(this).parent(".snackbar").removeClass("show")
        });

//show snackbar on click and auto hide at either after 6000ms or button is click again to show new snackbar
        $(".snackbar-toggler").on("click", 

As identified in #520, some mimetype icons have ALL CAPS text, while the majority have small caps text. The latter capitalization should be preferred for readability.

TODO:

• Update wiki/styleguide
• Review mimetypes

There is a small padding on the top which creates a little gap between the BottomNavigation and the view above. It looks really weird.
How do I remove this?
Image:

When having one MaterialDropDown, the content shows on the desired position:

Having a few MaterialDropDown the content opens somewhere above (and it doesn't matter setting setBelowOrigin true or false):
![grafik](https://user-images.githubusercontent.com/41892174/56741533-523adc80-6

In documentation of theming.js:

• {{foreground-1}} - used for primary text
• {{foreground-2}} - used for secondary text/divider
• {{foreground-3}} - used for disabled text
• {{foreground-4}} - used for dividers

And here they are:

var DARK_FOREGROUND = {
  name: 'dark',
  '1': 'rgba(0,0,0,0.87)',
  '2': 'rgba(0,0,0,0.54)',
  '3': 'rgba(0,0,0,0.38)',
  '4': 'rgba(0,0,0,0.1

Some react i18n libs provide react compoments to wrap text:

<Textfield label={<FormattedMessage mid='foo.bar' />} ... />

Even if this is working, there is a console warning because of the wrong prop-type.

In

• MDLFlatDatePicker>>#renderYearsOn:
• MDLFlatDatePicker>>#renderMonthesOn:
• MDLFlatDatePicker>>#displayDate🔛