As a DS designer and developer, I want to have a new link component availablebe able to create links, because it isthey are needed in the Simple Query Builder.
**ACs**
[] The link component is implemented according toLinks' styles are based on the [[ https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit?node-id=3922%3A5 | Figma specs ]] and follows the behavior and accessibility principles defined in the component documentation (TBD by @Sarai-WMDE).
[] The link's component-level token styles are created according to the naming convention used to style the componentbased on/created on top of link tokens (TBD by @Sarai-WMDE).
[] The link is displayedLinks are documented in Storybook according to the specifications (see below)
[] Links can take icons (see specs)
**States**
Links have the following states (as seen in the specs):
[] Default state
[] Hover
[] Active
[] Focus
[] Visited
**Storybook:**
This component has its own pages in StorybookLink styles will be included in a "Typography" page, included by alphabetical orderunder a new main section called "Styles"* ([[ https://docs.google.com/document/d/1loENZ13z5s_Nes4exm5Z9d5S3PnR7F_0brv5azQ5XB4/edit | see structure ]]). So, we'll need:
[] A //Basic// page including a link, with controls that allow users to enter custom text to replace the default link textA new main section called "Styles"
[] An //All//A page including a text link and a link with iconfor "Typography" that for now displays the link
**Notes:**
* Inline links vAre links components or styles? Initial discussions seem to indicate that instead of components, links should actually be a set of classes derived from a mixin. link style: links should be able to inherit the style ofThis is an initial the surrounding text when they are inserted in a paragraphoretical approach. Should we define an inline link variantIn case this direction is taken, or just rely on the use of the proper styling?an ADR would be needed.