Rebrand/hhdb conditions

[ivonne-hernandez]

What (if any) features are you implementing?

• Health insurance background/alternating background colors #FBF9FC
• Income sections should wind up alternating between white background and #FBF9FC
• Do you have income Yes/No - Selected circle is Mid Blue #41528C
• "+ ADD ANOTHER INCOME" - update font, color is Mid Blue #41528C

What (if anything) did you refactor?

• I updated the OptionCardGroup to match the comps and made it dynamic so that we could use it for the immediate needs question.
• I changed the outline color of the current-household-member.

Were there any issues that arose?

• After I merged the Marianna/734/typography-updates into my branch the Income Type dropdown stopped working. As a result I removed the SubHeaderWrapper that was causing the issue and deleted the file all together since it was just an empty div with a secondary-heading css class.

1. @sydney-devine There is a validateDOMNesting(...) error that showed up on the landing page (step-2) indicating that the div below it cannot appear as a descendant of p:

2. Additionally, in looking at the other changes that were made and are already merged into this branding changes PR, we'll have to run the accessibility audit again to see where we're at in that regard. Some icons became images and vice versa so I'd like to see how those changes impacted accessibility.

Is there anything that you need from your teammate?

• Please review and let me know if you have any questions, or concerns.

Demo of the refactored HouseholdDataBlock:
https://github.com/Gary-Community-Ventures/benefits-calculator/assets/86989161/34fb123e-fbdb-4b99-abcd-f6c70e09def2

Demo of the refactored Step-9 for Immediate Needs:
https://github.com/Gary-Community-Ventures/benefits-calculator/assets/86989161/cd4ac42d-e8b5-44c2-b510-897c3406583e

[sydney-devine]

What (if any) features are you implementing?

• Health insurance background/alternating background colors #FBF9FC
• Income sections should wind up alternating between white background and #FBF9FC
• Do you have income Yes/No - Selected circle is Mid Blue #41528C
• "+ ADD ANOTHER INCOME" - update font, color is Mid Blue #41528C

What (if anything) did you refactor?

• I updated the OptionCardGroup to match the comps and made it dynamic so that we could use it for the immediate needs question.

Were there any issues that arose?

• After I merged the Marianna/734/typography-updates into my branch the Income Type dropdown stopped working. As a result I removed the SubHeaderWrapper that was causing the issue and deleted the file all together since it was just an empty div with a secondary-heading css class.
• @sydney-devine There is a validateDOMNesting(...) error that showed up on the landing page (step-2) indicating that the div below it cannot appear as a descendant of :

Is there anything that you need from your teammate?

• Please review and let me know if you have any questions, or concerns.

Hey @mexi-cano - is the Step 2 error Ivonne found here the same one you were looking at in the other PR?

@ivonne-hernandez can I snag a screenshot of what the page looks like now?

[ivonne-hernandez]

What (if any) features are you implementing?

• Health insurance background/alternating background colors #FBF9FC
• Income sections should wind up alternating between white background and #FBF9FC
• Do you have income Yes/No - Selected circle is Mid Blue #41528C
• "+ ADD ANOTHER INCOME" - update font, color is Mid Blue #41528C

What (if anything) did you refactor?

• I updated the OptionCardGroup to match the comps and made it dynamic so that we could use it for the immediate needs question.

Were there any issues that arose?

• After I merged the Marianna/734/typography-updates into my branch the Income Type dropdown stopped working. As a result I removed the SubHeaderWrapper that was causing the issue and deleted the file all together since it was just an empty div with a secondary-heading css class.
• @sydney-devine There is a validateDOMNesting(...) error that showed up on the landing page (step-2) indicating that the div below it cannot appear as a descendant of :

Is there anything that you need from your teammate?

• Please review and let me know if you have any questions, or concerns.

Hey @mexi-cano - is the Step 2 error Ivonne found here the same one you were looking at in the other PR?

@ivonne-hernandez can I snag a screenshot of what the page looks like now?

@sydney-devine Let me know if you're not able to see the screenshot of the error that I attached in the PR.

[sydney-devine]

What (if any) features are you implementing?

• Health insurance background/alternating background colors #FBF9FC
• Income sections should wind up alternating between white background and #FBF9FC
• Do you have income Yes/No - Selected circle is Mid Blue #41528C
• "+ ADD ANOTHER INCOME" - update font, color is Mid Blue #41528C

What (if anything) did you refactor?

• I updated the OptionCardGroup to match the comps and made it dynamic so that we could use it for the immediate needs question.

Were there any issues that arose?

• After I merged the Marianna/734/typography-updates into my branch the Income Type dropdown stopped working. As a result I removed the SubHeaderWrapper that was causing the issue and deleted the file all together since it was just an empty div with a secondary-heading css class.
• @sydney-devine There is a validateDOMNesting(...) error that showed up on the landing page (step-2) indicating that the div below it cannot appear as a descendant of :

Is there anything that you need from your teammate?

• Please review and let me know if you have any questions, or concerns.

Hey @mexi-cano - is the Step 2 error Ivonne found here the same one you were looking at in the other PR?
@ivonne-hernandez can I snag a screenshot of what the page looks like now?

@sydney-devine Let me know if you're not able to see the screenshot of the error that I attached in the PR.

Oh sorry my note wasn't clear. Screenshot of what the household conditions etc. addressed in this PR looks like now. Pleeease :)

[CalebPena]

LGTM