Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(input): update helper text color for ionic theme #29269

Merged
merged 8 commits into from Apr 4, 2024
Merged

Conversation

thetaPC
Copy link
Contributor

@thetaPC thetaPC commented Apr 3, 2024

Issue number: internal


What is the current behavior?

The helper text has already been implemented. However, the color does not match the design for the ionic theme.

What is the new behavior?

  • The helper text color has been updated to match the design for the ionic theme.
  • The bottom content input test has been adjusted to include ionic-md.
  • The color was hard coded until the ionic design tokens are set.

Does this introduce a breaking change?

  • Yes
  • No

Other information

The input snapshots look plain because this PR only focuses on the helper text.

@github-actions github-actions bot added the package: core @ionic/core package label Apr 3, 2024
@thetaPC thetaPC marked this pull request as ready for review April 3, 2024 20:34
@thetaPC thetaPC requested a review from a team as a code owner April 3, 2024 20:34
@thetaPC thetaPC requested review from liamdebeasi and removed request for a team April 3, 2024 20:34
Copy link
Contributor Author

Choose a reason for hiding this comment

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

The input snapshots look plain because this PR only focuses on the helper text.

@@ -53,7 +53,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
/**
* Rendering is the same across modes
*/
configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
configs({ modes: ['md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I decided to reuse these tests since at some point, the ionic theme will implement the helper text and error text and these tests are testing exactly what needs to be checked.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This screenshots were generated because ionic-md was added to an existing test. These screenshots will be changed through a different PR that works on the error text.

@@ -36,6 +36,31 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
});
});

configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => {
test.describe(title('input: bottom content'), () => {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

ionic theme input does not have a solid fill so we don't test it.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The error text screenshots are being generated because ionic-md was added to an existing test. These screenshots will be updated through another PR that implements the ionic theme for the error text.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The error text screenshots are being generated because ionic-md was added to an existing test. These screenshots will be updated through another PR that implements the ionic theme for the error text.

@thetaPC thetaPC changed the title refactor(input): update helper text color for ionic theme fix(input): update helper text color for ionic theme Apr 3, 2024
@thetaPC thetaPC merged commit 3a1e70d into ROU-4848 Apr 4, 2024
42 checks passed
@thetaPC thetaPC deleted the FW-6087 branch April 4, 2024 15:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants