@phillips/seldon 1.240.1 → 1.242.0

package/dist/scss/patterns/UserManagement/_userManagement.scss

@@ -26,8 +26,8 @@
     display: flex;
     gap: 0 $spacing-xsm;
     justify-content: center;
+    margin-bottom: $padding-xsm;
     padding: 0;
-    padding-bottom: $padding-xsm;
 
     &:disabled {
       cursor: default;
@@ -35,6 +35,10 @@
       pointer-events: none;
     }
 
+    &:focus-visible {
+      @include focus-ring($border-radius: $radius-xs);
+    }
+
     &:hover:not(:disabled) {
       @include underline;
     }

package/dist/scss/site-furniture/Footer/_footer.scss

@@ -124,6 +124,15 @@
     }
   }
 
+  &__logo {
+    margin-bottom: $spacing-sm;
+    margin-top: $spacing-md;
+
+    &:focus-visible {
+      @include focus-ring($border-radius: $radius-xs);
+    }
+  }
+
   &__copyright {
     align-items: center;
     background-color: $white-100;

package/dist/scss/site-furniture/Header/_header.scss

@@ -76,6 +76,10 @@
     align-self: center;
     margin: 0;
 
+    &:focus-visible {
+      @include focus-ring($border-radius: $radius-xs);
+    }
+
     svg {
       height: 20.58px; // 20.58px is the height of the logo's container to make logo 16px
       width: 100%;

package/dist/site-furniture/Footer/Footer.js

@@ -12,7 +12,7 @@ const $ = ({
 }) => /* @__PURE__ */ e("footer", { "data-testid": t || "footer", id: t, className: s(`${r}-footer`, { className: i }), children: [
   /* @__PURE__ */ o("div", { className: `${r}-footer__links`, children: a }),
   /* @__PURE__ */ e("div", { className: `${r}-footer__copyright`, children: [
-    /* @__PURE__ */ o("h3", { "data-testid": "footer-logo", className: `${r}-footer__logo`, children: /* @__PURE__ */ o("a", { href: "/", "aria-label": "logo", children: /* @__PURE__ */ o(n, { icon: "PhillipsLogo", width: "94px" }) }) }),
+    /* @__PURE__ */ o("a", { href: "/", "aria-label": "logo", "data-testid": "footer-logo", className: `${r}-footer__logo`, children: /* @__PURE__ */ o(n, { icon: "PhillipsLogo", width: "94px" }) }),
     /* @__PURE__ */ o(c, { variant: f.bodySmall, children: l })
   ] })
 ] });

package/dist/site-furniture/Header/Header.js

@@ -14,17 +14,17 @@ const Y = D(X), Z = F(
     logo: d = /* @__PURE__ */ r(G, { icon: "PhillipsLogo" }),
     logoHref: S = "/",
     className: w,
-    children: i,
+    children: s,
     toggleOpenText: N = "Open Menu",
     toggleCloseText: O = "Close Menu",
     logoText: R = "Home Page",
     disabled: g,
-    bannerRef: s,
+    bannerRef: i,
     ...T
   }, a) => {
-    const p = h(i, $), P = t.isValidElement(p?.[0]) ? t.cloneElement(p[0], { disabled: g }) : "", f = h(i, M), v = t.isValidElement(f?.[0]) ? t.cloneElement(f[0], { disabled: g }) : "", [b, z] = u(!1), I = h(i, H), j = K(i, [H, $, M]), { closeMenu: V, handleMenuToggle: k, isMenuOpen: m, toggleText: A } = W({ toggleOpenText: N, toggleCloseText: O }), [L, q] = u(null), B = t.useRef(null), [_, E] = u(s?.current ? s.current.clientHeight : 0), x = t.useRef(null);
+    const p = h(s, $), P = t.isValidElement(p?.[0]) ? t.cloneElement(p[0], { disabled: g }) : "", f = h(s, M), v = t.isValidElement(f?.[0]) ? t.cloneElement(f[0], { disabled: g }) : "", [b, z] = u(!1), I = h(s, H), j = K(s, [H, $, M]), { closeMenu: V, handleMenuToggle: k, isMenuOpen: m, toggleText: A } = W({ toggleOpenText: N, toggleCloseText: O }), [L, q] = u(null), B = t.useRef(null), [_, E] = u(i?.current ? i.current.clientHeight : 0), x = t.useRef(null);
     C(() => {
-      const e = s?.current;
+      const e = i?.current;
       if (!e) return;
       E(e.clientHeight);
       const o = new window.ResizeObserver(() => {
@@ -33,7 +33,7 @@ const Y = D(X), Z = F(
       return o.observe(e), () => {
         o.disconnect();
       };
-    }, [s, _]), C(() => {
+    }, [i, _]), C(() => {
       const e = x.current;
       if (!e) return;
       const o = () => {
@@ -78,7 +78,7 @@ const Y = D(X), Z = F(
                 ]
               }
             ),
-            /* @__PURE__ */ r("h1", { "data-testid": "header-logo", className: `${n}-header__logo`, children: /* @__PURE__ */ r("a", { href: S, "aria-label": R, children: typeof d == "object" ? d : /* @__PURE__ */ r("img", { alt: "Phillips", "data-testid": "header-logo-img", src: d }) }) }),
+            /* @__PURE__ */ r("a", { href: S, "aria-label": R, "data-testid": "header-logo", className: `${n}-header__logo`, children: typeof d == "object" ? d : /* @__PURE__ */ r("img", { alt: "Phillips", "data-testid": "header-logo-img", src: d }) }),
             P
           ] }),
           /* @__PURE__ */ r("div", { className: c(`${n}-header__nav`, { [`${n}-header__nav--closed`]: !m }), children: /* @__PURE__ */ l(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.240.1",
+  "version": "1.242.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"