Need to a way to apply status color to text

[origami-z]

Two possible approaches

• ~~Add text to StatusIndicator? #3311~~
• Add color option to Text and Icon?

Action:

• Salt 1.0 theme
  • Add a new orange-850: # C7350D (nudged value in the screenshot below)
  • Deprecate success/warning/error-foreground, replace with {status}-foreground-decorative (refer to contributing.md)
    • All existing components will need update to use new token
  • Add new {status}-foreground-informative tokens (Option 3 in this Figma)
    • Light
      • warning: orange 850
      • error: red 600
      • success green 600
    • Dark
      • warning: orange 400
      • error: red 200
      • success green 200
• Component
  • Add status to Text color prop
  • Use {status}-informative tokens accordingly
• Salt 2.0 theme (theme next) this is blocked by unified color palette PR, so do this as follow up / different PR
  • Add mapping to new palette both {status}-informative/decorative (to status-next.css)
  • Decorative tokens: red/orange/green – 500
  • Informative tokens: red/orange/green 400(dark)/600(light)