@royaloperahouse/harmonic 0.6.0 → 0.6.1

package/dist/components/organisms/Navigation/Navigation.style.d.ts

@@ -15,7 +15,7 @@ export declare const MobileMenuContainer: import("styled-components").StyledComp
     showSearch?: boolean | undefined;
 }, never>;
 export declare const LogoContainer: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const LogoContainerMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LogoContainerMobile: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NavWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NavContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/harmonic.cjs.development.js

@@ -5112,7 +5112,7 @@ var MobileMenuContainer = /*#__PURE__*/styled__default(Grid)(_templateObject7$3
   return showSearch ? '110px' : '12px';
 });
 var LogoContainer = /*#__PURE__*/styled__default.a(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  &&& .logoImg {\n    height: 96px;\n    width: 80px;\n  }\n\n  span > svg path,\n  span > svg g path {\n    fill: var(--color-primary-black);\n  }\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobileAndTablet);
-var LogoContainerMobile = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n\n    span > svg path {\n      fill: var(--color-primary-black);\n    }\n  }\n"])), devices.mobileAndTablet);
+var LogoContainerMobile = /*#__PURE__*/styled__default.a(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n\n    span > svg path {\n      fill: var(--color-primary-black);\n    }\n  }\n"])), devices.mobileAndTablet);
 var MenuContainer = /*#__PURE__*/styled__default.div(_templateObject0$1 || (_templateObject0$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 140px;\n  justify-content: space-evenly;\n  width: 100%;\n\n  @media ", " {\n  flex-direction: row;\n  justify-content: space-between;\n  height: 60px;\n  width 100%;\n  }\n"])), devices.mobileAndTablet);
 var NavWrapper = /*#__PURE__*/styled__default.div(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  gap: 32px;\n\n  @media ", " {\n    flex-direction: row;\n    height: 60px;\n    justify-content: flex-end;\n  }\n"])), devices.mobileAndTablet);
 var NavContainer = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-gap: 32px;\n  width: fit-content;\n\n  @media ", " {\n    flex-gap: 0;\n    height: auto;\n    width: fit-content;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n"])), devices.mobileAndTablet);
@@ -5809,6 +5809,12 @@ var Navigation = function Navigation(_ref) {
     fullScreenHeight = _useState4[0],
     setFullScreenHeight = _useState4[1];
   var items = menuData.items;
+  var logoLinkProps = {
+    title: title,
+    href: logoLink,
+    rel: 'noopener noreferrer',
+    'data-roh': dataRoh
+  };
   React.useEffect(function () {
     var _document, _document2;
     var body = (_document = document) == null ? void 0 : _document.body;
@@ -5861,16 +5867,11 @@ var Navigation = function Navigation(_ref) {
     columnSpanDesktop: 18,
     columnStartDevice: 1,
     columnSpanDevice: 14
-  }, /*#__PURE__*/React__default.createElement(MenuContainer, null, /*#__PURE__*/React__default.createElement(LogoContainer, {
-    "data-roh": dataRoh,
-    rel: "noopener noreferrer",
-    href: logoLink,
-    title: title
-  }, /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(MenuContainer, null, /*#__PURE__*/React__default.createElement(LogoContainer, Object.assign({}, logoLinkProps), /*#__PURE__*/React__default.createElement(Icon, {
     iconName: crest ? 'NavLogoWithCrest' : 'NavLogoNoCrest',
     "data-testid": crest ? 'NavLogoWithCrest' : 'NavLogoNoCrest',
     "aria-hidden": "true"
-  })), /*#__PURE__*/React__default.createElement(LogoContainerMobile, null, /*#__PURE__*/React__default.createElement(Icon, {
+  })), /*#__PURE__*/React__default.createElement(LogoContainerMobile, Object.assign({}, logoLinkProps), /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "NavLogoMobile"
   })), /*#__PURE__*/React__default.createElement(NavWrapper, null, /*#__PURE__*/React__default.createElement(NavContainer, null, /*#__PURE__*/React__default.createElement(Tabs, {
     items: items,