refactor: default style with arrows

Author: annsch

source/_patterns/01-elements/link/link.scss

@@ -52,7 +52,7 @@
 	&[data-content="internal"],
 	&[data-content="external"] {
 		&::after {
-			--icon-margin-before: var(--db-spacing-fixed-xs);
+			--icon-margin-before: var(--db-spacing-fixed-2xs);
 			margin-top: -3px;
 		}
 
@@ -77,4 +77,12 @@
 	}
 
 	// data-size=small is defined by tonality in "@db-ui/base/build/scss/tonality"
+	&[data-size="small"] {
+		&[data-content="internal"],
+		&[data-content="external"] {
+			&::after {
+				--icon-margin-before: var(--db-spacing-fixed-3xs);
+			}
+		}
+	}
 }

source/_patterns/01-elements/link/links.hbs

@@ -8,20 +8,16 @@
 {{/unless }}
 
 <p class="{{ styleModifier }}">
-	{{> elements-link href='#' value='Teaser link' }}
+	{{> elements-link href='#' value='Teaser link Primary' data-variant="primary" data-content='internal'}}
 </p>
 
 <p class="{{ styleModifier }}">
-	{{> elements-link href='#' value='Teaser link' data-variant="primary"}}
+	{{> elements-link href='#' value='Teaser link (disabled)' disabled='true' data-content='internal'}}
 </p>
 
 <p class="{{ styleModifier }}">
-	{{> elements-link href='#' value='Teaser link (disabled)' disabled='true' }}
-</p>
-
-<p class="{{ styleModifier }}">
-	{{> elements-link href='#' value='Internal link hbs' data-content='internal' size=size }}
+	{{> elements-link href='#' value='Teaser link Internal (Default)' data-content='internal' size=size }}
 </p>
 <p class="{{ styleModifier }}">
-	{{> elements-link href='#' value='External link hbs' data-content='external' size=size }}
+	{{> elements-link href='#' value='External link External' data-content='external' size=size }}
 </p>