Migrate Kyper AttentionFilled Icon to MXUI - #356
Conversation
|
@mwclemy it looks like the warning symbol changed from grey to black. Is that intentional? |
| border-style: solid; | ||
| border-width: 2px; | ||
| border-radius: 100%; | ||
| font-size: 18px; |
There was a problem hiding this comment.
I'm skeptical that we should be customizing the font size of an MXUI component. @platypus801?
There was a problem hiding this comment.
The default font size from MUI is 12px and the 18px isn't arbitrary value I added. It was what the version before the css module conversion had, so I just preserved it.
It’s the default icon color from MXUI and per Jen’s suggestion, we don’t want to use custom colors. |
| } | ||
|
|
||
| .errorMessageText:global(.MuiTypography-root) { | ||
| font-size: 12px; |
There was a problem hiding this comment.
@platypus801 it looks like we're using custom text here. Is there a typography variant that fits here without needing to customize it?
| color: var(--mui-palette-primary-main); | ||
| display: flex; | ||
| flex: 1 0 0; | ||
| font-weight: 600; |
There was a problem hiding this comment.
There's a ton of customization going on here. @platypus801 can we use the raw ToggleButtonGroup?
Before(Kyper)
After(MXUI)