@design-factory/design-factory 20.0.0-next.1 → 20.0.0-next.3

package/styles/scss/components/fonts/_font-faces.mixins.scss

@@ -26,7 +26,8 @@
 @mixin df-fonts-multi-lang-font-faces-source-sans-pro-full() {
   @font-face {
     font-family: 'Source Sans Pro Full';
-    src: url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-light.woff2') format('woff2'),
       url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -34,7 +35,8 @@
   }
   @font-face {
     font-family: 'Source Sans Pro Full';
-    src: url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-lightitalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-lightitalic.woff2') format('woff2'),
       url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-lightitalic.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -42,7 +44,8 @@
   }
   @font-face {
     font-family: 'Source Sans Pro Full';
-    src: url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-regular.woff2') format('woff2'),
       url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -50,7 +53,8 @@
   }
   @font-face {
     font-family: 'Source Sans Pro Full';
-    src: url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-italic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-italic.woff2') format('woff2'),
       url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-italic.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -58,7 +62,8 @@
   }
   @font-face {
     font-family: 'Source Sans Pro Full';
-    src: url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-bold.woff2') format('woff2'),
       url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
@@ -66,7 +71,8 @@
   }
   @font-face {
     font-family: 'Source Sans Pro Full';
-    src: url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-bolditalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-bolditalic.woff2') format('woff2'),
       url('#{$font-path}/source-sans-pro-full/sourcesanspro-full-bolditalic.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -77,7 +83,8 @@
 @mixin df-fonts-multi-lang-font-faces-amadeus-full() {
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-thin.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -85,7 +92,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-thinitalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-thinitalic.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-thinitalic.woff') format('woff');
     font-weight: 100;
     font-style: italic;
@@ -93,7 +101,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-light.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -101,7 +110,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-lightitalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-lightitalic.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-lightitalic.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -109,7 +119,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-regular.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -117,7 +128,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-italic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-italic.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-italic.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -125,7 +137,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-bold.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
@@ -133,7 +146,8 @@
   }
   @font-face {
     font-family: 'Amadeus Full';
-    src: url('#{$font-path}/amadeus-full/amadeus-full-bolditalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/amadeus-full/amadeus-full-bolditalic.woff2') format('woff2'),
       url('#{$font-path}/amadeus-full/amadeus-full-bolditalic.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -144,7 +158,8 @@
 @mixin df-fonts-multi-lang-font-faces-noto-sans() {
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -152,7 +167,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-thinitalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-thinitalic.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-thinitalic.woff') format('woff');
     font-weight: 100;
     font-style: italic;
@@ -160,7 +176,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -168,7 +185,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-lightitalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-lightitalic.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-lightitalic.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -176,7 +194,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -184,7 +203,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-italic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-italic.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-italic.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -192,7 +212,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
@@ -200,7 +221,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosans-bolditalic.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosans-bolditalic.woff2') format('woff2'),
       url('#{$font-path}/noto/notosans-bolditalic.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -211,7 +233,8 @@
 @mixin df-fonts-multi-lang-font-faces-noto-sans-hebrew() {
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -220,7 +243,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -229,7 +253,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -239,7 +264,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
@@ -249,7 +275,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-thin.woff') format('woff');
     font-weight: 100;
     font-style: italic;
@@ -259,7 +286,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-light.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -269,7 +297,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-regular.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -279,7 +308,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosanshebrew-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosanshebrew-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosanshebrew-bold.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -291,7 +321,8 @@
 @mixin df-fonts-multi-lang-font-faces-noto-sans-arabic() {
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-thin.woff') format('woff');
     font-weight: 100;
     font-style: italic;
@@ -301,7 +332,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -310,7 +342,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -319,7 +352,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -328,7 +362,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
@@ -337,7 +372,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-regular.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -347,7 +383,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-bold.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -357,7 +394,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarabic-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarabic-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarabic-light.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -369,7 +407,8 @@
 @mixin df-fonts-multi-lang-font-faces-noto-sans-georgian() {
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -379,7 +418,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -388,7 +428,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -397,7 +438,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
@@ -406,7 +448,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-bold.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -416,7 +459,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-regular.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -426,7 +470,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-light.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -436,7 +481,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansgeorgian-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansgeorgian-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansgeorgian-thin.woff') format('woff');
     font-weight: 100;
     font-style: italic;
@@ -448,7 +494,8 @@
 @mixin df-fonts-multi-lang-font-faces-noto-sans-armenian() {
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -457,7 +504,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -466,7 +514,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
@@ -475,7 +524,8 @@
   }
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-thin.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-thin.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-thin.woff') format('woff');
     font-weight: 100;
     font-style: italic;
@@ -485,7 +535,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-light.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-light.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-light.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -495,7 +546,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-bold.woff') format('woff');
     font-weight: bold;
     font-style: italic;
@@ -505,7 +557,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-regular.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-regular.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-regular.woff') format('woff');
     font-weight: normal;
     font-style: italic;
@@ -515,7 +568,8 @@
 
   @font-face {
     font-family: 'Noto Sans';
-    src: url('#{$font-path}/noto/notosansarmenian-bold.woff2') format('woff2'),
+    src:
+      url('#{$font-path}/noto/notosansarmenian-bold.woff2') format('woff2'),
       url('#{$font-path}/noto/notosansarmenian-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;

package/styles/scss/components/fonts/_icon-font.scss

@@ -4,6 +4,7 @@
   @extend %df-icon-style;
 
   &.df-icon-solid {
+    //TODO: brand2023 check if this is still needed
     font-weight: $df-icon-solid-font-weight;
   }
 }
@@ -17,7 +18,7 @@
   }
 }
 
-// DF custom icons
+// DF custom icons //TODO: brand2023 check if this is still needed
 
 .icon-df-logo:before {
   content: '\efa1';

package/styles/scss/components/footer/_footer.scss

@@ -21,7 +21,7 @@
   flex-direction: var(--#{$prefix}footer-direction);
 
   @if not meta.variable-exists($name: 'df-enableBranding2023') {
-    a {
+    a:not(.df-link-icononly) {
       &:visited {
         color: var(--#{$prefix}link-color);
       }

package/styles/scss/components/inputs/_inputs.root.scss

@@ -5,4 +5,4 @@
   --#{$prefix}focused-cross-hover-background-color: #{$df-focused-cross-hover-background-color};
   --#{$prefix}iwi-icon-height: #{$df-iwi-icon-height};
   --#{$prefix}iwi-icon-width: #{$df-iwi-icon-width};
-}
+}

package/styles/scss/components/inputs/_inputs.scss

@@ -109,7 +109,13 @@ input[type='search']::-webkit-search-decoration {
 
   $validation-messages: '';
   @each $state in map.keys($form-validation-states) {
-    $validation-messages: $validation-messages + ':not(.' + string.unquote($state) + '-tooltip)' + ':not(.' + string.unquote($state) + '-feedback)';
+    $validation-messages: $validation-messages +
+      ':not(.' +
+      string.unquote($state) +
+      '-tooltip)' +
+      ':not(.' +
+      string.unquote($state) +
+      '-feedback)';
   }
 
   // RTL support

package/styles/scss/components/link/_link.mixins.scss

@@ -3,7 +3,9 @@
   font-family: $df-link-external-font-family;
   position: relative;
   bottom: var(--#{$prefix}link-external-icon-bottom);
-  font-size: var(--#{$prefix}link-external-icon-size);
+  @if not meta.variable-exists($name: 'df-enableBranding2023') or not $df-enableBranding2023 {
+    font-size: var(--#{$prefix}link-external-icon-size);
+  }
 }
 
 %df-disabled-link-style {
@@ -80,17 +82,19 @@
 //TODO remove mixin when we find change the web portal to avoid using links as buttons or make a different decision
 @mixin a-btn {
   &:visited {
-    color: var(--#{$prefix}link-color);
-    border-color: var(--#{$prefix}btn-hover-border-color);
+    color: var(--#{$prefix}btn-color);
+    border-color: var(--#{$prefix}btn-border-color);
 
     &:hover {
       color: var(--#{$prefix}btn-hover-color);
       background-color: var(--#{$prefix}btn-hover-bg);
+      border-color: var(--#{$prefix}btn-hover-border-color);
     }
 
     &:active {
       color: var(--#{$prefix}btn-active-color);
       background-color: var(--#{$prefix}btn-active-bg);
+      border-color: var(--#{$prefix}btn-active-border-color);
     }
   }
   &:hover,

package/styles/scss/components/link/_link.scss

@@ -72,6 +72,11 @@ a {
     &.active {
       --#{$prefix}box-shadow-color: #{shades-css-var('links', 'box-shadow-active-color')};
     }
+    transition:
+      color 0.15s ease-in-out,
+      background-color 0.15s ease-in-out,
+      border-color 0.15s ease-in-out,
+      box-shadow 0.15s ease-in-out;
   }
 
   &[href*='//'], &[href*='mailto'], &.df-link-external
@@ -88,6 +93,7 @@ a {
 
 .df-link-more {
   @include df-link-more-normal();
+  border-bottom-width: 0; //needed for old branding brand2023
 
   &:focus-visible {
     @include df-link-more-focus();
@@ -95,6 +101,7 @@ a {
 
   &:hover {
     @include df-link-more-hover();
+    border-bottom-width: 0; //needed for old branding brand2023
   }
 }
 
@@ -116,6 +123,7 @@ a {
 }
 
 a.df-link-icononly {
+  font-size: $df-link-font-size;
   border-bottom: 0;
   border-radius: var(--#{$prefix}link-icononly-border-radius);
   text-align: var(--#{$prefix}link-icononly-text-align);
@@ -150,11 +158,13 @@ a.df-link-icononly {
     line-height: var(--#{$prefix}link-icononly-height-sm);
     height: var(--#{$prefix}link-icononly-height-sm);
     width: var(--#{$prefix}link-icononly-height-sm);
+    font-size: $df-link-font-size-sm;
   }
 
   &.df-link-lg {
     line-height: var(--#{$prefix}link-icononly-height-lg);
     height: var(--#{$prefix}link-icononly-height-lg);
     width: var(--#{$prefix}link-icononly-height-lg);
+    font-size: $df-link-font-size-lg;
   }
 }