Merge pull request #321 from josefaidt/320-add-rel-all-links

chore(links): add rel="" to all links

src/Button/Button.Skeleton.svelte

@@ -15,6 +15,7 @@
 {#if href}
   <a
     href="{href}"
+    rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
     role="button"
     class:bx--skeleton="{true}"
     class:bx--btn="{true}"

src/Link/Link.svelte

@@ -54,7 +54,7 @@
     class:bx--link--inline="{inline}"
     class:bx--link--visited="{visited}"
     rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
-    {href}
+    href="{href}"
     {...$$restProps}
     on:click
     on:mouseover

src/Tile/ClickableTile.svelte

@@ -24,6 +24,7 @@
   class:bx--tile--clickable="{true}"
   class:bx--tile--is-clicked="{clicked}"
   class:bx--tile--light="{light}"
+  rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
   {...$$restProps}
   href="{href}"
   on:click

src/UIShell/GlobalHeader/HeaderActionLink.svelte

@@ -41,8 +41,9 @@
   class:bx--header__action="{true}"
   class:bx--header__action--active="{linkIsActive}"
   class:action-link="{true}"
-  {...$$restProps}
   href="{href}"
+  rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
+  {...$$restProps}
 >
   <Icon {...icon} />
 </a>

src/UIShell/GlobalHeader/HeaderNavItem.svelte

@@ -24,6 +24,7 @@
     role="menuitem"
     tabindex="0"
     href="{href}"
+    rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
     class:bx--header__menu-item="{true}"
     {...$$restProps}
     on:click

src/UIShell/GlobalHeader/HeaderPanelLink.svelte

@@ -16,6 +16,7 @@
   <a
     bind:this="{ref}"
     href="{href}"
+    rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
     class:bx--switcher__item-link="{true}"
     {...$$restProps}
     on:click

src/UIShell/SideNav/SideNavLink.svelte

@@ -37,6 +37,7 @@
     bind:this="{ref}"
     aria-current="{isSelected ? 'page' : undefined}"
     href="{href}"
+    rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
     class:bx--side-nav__link="{true}"
     class:bx--side-nav__link--current="{isSelected}"
     {...$$restProps}