chore: remove utrecht-link--icon-left class name

nl-design-system · Oct 6, 2024 · 5d0203d · 5d0203d
1 parent ee9a189
commit 5d0203d
Show file tree

Hide file tree

Showing 5 changed files with 0 additions and 22 deletions.
diff --git a/components/link/src/_mixin.scss b/components/link/src/_mixin.scss
@@ -90,16 +90,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-underline-offset: var(--utrecht-link-text-underline-offset);
 }
 
-@mixin utrecht-link--icon-left {
-  background-image: var(--utrecht-link-icon-left-background-image, none);
-  background-position: 0 0.25em;
-  background-repeat: no-repeat;
-  color: var(--utrecht-link-color, LinkText);
-  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
-  padding-inline-start: var(--utrecht-space-block-md);
-  text-decoration-line: none;
-}
-
 @mixin utrecht-link--visited {
   --_utrecht-link-forced-colors-color: visitedtext;
   --_utrecht-link-state-color: var(--utrecht-link-visited-color);

diff --git a/components/link/src/index.scss b/components/link/src/index.scss
@@ -18,10 +18,6 @@
   @include utrecht-link--any-link;
 }
 
-.utrecht-link--icon-left {
-  @include utrecht-link--icon-left;
-}
-
 .utrecht-link--visited {
   @include utrecht-link--visited;
 }

diff --git a/components/link/src/story-template.jsx b/components/link/src/story-template.jsx
@@ -87,7 +87,6 @@ export const defaultArgs = {
   telephone: false,
   textContent: '',
   visited: false,
-  iconleft: false,
 };
 
 export const exampleArgs = {
@@ -112,7 +111,6 @@ export const Link = ({
   telephone = defaultArgs.telephone,
   textContent = defaultArgs.textContent,
   visited = defaultArgs.visited,
-  iconleft = defaultArgs.iconleft,
   ...restProps
 }) => (
   <a
@@ -129,7 +127,6 @@ export const Link = ({
       'utrecht-link--placeholder': placeholder,
       'utrecht-link--telephone': telephone,
       'utrecht-link--visited': visited,
-      'utrecht-link--icon-left': iconleft,
     })}
     rel={external ? 'external noopener noreferrer' : null}
     aria-label={ariaLabel || null}

diff --git a/packages/docusaurus/docs/componenten/typografie/link.mdx b/packages/docusaurus/docs/componenten/typografie/link.mdx
@@ -79,10 +79,6 @@ Links helpen je gebruiker te navigeren door je app of pagina.
   ]}
 ></StoryTabs>
 
-### Met icoon links
-
-<StoryTabs tabs={[{ id: "css", label: "CSS", story: "css-link--icon-left" }]}></StoryTabs>
-
 ### Voor wisselen taal link
 
 Als de taal een andere is dan het huidige document

diff --git a/proprietary/design-tokens/src/background-image-icon.scss b/proprietary/design-tokens/src/background-image-icon.scss
@@ -7,7 +7,6 @@
 .utrecht-theme,
 .utrecht-theme ::backdrop {
   --utrecht-menulijst-item-background-image: url("./pijltje.svg");
-  --utrecht-link-icon-left-background-image: url("./pijltje.svg");
   --utrecht-search-bar-input-background-image: url("./icoon-zoek-rood.svg");
   --utrecht-select-background-image: url("./arrow-dropdown.svg");
   --utrecht-link-list-marker-background-image: url("./pijltje-zwart.svg");