@royaloperahouse/harmonic 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/organisms/Navigation/Navigation.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.js +9 -8
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +9 -8
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -5137,7 +5137,7 @@ var MobileMenuContainer = /*#__PURE__*/styled(Grid)(_templateObject7$3 || (_temp
|
|
|
5137
5137
|
return showSearch ? '110px' : '12px';
|
|
5138
5138
|
});
|
|
5139
5139
|
var LogoContainer = /*#__PURE__*/styled.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);
|
|
5140
|
-
var LogoContainerMobile = /*#__PURE__*/styled.
|
|
5140
|
+
var LogoContainerMobile = /*#__PURE__*/styled.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);
|
|
5141
5141
|
var MenuContainer = /*#__PURE__*/styled.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);
|
|
5142
5142
|
var NavWrapper = /*#__PURE__*/styled.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);
|
|
5143
5143
|
var NavContainer = /*#__PURE__*/styled.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);
|
|
@@ -5834,6 +5834,12 @@ var Navigation = function Navigation(_ref) {
|
|
|
5834
5834
|
fullScreenHeight = _useState4[0],
|
|
5835
5835
|
setFullScreenHeight = _useState4[1];
|
|
5836
5836
|
var items = menuData.items;
|
|
5837
|
+
var logoLinkProps = {
|
|
5838
|
+
title: title,
|
|
5839
|
+
href: logoLink,
|
|
5840
|
+
rel: 'noopener noreferrer',
|
|
5841
|
+
'data-roh': dataRoh
|
|
5842
|
+
};
|
|
5837
5843
|
useEffect(function () {
|
|
5838
5844
|
var _document, _document2;
|
|
5839
5845
|
var body = (_document = document) == null ? void 0 : _document.body;
|
|
@@ -5886,16 +5892,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
5886
5892
|
columnSpanDesktop: 18,
|
|
5887
5893
|
columnStartDevice: 1,
|
|
5888
5894
|
columnSpanDevice: 14
|
|
5889
|
-
}, /*#__PURE__*/React__default.createElement(MenuContainer, null, /*#__PURE__*/React__default.createElement(LogoContainer, {
|
|
5890
|
-
"data-roh": dataRoh,
|
|
5891
|
-
rel: "noopener noreferrer",
|
|
5892
|
-
href: logoLink,
|
|
5893
|
-
title: title
|
|
5894
|
-
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5895
|
+
}, /*#__PURE__*/React__default.createElement(MenuContainer, null, /*#__PURE__*/React__default.createElement(LogoContainer, Object.assign({}, logoLinkProps), /*#__PURE__*/React__default.createElement(Icon, {
|
|
5895
5896
|
iconName: crest ? 'NavLogoWithCrest' : 'NavLogoNoCrest',
|
|
5896
5897
|
"data-testid": crest ? 'NavLogoWithCrest' : 'NavLogoNoCrest',
|
|
5897
5898
|
"aria-hidden": "true"
|
|
5898
|
-
})), /*#__PURE__*/React__default.createElement(LogoContainerMobile,
|
|
5899
|
+
})), /*#__PURE__*/React__default.createElement(LogoContainerMobile, Object.assign({}, logoLinkProps), /*#__PURE__*/React__default.createElement(Icon, {
|
|
5899
5900
|
iconName: "NavLogoMobile"
|
|
5900
5901
|
})), /*#__PURE__*/React__default.createElement(NavWrapper, null, /*#__PURE__*/React__default.createElement(NavContainer, null, /*#__PURE__*/React__default.createElement(Tabs, {
|
|
5901
5902
|
items: items,
|