Show focus state in Link documentation

[GnatalieH]

Documentation fix request

• [x] I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

Go to the Links (component) documentation draft and look at the code preview (under Examples). Currently, the active state is the same as the default state:

What I expected to happen

I expect the active state in the code preview to look like this:

Reproducing

• Device: Macbook
• Browser: Chrome, v 100.0.4896.75

Active state specs:

Text font-family "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif font-size 16px font-style normal font-weight 400 line-height 24px text-decoration-color rgb(0, 62, 115) text-decoration-line underline text-decoration-style solid text-decoration-thickness auto text-size-adjust 100%

Appearance color rgb(0, 62, 115) background-attachment scroll background-clip border-box background-color rgba(0, 0, 0, 0.05) background-image none background-origin padding-box background-position-x 0% background-position-y 0% background-repeat-x background-repeat-y background-size auto cursor pointer outline-color rgb(249, 198, 66) outline-offset 2px outline-style solid outline-width 2px

[humancompanion-usds]

Active is shown correctly according to how this behaves on production. What we don't have is the focus state.