<a href="javascript:void(0);" class="joy-text-link--reset">I'm a Link</a>The .joy-text-link--reset class makes links appear as regular text. Can be applied to <a>.
<a href="javascript:void(0);" class="joy-text-link--reset">This text is a link but looks like normal text...<span class="joy-text-link">More</span>.</a>Used in combination with .joy-text-link--reset, you can apply the class .joy-text-link to a child element to reset its styles back to that of a link.
<a href="javascript:void(0);" class="joy-has-blur-focus">Link with blur focus</a>Blur focus is an accessibility class that will add a blurred border to an element when it is focused.
<span class="joy-type-focus">Span with faux link interactions</span>Faux links are used on areas that can't be wrapped in an a element, but need to appear to be a link with an underline on hover. An example is in the page header for Object home. The h1 and button that sit next to each other have the .joy-type-focus class on their parent element.