A version of these components with only reference to global css classes, which the user will import (no css-modules).
By not copying the css classes, we can make sure that style changes doesn't affect this component. Docusaurus will anyway import this global css file, so user's don't need to bother in that case.
This will also allow implementing custom types.
Add proper test cases - transform markdown using remark-admonitions to get html1 and render this component to get html2 - match they are exactly same or not.
This will again ensure that they are always in sync.
remark-admonitions has a new look now - https://github.com/elviswolcott/remark-admonitions#remark-admonitions. This library components match the old look. Can we make this configurable?
I suggest -
A version of these components with only reference to global css classes, which the user will import (no css-modules).
By not copying the css classes, we can make sure that style changes doesn't affect this component. Docusaurus will anyway import this global css file, so user's don't need to bother in that case. This will also allow implementing custom types.
Add proper test cases - transform markdown using remark-admonitions to get html1 and render this component to get html2 - match they are exactly same or not.
This will again ensure that they are always in sync.