Skip to content

Migrate Kyper AttentionFilled Icon to MXUI - #356

Open
mwclemy wants to merge 18 commits into
masterfrom
cmwimo/CT-2388
Open

Migrate Kyper AttentionFilled Icon to MXUI#356
mwclemy wants to merge 18 commits into
masterfrom
cmwimo/CT-2388

Conversation

@mwclemy

@mwclemy mwclemy commented Jul 29, 2026

Copy link
Copy Markdown
Collaborator

Before(Kyper)

Screenshot 2026-07-29 at 12 47 04 Screenshot 2026-07-29 at 12 43 09 Screenshot 2026-07-29 at 12 43 32 Screenshot 2026-08-04 at 16 35 40

After(MXUI)

Screenshot 2026-08-04 at 16 47 27 Screenshot 2026-08-04 at 14 27 12 Screenshot 2026-08-04 at 14 27 45 Screenshot 2026-08-04 at 16 22 13

Comment thread src/components/ConnectSuccessSurvey.tsx Outdated
Comment thread src/components/ConnectSuccessSurvey.tsx Outdated
Comment thread src/components/ConfigError.tsx Outdated
Comment thread src/components/ConfigError.tsx Outdated
Comment thread src/components/ConnectSuccessSurvey.tsx Outdated
Comment thread src/components/DeleteMemberSurvey.js Outdated
Comment thread src/components/GenericError.js Outdated
Comment thread src/components/ViewTitle.js Outdated
Comment thread src/views/mfa/MFAImages.js Outdated
Comment thread src/views/mfa/MFAOptions.js Outdated
Comment thread src/views/search/views/SearchFailed.js Outdated
Comment thread src/components/GenericError.js Outdated
@wesrisenmay-mx

Copy link
Copy Markdown
Collaborator

@mwclemy it looks like the warning symbol changed from grey to black. Is that intentional?

Comment thread src/components/ConfigError.tsx Outdated
Comment thread src/components/ConnectedSuccessSurvey.module.css Outdated
Comment thread src/components/DeleteMemberSurvey.js Outdated
Comment thread src/components/InstructionalText.js Outdated
Comment thread src/components/RequiredFieldNote.tsx Outdated
Comment thread src/styles/spacing.css Outdated
border-style: solid;
border-width: 2px;
border-radius: 100%;
font-size: 18px;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm skeptical that we should be customizing the font size of an MXUI component. @platypus801?

@mwclemy mwclemy Aug 11, 2026

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Comment thread src/views/actionableError/ActionableError.module.css Outdated
Comment thread src/views/actionableError/ActionableError.tsx Outdated
Comment thread src/views/credentials/Credentials.js Outdated
Comment thread src/views/microdeposits/AccountInfo.js Outdated
Comment thread src/views/oauth/experiments/PredirectInstructions.tsx Outdated
Comment thread src/views/search/views/SearchFailed.js Outdated
Comment thread src/views/verification/VerifyExistingMember.tsx Outdated
Comment thread src/views/verification/VerifyExistingMember.tsx Outdated
@mwclemy

mwclemy commented Aug 10, 2026

Copy link
Copy Markdown
Collaborator Author

@mwclemy it looks like the warning symbol changed from grey to black. Is that intentional?

It’s the default icon color from MXUI and per Jen’s suggestion, we don’t want to use custom colors.

Comment thread src/styles/spacing.css Outdated
Comment thread src/components/ConnectSuccessSurvey.module.css Outdated
}

.errorMessageText:global(.MuiTypography-root) {
font-size: 12px;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@platypus801 it looks like we're using custom text here. Is there a typography variant that fits here without needing to customize it?

Comment thread src/components/ConnectSuccessSurvey.module.css Outdated
Comment thread src/components/ConnectSuccessSurvey.module.css Outdated
Comment thread src/components/ConnectSuccessSurvey.module.css Outdated
Comment thread src/components/DeleteMemberSurvey.js
Comment thread src/views/search/views/SearchFailed.js
color: var(--mui-palette-primary-main);
display: flex;
flex: 1 0 0;
font-weight: 600;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a ton of customization going on here. @platypus801 can we use the raw ToggleButtonGroup?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants