@financial-times/dotcom-ui-header 9.4.1 → 9.5.1

package/dist/node/components/top/partials.js

@@ -14,7 +14,7 @@ const DrawerIcon = () => (react_1.default.createElement("a", { href: "#o-header-
 const SearchIcon = () => (react_1.default.createElement("a", { href: `#o-header-search-primary`, className: "o-header__top-icon-link o-header__top-icon-link--search", "aria-controls": `o-header-search-primary`, title: "Open search bar", "data-trackable": "search-toggle" },
     react_1.default.createElement("span", { className: "o-header__top-link-label" }, "Open search bar")));
 const MyAccountLink = ({ item, signedIn }) => {
-    const classNames = 'o-header__top-link ft-header__top-link--myaccount';
+    const classNames = 'o-header__top-myaccount';
     const id = signedIn ? 'o-header-top-link-myaccount' : 'o-header-top-link-signin';
     return (react_1.default.createElement("a", { className: classNames, id: id, href: item.url || undefined, "data-trackable": item.label },
         react_1.default.createElement("span", null, item.label)));

package/dist/tsconfig.tsbuildinfo

@@ -187,7 +187,7 @@
         "affectsGlobalScope": false
       },
       "../src/components/top/partials.tsx": {
-        "version": "5b3cba0308fdf6a8e0dfe933c890d3ff1353e89429c1e2be96cd63fcd558721f",
+        "version": "6e068efc8dd9cf189851596ea98000f6299a910dfd4c4da49ac9f7d5f4fb3001",
         "signature": "52e9ca0196757edb87416ec63a0da3f2f6963cb4ca1fab821e487cf42fd0b4cf",
         "affectsGlobalScope": false
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-header",
-  "version": "9.4.1",
+  "version": "9.5.1",
   "description": "",
   "browser": "browser.js",
   "main": "component.js",
@@ -22,7 +22,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@financial-times/dotcom-types-navigation": "^9.4.1",
+    "@financial-times/dotcom-types-navigation": "^9.5.1",
     "n-topic-search": "^4.0.0"
   },
   "devDependencies": {
@@ -30,10 +30,10 @@
     "@svgr/core": "^5.0.0",
     "camelcase": "^6.0.0",
     "check-engine": "^1.10.1",
-    "@financial-times/o-header": "^11.0.4"
+    "@financial-times/o-header": "^12.0.0"
   },
   "peerDependencies": {
-    "@financial-times/o-header": "^11.0.4",
+    "@financial-times/o-header": "^12.0.0",
     "@financial-times/logo-images": "^1.10.1",
     "react": "17.x || 18.x",
     "react-dom": "17.x || 18.x",

package/src/__test__/components/__snapshots__/MainHeader.spec.tsx.snap

@@ -101,7 +101,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
             Subscribe
           </a>
           <a
-            className="o-header__top-link ft-header__top-link--myaccount"
+            className="o-header__top-myaccount"
             data-trackable="My Account"
             href="/myaccount"
             id="o-header-top-link-myaccount"
@@ -1945,7 +1945,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
             Subscribe
           </a>
           <a
-            className="o-header__top-link ft-header__top-link--myaccount"
+            className="o-header__top-myaccount"
             data-trackable="My Account"
             href="/myaccount"
             id="o-header-top-link-myaccount"
@@ -3784,7 +3784,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
             Subscribe
           </a>
           <a
-            className="o-header__top-link ft-header__top-link--myaccount"
+            className="o-header__top-myaccount"
             data-trackable="My Account"
             href="/myaccount"
             id="o-header-top-link-myaccount"
@@ -5628,7 +5628,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
             Subscribe
           </a>
           <a
-            className="o-header__top-link ft-header__top-link--myaccount"
+            className="o-header__top-myaccount"
             data-trackable="Sign In"
             href="/login?location=#"
             id="o-header-top-link-signin"

package/src/components/top/partials.tsx

@@ -41,7 +41,7 @@ const SearchIcon = () => (
 )
 
 const MyAccountLink = ({ item, signedIn }: { item: TNavMenuItem; signedIn: boolean }) => {
-  const classNames = 'o-header__top-link ft-header__top-link--myaccount'
+  const classNames = 'o-header__top-myaccount'
   const id = signedIn ? 'o-header-top-link-myaccount' : 'o-header-top-link-signin'
 
   return (

package/src/header.scss

@@ -28,42 +28,6 @@
   display: none;
 }
 
-// The styles below are part of an AB test
-// If the test is successful these should be incorporated into o-header
-.ft-header__top-link--myaccount {
-  @include oTypographySans(0);
-}
-
-
-.ft-header__top-link--myaccount span {
-  vertical-align: middle;
-  // Hide the myaccount/sign in text on smaller screens leaving the icon only
-  @include oGridRespondTo($until: 'M') {
-    @include oNormaliseVisuallyHidden;
-  }
-}
-
-// Override the hover styles so the underline
-// Is only under the text and not the icon
-// And is closer to the text
-.ft-header__top-link--myaccount::after {
-  width: calc(100% - 32px);
-  left: unset;
-  right: 0;
-  bottom: 8px;
-}
-
-.ft-header__top-link--myaccount::before {
-  content: '';
-  display: block;
-  @include oIconsContent(
-		$icon-name: 'user',
-		$color: oColorsByName('black'),
-		$size: 32
-	);
-  vertical-align: middle;
-}
-
 .o-header__drawer-search-term {
   width: 100%;
 }