Deprecate ‘in list’ variant of Link

Amsterdam · Jan 21, 2024 · 783a18d · 783a18d
1 parent 5d9942c
commit 783a18d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 24 deletions.
diff --git a/packages/css/src/components/link/README.md b/packages/css/src/components/link/README.md
@@ -24,7 +24,7 @@ Geef een externe link altijd `rel="external"` mee. Vermijd `target="_blank"`, ma
 
 ### Bezochte stijl
 
-Bezochte koppelingen geven aan dat een gebruiker de koppeling al heeft geopend. Gebruikte stijlen raden we af bij koppelingen, omdat ze de pagina vaak onoverzichtelijk maken. Het maakt navigeren door een pagina moeilijker. De inline koppeling heeft wel een bezochte stijl. Het vormt geen onderdeel van navigatie elementen die veel gescand worden.
+Bezochte koppelingen geven aan dat een gebruiker de koppeling al heeft geopend. Gebruikte stijlen raden we af bij koppelingen, omdat ze de pagina vaak onoverzichtelijk maken. Het maakt navigeren door een pagina moeilijker. De inline koppeling heeft wel een bezochte stijl. Het vormt geen onderdeel van navigatie-elementen die veel gescand worden.
 
 ## Relevante WCAG eisen
 

diff --git a/packages/react/src/Link/Link.tsx b/packages/react/src/Link/Link.tsx
@@ -10,7 +10,9 @@ import type { AnchorHTMLAttributes, ForwardedRef, PropsWithChildren } from 'reac
 import { Icon } from '../Icon/Icon'
 
 type LinkOnBackground = 'default' | 'light' | 'dark'
-type LinkVariant = 'standalone' | 'inline' | 'inList'
+/** @deprecated Use `LinkList` instead. */
+type DeprecatedLinkVariantInList = 'inList'
+type LinkVariant = 'standalone' | 'inline' | DeprecatedLinkVariantInList
 
 interface CommonProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'> {
   variant?: LinkVariant

diff --git a/storybook/storybook-react/src/Link/Link.docs.mdx b/storybook/storybook-react/src/Link/Link.docs.mdx
@@ -26,15 +26,6 @@ Gebruik geen overdaad aan inline-links op dezelfde pagina. Het verwart de gebrui
 
 <Canvas of={LinkStories.Inline} />
 
-### In List
-
-Voor lijsten van koppelingen staan chevrons. De chevrons kunnen vervangen worden door andere iconen binnen een categorie.
-Een combinatie van chevrons en iconen binnen een categorie is niet toegestaan.
-
-<Canvas of={LinkStories.InList} />
-
-<Canvas of={LinkStories.InListWithIcon} />
-
 ### On Dark Background
 
 <Canvas of={LinkStories.onDarkBackground} />

diff --git a/storybook/storybook-react/src/Link/Link.stories.tsx b/storybook/storybook-react/src/Link/Link.stories.tsx
@@ -91,19 +91,6 @@ export const Inline: Story = {
   ],
 }
 
-export const InList: Story = {
-  args: {
-    variant: 'inList',
-  },
-}
-
-export const InListWithIcon: Story = {
-  args: {
-    variant: 'inList',
-    icon: Icons.EmailIcon,
-  },
-}
-
 export const onDarkBackground: Story = {
   args: {
     onBackground: 'dark',