Tasks:

Apply new styles for form elements:

• Fields:
  • field border sizes & colors (passive, hover, active, filled in, error)
  • text font sizes & colors (passive, hover, active, filled in, error)
  • update the style of the error message

• Checkboxes:
  • element size
  • checkbox border sizes & colors (passive, hover, selected)
  • text font sizes & colors (passive, hover, selected)
  • icon

• Radio buttons:
  • element size
  • border sizes & colors (passive, hover, selected)
  • text font sizes & colors (passive, hover, selected)

 Notice: Check Campaign themes if they are affected

Comments:

Make sure the new style is applied to :

• all forms (EN form block, Happy point, Comments, etc) 
• in all 3 styles of the EN form block
• in all search inputs (navigation bar, Search page, and 404 page)

Make sure all the elements are readable by screen readers in all states and respect accessibility standards:

• For required fields with an asterisk, add into the code "(required)" to labels.

Design specs:

can be found via Inspector in the Design System or in Sketch Cloud