@royaloperahouse/chord 2.1.7 → 2.1.8-a-chord-development
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/CHANGELOG.md +45 -10
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +18 -7
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +18 -7
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/molecules/PageHeading/Compact/components/CompactHeaderBranding.d.ts +1 -0
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/types/formTypes.d.ts +12 -9
- package/dist/types/impactHeader.d.ts +6 -2
- package/package.json +1 -1
- package/README.GIT +0 -277
package/dist/chord.esm.js
CHANGED
|
@@ -5727,7 +5727,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
5727
5727
|
key: accordion.title + "-" + index,
|
|
5728
5728
|
title: accordion.title,
|
|
5729
5729
|
showLine: isLastAccordion(index),
|
|
5730
|
-
visibleStandfirst: accordion.visibleStandfirst
|
|
5730
|
+
visibleStandfirst: accordion.visibleStandfirst,
|
|
5731
|
+
initOpen: accordion.initOpen
|
|
5731
5732
|
}, accordion.children);
|
|
5732
5733
|
}));
|
|
5733
5734
|
};
|
|
@@ -6746,7 +6747,7 @@ var PrimaryButtonWithInversion = /*#__PURE__*/styled(PrimaryButton)(_templateObj
|
|
|
6746
6747
|
return invert ? theme.colors.white : theme.colors.black;
|
|
6747
6748
|
});
|
|
6748
6749
|
|
|
6749
|
-
var renderBranding = function renderBranding(brandingStyle, invert, brandingText) {
|
|
6750
|
+
var renderBranding = function renderBranding(brandingStyle, invert, brandingText, brandingLink) {
|
|
6750
6751
|
var color = invert ? Colors.Black : Colors.White;
|
|
6751
6752
|
|
|
6752
6753
|
switch (brandingStyle) {
|
|
@@ -6760,6 +6761,13 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
6760
6761
|
}
|
|
6761
6762
|
});
|
|
6762
6763
|
|
|
6764
|
+
case 'TextLink':
|
|
6765
|
+
return (brandingText == null ? void 0 : brandingText.trim()) && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
6766
|
+
target: 'blank',
|
|
6767
|
+
href: brandingLink,
|
|
6768
|
+
color: color
|
|
6769
|
+
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
6770
|
+
|
|
6763
6771
|
case 'StreamLogo':
|
|
6764
6772
|
return /*#__PURE__*/React__default.createElement(Logo, {
|
|
6765
6773
|
color: color,
|
|
@@ -6783,14 +6791,15 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
6783
6791
|
var brandingStyle = _ref.brandingStyle,
|
|
6784
6792
|
_ref$invert = _ref.invert,
|
|
6785
6793
|
invert = _ref$invert === void 0 ? false : _ref$invert,
|
|
6786
|
-
brandingText = _ref.brandingText
|
|
6787
|
-
|
|
6794
|
+
brandingText = _ref.brandingText,
|
|
6795
|
+
brandingLink = _ref.brandingLink;
|
|
6796
|
+
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
6788
6797
|
};
|
|
6789
6798
|
|
|
6790
6799
|
var isIOS = function isIOS() {
|
|
6791
6800
|
try {
|
|
6792
6801
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
6793
|
-
if (typeof navigator === undefined) return false;
|
|
6802
|
+
if (typeof navigator === 'undefined') return false;
|
|
6794
6803
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
6795
6804
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
6796
6805
|
} catch (e) {
|
|
@@ -6806,7 +6815,7 @@ var useIOS = function useIOS() {
|
|
|
6806
6815
|
setIOS = _useState[1];
|
|
6807
6816
|
|
|
6808
6817
|
useEffect(function () {
|
|
6809
|
-
if (typeof navigator === undefined) return;
|
|
6818
|
+
if (typeof navigator === 'undefined') return;
|
|
6810
6819
|
setIOS(isIOS());
|
|
6811
6820
|
}, []);
|
|
6812
6821
|
return IOS;
|
|
@@ -6946,7 +6955,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
6946
6955
|
invert = _ref4$invert === void 0 ? false : _ref4$invert,
|
|
6947
6956
|
_ref4$brandingStyle = _ref4.brandingStyle,
|
|
6948
6957
|
brandingStyle = _ref4$brandingStyle === void 0 ? 'BlockText' : _ref4$brandingStyle,
|
|
6949
|
-
brandingText = _ref4.brandingText
|
|
6958
|
+
brandingText = _ref4.brandingText,
|
|
6959
|
+
brandingLink = _ref4.brandingLink;
|
|
6950
6960
|
|
|
6951
6961
|
var _ref5 = link || {},
|
|
6952
6962
|
linkText = _ref5.text,
|
|
@@ -6978,6 +6988,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
6978
6988
|
}, /*#__PURE__*/React__default.createElement(CompactHeaderBranding, {
|
|
6979
6989
|
brandingStyle: brandingStyle,
|
|
6980
6990
|
brandingText: brandingText,
|
|
6991
|
+
brandingLink: brandingLink,
|
|
6981
6992
|
invert: invert
|
|
6982
6993
|
}), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
6983
6994
|
level: titleSize,
|