From 00cdebadd12eb7eac644ccb55826c453b2864e07 Mon Sep 17 00:00:00 2001 From: josefaidt Date: Fri, 18 Sep 2020 15:09:02 -0500 Subject: [PATCH] fix(link): remove visited styles by default --- src/Link/Link.stories.js | 1 + src/Link/Link.svelte | 8 ++++++++ 2 files changed, 9 insertions(+) diff --git a/src/Link/Link.stories.js b/src/Link/Link.stories.js index f577bf12..82b287bd 100644 --- a/src/Link/Link.stories.js +++ b/src/Link/Link.stories.js @@ -9,5 +9,6 @@ export const Default = () => ({ href: text("The link href (href)", "#"), inline: boolean("Use the in-line variant (inline)", false), disabled: boolean("Disabled (disabled)", false), + visited: boolean('Allow visited styles', false), }, }); diff --git a/src/Link/Link.svelte b/src/Link/Link.svelte index 4f4c171a..b14f540a 100644 --- a/src/Link/Link.svelte +++ b/src/Link/Link.svelte @@ -11,6 +11,12 @@ */ export let disabled = false; + /** + * Set to `true` to allow visited styles + * @type {boolean} [visited=false] + */ + export let visited = false; + /** * Obtain a reference to the top-level HTML element * @type {null | HTMLAnchorElement | HTMLParagraphElement} [ref=null] @@ -24,6 +30,7 @@ class:bx--link="{true}" class:bx--link--disabled="{disabled}" class:bx--link--inline="{inline}" + class:bx--link--visited="{visited}" {...$$restProps} on:click on:mouseover @@ -38,6 +45,7 @@ class:bx--link="{true}" class:bx--link--disabled="{disabled}" class:bx--link--inline="{inline}" + class:bx--link--visited="{visited}" rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}" {...$$restProps} on:click