@royaloperahouse/harmonic 1.0.6-r → 1.0.6
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 +5 -13
- package/README.GIT +293 -0
- package/README.md +43 -267
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +1 -3
- package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +25 -27
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +0 -319
- package/dist/harmonic.cjs.development.js +186 -300
- 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 +195 -311
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
- package/dist/types/creditListing.d.ts +6 -7
- package/dist/types/modalWindow.d.ts +0 -4
- package/dist/types/types.d.ts +3 -54
- package/package.json +1 -1
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.d.ts +0 -4
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.style.d.ts +0 -3
|
@@ -208,26 +208,6 @@ var typographyStyles = {"display":"typography-module_display__ZHsz9","header":"t
|
|
|
208
208
|
var _excluded = ["children", "size", "em", "color", "serif", "hierarchy", "tag", "className"],
|
|
209
209
|
_excluded2 = ["children", "size", "color", "className", "bold", "tag"],
|
|
210
210
|
_excluded3 = ["children", "size", "color", "className"];
|
|
211
|
-
/* ~~~ Display - (use case) ~~~ */
|
|
212
|
-
var DisplayHeader = function DisplayHeader(_ref) {
|
|
213
|
-
var children = _ref.children,
|
|
214
|
-
size = _ref.size,
|
|
215
|
-
em = _ref.em,
|
|
216
|
-
_ref$color = _ref.color,
|
|
217
|
-
color = _ref$color === void 0 ? 'inherit' : _ref$color,
|
|
218
|
-
serif = _ref.serif,
|
|
219
|
-
className = _ref.className;
|
|
220
|
-
var classNames = createClassNames('display', {
|
|
221
|
-
size: size,
|
|
222
|
-
color: color,
|
|
223
|
-
serif: serif,
|
|
224
|
-
em: em,
|
|
225
|
-
className: className
|
|
226
|
-
}, typographyStyles);
|
|
227
|
-
return /*#__PURE__*/React__default.createElement("h1", {
|
|
228
|
-
className: classNames
|
|
229
|
-
}, children);
|
|
230
|
-
};
|
|
231
211
|
/* ~~~ Headers - size and hierarchy set separately ~~~ */
|
|
232
212
|
var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
233
213
|
var _ref3;
|
|
@@ -2712,7 +2692,6 @@ var Tab = function Tab(_ref) {
|
|
|
2712
2692
|
className = _ref.className,
|
|
2713
2693
|
role = _ref.role,
|
|
2714
2694
|
ariaLabel = _ref.ariaLabel,
|
|
2715
|
-
tabLinkId = _ref.tabLinkId,
|
|
2716
2695
|
color = _ref.color,
|
|
2717
2696
|
dataTestId = _ref.dataTestId,
|
|
2718
2697
|
isOpen = _ref.isOpen;
|
|
@@ -2747,9 +2726,8 @@ var Tab = function Tab(_ref) {
|
|
|
2747
2726
|
className: className,
|
|
2748
2727
|
"data-testid": dataTestId
|
|
2749
2728
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
2750
|
-
id: tabLinkId,
|
|
2751
|
-
trimText: trimText,
|
|
2752
2729
|
color: color,
|
|
2730
|
+
trimText: trimText,
|
|
2753
2731
|
withTextInMobile: withTextInMobile,
|
|
2754
2732
|
"aria-hidden": "true"
|
|
2755
2733
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2779,7 +2757,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2779
2757
|
className = _ref.className,
|
|
2780
2758
|
role = _ref.role,
|
|
2781
2759
|
ariaLabel = _ref.ariaLabel,
|
|
2782
|
-
tabLinkId = _ref.tabLinkId,
|
|
2783
2760
|
trimTabText = _ref.trimTabText;
|
|
2784
2761
|
var node = React.useRef();
|
|
2785
2762
|
var _useState = React.useState(false),
|
|
@@ -2876,7 +2853,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2876
2853
|
};
|
|
2877
2854
|
var renderTab = function renderTab() {
|
|
2878
2855
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
2879
|
-
tabLinkId: tabLinkId,
|
|
2880
2856
|
trimText: trimTabText,
|
|
2881
2857
|
title: title,
|
|
2882
2858
|
titleLink: titleLink,
|
|
@@ -2956,8 +2932,7 @@ var Account = function Account(_ref) {
|
|
|
2956
2932
|
iconName: iconName,
|
|
2957
2933
|
withOptionsInMobile: false,
|
|
2958
2934
|
withIcon: "left",
|
|
2959
|
-
className: className
|
|
2960
|
-
tabLinkId: "account-link"
|
|
2935
|
+
className: className
|
|
2961
2936
|
});
|
|
2962
2937
|
};
|
|
2963
2938
|
|
|
@@ -5518,28 +5493,22 @@ var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject12 || (_te
|
|
|
5518
5493
|
var NavTopContainerMobile = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: flex;\n width: fit-content;\n align-items: center;\n height: 10%;\n margin-left: 20px;\n padding-bottom: 36px;\n }\n"])), devices.mobileAndTablet);
|
|
5519
5494
|
|
|
5520
5495
|
var _templateObject$B, _templateObject2$q, _templateObject3$f, _templateObject4$e, _templateObject5$a, _templateObject6$6, _templateObject7$4;
|
|
5521
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n border-top:
|
|
5522
|
-
var
|
|
5523
|
-
return
|
|
5524
|
-
}, function (_ref2) {
|
|
5525
|
-
var showBottomLine = _ref2.showBottomLine;
|
|
5526
|
-
return showBottomLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
5496
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n border-top: 2px solid var(--color-base-light-grey);\n border-bottom: ", ";\n"])), function (_ref) {
|
|
5497
|
+
var showLine = _ref.showLine;
|
|
5498
|
+
return showLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
5527
5499
|
});
|
|
5528
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n opacity: ", ";\n transition: opacity 0.2s ease;\n pointer-events: ", ";\n\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (
|
|
5529
|
-
var isVisible =
|
|
5500
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n opacity: ", ";\n transition: opacity 0.2s ease;\n pointer-events: ", ";\n\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref2) {
|
|
5501
|
+
var isVisible = _ref2.isVisible;
|
|
5530
5502
|
return isVisible ? 1 : 0;
|
|
5531
|
-
}, function (
|
|
5532
|
-
var isVisible =
|
|
5503
|
+
}, function (_ref3) {
|
|
5504
|
+
var isVisible = _ref3.isVisible;
|
|
5533
5505
|
return isVisible ? 'auto' : 'none';
|
|
5534
5506
|
}, devices.mobile);
|
|
5535
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-top: 28px;\n padding-bottom: 28px;\n color: var(--color-primary-black);\n
|
|
5536
|
-
var
|
|
5537
|
-
return titleMargin || '0';
|
|
5538
|
-
}, function (_ref6) {
|
|
5539
|
-
var hasChildren = _ref6.hasChildren;
|
|
5507
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-top: 28px;\n padding-bottom: 28px;\n color: var(--color-primary-black);\n\n && svg {\n width: 24px;\n height: 24px;\n }\n\n :hover {\n cursor: ", ";\n pointer-events: ", ";\n }\n\n @media ", " {\n padding-top: 16px;\n padding-bottom: 16px;\n }\n"])), function (_ref4) {
|
|
5508
|
+
var hasChildren = _ref4.hasChildren;
|
|
5540
5509
|
return hasChildren ? 'pointer' : 'default';
|
|
5541
|
-
}, function (
|
|
5542
|
-
var hasChildren =
|
|
5510
|
+
}, function (_ref5) {
|
|
5511
|
+
var hasChildren = _ref5.hasChildren;
|
|
5543
5512
|
return hasChildren ? 'auto' : 'none';
|
|
5544
5513
|
}, devices.mobile);
|
|
5545
5514
|
var TitleText = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: calc(100% - 32px);\n"])));
|
|
@@ -5548,14 +5517,14 @@ var ContentContainer = /*#__PURE__*/styled__default(ExtendedBodyCopyHarmonic).wi
|
|
|
5548
5517
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
5549
5518
|
return prop !== 'textHeight';
|
|
5550
5519
|
}
|
|
5551
|
-
})(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: ", ";\n overflow: ", ";\n margin-bottom: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (
|
|
5552
|
-
var textHeight =
|
|
5520
|
+
})(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: ", ";\n overflow: ", ";\n margin-bottom: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref6) {
|
|
5521
|
+
var textHeight = _ref6.textHeight;
|
|
5553
5522
|
return textHeight;
|
|
5554
|
-
}, function (
|
|
5555
|
-
var textHeight =
|
|
5523
|
+
}, function (_ref7) {
|
|
5524
|
+
var textHeight = _ref7.textHeight;
|
|
5556
5525
|
return textHeight === '0px' ? 'hidden' : 'visible';
|
|
5557
|
-
}, function (
|
|
5558
|
-
var textHeight =
|
|
5526
|
+
}, function (_ref8) {
|
|
5527
|
+
var textHeight = _ref8.textHeight;
|
|
5559
5528
|
return textHeight === '0px' ? '0px' : '12px';
|
|
5560
5529
|
}, devices.mobile);
|
|
5561
5530
|
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
@@ -5577,18 +5546,14 @@ var Accordion = function Accordion(_ref) {
|
|
|
5577
5546
|
var _expandedStateIcon$ic, _collapsedStateIcon$i;
|
|
5578
5547
|
var _ref$title = _ref.title,
|
|
5579
5548
|
title = _ref$title === void 0 ? '' : _ref$title,
|
|
5580
|
-
_ref$
|
|
5581
|
-
|
|
5582
|
-
_ref$showBottomLine = _ref.showBottomLine,
|
|
5583
|
-
showBottomLine = _ref$showBottomLine === void 0 ? true : _ref$showBottomLine,
|
|
5549
|
+
_ref$showLine = _ref.showLine,
|
|
5550
|
+
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
5584
5551
|
children = _ref.children,
|
|
5585
5552
|
_ref$initOpen = _ref.initOpen,
|
|
5586
5553
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
|
|
5587
5554
|
className = _ref.className,
|
|
5588
5555
|
expandedStateIcon = _ref.expandedStateIcon,
|
|
5589
|
-
collapsedStateIcon = _ref.collapsedStateIcon
|
|
5590
|
-
childrenContainerStyle = _ref.childrenContainerStyle,
|
|
5591
|
-
titleMargin = _ref.titleMargin;
|
|
5556
|
+
collapsedStateIcon = _ref.collapsedStateIcon;
|
|
5592
5557
|
var _useState = React.useState(initOpen),
|
|
5593
5558
|
openAccordion = _useState[0],
|
|
5594
5559
|
setOpenAccordion = _useState[1];
|
|
@@ -5699,7 +5664,6 @@ var Accordion = function Accordion(_ref) {
|
|
|
5699
5664
|
var toggleAccordion = function toggleAccordion() {
|
|
5700
5665
|
if (React__default.Children.count(children) === 0) return;
|
|
5701
5666
|
if (openAccordion) {
|
|
5702
|
-
setIcon(collapsedStateIconData);
|
|
5703
5667
|
setOpenAccordion(false);
|
|
5704
5668
|
setTextHeight('0px');
|
|
5705
5669
|
setIcon(collapsedStateIconData);
|
|
@@ -5724,8 +5688,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
5724
5688
|
};
|
|
5725
5689
|
var contentContainerId = title + "-accordion-content";
|
|
5726
5690
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
5727
|
-
|
|
5728
|
-
showBottomLine: showBottomLine,
|
|
5691
|
+
showLine: showLine,
|
|
5729
5692
|
className: className
|
|
5730
5693
|
}, /*#__PURE__*/React__default.createElement(TitleContainer$1, {
|
|
5731
5694
|
onClick: toggleAccordion,
|
|
@@ -5735,8 +5698,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
5735
5698
|
"aria-label": title,
|
|
5736
5699
|
"aria-expanded": openAccordion,
|
|
5737
5700
|
"aria-controls": contentContainerId,
|
|
5738
|
-
hasChildren: !!children
|
|
5739
|
-
titleMargin: titleMargin
|
|
5701
|
+
hasChildren: !!children
|
|
5740
5702
|
}, /*#__PURE__*/React__default.createElement(TitleText, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, Object.assign({}, icon))))), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5741
5703
|
"data-testid": "richcontainer",
|
|
5742
5704
|
ref: content,
|
|
@@ -5745,10 +5707,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
5745
5707
|
"aria-live": openAccordion ? 'polite' : 'off',
|
|
5746
5708
|
tag: "div",
|
|
5747
5709
|
size: "large"
|
|
5748
|
-
}, childrenVisibility &&
|
|
5749
|
-
isVisible: childrenVisibility
|
|
5750
|
-
|
|
5751
|
-
}, children))));
|
|
5710
|
+
}, childrenVisibility && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
5711
|
+
isVisible: childrenVisibility
|
|
5712
|
+
}, children)));
|
|
5752
5713
|
};
|
|
5753
5714
|
|
|
5754
5715
|
var _templateObject$C;
|
|
@@ -5767,11 +5728,9 @@ var Accordions = function Accordions(_ref) {
|
|
|
5767
5728
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
5768
5729
|
key: accordion.title + "-" + index,
|
|
5769
5730
|
title: accordion.title,
|
|
5770
|
-
|
|
5731
|
+
showLine: isLastAccordion(index),
|
|
5771
5732
|
expandedStateIcon: accordion.expandedStateIcon,
|
|
5772
|
-
collapsedStateIcon: accordion.collapsedStateIcon
|
|
5773
|
-
titleMargin: accordion.titleMargin,
|
|
5774
|
-
childrenContainerStyle: accordion.childrenContainerStyle
|
|
5733
|
+
collapsedStateIcon: accordion.collapsedStateIcon
|
|
5775
5734
|
}, accordion.children);
|
|
5776
5735
|
}));
|
|
5777
5736
|
};
|
|
@@ -6057,9 +6016,14 @@ var BodyContent = function BodyContent(_ref2) {
|
|
|
6057
6016
|
_ref2$renderGridItem = _ref2.renderGridItem,
|
|
6058
6017
|
renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
|
|
6059
6018
|
var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
|
|
6060
|
-
var content = /*#__PURE__*/React__default.createElement(
|
|
6019
|
+
var content = /*#__PURE__*/React__default.createElement(TextContainer, {
|
|
6020
|
+
tag: "div",
|
|
6021
|
+
size: "large",
|
|
6022
|
+
"data-testid": "text-container",
|
|
6061
6023
|
className: textContainerClassName,
|
|
6062
|
-
|
|
6024
|
+
dangerouslySetInnerHTML: {
|
|
6025
|
+
__html: addTypographyClasses(text)
|
|
6026
|
+
}
|
|
6063
6027
|
});
|
|
6064
6028
|
var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
6065
6029
|
columnStartDesktop: columnStartDesktop,
|
|
@@ -6868,15 +6832,12 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
6868
6832
|
listRoleDescription = _ref.listRoleDescription,
|
|
6869
6833
|
className = _ref.className,
|
|
6870
6834
|
onSelect = _ref.onSelect,
|
|
6871
|
-
onSelectId = _ref.onSelectId,
|
|
6872
6835
|
onApply = _ref.onApply,
|
|
6873
|
-
onApplyIds = _ref.onApplyIds,
|
|
6874
6836
|
onClear = _ref.onClear,
|
|
6875
6837
|
_ref$greyscale = _ref.greyscale,
|
|
6876
6838
|
greyscale = _ref$greyscale === void 0 ? false : _ref$greyscale,
|
|
6877
6839
|
_ref$selectedIndices = _ref.selectedIndices,
|
|
6878
|
-
selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices
|
|
6879
|
-
selectedIds = _ref.selectedIds;
|
|
6840
|
+
selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices;
|
|
6880
6841
|
var _useViewport = useViewport(),
|
|
6881
6842
|
isMobile = _useViewport.isMobile;
|
|
6882
6843
|
var castWrapperRef = React.useRef(null);
|
|
@@ -6978,51 +6939,14 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
6978
6939
|
isDraggingRef.current = false;
|
|
6979
6940
|
hasDraggedRef.current = false;
|
|
6980
6941
|
}, [isMobile]);
|
|
6981
|
-
var
|
|
6982
|
-
if (person.id !== undefined && person.id !== null) return String(person.id);
|
|
6983
|
-
if (person.slug !== undefined && person.slug !== null) return String(person.slug);
|
|
6984
|
-
return person.name;
|
|
6985
|
-
}, []);
|
|
6986
|
-
var isIdSelectionMode = selectedIds !== undefined;
|
|
6987
|
-
var selectedIdsSet = React.useMemo(function () {
|
|
6988
|
-
var ids = selectedIds != null ? selectedIds : [];
|
|
6989
|
-
return new Set(ids.map(function (id) {
|
|
6990
|
-
return String(id);
|
|
6991
|
-
}));
|
|
6992
|
-
}, [selectedIds]);
|
|
6993
|
-
var selectedStateIndices = React.useMemo(function () {
|
|
6994
|
-
if (!isIdSelectionMode) return selectedIndices;
|
|
6995
|
-
return cast.flatMap(function (person, index) {
|
|
6996
|
-
var itemId = getCastItemSelectionId(person);
|
|
6997
|
-
return selectedIdsSet.has(itemId) ? [index] : [];
|
|
6998
|
-
});
|
|
6999
|
-
}, [cast, getCastItemSelectionId, isIdSelectionMode, selectedIdsSet, selectedIndices]);
|
|
7000
|
-
var selectedStateIds = React.useMemo(function () {
|
|
7001
|
-
if (isIdSelectionMode) {
|
|
7002
|
-
return cast.filter(function (person) {
|
|
7003
|
-
return selectedIdsSet.has(getCastItemSelectionId(person));
|
|
7004
|
-
}).map(function (person) {
|
|
7005
|
-
return getCastItemSelectionId(person);
|
|
7006
|
-
});
|
|
7007
|
-
}
|
|
7008
|
-
return selectedIndices.map(function (index) {
|
|
7009
|
-
return cast[index];
|
|
7010
|
-
}).filter(function (person) {
|
|
7011
|
-
return person !== undefined;
|
|
7012
|
-
}).map(function (person) {
|
|
7013
|
-
return getCastItemSelectionId(person);
|
|
7014
|
-
});
|
|
7015
|
-
}, [cast, getCastItemSelectionId, isIdSelectionMode, selectedIdsSet, selectedIndices]);
|
|
7016
|
-
var handleClick = React__default.useCallback(function (index, itemId, onClick) {
|
|
6942
|
+
var handleClick = React__default.useCallback(function (index, onClick) {
|
|
7017
6943
|
if (hasDraggedRef.current) return;
|
|
7018
|
-
if (onSelectId) onSelectId(itemId);
|
|
7019
6944
|
if (onSelect) onSelect(index);
|
|
7020
6945
|
if (onClick) onClick();
|
|
7021
|
-
}, [onSelect
|
|
7022
|
-
var handlePersonKeydown = React__default.useCallback(function (e, index,
|
|
7023
|
-
if (e.key === 'Enter'
|
|
7024
|
-
|
|
7025
|
-
handleClick(index, itemId, onClick);
|
|
6946
|
+
}, [onSelect]);
|
|
6947
|
+
var handlePersonKeydown = React__default.useCallback(function (e, index, onClick) {
|
|
6948
|
+
if (e.key === 'Enter') {
|
|
6949
|
+
handleClick(index, onClick);
|
|
7026
6950
|
}
|
|
7027
6951
|
}, [handleClick]);
|
|
7028
6952
|
var handleClearKeydown = React__default.useCallback(function (e) {
|
|
@@ -7037,27 +6961,27 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7037
6961
|
image = person.image,
|
|
7038
6962
|
_onClick = person.onClick,
|
|
7039
6963
|
ariaLabel = person['aria-label'];
|
|
7040
|
-
var
|
|
7041
|
-
var isSelected = isIdSelectionMode ? selectedIdsSet.has(personSelectionId) : selectedIndices.includes(index);
|
|
6964
|
+
var isSelected = selectedIndices.includes(index);
|
|
7042
6965
|
var personImage = image || placeholderImage || defaultPlaceholderImage;
|
|
7043
6966
|
return /*#__PURE__*/React__default.createElement(PersonWrapper, {
|
|
7044
|
-
key:
|
|
6967
|
+
key: index,
|
|
7045
6968
|
"aria-selected": isSelected,
|
|
7046
|
-
"aria-label": ariaLabel
|
|
6969
|
+
"aria-label": ariaLabel || (isSelected ? 'Deselect' : 'Select') + " " + name,
|
|
6970
|
+
"aria-posinset": index + 1,
|
|
6971
|
+
"aria-setsize": cast.length,
|
|
7047
6972
|
role: "option",
|
|
7048
6973
|
tabIndex: 0,
|
|
7049
|
-
onClick: function onClick() {
|
|
7050
|
-
return handleClick(index, personSelectionId, _onClick);
|
|
7051
|
-
},
|
|
7052
6974
|
onKeyDown: function onKeyDown(e) {
|
|
7053
|
-
return handlePersonKeydown(e, index,
|
|
6975
|
+
return handlePersonKeydown(e, index, _onClick);
|
|
7054
6976
|
}
|
|
7055
6977
|
}, /*#__PURE__*/React__default.createElement(PersonToggle, {
|
|
7056
6978
|
isSelected: isSelected,
|
|
7057
|
-
|
|
6979
|
+
onClick: function onClick() {
|
|
6980
|
+
return handleClick(index, _onClick);
|
|
6981
|
+
}
|
|
7058
6982
|
}, /*#__PURE__*/React__default.createElement(PersonImage, {
|
|
7059
6983
|
src: personImage,
|
|
7060
|
-
alt: "",
|
|
6984
|
+
alt: image ? name : "Placeholder image for " + name,
|
|
7061
6985
|
draggable: false,
|
|
7062
6986
|
isDefaultPlaceholder: !(!!image || !!placeholderImage),
|
|
7063
6987
|
greyscale: greyscale
|
|
@@ -7093,8 +7017,7 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7093
7017
|
ref: castWrapperRef,
|
|
7094
7018
|
role: "listbox",
|
|
7095
7019
|
"aria-roledescription": listRoleDescription != null ? listRoleDescription : 'filter list',
|
|
7096
|
-
"aria-
|
|
7097
|
-
"aria-multiselectable": "true",
|
|
7020
|
+
"aria-multiselectable": true,
|
|
7098
7021
|
onMouseDown: handleMouseDown,
|
|
7099
7022
|
onMouseMove: handleMouseMove,
|
|
7100
7023
|
onMouseUp: handleMouseUp,
|
|
@@ -7105,15 +7028,14 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7105
7028
|
ref: swipeRef,
|
|
7106
7029
|
onOverflowChange: handleOverflowChange,
|
|
7107
7030
|
limitDragToNavigableRange: true
|
|
7108
|
-
}, getPersonCards())))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null,
|
|
7031
|
+
}, getPersonCards())))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7109
7032
|
size: "medium",
|
|
7110
7033
|
className: "mobile-only"
|
|
7111
|
-
}, emptySelectionText)),
|
|
7034
|
+
}, emptySelectionText)), selectedIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), selectedIndices.length > 0 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, onApply && /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
7112
7035
|
onClick: function onClick() {
|
|
7113
|
-
|
|
7114
|
-
if (onApplyIds) onApplyIds(selectedStateIds);
|
|
7036
|
+
return onApply(selectedIndices);
|
|
7115
7037
|
}
|
|
7116
|
-
}, ctaText != null ? ctaText : 'Apply')
|
|
7038
|
+
}, ctaText != null ? ctaText : 'Apply'), onClear && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
7117
7039
|
tabIndex: 0,
|
|
7118
7040
|
role: "button",
|
|
7119
7041
|
onClick: onClear,
|
|
@@ -7438,34 +7360,32 @@ var _excluded$j = ["text", "id", "isSelected"];
|
|
|
7438
7360
|
*
|
|
7439
7361
|
* @returns { React.JSX.Element}
|
|
7440
7362
|
*
|
|
7441
|
-
* @example
|
|
7363
|
+
* @example Controlled selection with custom rules
|
|
7364
|
+
* The component does not manage selection itself. The parent owns `items` (including
|
|
7365
|
+
* `isSelected`) and updates that state in `onClick`. Use `allowedSelectedWith` on each
|
|
7366
|
+
* item to describe which other tab IDs may stay selected when that tab is chosen.
|
|
7367
|
+
*
|
|
7442
7368
|
* ```tsx
|
|
7443
|
-
*
|
|
7444
|
-
*
|
|
7445
|
-
*
|
|
7446
|
-
*
|
|
7447
|
-
*
|
|
7448
|
-
*
|
|
7449
|
-
*
|
|
7450
|
-
*
|
|
7451
|
-
*
|
|
7452
|
-
*
|
|
7453
|
-
*
|
|
7454
|
-
*
|
|
7455
|
-
*
|
|
7456
|
-
*
|
|
7457
|
-
*
|
|
7458
|
-
*
|
|
7459
|
-
*
|
|
7460
|
-
*
|
|
7461
|
-
*
|
|
7462
|
-
*
|
|
7463
|
-
* * return { ...item, isSelected: mayStaySelected ? !item.isSelected : false };
|
|
7464
|
-
* * })
|
|
7465
|
-
* * );
|
|
7466
|
-
* * };
|
|
7467
|
-
* *
|
|
7468
|
-
* * return <CustomStrategyTabsFilter items={items} onClick={handleClick} />;
|
|
7369
|
+
* const [items, setItems] = useState<TCustomStrategyTabsFilterItem[]>([
|
|
7370
|
+
* { id: 'all', text: 'All events', isSelected: true, allowedSelectedWith: [] },
|
|
7371
|
+
* { id: 'opera', text: 'Opera', isSelected: false, allowedSelectedWith: ['ballet'] },
|
|
7372
|
+
* { id: 'ballet', text: 'Ballet', isSelected: false, allowedSelectedWith: ['opera'] },
|
|
7373
|
+
* ]);
|
|
7374
|
+
*
|
|
7375
|
+
* const handleClick = (clickedItem: TCustomStrategyTabsFilterItem) => {
|
|
7376
|
+
* setItems((current) =>
|
|
7377
|
+
* current.map((item) => {
|
|
7378
|
+
* if (item.id === clickedItem.id) {
|
|
7379
|
+
* return { ...item, isSelected: !item.isSelected };
|
|
7380
|
+
* }
|
|
7381
|
+
*
|
|
7382
|
+
* const mayStaySelected = clickedItem.allowedSelectedWith?.includes(item.id);
|
|
7383
|
+
* return { ...item, isSelected: mayStaySelected ? !item.isSelected : false };
|
|
7384
|
+
* })
|
|
7385
|
+
* );
|
|
7386
|
+
* };
|
|
7387
|
+
*
|
|
7388
|
+
* return <CustomStrategyTabsFilter items={items} onClick={handleClick} />;
|
|
7469
7389
|
*/
|
|
7470
7390
|
var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
7471
7391
|
var _customViewConfig$bac, _customViewConfig$bac2, _customViewConfig$tex, _customViewConfig$tex2;
|
|
@@ -9012,7 +8932,7 @@ var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_temp
|
|
|
9012
8932
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9013
8933
|
}, devices.mobile, devices.tablet);
|
|
9014
8934
|
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9015
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8935
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9016
8936
|
|
|
9017
8937
|
// Get the total character length of a property in an array of objects
|
|
9018
8938
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9060,8 +8980,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9060
8980
|
_ref$largeColumnSpan = _ref.largeColumnSpan,
|
|
9061
8981
|
largeColumnSpan = _ref$largeColumnSpan === void 0 ? DEFAULT_LARGE_COLUMN_SPAN : _ref$largeColumnSpan,
|
|
9062
8982
|
_ref$characterThresho = _ref.characterThreshold,
|
|
9063
|
-
characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho
|
|
9064
|
-
className = _ref.className;
|
|
8983
|
+
characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho;
|
|
9065
8984
|
var creditEntries = [];
|
|
9066
8985
|
var nextColumnStart = 1;
|
|
9067
8986
|
roles.forEach(function (_ref2, index) {
|
|
@@ -9102,21 +9021,20 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9102
9021
|
columnSpanSmallDevice: 1,
|
|
9103
9022
|
key: "credit-entry-" + name + "-" + index,
|
|
9104
9023
|
"data-testid": "credit-entry"
|
|
9105
|
-
}, /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
9106
|
-
className: className
|
|
9107
|
-
}, /*#__PURE__*/React__default.createElement(RoleWrapper, {
|
|
9024
|
+
}, /*#__PURE__*/React__default.createElement(TextWrapper$1, null, /*#__PURE__*/React__default.createElement(RoleWrapper, {
|
|
9108
9025
|
title: "role",
|
|
9109
9026
|
"data-roh": dataROH
|
|
9110
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
}, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
9114
|
-
|
|
9115
|
-
|
|
9027
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9028
|
+
level: 1,
|
|
9029
|
+
tag: "p"
|
|
9030
|
+
}, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9031
|
+
level: 3,
|
|
9032
|
+
tag: "p"
|
|
9116
9033
|
}, description))), personArrays.map(function (personArray, arrayIndex) {
|
|
9117
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9034
|
+
return /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9118
9035
|
key: "personArray" + arrayIndex,
|
|
9119
|
-
|
|
9036
|
+
level: 1,
|
|
9037
|
+
tag: "p"
|
|
9120
9038
|
}, personArray.map(function (person, personIndex) {
|
|
9121
9039
|
return /*#__PURE__*/React__default.createElement(Person, {
|
|
9122
9040
|
key: "" + person.name + personIndex,
|
|
@@ -9124,14 +9042,17 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9124
9042
|
withSeparator: personArray.length !== personIndex + 1
|
|
9125
9043
|
});
|
|
9126
9044
|
}));
|
|
9127
|
-
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
9128
|
-
|
|
9129
|
-
|
|
9130
|
-
|
|
9045
|
+
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9046
|
+
level: 1,
|
|
9047
|
+
tag: "p"
|
|
9048
|
+
}, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
9049
|
+
level: 1,
|
|
9050
|
+
tag: "p",
|
|
9131
9051
|
key: "music-" + musicTitle + "-text"
|
|
9132
|
-
}, concatenateMusicTitle(musicTitle, index))), additionalInfo && /*#__PURE__*/React__default.createElement(
|
|
9133
|
-
|
|
9134
|
-
|
|
9052
|
+
}, concatenateMusicTitle(musicTitle, index))), additionalInfo && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
9053
|
+
level: 1,
|
|
9054
|
+
tag: "p"
|
|
9055
|
+
}, additionalInfo)))));
|
|
9135
9056
|
});
|
|
9136
9057
|
return /*#__PURE__*/React__default.createElement(CreditListingWrapper, {
|
|
9137
9058
|
columnCount: columnCount
|
|
@@ -9238,7 +9159,7 @@ var _excluded$m = ["text"],
|
|
|
9238
9159
|
_excluded3$1 = ["text"];
|
|
9239
9160
|
var _buttonTypeToButton$1;
|
|
9240
9161
|
var LENGTH_TEXT$1 = 28;
|
|
9241
|
-
var LENGTH_TEXT_PARAGRAPH =
|
|
9162
|
+
var LENGTH_TEXT_PARAGRAPH = 130;
|
|
9242
9163
|
var buttonTypeToButton$1 = (_buttonTypeToButton$1 = {}, _buttonTypeToButton$1[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
|
|
9243
9164
|
var PromoWithTags = function PromoWithTags(_ref) {
|
|
9244
9165
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -10538,46 +10459,17 @@ var NavTop = function NavTop(_ref) {
|
|
|
10538
10459
|
};
|
|
10539
10460
|
|
|
10540
10461
|
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$C, _templateObject5$v;
|
|
10541
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3 {\n margin: 0px 0px 12px 0px !important;\n }\n
|
|
10542
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top:
|
|
10543
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n
|
|
10462
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10463
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10464
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10544
10465
|
var isVisible = _ref.isVisible;
|
|
10545
10466
|
return isVisible ? 'visible' : 'hidden';
|
|
10546
10467
|
});
|
|
10547
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n
|
|
10468
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10548
10469
|
var isVisible = _ref2.isVisible;
|
|
10549
10470
|
return isVisible ? 'visible' : 'hidden';
|
|
10550
10471
|
});
|
|
10551
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-family: var(--font-family-
|
|
10552
|
-
|
|
10553
|
-
var _templateObject$1i, _templateObject2$_;
|
|
10554
|
-
var TextLinkWrapper$4 = /*#__PURE__*/styled__default.a(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 28px;\n color: var(--color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
10555
|
-
var color = _ref.color;
|
|
10556
|
-
return color;
|
|
10557
|
-
});
|
|
10558
|
-
var TextLinkIconWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
10559
|
-
|
|
10560
|
-
var _excluded$r = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];
|
|
10561
|
-
var ReadMoreTextLink = function ReadMoreTextLink(_ref) {
|
|
10562
|
-
var children = _ref.children,
|
|
10563
|
-
iconName = _ref.iconName,
|
|
10564
|
-
iconDirection = _ref.iconDirection,
|
|
10565
|
-
textColor = _ref.textColor,
|
|
10566
|
-
_ref$disableTruncatio = _ref.disableTruncation,
|
|
10567
|
-
disableTruncation = _ref$disableTruncatio === void 0 ? false : _ref$disableTruncatio,
|
|
10568
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
|
|
10569
|
-
var truncatedString = disableTruncation ? children : children.substring(0, 30);
|
|
10570
|
-
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, Object.assign({
|
|
10571
|
-
color: textColor,
|
|
10572
|
-
iconName: iconName
|
|
10573
|
-
}, rest), truncatedString, iconName ? (/*#__PURE__*/React__default.createElement(TextLinkIconWrapper$1, {
|
|
10574
|
-
"data-testid": "text-link-icon"
|
|
10575
|
-
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10576
|
-
iconName: iconName,
|
|
10577
|
-
direction: iconDirection,
|
|
10578
|
-
color: textColor
|
|
10579
|
-
}))) : null);
|
|
10580
|
-
};
|
|
10472
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10581
10473
|
|
|
10582
10474
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10583
10475
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10596,8 +10488,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10596
10488
|
hideText = _ref.hideText,
|
|
10597
10489
|
characterLimit = _ref.characterLimit,
|
|
10598
10490
|
_ref$truncate = _ref.truncate,
|
|
10599
|
-
truncate = _ref$truncate === void 0 ? true : _ref$truncate
|
|
10600
|
-
className = _ref.className;
|
|
10491
|
+
truncate = _ref$truncate === void 0 ? true : _ref$truncate;
|
|
10601
10492
|
var _useState = React.useState(initOpen),
|
|
10602
10493
|
isFullTextOpen = _useState[0],
|
|
10603
10494
|
setIsFullTextOpen = _useState[1];
|
|
@@ -10634,15 +10525,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10634
10525
|
var contentContainerId = title + "-read-more-content";
|
|
10635
10526
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
10636
10527
|
tabIndex: 0,
|
|
10637
|
-
onKeyDown: handleKeyDown
|
|
10638
|
-
className: className,
|
|
10639
|
-
showTopLine: false
|
|
10528
|
+
onKeyDown: handleKeyDown
|
|
10640
10529
|
}, /*#__PURE__*/React__default.createElement(ReadMoreContainer, {
|
|
10641
10530
|
"aria-label": title,
|
|
10642
10531
|
"aria-expanded": isFullTextOpen,
|
|
10643
10532
|
"aria-controls": contentContainerId
|
|
10644
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10645
|
-
|
|
10533
|
+
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
10534
|
+
level: 5,
|
|
10535
|
+
semanticLevel: 3
|
|
10646
10536
|
}, title)), !isFullTextOpen && /*#__PURE__*/React__default.createElement(IntroText, null), /*#__PURE__*/React__default.createElement(ContentContainer$5, {
|
|
10647
10537
|
"data-testid": "richcontainer",
|
|
10648
10538
|
ref: readMoreContent,
|
|
@@ -10653,16 +10543,16 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10653
10543
|
}
|
|
10654
10544
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
10655
10545
|
isVisible: isFullTextOpen
|
|
10656
|
-
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && (/*#__PURE__*/React__default.createElement(
|
|
10546
|
+
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
10657
10547
|
tabIndex: 0,
|
|
10658
10548
|
role: "button",
|
|
10659
10549
|
onClick: toggleFullText
|
|
10660
10550
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10661
10551
|
};
|
|
10662
10552
|
|
|
10663
|
-
var _templateObject$
|
|
10664
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10665
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2
|
|
10553
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$N, _templateObject4$D, _templateObject5$w;
|
|
10554
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10555
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10666
10556
|
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10667
10557
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10668
10558
|
var isActive = _ref.isActive;
|
|
@@ -10824,9 +10714,9 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10824
10714
|
});
|
|
10825
10715
|
};
|
|
10826
10716
|
|
|
10827
|
-
var _templateObject$
|
|
10828
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10829
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10717
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$o;
|
|
10718
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10719
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10830
10720
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10831
10721
|
var color = _ref.color;
|
|
10832
10722
|
return "var(--base-color-" + color + ")";
|
|
@@ -10918,9 +10808,9 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10918
10808
|
}, strengthLabel))));
|
|
10919
10809
|
};
|
|
10920
10810
|
|
|
10921
|
-
var _templateObject$
|
|
10922
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10923
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10811
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10812
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10813
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10924
10814
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10925
10815
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
10926
10816
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
@@ -11133,15 +11023,15 @@ var Table = function Table(_ref) {
|
|
|
11133
11023
|
}))));
|
|
11134
11024
|
};
|
|
11135
11025
|
|
|
11136
|
-
var _templateObject$
|
|
11137
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11026
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$z, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11027
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11138
11028
|
var theme = _ref.theme;
|
|
11139
11029
|
return "var(--color-" + theme + ")";
|
|
11140
11030
|
}, function (_ref2) {
|
|
11141
11031
|
var theme = _ref2.theme;
|
|
11142
11032
|
return "var(--color-" + theme + ")";
|
|
11143
11033
|
});
|
|
11144
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11034
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11145
11035
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11146
11036
|
var Error = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11147
11037
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
@@ -11560,10 +11450,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11560
11450
|
}))))));
|
|
11561
11451
|
};
|
|
11562
11452
|
|
|
11563
|
-
var _templateObject$
|
|
11564
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11453
|
+
var _templateObject$1m, _templateObject2$12, _templateObject4$H, _templateObject5$A;
|
|
11454
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
11565
11455
|
var withShadow = _ref.withShadow;
|
|
11566
|
-
return withShadow && styled.css(_templateObject2$
|
|
11456
|
+
return withShadow && styled.css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11567
11457
|
}, devices.mobile);
|
|
11568
11458
|
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
11569
11459
|
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
@@ -11624,12 +11514,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11624
11514
|
return null;
|
|
11625
11515
|
};
|
|
11626
11516
|
|
|
11627
|
-
var _templateObject$
|
|
11628
|
-
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$
|
|
11517
|
+
var _templateObject$1n, _templateObject2$13;
|
|
11518
|
+
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n &:not(:active):not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n\n @media ", " {\n position: absolute;\n left: 10px;\n top: 10px;\n width: 80px;\n height: 44px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: auto;\n color: transparent;\n background: transparent;\n opacity: 0;\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n"])), function (_ref) {
|
|
11629
11519
|
var hide = _ref.hide;
|
|
11630
11520
|
return hide && "display: none;";
|
|
11631
11521
|
}, devices.mobileAndTablet);
|
|
11632
|
-
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11522
|
+
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 29px 50px;\n display: inline-block;\n width: 100%;\n height: fit-content;\n border-bottom: solid 2px var(--color-base-light-grey);\n overflow: hidden;\n &:not(:has(div:focus)) {\n position: absolute;\n border-bottom: 0;\n padding: 0;\n }\n @media ", " {\n border-bottom: 0;\n position: absolute;\n padding: 0;\n }\n"])), devices.mobileAndTablet);
|
|
11633
11523
|
|
|
11634
11524
|
/**
|
|
11635
11525
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11721,15 +11611,15 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11721
11611
|
}));
|
|
11722
11612
|
};
|
|
11723
11613
|
|
|
11724
|
-
var _templateObject$
|
|
11614
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11725
11615
|
var color = 'primary-black';
|
|
11726
11616
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
11727
11617
|
borderColor: color,
|
|
11728
11618
|
hoveredColor: color,
|
|
11729
11619
|
pressedColor: color,
|
|
11730
11620
|
textColor: color
|
|
11731
|
-
})(_templateObject$
|
|
11732
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11621
|
+
})(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 35px;\n margin-top: 33px;\n width: fit-content;\n\n @media ", " {\n margin-bottom: 33px;\n margin-top: 31px;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
11622
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-", ");\n padding: 60px 59px 59px;\n\n @media ", " {\n padding: 35px 20px 34px;\n }\n"])), color, devices.mobile);
|
|
11733
11623
|
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
11734
11624
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
11735
11625
|
serif: true,
|
|
@@ -11768,8 +11658,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
11768
11658
|
}, "Sign in"))));
|
|
11769
11659
|
};
|
|
11770
11660
|
|
|
11771
|
-
var _templateObject$
|
|
11772
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11661
|
+
var _templateObject$1p;
|
|
11662
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 74px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n gap: 40px 74px;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.mobile);
|
|
11773
11663
|
|
|
11774
11664
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11775
11665
|
var upsellCards = _ref.upsellCards,
|
|
@@ -11960,14 +11850,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
11960
11850
|
})))))));
|
|
11961
11851
|
};
|
|
11962
11852
|
|
|
11963
|
-
var _templateObject$
|
|
11964
|
-
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11965
|
-
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
11853
|
+
var _templateObject$1q, _templateObject2$15, _templateObject3$S, _templateObject4$J, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
11854
|
+
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
11855
|
+
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
11966
11856
|
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
11967
11857
|
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11968
11858
|
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11969
11859
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
11970
|
-
var TextLinkWrapper$
|
|
11860
|
+
var TextLinkWrapper$4 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
11971
11861
|
|
|
11972
11862
|
var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
|
|
11973
11863
|
var Footer = function Footer(_ref) {
|
|
@@ -11996,14 +11886,14 @@ var Footer = function Footer(_ref) {
|
|
|
11996
11886
|
"data-testid": "contact-newsletter"
|
|
11997
11887
|
}, /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(SocialLinks, {
|
|
11998
11888
|
items: rawSocialMediaLinks
|
|
11999
|
-
}), /*#__PURE__*/React__default.createElement(TextLinkWrapper$
|
|
11889
|
+
}), /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, {
|
|
12000
11890
|
href: contact.href,
|
|
12001
11891
|
"aria-label": contact.title,
|
|
12002
11892
|
tabIndex: isMobile ? 2 : 0
|
|
12003
11893
|
}, contact.title)), /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12004
11894
|
size: "large",
|
|
12005
11895
|
color: "white"
|
|
12006
|
-
}, newsletter.text), /*#__PURE__*/React__default.createElement(TextLinkWrapper$
|
|
11896
|
+
}, newsletter.text), /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, {
|
|
12007
11897
|
href: newsletter.link.href,
|
|
12008
11898
|
"data-roh": newsletter.link.dataRoh,
|
|
12009
11899
|
"aria-label": newsletter.link.title,
|
|
@@ -12025,14 +11915,14 @@ var Footer = function Footer(_ref) {
|
|
|
12025
11915
|
}, additionalInfo))));
|
|
12026
11916
|
};
|
|
12027
11917
|
|
|
12028
|
-
var _templateObject$
|
|
11918
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$T, _templateObject4$K, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12029
11919
|
var LIST_ITEM_GAP = 32;
|
|
12030
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11920
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
12031
11921
|
var bottomBorder = _ref.bottomBorder;
|
|
12032
11922
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
12033
11923
|
}, zIndexes.anchor, function (_ref2) {
|
|
12034
11924
|
var withShadow = _ref2.withShadow;
|
|
12035
|
-
return withShadow && styled.css(_templateObject2$
|
|
11925
|
+
return withShadow && styled.css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12036
11926
|
});
|
|
12037
11927
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12038
11928
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
@@ -12062,7 +11952,7 @@ var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_temp
|
|
|
12062
11952
|
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
12063
11953
|
});
|
|
12064
11954
|
|
|
12065
|
-
var _excluded$
|
|
11955
|
+
var _excluded$r = ["id", "text"];
|
|
12066
11956
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
12067
11957
|
var tabs = _ref.tabs,
|
|
12068
11958
|
onTabClick = _ref.onTabClick,
|
|
@@ -12273,7 +12163,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12273
12163
|
}, tabs.map(function (_ref4) {
|
|
12274
12164
|
var id = _ref4.id,
|
|
12275
12165
|
text = _ref4.text,
|
|
12276
|
-
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$
|
|
12166
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$r);
|
|
12277
12167
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
12278
12168
|
key: id
|
|
12279
12169
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
@@ -12306,12 +12196,12 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12306
12196
|
})))) : null))));
|
|
12307
12197
|
};
|
|
12308
12198
|
|
|
12309
|
-
var _templateObject$
|
|
12310
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12199
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$U, _templateObject4$L, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12200
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12311
12201
|
var sticky = _ref.sticky;
|
|
12312
12202
|
return sticky ? 'sticky' : 'initial';
|
|
12313
12203
|
}, zIndexes.anchor);
|
|
12314
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12204
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12315
12205
|
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
12316
12206
|
var title = _ref2.title;
|
|
12317
12207
|
return title ? 'row' : 'row-reverse';
|
|
@@ -12335,7 +12225,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
12335
12225
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12336
12226
|
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
|
|
12337
12227
|
|
|
12338
|
-
var _excluded$
|
|
12228
|
+
var _excluded$s = ["text"],
|
|
12339
12229
|
_excluded2$4 = ["text"];
|
|
12340
12230
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
12341
12231
|
var title = _ref.title,
|
|
@@ -12345,7 +12235,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12345
12235
|
message = _ref.message;
|
|
12346
12236
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
12347
12237
|
primaryButtonText = _ref2.text,
|
|
12348
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12238
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
|
|
12349
12239
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
12350
12240
|
secondaryButtonText = _ref3.text,
|
|
12351
12241
|
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
@@ -12366,9 +12256,9 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12366
12256
|
}, message))));
|
|
12367
12257
|
};
|
|
12368
12258
|
|
|
12369
|
-
var _templateObject$
|
|
12370
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12371
|
-
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$
|
|
12259
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$V, _templateObject4$M;
|
|
12260
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: var(--upsell-border-color);\n padding: 66px 74px 70px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding: 40px 0px;\n }\n }\n"])), devices.mobile);
|
|
12261
|
+
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n\n @media ", " {\n margin-left: 20px;\n margin-right: 20px;\n }\n }\n"])), devices.mobile);
|
|
12372
12262
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 60px;\n\n @media ", " {\n margin-bottom: 40px;\n margin-left: 20px;\n margin-right: 20px;\n }\n"])), devices.mobile);
|
|
12373
12263
|
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n margin: 35px 0 10px;\n\n @media ", " {\n margin-top: 24px;\n }\n }\n\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
12374
12264
|
|
|
@@ -12415,9 +12305,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12415
12305
|
})))));
|
|
12416
12306
|
};
|
|
12417
12307
|
|
|
12418
|
-
var _templateObject$
|
|
12419
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12420
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12308
|
+
var _templateObject$1u, _templateObject2$19;
|
|
12309
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12310
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
12421
12311
|
var bottomBorder = _ref.bottomBorder;
|
|
12422
12312
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12423
12313
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12448,13 +12338,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12448
12338
|
}, children)));
|
|
12449
12339
|
};
|
|
12450
12340
|
|
|
12451
|
-
var _templateObject$
|
|
12452
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12453
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12341
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$N;
|
|
12342
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
12343
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
12454
12344
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12455
12345
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
12456
12346
|
|
|
12457
|
-
var _excluded$
|
|
12347
|
+
var _excluded$t = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
12458
12348
|
var MAX_Z_INDEX = 9999999999;
|
|
12459
12349
|
if (Modal.defaultStyles.content) {
|
|
12460
12350
|
Modal.defaultStyles.content.position = 'static';
|
|
@@ -12528,9 +12418,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12528
12418
|
setIsOpen = _ref.setIsOpen,
|
|
12529
12419
|
children = _ref.children,
|
|
12530
12420
|
appElementId = _ref.appElementId,
|
|
12531
|
-
|
|
12532
|
-
closeButtonAriaLabel = _ref$closeButtonAriaL === void 0 ? 'Close modal window' : _ref$closeButtonAriaL,
|
|
12533
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
|
|
12421
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
|
|
12534
12422
|
var isMobile = useMobile();
|
|
12535
12423
|
var customStyles = {
|
|
12536
12424
|
overlay: {
|
|
@@ -12562,11 +12450,10 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12562
12450
|
columnSpanSmallDevice: 14
|
|
12563
12451
|
}, /*#__PURE__*/React__default.createElement(InnerModal, null, /*#__PURE__*/React__default.createElement(CloseButton, {
|
|
12564
12452
|
onClick: closeModalHandler,
|
|
12565
|
-
"aria-label":
|
|
12453
|
+
"aria-label": "Close modal window",
|
|
12566
12454
|
tabIndex: 0
|
|
12567
12455
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
12568
|
-
iconName: "Close"
|
|
12569
|
-
"aria-hidden": "true"
|
|
12456
|
+
iconName: "Close"
|
|
12570
12457
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$3, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
12571
12458
|
};
|
|
12572
12459
|
|
|
@@ -12659,15 +12546,15 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12659
12546
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12660
12547
|
};
|
|
12661
12548
|
|
|
12662
|
-
var _templateObject$
|
|
12663
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12549
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$X, _templateObject4$O, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12550
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n\n > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
12664
12551
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12665
12552
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n\n > div {\n height: " + imagesHeightDesktop + "px;\n }\n }\n }\n }";
|
|
12666
12553
|
}, devices.mobile, function (_ref2) {
|
|
12667
12554
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12668
12555
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12669
12556
|
});
|
|
12670
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12557
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12671
12558
|
var type = _ref3.type,
|
|
12672
12559
|
isActive = _ref3.isActive;
|
|
12673
12560
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n " + getCardSlideTabletStyles(type) + "\n }\n }\n }\n\n @media " + devices.mobile + " {\n && {\n .swipe-slide {\n " + getCardSlideMobileStyles(type) + "\n }\n }\n }\n ";
|
|
@@ -12951,9 +12838,9 @@ var Carousel = function Carousel(_ref) {
|
|
|
12951
12838
|
}, children))));
|
|
12952
12839
|
};
|
|
12953
12840
|
|
|
12954
|
-
var _templateObject$
|
|
12955
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12956
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12841
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$Y, _templateObject4$P, _templateObject5$F, _templateObject6$v, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
12842
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
12843
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12957
12844
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12958
12845
|
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12959
12846
|
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$F || (_templateObject5$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -12974,7 +12861,7 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject1
|
|
|
12974
12861
|
}, devices.mobile);
|
|
12975
12862
|
var ProgressContainer$1 = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n p {\n margin-bottom: 16px;\n }\n\n @media ", " {\n margin-top: 20px;\n\n p {\n margin-bottom: 12px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
12976
12863
|
|
|
12977
|
-
var _excluded$
|
|
12864
|
+
var _excluded$u = ["text"],
|
|
12978
12865
|
_excluded2$5 = ["text"];
|
|
12979
12866
|
var _buttonTypeToButton$2;
|
|
12980
12867
|
var buttonTypeToButton$2 = (_buttonTypeToButton$2 = {}, _buttonTypeToButton$2[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$2[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$2[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$2);
|
|
@@ -12985,7 +12872,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
12985
12872
|
var _ref2 = firstButton || {},
|
|
12986
12873
|
_ref2$text = _ref2.text,
|
|
12987
12874
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
12988
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12875
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$u);
|
|
12989
12876
|
var secondButton = links == null ? void 0 : links[1];
|
|
12990
12877
|
var _ref3 = secondButton || {},
|
|
12991
12878
|
_ref3$text = _ref3.text,
|
|
@@ -13228,11 +13115,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
13228
13115
|
})));
|
|
13229
13116
|
};
|
|
13230
13117
|
|
|
13231
|
-
var _excluded$
|
|
13118
|
+
var _excluded$v = ["logo", "slides"];
|
|
13232
13119
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
13233
13120
|
var logo = _ref.logo,
|
|
13234
13121
|
slides = _ref.slides,
|
|
13235
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13122
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
|
|
13236
13123
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13237
13124
|
var links = processSlideLinks(slide.links);
|
|
13238
13125
|
return _extends({}, slide, {
|
|
@@ -13249,10 +13136,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
13249
13136
|
})));
|
|
13250
13137
|
};
|
|
13251
13138
|
|
|
13252
|
-
var _excluded$
|
|
13139
|
+
var _excluded$w = ["slides"];
|
|
13253
13140
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
13254
13141
|
var slides = _ref.slides,
|
|
13255
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13142
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
13256
13143
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13257
13144
|
var links = processSlideLinks(slide.links);
|
|
13258
13145
|
return _extends({}, slide, {
|
|
@@ -13266,11 +13153,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
13266
13153
|
})));
|
|
13267
13154
|
};
|
|
13268
13155
|
|
|
13269
|
-
var _excluded$
|
|
13156
|
+
var _excluded$x = ["logo", "slides"];
|
|
13270
13157
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
13271
13158
|
var logo = _ref.logo,
|
|
13272
13159
|
slides = _ref.slides,
|
|
13273
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13160
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
13274
13161
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13275
13162
|
var links = processSlideLinks(slide.links);
|
|
13276
13163
|
return _extends({}, slide, {
|
|
@@ -13287,8 +13174,8 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13287
13174
|
})));
|
|
13288
13175
|
};
|
|
13289
13176
|
|
|
13290
|
-
var _templateObject$
|
|
13291
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13177
|
+
var _templateObject$1y, _templateObject3$Z;
|
|
13178
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13292
13179
|
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13293
13180
|
|
|
13294
13181
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
@@ -13884,8 +13771,8 @@ var Theme = function Theme(_ref) {
|
|
|
13884
13771
|
}, children);
|
|
13885
13772
|
};
|
|
13886
13773
|
|
|
13887
|
-
var _templateObject$
|
|
13888
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n\n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
13774
|
+
var _templateObject$1z;
|
|
13775
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n\n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
13889
13776
|
var theme = _ref.theme;
|
|
13890
13777
|
return theme.colors.primary;
|
|
13891
13778
|
}, function (_ref2) {
|
|
@@ -14858,7 +14745,6 @@ exports.ContentSummary = ContentSummary;
|
|
|
14858
14745
|
exports.ControlledDropdown = ControlledDropdown;
|
|
14859
14746
|
exports.CreditListing = CreditListing;
|
|
14860
14747
|
exports.CustomStrategyTabsFilter = CustomStrategyTabsFilter;
|
|
14861
|
-
exports.DisplayHeader = DisplayHeader;
|
|
14862
14748
|
exports.Dropdown = Dropdown;
|
|
14863
14749
|
exports.Editorial = Editorial;
|
|
14864
14750
|
exports.Footer = Footer;
|