@royaloperahouse/harmonic 1.0.7 → 1.0.8-b
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 +19 -3
- package/README.md +267 -43
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +1 -1
- package/dist/components/atoms/Buttons/Button.d.ts +1 -1
- package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts +1 -1
- package/dist/components/atoms/Buttons/Primary/PrimaryButton.style.d.ts +1 -1
- package/dist/components/atoms/Buttons/Secondary/SecondaryButton.style.d.ts +1 -1
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/18px/Expand.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/18px/Remove.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +3 -1
- package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +31 -27
- package/dist/components/molecules/CustomStrategyTabsFilter/styled.d.ts +1 -1
- package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +1 -1
- package/dist/components/molecules/PageHeading/Compact/Compact.style.d.ts +1 -1
- package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +0 -1
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.d.ts +4 -0
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.style.d.ts +3 -0
- package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
- package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
- package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +319 -0
- package/dist/harmonic.cjs.development.js +326 -203
- 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 +337 -212
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +1 -0
- package/dist/types/creditListing.d.ts +7 -6
- package/dist/types/types.d.ts +29 -6
- package/package.json +1 -1
- package/README.GIT +0 -293
|
@@ -208,6 +208,26 @@ 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
|
+
};
|
|
211
231
|
/* ~~~ Headers - size and hierarchy set separately ~~~ */
|
|
212
232
|
var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
213
233
|
var _ref3;
|
|
@@ -741,6 +761,40 @@ var Tick = (function (_ref) {
|
|
|
741
761
|
}));
|
|
742
762
|
});
|
|
743
763
|
|
|
764
|
+
var Expand18px = (function (_ref) {
|
|
765
|
+
var _ref$color = _ref.color,
|
|
766
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
767
|
+
ariaLabel = _ref.ariaLabel;
|
|
768
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
769
|
+
width: "18",
|
|
770
|
+
height: "18",
|
|
771
|
+
viewBox: "0 0 18 18",
|
|
772
|
+
fill: "none",
|
|
773
|
+
"aria-label": ariaLabel,
|
|
774
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
775
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
776
|
+
d: "M6.44531 6.08203V1.83203H5.94531V6.08203H1.69531V6.58203H5.94531V10.832H6.44531V6.58203H10.6953V6.08203H6.44531Z",
|
|
777
|
+
fill: color
|
|
778
|
+
}));
|
|
779
|
+
});
|
|
780
|
+
|
|
781
|
+
var Remove18px = (function (_ref) {
|
|
782
|
+
var _ref$color = _ref.color,
|
|
783
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
784
|
+
ariaLabel = _ref.ariaLabel;
|
|
785
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
786
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
787
|
+
width: "18",
|
|
788
|
+
height: "18",
|
|
789
|
+
viewBox: "0 0 18 18",
|
|
790
|
+
fill: "none",
|
|
791
|
+
"aria-label": ariaLabel
|
|
792
|
+
}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
|
|
793
|
+
d: "M7.75597 6.26964L11.6954 2.33019L10.6348 1.26953L6.69531 5.20898L2.75586 1.26953L1.6952 2.33019L5.63465 6.26964L1.63477 10.2695L2.69543 11.3302L6.69531 7.33031L10.6952 11.3302L11.7559 10.2695L7.75597 6.26964Z",
|
|
794
|
+
fill: color
|
|
795
|
+
})));
|
|
796
|
+
});
|
|
797
|
+
|
|
744
798
|
var AddToMyList = (function (_ref) {
|
|
745
799
|
var _ref$color = _ref.color,
|
|
746
800
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
@@ -2585,6 +2639,7 @@ var IconLibrary = {
|
|
|
2585
2639
|
Email: Email,
|
|
2586
2640
|
Expand: Expand,
|
|
2587
2641
|
Expand12px: Expand12px,
|
|
2642
|
+
Expand18px: Expand18px,
|
|
2588
2643
|
ExternalLink: ExternalLink,
|
|
2589
2644
|
Facebook: Facebook,
|
|
2590
2645
|
FamilyFriendly: FamilyFriendly,
|
|
@@ -2622,6 +2677,7 @@ var IconLibrary = {
|
|
|
2622
2677
|
Reminder: Reminder,
|
|
2623
2678
|
Remove: Remove,
|
|
2624
2679
|
Remove12px: Remove12px,
|
|
2680
|
+
Remove18px: Remove18px,
|
|
2625
2681
|
Restart: Restart,
|
|
2626
2682
|
Search: Search,
|
|
2627
2683
|
Seat: Seat,
|
|
@@ -2692,6 +2748,7 @@ var Tab = function Tab(_ref) {
|
|
|
2692
2748
|
className = _ref.className,
|
|
2693
2749
|
role = _ref.role,
|
|
2694
2750
|
ariaLabel = _ref.ariaLabel,
|
|
2751
|
+
tabLinkId = _ref.tabLinkId,
|
|
2695
2752
|
color = _ref.color,
|
|
2696
2753
|
dataTestId = _ref.dataTestId,
|
|
2697
2754
|
isOpen = _ref.isOpen;
|
|
@@ -2726,8 +2783,9 @@ var Tab = function Tab(_ref) {
|
|
|
2726
2783
|
className: className,
|
|
2727
2784
|
"data-testid": dataTestId
|
|
2728
2785
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
2729
|
-
|
|
2786
|
+
id: tabLinkId,
|
|
2730
2787
|
trimText: trimText,
|
|
2788
|
+
color: color,
|
|
2731
2789
|
withTextInMobile: withTextInMobile,
|
|
2732
2790
|
"aria-hidden": "true"
|
|
2733
2791
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2757,6 +2815,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2757
2815
|
className = _ref.className,
|
|
2758
2816
|
role = _ref.role,
|
|
2759
2817
|
ariaLabel = _ref.ariaLabel,
|
|
2818
|
+
tabLinkId = _ref.tabLinkId,
|
|
2760
2819
|
trimTabText = _ref.trimTabText;
|
|
2761
2820
|
var node = React.useRef();
|
|
2762
2821
|
var _useState = React.useState(false),
|
|
@@ -2853,6 +2912,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2853
2912
|
};
|
|
2854
2913
|
var renderTab = function renderTab() {
|
|
2855
2914
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
2915
|
+
tabLinkId: tabLinkId,
|
|
2856
2916
|
trimText: trimTabText,
|
|
2857
2917
|
title: title,
|
|
2858
2918
|
titleLink: titleLink,
|
|
@@ -2932,7 +2992,8 @@ var Account = function Account(_ref) {
|
|
|
2932
2992
|
iconName: iconName,
|
|
2933
2993
|
withOptionsInMobile: false,
|
|
2934
2994
|
withIcon: "left",
|
|
2935
|
-
className: className
|
|
2995
|
+
className: className,
|
|
2996
|
+
tabLinkId: "account-link"
|
|
2936
2997
|
});
|
|
2937
2998
|
};
|
|
2938
2999
|
|
|
@@ -5493,22 +5554,28 @@ var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject12 || (_te
|
|
|
5493
5554
|
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);
|
|
5494
5555
|
|
|
5495
5556
|
var _templateObject$B, _templateObject2$q, _templateObject3$f, _templateObject4$e, _templateObject5$a, _templateObject6$6, _templateObject7$4;
|
|
5496
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n border-top:
|
|
5497
|
-
var
|
|
5498
|
-
return
|
|
5557
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n border-top: ", ";\n border-bottom: ", ";\n"])), function (_ref) {
|
|
5558
|
+
var showTopLine = _ref.showTopLine;
|
|
5559
|
+
return showTopLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
5560
|
+
}, function (_ref2) {
|
|
5561
|
+
var showBottomLine = _ref2.showBottomLine;
|
|
5562
|
+
return showBottomLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
5499
5563
|
});
|
|
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 (
|
|
5501
|
-
var isVisible = _ref2.isVisible;
|
|
5502
|
-
return isVisible ? 1 : 0;
|
|
5503
|
-
}, function (_ref3) {
|
|
5564
|
+
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 (_ref3) {
|
|
5504
5565
|
var isVisible = _ref3.isVisible;
|
|
5566
|
+
return isVisible ? 1 : 0;
|
|
5567
|
+
}, function (_ref4) {
|
|
5568
|
+
var isVisible = _ref4.isVisible;
|
|
5505
5569
|
return isVisible ? 'auto' : 'none';
|
|
5506
5570
|
}, devices.mobile);
|
|
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 (
|
|
5508
|
-
var
|
|
5571
|
+
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 margin: ", ";\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 margin: 0;\n }\n"])), function (_ref5) {
|
|
5572
|
+
var titleMargin = _ref5.titleMargin;
|
|
5573
|
+
return titleMargin || '0';
|
|
5574
|
+
}, function (_ref6) {
|
|
5575
|
+
var hasChildren = _ref6.hasChildren;
|
|
5509
5576
|
return hasChildren ? 'pointer' : 'default';
|
|
5510
|
-
}, function (
|
|
5511
|
-
var hasChildren =
|
|
5577
|
+
}, function (_ref7) {
|
|
5578
|
+
var hasChildren = _ref7.hasChildren;
|
|
5512
5579
|
return hasChildren ? 'auto' : 'none';
|
|
5513
5580
|
}, devices.mobile);
|
|
5514
5581
|
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"])));
|
|
@@ -5517,14 +5584,14 @@ var ContentContainer = /*#__PURE__*/styled__default(ExtendedBodyCopyHarmonic).wi
|
|
|
5517
5584
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
5518
5585
|
return prop !== 'textHeight';
|
|
5519
5586
|
}
|
|
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 (
|
|
5521
|
-
var textHeight =
|
|
5587
|
+
})(_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 (_ref8) {
|
|
5588
|
+
var textHeight = _ref8.textHeight;
|
|
5522
5589
|
return textHeight;
|
|
5523
|
-
}, function (
|
|
5524
|
-
var textHeight =
|
|
5590
|
+
}, function (_ref9) {
|
|
5591
|
+
var textHeight = _ref9.textHeight;
|
|
5525
5592
|
return textHeight === '0px' ? 'hidden' : 'visible';
|
|
5526
|
-
}, function (
|
|
5527
|
-
var textHeight =
|
|
5593
|
+
}, function (_ref0) {
|
|
5594
|
+
var textHeight = _ref0.textHeight;
|
|
5528
5595
|
return textHeight === '0px' ? '0px' : '12px';
|
|
5529
5596
|
}, devices.mobile);
|
|
5530
5597
|
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
@@ -5546,14 +5613,19 @@ var Accordion = function Accordion(_ref) {
|
|
|
5546
5613
|
var _expandedStateIcon$ic, _collapsedStateIcon$i;
|
|
5547
5614
|
var _ref$title = _ref.title,
|
|
5548
5615
|
title = _ref$title === void 0 ? '' : _ref$title,
|
|
5549
|
-
_ref$
|
|
5550
|
-
|
|
5616
|
+
_ref$showTopLine = _ref.showTopLine,
|
|
5617
|
+
showTopLine = _ref$showTopLine === void 0 ? true : _ref$showTopLine,
|
|
5618
|
+
_ref$showBottomLine = _ref.showBottomLine,
|
|
5619
|
+
showBottomLine = _ref$showBottomLine === void 0 ? true : _ref$showBottomLine,
|
|
5551
5620
|
children = _ref.children,
|
|
5621
|
+
visibleStandfirst = _ref.visibleStandfirst,
|
|
5552
5622
|
_ref$initOpen = _ref.initOpen,
|
|
5553
5623
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
|
|
5554
5624
|
className = _ref.className,
|
|
5555
5625
|
expandedStateIcon = _ref.expandedStateIcon,
|
|
5556
|
-
collapsedStateIcon = _ref.collapsedStateIcon
|
|
5626
|
+
collapsedStateIcon = _ref.collapsedStateIcon,
|
|
5627
|
+
childrenContainerStyle = _ref.childrenContainerStyle,
|
|
5628
|
+
titleMargin = _ref.titleMargin;
|
|
5557
5629
|
var _useState = React.useState(initOpen),
|
|
5558
5630
|
openAccordion = _useState[0],
|
|
5559
5631
|
setOpenAccordion = _useState[1];
|
|
@@ -5664,6 +5736,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
5664
5736
|
var toggleAccordion = function toggleAccordion() {
|
|
5665
5737
|
if (React__default.Children.count(children) === 0) return;
|
|
5666
5738
|
if (openAccordion) {
|
|
5739
|
+
setIcon(collapsedStateIconData);
|
|
5667
5740
|
setOpenAccordion(false);
|
|
5668
5741
|
setTextHeight('0px');
|
|
5669
5742
|
setIcon(collapsedStateIconData);
|
|
@@ -5686,9 +5759,16 @@ var Accordion = function Accordion(_ref) {
|
|
|
5686
5759
|
toggleAccordion();
|
|
5687
5760
|
}
|
|
5688
5761
|
};
|
|
5762
|
+
var Standfirst = function Standfirst() {
|
|
5763
|
+
return visibleStandfirst ? (/*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
5764
|
+
style: childrenContainerStyle,
|
|
5765
|
+
isVisible: true
|
|
5766
|
+
}, visibleStandfirst))) : null;
|
|
5767
|
+
};
|
|
5689
5768
|
var contentContainerId = title + "-accordion-content";
|
|
5690
5769
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
5691
|
-
|
|
5770
|
+
showTopLine: showTopLine,
|
|
5771
|
+
showBottomLine: showBottomLine,
|
|
5692
5772
|
className: className
|
|
5693
5773
|
}, /*#__PURE__*/React__default.createElement(TitleContainer$1, {
|
|
5694
5774
|
onClick: toggleAccordion,
|
|
@@ -5698,8 +5778,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
5698
5778
|
"aria-label": title,
|
|
5699
5779
|
"aria-expanded": openAccordion,
|
|
5700
5780
|
"aria-controls": contentContainerId,
|
|
5701
|
-
hasChildren: !!children
|
|
5702
|
-
|
|
5781
|
+
hasChildren: !!children,
|
|
5782
|
+
titleMargin: titleMargin
|
|
5783
|
+
}, /*#__PURE__*/React__default.createElement(TitleText, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, Object.assign({}, icon))))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5703
5784
|
"data-testid": "richcontainer",
|
|
5704
5785
|
ref: content,
|
|
5705
5786
|
textHeight: textHeight,
|
|
@@ -5707,9 +5788,10 @@ var Accordion = function Accordion(_ref) {
|
|
|
5707
5788
|
"aria-live": openAccordion ? 'polite' : 'off',
|
|
5708
5789
|
tag: "div",
|
|
5709
5790
|
size: "large"
|
|
5710
|
-
}, childrenVisibility && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
5711
|
-
isVisible: childrenVisibility
|
|
5712
|
-
|
|
5791
|
+
}, childrenVisibility && (/*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
5792
|
+
isVisible: childrenVisibility,
|
|
5793
|
+
style: childrenContainerStyle
|
|
5794
|
+
}, children))));
|
|
5713
5795
|
};
|
|
5714
5796
|
|
|
5715
5797
|
var _templateObject$C;
|
|
@@ -5728,9 +5810,12 @@ var Accordions = function Accordions(_ref) {
|
|
|
5728
5810
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
5729
5811
|
key: accordion.title + "-" + index,
|
|
5730
5812
|
title: accordion.title,
|
|
5731
|
-
|
|
5813
|
+
showBottomLine: isLastAccordion(index),
|
|
5732
5814
|
expandedStateIcon: accordion.expandedStateIcon,
|
|
5733
|
-
collapsedStateIcon: accordion.collapsedStateIcon
|
|
5815
|
+
collapsedStateIcon: accordion.collapsedStateIcon,
|
|
5816
|
+
visibleStandfirst: accordion.visibleStandfirst,
|
|
5817
|
+
titleMargin: accordion.titleMargin,
|
|
5818
|
+
childrenContainerStyle: accordion.childrenContainerStyle
|
|
5734
5819
|
}, accordion.children);
|
|
5735
5820
|
}));
|
|
5736
5821
|
};
|
|
@@ -6016,14 +6101,9 @@ var BodyContent = function BodyContent(_ref2) {
|
|
|
6016
6101
|
_ref2$renderGridItem = _ref2.renderGridItem,
|
|
6017
6102
|
renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
|
|
6018
6103
|
var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
|
|
6019
|
-
var content = /*#__PURE__*/React__default.createElement(
|
|
6020
|
-
tag: "div",
|
|
6021
|
-
size: "large",
|
|
6022
|
-
"data-testid": "text-container",
|
|
6104
|
+
var content = /*#__PURE__*/React__default.createElement(BodyContentTextContainer, {
|
|
6023
6105
|
className: textContainerClassName,
|
|
6024
|
-
|
|
6025
|
-
__html: addTypographyClasses(text)
|
|
6026
|
-
}
|
|
6106
|
+
html: text
|
|
6027
6107
|
});
|
|
6028
6108
|
var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
6029
6109
|
columnStartDesktop: columnStartDesktop,
|
|
@@ -6057,7 +6137,7 @@ var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$G || (_temp
|
|
|
6057
6137
|
return isCardClickable ? 'pointer' : 'default';
|
|
6058
6138
|
}, function (_ref2) {
|
|
6059
6139
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
6060
|
-
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between
|
|
6140
|
+
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n " : '';
|
|
6061
6141
|
});
|
|
6062
6142
|
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n background-color: var(--button-bg-color);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
6063
6143
|
var lineColor = _ref3.lineColor;
|
|
@@ -6090,7 +6170,7 @@ var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject1$1
|
|
|
6090
6170
|
var fullWidth = _ref9.fullWidth;
|
|
6091
6171
|
return fullWidth ? '0' : '20px';
|
|
6092
6172
|
});
|
|
6093
|
-
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 26px;\n padding: 0 8px;\n background-color: ", ";\n"])), function (_ref0) {
|
|
6173
|
+
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 26px;\n padding: 0 8px;\n background-color: ", ";\n && p {\n text-transform: var(--text-transform-body);\n }\n"])), function (_ref0) {
|
|
6094
6174
|
var bgColor = _ref0.bgColor;
|
|
6095
6175
|
return bgColor ? "var(--color-base-" + bgColor + ")" : 'var(--color-primary-background)';
|
|
6096
6176
|
});
|
|
@@ -7008,8 +7088,6 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7008
7088
|
key: personSelectionId,
|
|
7009
7089
|
"aria-selected": isSelected,
|
|
7010
7090
|
"aria-label": ariaLabel != null ? ariaLabel : name,
|
|
7011
|
-
"aria-posinset": index + 1,
|
|
7012
|
-
"aria-setsize": cast.length,
|
|
7013
7091
|
role: "option",
|
|
7014
7092
|
tabIndex: 0,
|
|
7015
7093
|
onClick: function onClick() {
|
|
@@ -7364,10 +7442,12 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
7364
7442
|
var _templateObject$P, _templateObject2$C, _templateObject3$p;
|
|
7365
7443
|
var ScrollContainer = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n @media ", " {\n overflow-x: visible;\n }\n"])), devices.mobile);
|
|
7366
7444
|
var TabsContainerWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n\n @media ", " {\n width: 100%;\n min-width: 0;\n flex-wrap: wrap;\n justify-content: flex-start;\n gap: 10px;\n }\n"])), devices.mobile);
|
|
7367
|
-
var StyledTab = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n :hover {\n color: var(--color-base-white);\n }\n\n @media ", " {\n width: auto !important;\n min-width: fit-content;\n flex: 0 0 auto;\n }\n"])), devices.mobile);
|
|
7445
|
+
var StyledTab = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n &:focus-visible {\n outline: 2px solid var(--color-base-black);\n outline-offset: 2px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: var(--color-base-white);\n }\n }\n\n @media ", " {\n width: auto !important;\n min-width: fit-content;\n flex: 0 0 auto;\n }\n"])), devices.mobile);
|
|
7368
7446
|
|
|
7369
|
-
var _excluded$j = ["text", "id", "isSelected"];
|
|
7447
|
+
var _excluded$j = ["text", "id", "isSelected", "allowedSelectedWith"];
|
|
7370
7448
|
/**
|
|
7449
|
+
* A controlled filter button group that supports single- and multi-select strategies.
|
|
7450
|
+
* The consumer owns the selection state and receives the complete clicked item.
|
|
7371
7451
|
* A horizontally scrollable tabs filter component used to display
|
|
7372
7452
|
* selectable strategy tabs with configurable styling and selection behavior.
|
|
7373
7453
|
*
|
|
@@ -7404,42 +7484,50 @@ var _excluded$j = ["text", "id", "isSelected"];
|
|
|
7404
7484
|
*
|
|
7405
7485
|
* @returns { React.JSX.Element}
|
|
7406
7486
|
*
|
|
7407
|
-
* @example
|
|
7408
|
-
* The component does not manage selection itself. The parent owns `items` (including
|
|
7409
|
-
* `isSelected`) and updates that state in `onClick`. Use `allowedSelectedWith` on each
|
|
7410
|
-
* item to describe which other tab IDs may stay selected when that tab is chosen.
|
|
7411
|
-
*
|
|
7487
|
+
* @example
|
|
7412
7488
|
* ```tsx
|
|
7413
|
-
*
|
|
7414
|
-
*
|
|
7415
|
-
*
|
|
7416
|
-
*
|
|
7417
|
-
*
|
|
7418
|
-
*
|
|
7419
|
-
*
|
|
7420
|
-
*
|
|
7421
|
-
*
|
|
7422
|
-
*
|
|
7423
|
-
*
|
|
7424
|
-
*
|
|
7425
|
-
*
|
|
7426
|
-
*
|
|
7427
|
-
*
|
|
7428
|
-
*
|
|
7429
|
-
*
|
|
7430
|
-
*
|
|
7431
|
-
*
|
|
7432
|
-
*
|
|
7489
|
+
* * @example Controlled selection with custom rules
|
|
7490
|
+
* * The component does not manage selection itself. The parent owns `items` (including
|
|
7491
|
+
* * `isSelected`) and updates that state in `onClick`. Use `allowedSelectedWith` on each
|
|
7492
|
+
* * item to describe which other tab IDs may stay selected when that tab is chosen.
|
|
7493
|
+
* *
|
|
7494
|
+
* * ```tsx
|
|
7495
|
+
* * const [items, setItems] = useState<TCustomStrategyTabsFilterItem[]>([
|
|
7496
|
+
* * { id: 'all', text: 'All events', isSelected: true, allowedSelectedWith: [] },
|
|
7497
|
+
* * { id: 'opera', text: 'Opera', isSelected: false, allowedSelectedWith: ['ballet'] },
|
|
7498
|
+
* * { id: 'ballet', text: 'Ballet', isSelected: false, allowedSelectedWith: ['opera'] },
|
|
7499
|
+
* * ]);
|
|
7500
|
+
* *
|
|
7501
|
+
* * const handleClick = (clickedItem: TCustomStrategyTabsFilterItem) => {
|
|
7502
|
+
* * setItems((current) =>
|
|
7503
|
+
* * current.map((item) => {
|
|
7504
|
+
* * if (item.id === clickedItem.id) {
|
|
7505
|
+
* * return { ...item, isSelected: !item.isSelected };
|
|
7506
|
+
* * }
|
|
7507
|
+
* *
|
|
7508
|
+
* * const mayStaySelected = clickedItem.allowedSelectedWith?.includes(item.id);
|
|
7509
|
+
* * return { ...item, isSelected: mayStaySelected ? !item.isSelected : false };
|
|
7510
|
+
* * })
|
|
7511
|
+
* * );
|
|
7512
|
+
* * };
|
|
7513
|
+
* *
|
|
7514
|
+
* * return <CustomStrategyTabsFilter items={items} onClick={handleClick} />;
|
|
7433
7515
|
*/
|
|
7434
7516
|
var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
7435
7517
|
var _customViewConfig$bac, _customViewConfig$bac2, _customViewConfig$tex, _customViewConfig$tex2;
|
|
7436
7518
|
var items = _ref.items,
|
|
7437
7519
|
className = _ref.className,
|
|
7520
|
+
ariaLabel = _ref.ariaLabel,
|
|
7438
7521
|
onClick = _ref.onClick,
|
|
7439
7522
|
customViewConfig = _ref.customViewConfig;
|
|
7440
7523
|
var handleClick = React__default.useCallback(function (item) {
|
|
7441
7524
|
onClick(item);
|
|
7442
7525
|
}, [onClick]);
|
|
7526
|
+
var handleKeyDown = React__default.useCallback(function (event, item) {
|
|
7527
|
+
if (event.key !== ' ' && event.key !== 'Spacebar') return;
|
|
7528
|
+
event.preventDefault();
|
|
7529
|
+
if (!event.repeat) handleClick(item);
|
|
7530
|
+
}, [handleClick]);
|
|
7443
7531
|
// in case of any partially passed configuration, config defaults non defined
|
|
7444
7532
|
var config = {
|
|
7445
7533
|
selectIcon: (customViewConfig == null ? void 0 : customViewConfig.selectIcon) || 'Confirm',
|
|
@@ -7455,7 +7543,9 @@ var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
|
7455
7543
|
pressedColor: (customViewConfig == null ? void 0 : customViewConfig.pressedColor) || 'black-pressed'
|
|
7456
7544
|
};
|
|
7457
7545
|
return /*#__PURE__*/React__default.createElement(ScrollContainer, {
|
|
7458
|
-
|
|
7546
|
+
"aria-label": ariaLabel,
|
|
7547
|
+
className: className,
|
|
7548
|
+
role: "group"
|
|
7459
7549
|
}, /*#__PURE__*/React__default.createElement(TabsContainerWrapper, null, items.map(function (item) {
|
|
7460
7550
|
var text = item.text,
|
|
7461
7551
|
id = item.id,
|
|
@@ -7466,6 +7556,9 @@ var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
|
7466
7556
|
onClick: function onClick() {
|
|
7467
7557
|
return handleClick(item);
|
|
7468
7558
|
},
|
|
7559
|
+
onKeyDown: function onKeyDown(event) {
|
|
7560
|
+
return handleKeyDown(event, item);
|
|
7561
|
+
},
|
|
7469
7562
|
iconName: isSelected ? config.selectIcon : undefined,
|
|
7470
7563
|
backgroundColor: isSelected ? config.backgroundColor.select : config.backgroundColor.unselect,
|
|
7471
7564
|
textColor: isSelected ? config.textColor.select : config.textColor.unselect,
|
|
@@ -8969,14 +9062,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8969
9062
|
}));
|
|
8970
9063
|
};
|
|
8971
9064
|
|
|
8972
|
-
var _templateObject$11, _templateObject2$P, _templateObject3$A
|
|
9065
|
+
var _templateObject$11, _templateObject2$P, _templateObject3$A;
|
|
8973
9066
|
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8974
9067
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
8975
9068
|
var columnCount = _ref.columnCount;
|
|
8976
9069
|
return "repeat(" + columnCount + ", 1fr)";
|
|
8977
9070
|
}, devices.mobile, devices.tablet);
|
|
8978
|
-
var
|
|
8979
|
-
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"])));
|
|
9071
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8980
9072
|
|
|
8981
9073
|
// Get the total character length of a property in an array of objects
|
|
8982
9074
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9024,7 +9116,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9024
9116
|
_ref$largeColumnSpan = _ref.largeColumnSpan,
|
|
9025
9117
|
largeColumnSpan = _ref$largeColumnSpan === void 0 ? DEFAULT_LARGE_COLUMN_SPAN : _ref$largeColumnSpan,
|
|
9026
9118
|
_ref$characterThresho = _ref.characterThreshold,
|
|
9027
|
-
characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho
|
|
9119
|
+
characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho,
|
|
9120
|
+
className = _ref.className;
|
|
9028
9121
|
var creditEntries = [];
|
|
9029
9122
|
var nextColumnStart = 1;
|
|
9030
9123
|
roles.forEach(function (_ref2, index) {
|
|
@@ -9065,20 +9158,21 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9065
9158
|
columnSpanSmallDevice: 1,
|
|
9066
9159
|
key: "credit-entry-" + name + "-" + index,
|
|
9067
9160
|
"data-testid": "credit-entry"
|
|
9068
|
-
}, /*#__PURE__*/React__default.createElement(TextWrapper$1,
|
|
9161
|
+
}, /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
9162
|
+
className: className
|
|
9163
|
+
}, /*#__PURE__*/React__default.createElement(RoleWrapper, {
|
|
9069
9164
|
title: "role",
|
|
9070
9165
|
"data-roh": dataROH
|
|
9071
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9072
|
-
|
|
9073
|
-
|
|
9074
|
-
}, name)), description && (/*#__PURE__*/React__default.createElement(
|
|
9075
|
-
|
|
9076
|
-
|
|
9077
|
-
}, description))
|
|
9078
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9166
|
+
}, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
9167
|
+
size: "small",
|
|
9168
|
+
color: "grey"
|
|
9169
|
+
}, name)), description && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9170
|
+
size: "small",
|
|
9171
|
+
color: "grey"
|
|
9172
|
+
}, description)), personArrays.map(function (personArray, arrayIndex) {
|
|
9173
|
+
return /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9079
9174
|
key: "personArray" + arrayIndex,
|
|
9080
|
-
|
|
9081
|
-
tag: "p"
|
|
9175
|
+
size: "medium"
|
|
9082
9176
|
}, personArray.map(function (person, personIndex) {
|
|
9083
9177
|
return /*#__PURE__*/React__default.createElement(Person, {
|
|
9084
9178
|
key: "" + person.name + personIndex,
|
|
@@ -9086,17 +9180,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9086
9180
|
withSeparator: personArray.length !== personIndex + 1
|
|
9087
9181
|
});
|
|
9088
9182
|
}));
|
|
9089
|
-
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
9090
|
-
|
|
9091
|
-
|
|
9092
|
-
|
|
9093
|
-
level: 1,
|
|
9094
|
-
tag: "p",
|
|
9183
|
+
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9184
|
+
size: "medium"
|
|
9185
|
+
}, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9186
|
+
size: "small",
|
|
9095
9187
|
key: "music-" + musicTitle + "-text"
|
|
9096
|
-
}, concatenateMusicTitle(musicTitle, index))), additionalInfo &&
|
|
9097
|
-
|
|
9098
|
-
|
|
9099
|
-
}, additionalInfo)))));
|
|
9188
|
+
}, concatenateMusicTitle(musicTitle, index))), additionalInfo && /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9189
|
+
size: "medium"
|
|
9190
|
+
}, additionalInfo))));
|
|
9100
9191
|
});
|
|
9101
9192
|
return /*#__PURE__*/React__default.createElement(CreditListingWrapper, {
|
|
9102
9193
|
columnCount: columnCount
|
|
@@ -9122,7 +9213,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9122
9213
|
}));
|
|
9123
9214
|
};
|
|
9124
9215
|
|
|
9125
|
-
var _templateObject$13, _templateObject3$B, _templateObject4$
|
|
9216
|
+
var _templateObject$13, _templateObject3$B, _templateObject4$v, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9126
9217
|
var LENGTH_TEXT = 28;
|
|
9127
9218
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9128
9219
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9163,7 +9254,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$B ||
|
|
|
9163
9254
|
}
|
|
9164
9255
|
return '';
|
|
9165
9256
|
});
|
|
9166
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9257
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
9167
9258
|
var marginBottom = _ref7.marginBottom;
|
|
9168
9259
|
return marginBottom + "px";
|
|
9169
9260
|
}, function (_ref8) {
|
|
@@ -9203,7 +9294,7 @@ var _excluded$m = ["text"],
|
|
|
9203
9294
|
_excluded3$1 = ["text"];
|
|
9204
9295
|
var _buttonTypeToButton$1;
|
|
9205
9296
|
var LENGTH_TEXT$1 = 28;
|
|
9206
|
-
var LENGTH_TEXT_PARAGRAPH =
|
|
9297
|
+
var LENGTH_TEXT_PARAGRAPH = 185;
|
|
9207
9298
|
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);
|
|
9208
9299
|
var PromoWithTags = function PromoWithTags(_ref) {
|
|
9209
9300
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -9394,7 +9485,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9394
9485
|
}))));
|
|
9395
9486
|
};
|
|
9396
9487
|
|
|
9397
|
-
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$
|
|
9488
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$w, _templateObject5$r, _templateObject6$k, _templateObject7$g;
|
|
9398
9489
|
var LENGTH_TEXT$2 = 28;
|
|
9399
9490
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9400
9491
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -9412,7 +9503,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
9412
9503
|
var imageToLeft = _ref4.imageToLeft;
|
|
9413
9504
|
return imageToLeft ? 'right' : 'left';
|
|
9414
9505
|
}, devices.mobile);
|
|
9415
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$
|
|
9506
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9416
9507
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9417
9508
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9418
9509
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
@@ -9986,7 +10077,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9986
10077
|
}, description)))));
|
|
9987
10078
|
};
|
|
9988
10079
|
|
|
9989
|
-
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$
|
|
10080
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$x;
|
|
9990
10081
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9991
10082
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n\n .harmonic-select__control--is-focused {\n border-color: var(--color-base-dark-grey);\n box-shadow: ", ";\n }\n\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--color-primary-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n\n @media ", " {\n font-size: 17px;\n }\n }\n\n .harmonic-select__placeholder {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__single-value {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--color-base-light-grey);\n background: var(--color-base-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--color-base-dark-grey);\n }\n }\n\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--color-base-mid-grey);\n }\n\n .harmonic-select__menu-list {\n padding: 10px 0;\n }\n\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-primary-black);\n\n @media ", " {\n font-size: 17px;\n }\n\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--color-base-light-grey);\n }\n }\n\n .harmonic-select__option--is-selected {\n color: var(--color-primary-black);\n background: none;\n }\n\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n color: var(--color-primary-black);\n }\n\n .harmonic-select__menu-notice {\n color: var(--color-primary-black);\n padding: 20px 20px;\n text-align: left;\n }\n\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9992
10083
|
var width = _ref.width;
|
|
@@ -10010,7 +10101,7 @@ var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templ
|
|
|
10010
10101
|
if (darkMode) return "var(--color-base-white)";
|
|
10011
10102
|
return "var(--color-primary-black)";
|
|
10012
10103
|
}, devices.mobile);
|
|
10013
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10104
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10014
10105
|
var darkMode = _ref6.darkMode;
|
|
10015
10106
|
if (darkMode) return "var(--color-base-white)";
|
|
10016
10107
|
return "var(--color-state-error)";
|
|
@@ -10129,7 +10220,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10129
10220
|
})));
|
|
10130
10221
|
};
|
|
10131
10222
|
|
|
10132
|
-
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$
|
|
10223
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$y;
|
|
10133
10224
|
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10134
10225
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
10135
10226
|
if (props.showMenu) {
|
|
@@ -10138,7 +10229,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$W || (_te
|
|
|
10138
10229
|
return "display: none;";
|
|
10139
10230
|
});
|
|
10140
10231
|
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n color: var(--color-primary-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--color-primary-red);\n }\n }\n\n && svg path {\n fill: var(--color-primary-black);\n }\n\n :hover {\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10141
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10232
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10142
10233
|
|
|
10143
10234
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
10144
10235
|
var Tabs = function Tabs(_ref) {
|
|
@@ -10264,10 +10355,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
10264
10355
|
}, "Menu"))))));
|
|
10265
10356
|
};
|
|
10266
10357
|
|
|
10267
|
-
var _templateObject$1d, _templateObject3$J, _templateObject4$
|
|
10358
|
+
var _templateObject$1d, _templateObject3$J, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10268
10359
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10269
10360
|
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-color);\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10270
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10361
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
10271
10362
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10272
10363
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
10273
10364
|
}, function (_ref2) {
|
|
@@ -10278,7 +10369,7 @@ var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_
|
|
|
10278
10369
|
var singleChild = _ref3.singleChild;
|
|
10279
10370
|
return singleChild ? '0' : '10px';
|
|
10280
10371
|
});
|
|
10281
|
-
var DescriptionWrapper
|
|
10372
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10282
10373
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
10283
10374
|
var LineThrough = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
|
|
10284
10375
|
var VisuallyHidden = /*#__PURE__*/styled__default.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n"])));
|
|
@@ -10300,7 +10391,7 @@ var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
|
|
|
10300
10391
|
var OfferText = function OfferText(_ref) {
|
|
10301
10392
|
var title = _ref.title,
|
|
10302
10393
|
description = _ref.description;
|
|
10303
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper
|
|
10394
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper, {
|
|
10304
10395
|
tag: "div",
|
|
10305
10396
|
size: "large",
|
|
10306
10397
|
dangerouslySetInnerHTML: {
|
|
@@ -10417,11 +10508,11 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10417
10508
|
}, caption))));
|
|
10418
10509
|
};
|
|
10419
10510
|
|
|
10420
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$
|
|
10511
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$A, _templateObject5$u, _templateObject6$n;
|
|
10421
10512
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10422
10513
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10423
10514
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10424
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10515
|
+
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10425
10516
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10426
10517
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
10427
10518
|
|
|
@@ -10502,18 +10593,47 @@ var NavTop = function NavTop(_ref) {
|
|
|
10502
10593
|
}));
|
|
10503
10594
|
};
|
|
10504
10595
|
|
|
10505
|
-
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$
|
|
10506
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3
|
|
10507
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top:
|
|
10508
|
-
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) {
|
|
10596
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$B, _templateObject5$v;
|
|
10597
|
+
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\n p {\n font-size: 17px !important;\n }\n"])));
|
|
10598
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 12px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10599
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n margin-bottom: 12px;\n p {\n font-size: 17px !important;\n }\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10509
10600
|
var isVisible = _ref.isVisible;
|
|
10510
10601
|
return isVisible ? 'visible' : 'hidden';
|
|
10511
10602
|
});
|
|
10512
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10603
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n line-height: 24px;\n font-size: 17px;\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10513
10604
|
var isVisible = _ref2.isVisible;
|
|
10514
10605
|
return isVisible ? 'visible' : 'hidden';
|
|
10515
10606
|
});
|
|
10516
|
-
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-
|
|
10607
|
+
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-sans);\n\n & h1 {\n font-family: var(--font-family-sans);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-family: var(--font-family-sans);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em,\n i {\n font-style: italic;\n }\n\n & strong,\n b {\n font-weight: 500;\n letter-spacing: -0.5px;\n }\n\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10608
|
+
|
|
10609
|
+
var _templateObject$1i, _templateObject2$_;
|
|
10610
|
+
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) {
|
|
10611
|
+
var color = _ref.color;
|
|
10612
|
+
return color;
|
|
10613
|
+
});
|
|
10614
|
+
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"])));
|
|
10615
|
+
|
|
10616
|
+
var _excluded$r = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];
|
|
10617
|
+
var ReadMoreTextLink = function ReadMoreTextLink(_ref) {
|
|
10618
|
+
var children = _ref.children,
|
|
10619
|
+
iconName = _ref.iconName,
|
|
10620
|
+
iconDirection = _ref.iconDirection,
|
|
10621
|
+
textColor = _ref.textColor,
|
|
10622
|
+
_ref$disableTruncatio = _ref.disableTruncation,
|
|
10623
|
+
disableTruncation = _ref$disableTruncatio === void 0 ? false : _ref$disableTruncatio,
|
|
10624
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
|
|
10625
|
+
var truncatedString = disableTruncation ? children : children.substring(0, 30);
|
|
10626
|
+
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, Object.assign({
|
|
10627
|
+
color: textColor,
|
|
10628
|
+
iconName: iconName
|
|
10629
|
+
}, rest), truncatedString, iconName ? (/*#__PURE__*/React__default.createElement(TextLinkIconWrapper$1, {
|
|
10630
|
+
"data-testid": "text-link-icon"
|
|
10631
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10632
|
+
iconName: iconName,
|
|
10633
|
+
direction: iconDirection,
|
|
10634
|
+
color: textColor
|
|
10635
|
+
}))) : null);
|
|
10636
|
+
};
|
|
10517
10637
|
|
|
10518
10638
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10519
10639
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10532,7 +10652,8 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10532
10652
|
hideText = _ref.hideText,
|
|
10533
10653
|
characterLimit = _ref.characterLimit,
|
|
10534
10654
|
_ref$truncate = _ref.truncate,
|
|
10535
|
-
truncate = _ref$truncate === void 0 ? true : _ref$truncate
|
|
10655
|
+
truncate = _ref$truncate === void 0 ? true : _ref$truncate,
|
|
10656
|
+
className = _ref.className;
|
|
10536
10657
|
var _useState = React.useState(initOpen),
|
|
10537
10658
|
isFullTextOpen = _useState[0],
|
|
10538
10659
|
setIsFullTextOpen = _useState[1];
|
|
@@ -10569,14 +10690,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10569
10690
|
var contentContainerId = title + "-read-more-content";
|
|
10570
10691
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
10571
10692
|
tabIndex: 0,
|
|
10572
|
-
onKeyDown: handleKeyDown
|
|
10693
|
+
onKeyDown: handleKeyDown,
|
|
10694
|
+
className: className,
|
|
10695
|
+
showTopLine: false
|
|
10573
10696
|
}, /*#__PURE__*/React__default.createElement(ReadMoreContainer, {
|
|
10574
10697
|
"aria-label": title,
|
|
10575
10698
|
"aria-expanded": isFullTextOpen,
|
|
10576
10699
|
"aria-controls": contentContainerId
|
|
10577
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10578
|
-
|
|
10579
|
-
semanticLevel: 3
|
|
10700
|
+
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
10701
|
+
size: "small"
|
|
10580
10702
|
}, title)), !isFullTextOpen && /*#__PURE__*/React__default.createElement(IntroText, null), /*#__PURE__*/React__default.createElement(ContentContainer$5, {
|
|
10581
10703
|
"data-testid": "richcontainer",
|
|
10582
10704
|
ref: readMoreContent,
|
|
@@ -10587,18 +10709,18 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10587
10709
|
}
|
|
10588
10710
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
10589
10711
|
isVisible: isFullTextOpen
|
|
10590
|
-
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && (/*#__PURE__*/React__default.createElement(
|
|
10712
|
+
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && (/*#__PURE__*/React__default.createElement(ReadMoreTextLink, {
|
|
10591
10713
|
tabIndex: 0,
|
|
10592
10714
|
role: "button",
|
|
10593
10715
|
onClick: toggleFullText
|
|
10594
10716
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10595
10717
|
};
|
|
10596
10718
|
|
|
10597
|
-
var _templateObject$
|
|
10598
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10599
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2
|
|
10719
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$N, _templateObject4$C, _templateObject5$w;
|
|
10720
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10721
|
+
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);
|
|
10600
10722
|
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);
|
|
10601
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
10723
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__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) {
|
|
10602
10724
|
var isActive = _ref.isActive;
|
|
10603
10725
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10604
10726
|
}, exports.Colors.MidGrey);
|
|
@@ -10758,14 +10880,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10758
10880
|
});
|
|
10759
10881
|
};
|
|
10760
10882
|
|
|
10761
|
-
var _templateObject$
|
|
10762
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10763
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10883
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$O, _templateObject4$D, _templateObject5$x, _templateObject6$o;
|
|
10884
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10885
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10764
10886
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10765
10887
|
var color = _ref.color;
|
|
10766
10888
|
return "var(--base-color-" + color + ")";
|
|
10767
10889
|
});
|
|
10768
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10890
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10769
10891
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10770
10892
|
var color = _ref2.color;
|
|
10771
10893
|
return "var(--base-color-" + color + ")";
|
|
@@ -10852,11 +10974,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10852
10974
|
}, strengthLabel))));
|
|
10853
10975
|
};
|
|
10854
10976
|
|
|
10855
|
-
var _templateObject$
|
|
10856
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10857
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10977
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$E, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10978
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10979
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10858
10980
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10859
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
10981
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$E || (_templateObject4$E = /*#__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) {
|
|
10860
10982
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10861
10983
|
}, devices.tablet, devices.mobile);
|
|
10862
10984
|
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
@@ -11067,17 +11189,17 @@ var Table = function Table(_ref) {
|
|
|
11067
11189
|
}))));
|
|
11068
11190
|
};
|
|
11069
11191
|
|
|
11070
|
-
var _templateObject$
|
|
11071
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11192
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$F, _templateObject5$z, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11193
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11072
11194
|
var theme = _ref.theme;
|
|
11073
11195
|
return "var(--color-" + theme + ")";
|
|
11074
11196
|
}, function (_ref2) {
|
|
11075
11197
|
var theme = _ref2.theme;
|
|
11076
11198
|
return "var(--color-" + theme + ")";
|
|
11077
11199
|
});
|
|
11078
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11200
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11079
11201
|
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);
|
|
11080
|
-
var Error = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11202
|
+
var Error = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11081
11203
|
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);
|
|
11082
11204
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
11083
11205
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
@@ -11494,12 +11616,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11494
11616
|
}))))));
|
|
11495
11617
|
};
|
|
11496
11618
|
|
|
11497
|
-
var _templateObject$
|
|
11498
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11619
|
+
var _templateObject$1n, _templateObject2$13, _templateObject4$G, _templateObject5$A;
|
|
11620
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1n || (_templateObject$1n = /*#__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) {
|
|
11499
11621
|
var withShadow = _ref.withShadow;
|
|
11500
|
-
return withShadow && styled.css(_templateObject2$
|
|
11622
|
+
return withShadow && styled.css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11501
11623
|
}, devices.mobile);
|
|
11502
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
11624
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__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);
|
|
11503
11625
|
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"])));
|
|
11504
11626
|
|
|
11505
11627
|
var defaultGrid = {
|
|
@@ -11558,12 +11680,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11558
11680
|
return null;
|
|
11559
11681
|
};
|
|
11560
11682
|
|
|
11561
|
-
var _templateObject$
|
|
11562
|
-
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$
|
|
11683
|
+
var _templateObject$1o, _templateObject2$14;
|
|
11684
|
+
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$1o || (_templateObject$1o = /*#__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) {
|
|
11563
11685
|
var hide = _ref.hide;
|
|
11564
11686
|
return hide && "display: none;";
|
|
11565
11687
|
}, devices.mobileAndTablet);
|
|
11566
|
-
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11688
|
+
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__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);
|
|
11567
11689
|
|
|
11568
11690
|
/**
|
|
11569
11691
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11655,20 +11777,20 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11655
11777
|
}));
|
|
11656
11778
|
};
|
|
11657
11779
|
|
|
11658
|
-
var _templateObject$
|
|
11780
|
+
var _templateObject$1p, _templateObject2$15, _templateObject3$R, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11659
11781
|
var color = 'primary-black';
|
|
11660
11782
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
11661
11783
|
borderColor: color,
|
|
11662
11784
|
hoveredColor: color,
|
|
11663
11785
|
pressedColor: color,
|
|
11664
11786
|
textColor: color
|
|
11665
|
-
})(_templateObject$
|
|
11666
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11787
|
+
})(_templateObject$1p || (_templateObject$1p = /*#__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);
|
|
11788
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__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);
|
|
11667
11789
|
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);
|
|
11668
11790
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
11669
11791
|
serif: true,
|
|
11670
11792
|
size: 'medium'
|
|
11671
|
-
})(_templateObject4$
|
|
11793
|
+
})(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
11672
11794
|
var Intro = /*#__PURE__*/styled__default(HarmonicSubtitle).attrs({
|
|
11673
11795
|
size: 'large'
|
|
11674
11796
|
})(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -11702,8 +11824,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
11702
11824
|
}, "Sign in"))));
|
|
11703
11825
|
};
|
|
11704
11826
|
|
|
11705
|
-
var _templateObject$
|
|
11706
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11827
|
+
var _templateObject$1q;
|
|
11828
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__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);
|
|
11707
11829
|
|
|
11708
11830
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11709
11831
|
var upsellCards = _ref.upsellCards,
|
|
@@ -11894,14 +12016,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
11894
12016
|
})))))));
|
|
11895
12017
|
};
|
|
11896
12018
|
|
|
11897
|
-
var _templateObject$
|
|
11898
|
-
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11899
|
-
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
12019
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$S, _templateObject4$I, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
12020
|
+
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1r || (_templateObject$1r = /*#__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);
|
|
12021
|
+
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$16 || (_templateObject2$16 = /*#__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);
|
|
11900
12022
|
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);
|
|
11901
|
-
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12023
|
+
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11902
12024
|
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);
|
|
11903
12025
|
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);
|
|
11904
|
-
var TextLinkWrapper$
|
|
12026
|
+
var TextLinkWrapper$5 = /*#__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"])));
|
|
11905
12027
|
|
|
11906
12028
|
var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
|
|
11907
12029
|
var Footer = function Footer(_ref) {
|
|
@@ -11930,14 +12052,14 @@ var Footer = function Footer(_ref) {
|
|
|
11930
12052
|
"data-testid": "contact-newsletter"
|
|
11931
12053
|
}, /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(SocialLinks, {
|
|
11932
12054
|
items: rawSocialMediaLinks
|
|
11933
|
-
}), /*#__PURE__*/React__default.createElement(TextLinkWrapper$
|
|
12055
|
+
}), /*#__PURE__*/React__default.createElement(TextLinkWrapper$5, {
|
|
11934
12056
|
href: contact.href,
|
|
11935
12057
|
"aria-label": contact.title,
|
|
11936
12058
|
tabIndex: isMobile ? 2 : 0
|
|
11937
12059
|
}, contact.title)), /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
11938
12060
|
size: "large",
|
|
11939
12061
|
color: "white"
|
|
11940
|
-
}, newsletter.text), /*#__PURE__*/React__default.createElement(TextLinkWrapper$
|
|
12062
|
+
}, newsletter.text), /*#__PURE__*/React__default.createElement(TextLinkWrapper$5, {
|
|
11941
12063
|
href: newsletter.link.href,
|
|
11942
12064
|
"data-roh": newsletter.link.dataRoh,
|
|
11943
12065
|
"aria-label": newsletter.link.title,
|
|
@@ -11959,17 +12081,17 @@ var Footer = function Footer(_ref) {
|
|
|
11959
12081
|
}, additionalInfo))));
|
|
11960
12082
|
};
|
|
11961
12083
|
|
|
11962
|
-
var _templateObject$
|
|
12084
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$J, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
11963
12085
|
var LIST_ITEM_GAP = 32;
|
|
11964
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12086
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__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) {
|
|
11965
12087
|
var bottomBorder = _ref.bottomBorder;
|
|
11966
12088
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
11967
12089
|
}, zIndexes.anchor, function (_ref2) {
|
|
11968
12090
|
var withShadow = _ref2.withShadow;
|
|
11969
|
-
return withShadow && styled.css(_templateObject2$
|
|
12091
|
+
return withShadow && styled.css(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11970
12092
|
});
|
|
11971
12093
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
11972
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12094
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11973
12095
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref3) {
|
|
11974
12096
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
11975
12097
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -11996,7 +12118,7 @@ var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_temp
|
|
|
11996
12118
|
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
11997
12119
|
});
|
|
11998
12120
|
|
|
11999
|
-
var _excluded$
|
|
12121
|
+
var _excluded$s = ["id", "text"];
|
|
12000
12122
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
12001
12123
|
var tabs = _ref.tabs,
|
|
12002
12124
|
onTabClick = _ref.onTabClick,
|
|
@@ -12207,7 +12329,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12207
12329
|
}, tabs.map(function (_ref4) {
|
|
12208
12330
|
var id = _ref4.id,
|
|
12209
12331
|
text = _ref4.text,
|
|
12210
|
-
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$
|
|
12332
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$s);
|
|
12211
12333
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
12212
12334
|
key: id
|
|
12213
12335
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
@@ -12240,17 +12362,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12240
12362
|
})))) : null))));
|
|
12241
12363
|
};
|
|
12242
12364
|
|
|
12243
|
-
var _templateObject$
|
|
12244
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12365
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$K, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12366
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12245
12367
|
var sticky = _ref.sticky;
|
|
12246
12368
|
return sticky ? 'sticky' : 'initial';
|
|
12247
12369
|
}, zIndexes.anchor);
|
|
12248
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12370
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12249
12371
|
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) {
|
|
12250
12372
|
var title = _ref2.title;
|
|
12251
12373
|
return title ? 'row' : 'row-reverse';
|
|
12252
12374
|
}, devices.tablet, devices.mobile);
|
|
12253
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12375
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
12254
12376
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
12255
12377
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
12256
12378
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -12269,7 +12391,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
12269
12391
|
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);
|
|
12270
12392
|
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);
|
|
12271
12393
|
|
|
12272
|
-
var _excluded$
|
|
12394
|
+
var _excluded$t = ["text"],
|
|
12273
12395
|
_excluded2$4 = ["text"];
|
|
12274
12396
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
12275
12397
|
var title = _ref.title,
|
|
@@ -12279,7 +12401,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12279
12401
|
message = _ref.message;
|
|
12280
12402
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
12281
12403
|
primaryButtonText = _ref2.text,
|
|
12282
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12404
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$t);
|
|
12283
12405
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
12284
12406
|
secondaryButtonText = _ref3.text,
|
|
12285
12407
|
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
@@ -12300,11 +12422,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12300
12422
|
}, message))));
|
|
12301
12423
|
};
|
|
12302
12424
|
|
|
12303
|
-
var _templateObject$
|
|
12304
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12305
|
-
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$
|
|
12425
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$L;
|
|
12426
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__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);
|
|
12427
|
+
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$19 || (_templateObject2$19 = /*#__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);
|
|
12306
12428
|
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);
|
|
12307
|
-
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$
|
|
12429
|
+
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$L || (_templateObject4$L = /*#__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);
|
|
12308
12430
|
|
|
12309
12431
|
var UpsellSection = function UpsellSection(_ref) {
|
|
12310
12432
|
var title = _ref.title,
|
|
@@ -12349,9 +12471,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12349
12471
|
})))));
|
|
12350
12472
|
};
|
|
12351
12473
|
|
|
12352
|
-
var _templateObject$
|
|
12353
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12354
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12474
|
+
var _templateObject$1v, _templateObject2$1a;
|
|
12475
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12476
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$1a || (_templateObject2$1a = /*#__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) {
|
|
12355
12477
|
var bottomBorder = _ref.bottomBorder;
|
|
12356
12478
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12357
12479
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12382,13 +12504,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12382
12504
|
}, children)));
|
|
12383
12505
|
};
|
|
12384
12506
|
|
|
12385
|
-
var _templateObject$
|
|
12386
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12387
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12507
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$W, _templateObject4$M;
|
|
12508
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__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);
|
|
12509
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1b || (_templateObject2$1b = /*#__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);
|
|
12388
12510
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12389
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
12511
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$M || (_templateObject4$M = /*#__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"])));
|
|
12390
12512
|
|
|
12391
|
-
var _excluded$
|
|
12513
|
+
var _excluded$u = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12392
12514
|
var MAX_Z_INDEX = 9999999999;
|
|
12393
12515
|
if (Modal.defaultStyles.content) {
|
|
12394
12516
|
Modal.defaultStyles.content.position = 'static';
|
|
@@ -12464,7 +12586,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12464
12586
|
appElementId = _ref.appElementId,
|
|
12465
12587
|
_ref$closeButtonAriaL = _ref.closeButtonAriaLabel,
|
|
12466
12588
|
closeButtonAriaLabel = _ref$closeButtonAriaL === void 0 ? 'Close modal window' : _ref$closeButtonAriaL,
|
|
12467
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12589
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
|
|
12468
12590
|
var isMobile = useMobile();
|
|
12469
12591
|
var customStyles = {
|
|
12470
12592
|
overlay: {
|
|
@@ -12593,27 +12715,27 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12593
12715
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12594
12716
|
};
|
|
12595
12717
|
|
|
12596
|
-
var _templateObject$
|
|
12597
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12718
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$X, _templateObject4$N, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12719
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__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) {
|
|
12598
12720
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12599
12721
|
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 }";
|
|
12600
12722
|
}, devices.mobile, function (_ref2) {
|
|
12601
12723
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12602
12724
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12603
12725
|
});
|
|
12604
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12726
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12605
12727
|
var type = _ref3.type,
|
|
12606
12728
|
isActive = _ref3.isActive;
|
|
12607
12729
|
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 ";
|
|
12608
12730
|
});
|
|
12609
12731
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
12610
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12732
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
12611
12733
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12612
12734
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
12613
12735
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
12614
12736
|
});
|
|
12615
12737
|
var TitleText$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n line-height: 42px;\n }\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n padding-top: 4px;\n box-sizing: border-box;\n /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n max-height: calc(2 * 40px + 4px);\n"])));
|
|
12616
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
|
|
12738
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n margin-right: var(--navigation-middle-gap);\n }\n"])), devices.mobile);
|
|
12617
12739
|
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
12618
12740
|
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .swipe {\n padding-inline-start: 2px;\n padding-block-start: 2px;\n }\n\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
12619
12741
|
var active = _ref5.active;
|
|
@@ -12885,11 +13007,11 @@ var Carousel = function Carousel(_ref) {
|
|
|
12885
13007
|
}, children))));
|
|
12886
13008
|
};
|
|
12887
13009
|
|
|
12888
|
-
var _templateObject$
|
|
12889
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12890
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13010
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$Y, _templateObject4$O, _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;
|
|
13011
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1y || (_templateObject$1y = /*#__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);
|
|
13012
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__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);
|
|
12891
13013
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12892
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
13014
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$O || (_templateObject4$O = /*#__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);
|
|
12893
13015
|
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);
|
|
12894
13016
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
12895
13017
|
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$p || (_templateObject7$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
@@ -12908,7 +13030,7 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject1
|
|
|
12908
13030
|
}, devices.mobile);
|
|
12909
13031
|
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);
|
|
12910
13032
|
|
|
12911
|
-
var _excluded$
|
|
13033
|
+
var _excluded$v = ["text"],
|
|
12912
13034
|
_excluded2$5 = ["text"];
|
|
12913
13035
|
var _buttonTypeToButton$2;
|
|
12914
13036
|
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);
|
|
@@ -12919,7 +13041,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
12919
13041
|
var _ref2 = firstButton || {},
|
|
12920
13042
|
_ref2$text = _ref2.text,
|
|
12921
13043
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
12922
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
13044
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$v);
|
|
12923
13045
|
var secondButton = links == null ? void 0 : links[1];
|
|
12924
13046
|
var _ref3 = secondButton || {},
|
|
12925
13047
|
_ref3$text = _ref3.text,
|
|
@@ -13162,11 +13284,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
13162
13284
|
})));
|
|
13163
13285
|
};
|
|
13164
13286
|
|
|
13165
|
-
var _excluded$
|
|
13287
|
+
var _excluded$w = ["logo", "slides"];
|
|
13166
13288
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
13167
13289
|
var logo = _ref.logo,
|
|
13168
13290
|
slides = _ref.slides,
|
|
13169
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13291
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
13170
13292
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13171
13293
|
var links = processSlideLinks(slide.links);
|
|
13172
13294
|
return _extends({}, slide, {
|
|
@@ -13183,10 +13305,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
13183
13305
|
})));
|
|
13184
13306
|
};
|
|
13185
13307
|
|
|
13186
|
-
var _excluded$
|
|
13308
|
+
var _excluded$x = ["slides"];
|
|
13187
13309
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
13188
13310
|
var slides = _ref.slides,
|
|
13189
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13311
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
13190
13312
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13191
13313
|
var links = processSlideLinks(slide.links);
|
|
13192
13314
|
return _extends({}, slide, {
|
|
@@ -13200,11 +13322,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
13200
13322
|
})));
|
|
13201
13323
|
};
|
|
13202
13324
|
|
|
13203
|
-
var _excluded$
|
|
13325
|
+
var _excluded$y = ["logo", "slides"];
|
|
13204
13326
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
13205
13327
|
var logo = _ref.logo,
|
|
13206
13328
|
slides = _ref.slides,
|
|
13207
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13329
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$y);
|
|
13208
13330
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13209
13331
|
var links = processSlideLinks(slide.links);
|
|
13210
13332
|
return _extends({}, slide, {
|
|
@@ -13221,8 +13343,8 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13221
13343
|
})));
|
|
13222
13344
|
};
|
|
13223
13345
|
|
|
13224
|
-
var _templateObject$
|
|
13225
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13346
|
+
var _templateObject$1z, _templateObject3$Z;
|
|
13347
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13226
13348
|
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"])));
|
|
13227
13349
|
|
|
13228
13350
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
@@ -13818,8 +13940,8 @@ var Theme = function Theme(_ref) {
|
|
|
13818
13940
|
}, children);
|
|
13819
13941
|
};
|
|
13820
13942
|
|
|
13821
|
-
var _templateObject$
|
|
13822
|
-
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) {
|
|
13943
|
+
var _templateObject$1A;
|
|
13944
|
+
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) {
|
|
13823
13945
|
var theme = _ref.theme;
|
|
13824
13946
|
return theme.colors.primary;
|
|
13825
13947
|
}, function (_ref2) {
|
|
@@ -14792,6 +14914,7 @@ exports.ContentSummary = ContentSummary;
|
|
|
14792
14914
|
exports.ControlledDropdown = ControlledDropdown;
|
|
14793
14915
|
exports.CreditListing = CreditListing;
|
|
14794
14916
|
exports.CustomStrategyTabsFilter = CustomStrategyTabsFilter;
|
|
14917
|
+
exports.DisplayHeader = DisplayHeader;
|
|
14795
14918
|
exports.Dropdown = Dropdown;
|
|
14796
14919
|
exports.Editorial = Editorial;
|
|
14797
14920
|
exports.Footer = Footer;
|