New token: text-error

[aagonzales]

Red-50 being used for error messages is not accessible on Gray80 or Gray70 in the dark themes. We need to add a new token that controls the value of the error messages that's not attached to support-01. The name we want to go with is text-error but also open to that since it a little breaks our token naming logic.

To-do:

• Add new $text-error token
• Update $support-01 in Gray-90 Theme to Red-40 #ff8389
• Update all invalid messages in components to use new $text-error token (replaces $support-01)

$text-error

White	Gray 10	Gray 90	Gray 100	V9
Red-60 / #da1e28	Red-60 / #da1e28	Red-30 #ffb3b8	Red-40 #ff8389	#e0182d

[joshblack]

@aagonzales do you know which specific components will need to have this token updated? Or is it just all instances of support-01 should now be text-error?

[aagonzales]

Its not all instances of support-01 only instances of support-01 that are text. So basically text in invalid states, which I think are mostly inputs. I can make a list if that's easier.

[joshblack]

@aagonzales if there was a list for components/places where this needs to change it would definitely help out with editing and reviewing 👍

[designertyler]

@aagonzales It looks like TJ searched, found, and updated these components to text-error

• data-table-inline-edit-cell
• date-picker
• dropdown
• file uploader
• form
• number-input
• select
• text area

Let me know if that list looks correct or you can add comments in the PR #5240