feat(marketsans): upgraded font implementing market sans v2 (#2575)

Author: ArtBlue

.changeset/smooth-plums-camp.md

@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(marketsans): upgraded font implementing market sans v2

dist/marketsans/marketsans.css

@@ -3,34 +3,34 @@
     font-family: Market Sans;
     font-style: normal;
     font-weight: 400;
-    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.eot);
+    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot);
     src:
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.eot?#iefix)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot?#iefix)
             format("embedded-opentype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff2)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2)
             format("woff2"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff)
             format("woff"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.ttf)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.ttf)
             format("truetype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS)
             format("svg");
 }
 @font-face {
     font-display: swap;
     font-family: Market Sans;
     font-style: normal;
     font-weight: 700;
-    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.eot);
+    src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot);
     src:
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.eot?#iefix)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot?#iefix)
             format("embedded-opentype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff2)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2)
             format("woff2"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff)
             format("woff"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.ttf)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.ttf)
             format("truetype"),
-        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.svg#MarketSans-SemiBold-WebS)
+        url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS)
             format("svg");
 }

dist/variables/_variables.scss

@@ -22,10 +22,10 @@ $_page-grid-column-gaps-small: var(--spacing-100);
 $_page-grid-column-gaps-large: var(--spacing-200);
 $_page-grid-row-gaps-small: var(--spacing-100);
 $_page-grid-row-gaps-large: var(--spacing-200);
-$marketsans-url: "https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/";
+$marketsans-url: "https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/";
 $marketsans-fontname: "Market Sans";
 $marketsans-filename-regular: "MarketSans-Regular-WebS";
-$marketsans-filename-bold: "MarketSans-SemiBold-WebS";
+$marketsans-filename-bold: "MarketSans-Bold-WebS";
 $font-family-default: $marketsans-fontname, Arial, sans-serif;
 /* TODO: remove these in next major version */
 $font-weight-regular: 500;

dist/variables/variables.less

@@ -24,10 +24,10 @@
 @_page-grid-row-gaps-small: var(--spacing-100);
 @_page-grid-row-gaps-large: var(--spacing-200);
 
-@marketsans-url: "https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/";
+@marketsans-url: "https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/";
 @marketsans-fontname: "Market Sans";
 @marketsans-filename-regular: "MarketSans-Regular-WebS";
-@marketsans-filename-bold: "MarketSans-SemiBold-WebS";
+@marketsans-filename-bold: "MarketSans-Bold-WebS";
 
 @font-family-default: @marketsans-fontname, Arial, sans-serif;
 // TODO: remove these in next major version

src/fonts/marketsans-v2/MarketSans-Bold-WebS.css

@@ -0,0 +1,17 @@
+@font-face {
+    font-family: "Market Sans";
+    src: url("MarketSans-Bold-WebS.eot"); /* IE9 Compat Modes */
+    src:
+        url("MarketSans-Bold-WebS.eot?#iefix") format("embedded-opentype"),
+        /* IE6-IE8 */ url("MarketSans-Bold-WebS.woff2") format("woff2"),
+        /* Super Modern Browsers */ url("MarketSans-Bold-WebS.woff")
+            format("woff"),
+        /* Pretty Modern Browsers */ url("MarketSans-Bold-WebS.ttf")
+            format("truetype"),
+        /* Safari, Android, iOS */
+            url("MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS") format("svg"); /* Legacy iOS */
+
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}