Add token(s) for text-decoration/underline

[mcoker]

We are underlining some things in penta, and should add some tokens for that. Primarily what we're setting is:

• Style - eg, solid (regular underline) or dashed (for use with help text that triggers a popover/tooltip)
• Width
• Color
• Offset - how far it is from the text

cc @lboehling

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had activity in the last 60 days. It will be closed in 30 days if no further activity occurs.

[lboehling]

Hey @mcoker! i added text decoration tokens in this figma branch

Here is a quick overview of the tokens I added:

Base Tokens

Semantic Tokens

Width/Offset tokens

Help text tokens

Link tokens

Editable text tokens

I didn't add specific tokens for color because I think we previously discussed the underlines inheriting the text color. I can add specific color tokens, too, if you feel we need them!

[lboehling]

hey @mcoker if these look alright, i can merge this branch before I'm out!

[mcoker]

@lboehling these lgtm. One change is --line--200: underlined should just be underline (present tense).

re: colors, I'd say if you want that to be a themable part of PF, we can add them. Otherwise we can add later if the use case comes up 👍

[lboehling]

i think we can add the colors later if the use case comes up! these tokens are in figma now :)