mdlightdev / material-design-light Goto Github PK

see specification: https://m3.material.io/components/top-app-bar/overview

Design document: https://m3.material.io/components/buttons

          Not sure why the labeler is failing. Might be related to this issue though: https://github.com/actions/labeler/issues/12

it seems to be a permission issue.
Do you have an idea on how to fix it?

Originally posted by @stephanebastian in #92 (comment)

It would be great to automatically test that everything works correctly on all supported browsers.

Maybe we could browserstack for this?

Design document: https://m3.material.io/components/cards

Design document: https://m3.material.io/components/text-fields

Task list

• Implement base component
• #29

See specification: https://m3.material.io/components/switch/overview

I'm thinking of changing the license to MIT from MPL-2.0, due to MPL probably being too restrictive for closed source projects that want to customize the Material Design Light design tokens (theme). Interested to hear opinions for or against the change!

Design document: https://m3.material.io/components/navigation-drawer

Implemented in 6f89cbec3bd74efc3fb8d09e397064196d858f09

Describe the bug
Text fields uses :has() CSS pseudo-class that many browsers don't support as of yet.

Useful links

• https://caniuse.com/css-has

To Reproduce
Steps to reproduce the behavior:

1. Go to https://www.materialdesignlight.com/
2. See or interact with text field components
3. See error

Expected behavior
All expected features under :has() pseudo-classes to work. Use Chrome Dev or newer browser for working implementation.

Plan
N/A