@royaloperahouse/harmonic 1.0.9-i → 1.0.10
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 +6 -11
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +1 -3
- package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +1 -65
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +0 -319
- package/dist/harmonic.cjs.development.js +173 -309
- 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 +182 -320
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
- package/dist/types/creditListing.d.ts +6 -7
- package/dist/types/types.d.ts +3 -23
- package/package.json +2 -2
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.d.ts +0 -4
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.style.d.ts +0 -3
|
@@ -208,26 +208,6 @@ var typographyStyles = {"display":"typography-module_display__ZHsz9","header":"t
|
|
|
208
208
|
var _excluded = ["children", "size", "em", "color", "serif", "hierarchy", "tag", "className"],
|
|
209
209
|
_excluded2 = ["children", "size", "color", "className", "bold", "tag"],
|
|
210
210
|
_excluded3 = ["children", "size", "color", "className"];
|
|
211
|
-
/* ~~~ Display - (use case) ~~~ */
|
|
212
|
-
var DisplayHeader = function DisplayHeader(_ref) {
|
|
213
|
-
var children = _ref.children,
|
|
214
|
-
size = _ref.size,
|
|
215
|
-
em = _ref.em,
|
|
216
|
-
_ref$color = _ref.color,
|
|
217
|
-
color = _ref$color === void 0 ? 'inherit' : _ref$color,
|
|
218
|
-
serif = _ref.serif,
|
|
219
|
-
className = _ref.className;
|
|
220
|
-
var classNames = createClassNames('display', {
|
|
221
|
-
size: size,
|
|
222
|
-
color: color,
|
|
223
|
-
serif: serif,
|
|
224
|
-
em: em,
|
|
225
|
-
className: className
|
|
226
|
-
}, typographyStyles);
|
|
227
|
-
return /*#__PURE__*/React__default.createElement("h1", {
|
|
228
|
-
className: classNames
|
|
229
|
-
}, children);
|
|
230
|
-
};
|
|
231
211
|
/* ~~~ Headers - size and hierarchy set separately ~~~ */
|
|
232
212
|
var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
233
213
|
var _ref3;
|
|
@@ -2748,7 +2728,6 @@ var Tab = function Tab(_ref) {
|
|
|
2748
2728
|
className = _ref.className,
|
|
2749
2729
|
role = _ref.role,
|
|
2750
2730
|
ariaLabel = _ref.ariaLabel,
|
|
2751
|
-
tabLinkId = _ref.tabLinkId,
|
|
2752
2731
|
color = _ref.color,
|
|
2753
2732
|
dataTestId = _ref.dataTestId,
|
|
2754
2733
|
isOpen = _ref.isOpen;
|
|
@@ -2783,9 +2762,8 @@ var Tab = function Tab(_ref) {
|
|
|
2783
2762
|
className: className,
|
|
2784
2763
|
"data-testid": dataTestId
|
|
2785
2764
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
2786
|
-
id: tabLinkId,
|
|
2787
|
-
trimText: trimText,
|
|
2788
2765
|
color: color,
|
|
2766
|
+
trimText: trimText,
|
|
2789
2767
|
withTextInMobile: withTextInMobile,
|
|
2790
2768
|
"aria-hidden": "true"
|
|
2791
2769
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2815,7 +2793,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2815
2793
|
className = _ref.className,
|
|
2816
2794
|
role = _ref.role,
|
|
2817
2795
|
ariaLabel = _ref.ariaLabel,
|
|
2818
|
-
tabLinkId = _ref.tabLinkId,
|
|
2819
2796
|
trimTabText = _ref.trimTabText;
|
|
2820
2797
|
var node = React.useRef();
|
|
2821
2798
|
var _useState = React.useState(false),
|
|
@@ -2912,7 +2889,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2912
2889
|
};
|
|
2913
2890
|
var renderTab = function renderTab() {
|
|
2914
2891
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
2915
|
-
tabLinkId: tabLinkId,
|
|
2916
2892
|
trimText: trimTabText,
|
|
2917
2893
|
title: title,
|
|
2918
2894
|
titleLink: titleLink,
|
|
@@ -2992,8 +2968,7 @@ var Account = function Account(_ref) {
|
|
|
2992
2968
|
iconName: iconName,
|
|
2993
2969
|
withOptionsInMobile: false,
|
|
2994
2970
|
withIcon: "left",
|
|
2995
|
-
className: className
|
|
2996
|
-
tabLinkId: "account-link"
|
|
2971
|
+
className: className
|
|
2997
2972
|
});
|
|
2998
2973
|
};
|
|
2999
2974
|
|
|
@@ -5554,28 +5529,22 @@ var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject12 || (_te
|
|
|
5554
5529
|
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);
|
|
5555
5530
|
|
|
5556
5531
|
var _templateObject$B, _templateObject2$q, _templateObject3$f, _templateObject4$e, _templateObject5$a, _templateObject6$6, _templateObject7$4;
|
|
5557
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n border-top:
|
|
5558
|
-
var
|
|
5559
|
-
return
|
|
5560
|
-
}, function (_ref2) {
|
|
5561
|
-
var showBottomLine = _ref2.showBottomLine;
|
|
5562
|
-
return showBottomLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
5532
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n border-top: 2px solid var(--color-base-light-grey);\n border-bottom: ", ";\n"])), function (_ref) {
|
|
5533
|
+
var showLine = _ref.showLine;
|
|
5534
|
+
return showLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
5563
5535
|
});
|
|
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 (
|
|
5565
|
-
var isVisible =
|
|
5536
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n opacity: ", ";\n transition: opacity 0.2s ease;\n pointer-events: ", ";\n\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref2) {
|
|
5537
|
+
var isVisible = _ref2.isVisible;
|
|
5566
5538
|
return isVisible ? 1 : 0;
|
|
5567
|
-
}, function (
|
|
5568
|
-
var isVisible =
|
|
5539
|
+
}, function (_ref3) {
|
|
5540
|
+
var isVisible = _ref3.isVisible;
|
|
5569
5541
|
return isVisible ? 'auto' : 'none';
|
|
5570
5542
|
}, devices.mobile);
|
|
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
|
|
5572
|
-
var
|
|
5573
|
-
return titleMargin || '0';
|
|
5574
|
-
}, function (_ref6) {
|
|
5575
|
-
var hasChildren = _ref6.hasChildren;
|
|
5543
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-top: 28px;\n padding-bottom: 28px;\n color: var(--color-primary-black);\n\n && svg {\n width: 24px;\n height: 24px;\n }\n\n :hover {\n cursor: ", ";\n pointer-events: ", ";\n }\n\n @media ", " {\n padding-top: 16px;\n padding-bottom: 16px;\n }\n"])), function (_ref4) {
|
|
5544
|
+
var hasChildren = _ref4.hasChildren;
|
|
5576
5545
|
return hasChildren ? 'pointer' : 'default';
|
|
5577
|
-
}, function (
|
|
5578
|
-
var hasChildren =
|
|
5546
|
+
}, function (_ref5) {
|
|
5547
|
+
var hasChildren = _ref5.hasChildren;
|
|
5579
5548
|
return hasChildren ? 'auto' : 'none';
|
|
5580
5549
|
}, devices.mobile);
|
|
5581
5550
|
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"])));
|
|
@@ -5584,14 +5553,14 @@ var ContentContainer = /*#__PURE__*/styled__default(ExtendedBodyCopyHarmonic).wi
|
|
|
5584
5553
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
5585
5554
|
return prop !== 'textHeight';
|
|
5586
5555
|
}
|
|
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 (
|
|
5588
|
-
var textHeight =
|
|
5556
|
+
})(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: ", ";\n overflow: ", ";\n margin-bottom: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref6) {
|
|
5557
|
+
var textHeight = _ref6.textHeight;
|
|
5589
5558
|
return textHeight;
|
|
5590
|
-
}, function (
|
|
5591
|
-
var textHeight =
|
|
5559
|
+
}, function (_ref7) {
|
|
5560
|
+
var textHeight = _ref7.textHeight;
|
|
5592
5561
|
return textHeight === '0px' ? 'hidden' : 'visible';
|
|
5593
|
-
}, function (
|
|
5594
|
-
var textHeight =
|
|
5562
|
+
}, function (_ref8) {
|
|
5563
|
+
var textHeight = _ref8.textHeight;
|
|
5595
5564
|
return textHeight === '0px' ? '0px' : '12px';
|
|
5596
5565
|
}, devices.mobile);
|
|
5597
5566
|
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
@@ -5613,19 +5582,14 @@ var Accordion = function Accordion(_ref) {
|
|
|
5613
5582
|
var _expandedStateIcon$ic, _collapsedStateIcon$i;
|
|
5614
5583
|
var _ref$title = _ref.title,
|
|
5615
5584
|
title = _ref$title === void 0 ? '' : _ref$title,
|
|
5616
|
-
_ref$
|
|
5617
|
-
|
|
5618
|
-
_ref$showBottomLine = _ref.showBottomLine,
|
|
5619
|
-
showBottomLine = _ref$showBottomLine === void 0 ? true : _ref$showBottomLine,
|
|
5585
|
+
_ref$showLine = _ref.showLine,
|
|
5586
|
+
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
5620
5587
|
children = _ref.children,
|
|
5621
|
-
visibleStandfirst = _ref.visibleStandfirst,
|
|
5622
5588
|
_ref$initOpen = _ref.initOpen,
|
|
5623
5589
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
|
|
5624
5590
|
className = _ref.className,
|
|
5625
5591
|
expandedStateIcon = _ref.expandedStateIcon,
|
|
5626
|
-
collapsedStateIcon = _ref.collapsedStateIcon
|
|
5627
|
-
childrenContainerStyle = _ref.childrenContainerStyle,
|
|
5628
|
-
titleMargin = _ref.titleMargin;
|
|
5592
|
+
collapsedStateIcon = _ref.collapsedStateIcon;
|
|
5629
5593
|
var _useState = React.useState(initOpen),
|
|
5630
5594
|
openAccordion = _useState[0],
|
|
5631
5595
|
setOpenAccordion = _useState[1];
|
|
@@ -5736,7 +5700,6 @@ var Accordion = function Accordion(_ref) {
|
|
|
5736
5700
|
var toggleAccordion = function toggleAccordion() {
|
|
5737
5701
|
if (React__default.Children.count(children) === 0) return;
|
|
5738
5702
|
if (openAccordion) {
|
|
5739
|
-
setIcon(collapsedStateIconData);
|
|
5740
5703
|
setOpenAccordion(false);
|
|
5741
5704
|
setTextHeight('0px');
|
|
5742
5705
|
setIcon(collapsedStateIconData);
|
|
@@ -5759,16 +5722,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
5759
5722
|
toggleAccordion();
|
|
5760
5723
|
}
|
|
5761
5724
|
};
|
|
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
|
-
};
|
|
5768
5725
|
var contentContainerId = title + "-accordion-content";
|
|
5769
5726
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
5770
|
-
|
|
5771
|
-
showBottomLine: showBottomLine,
|
|
5727
|
+
showLine: showLine,
|
|
5772
5728
|
className: className
|
|
5773
5729
|
}, /*#__PURE__*/React__default.createElement(TitleContainer$1, {
|
|
5774
5730
|
onClick: toggleAccordion,
|
|
@@ -5778,9 +5734,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
5778
5734
|
"aria-label": title,
|
|
5779
5735
|
"aria-expanded": openAccordion,
|
|
5780
5736
|
"aria-controls": contentContainerId,
|
|
5781
|
-
hasChildren: !!children
|
|
5782
|
-
|
|
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, {
|
|
5737
|
+
hasChildren: !!children
|
|
5738
|
+
}, /*#__PURE__*/React__default.createElement(TitleText, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, Object.assign({}, icon))))), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5784
5739
|
"data-testid": "richcontainer",
|
|
5785
5740
|
ref: content,
|
|
5786
5741
|
textHeight: textHeight,
|
|
@@ -5788,10 +5743,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
5788
5743
|
"aria-live": openAccordion ? 'polite' : 'off',
|
|
5789
5744
|
tag: "div",
|
|
5790
5745
|
size: "large"
|
|
5791
|
-
}, childrenVisibility &&
|
|
5792
|
-
isVisible: childrenVisibility
|
|
5793
|
-
|
|
5794
|
-
}, children))));
|
|
5746
|
+
}, childrenVisibility && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
5747
|
+
isVisible: childrenVisibility
|
|
5748
|
+
}, children)));
|
|
5795
5749
|
};
|
|
5796
5750
|
|
|
5797
5751
|
var _templateObject$C;
|
|
@@ -5810,12 +5764,9 @@ var Accordions = function Accordions(_ref) {
|
|
|
5810
5764
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
5811
5765
|
key: accordion.title + "-" + index,
|
|
5812
5766
|
title: accordion.title,
|
|
5813
|
-
|
|
5767
|
+
showLine: isLastAccordion(index),
|
|
5814
5768
|
expandedStateIcon: accordion.expandedStateIcon,
|
|
5815
|
-
collapsedStateIcon: accordion.collapsedStateIcon
|
|
5816
|
-
visibleStandfirst: accordion.visibleStandfirst,
|
|
5817
|
-
titleMargin: accordion.titleMargin,
|
|
5818
|
-
childrenContainerStyle: accordion.childrenContainerStyle
|
|
5769
|
+
collapsedStateIcon: accordion.collapsedStateIcon
|
|
5819
5770
|
}, accordion.children);
|
|
5820
5771
|
}));
|
|
5821
5772
|
};
|
|
@@ -6101,9 +6052,14 @@ var BodyContent = function BodyContent(_ref2) {
|
|
|
6101
6052
|
_ref2$renderGridItem = _ref2.renderGridItem,
|
|
6102
6053
|
renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
|
|
6103
6054
|
var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
|
|
6104
|
-
var content = /*#__PURE__*/React__default.createElement(
|
|
6055
|
+
var content = /*#__PURE__*/React__default.createElement(TextContainer, {
|
|
6056
|
+
tag: "div",
|
|
6057
|
+
size: "large",
|
|
6058
|
+
"data-testid": "text-container",
|
|
6105
6059
|
className: textContainerClassName,
|
|
6106
|
-
|
|
6060
|
+
dangerouslySetInnerHTML: {
|
|
6061
|
+
__html: addTypographyClasses(text)
|
|
6062
|
+
}
|
|
6107
6063
|
});
|
|
6108
6064
|
var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
6109
6065
|
columnStartDesktop: columnStartDesktop,
|
|
@@ -7098,6 +7054,8 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7098
7054
|
key: personSelectionId,
|
|
7099
7055
|
"aria-selected": isSelected,
|
|
7100
7056
|
"aria-label": ariaLabel != null ? ariaLabel : name,
|
|
7057
|
+
"aria-posinset": index + 1,
|
|
7058
|
+
"aria-setsize": cast.length,
|
|
7101
7059
|
role: "option",
|
|
7102
7060
|
tabIndex: 0,
|
|
7103
7061
|
onClick: function onClick() {
|
|
@@ -7750,77 +7708,13 @@ var _excluded$j = ["text", "id", "isSelected", "allowedSelectedWith"];
|
|
|
7750
7708
|
/**
|
|
7751
7709
|
* A controlled filter button group that supports single- and multi-select strategies.
|
|
7752
7710
|
* The consumer owns the selection state and receives the complete clicked item.
|
|
7753
|
-
* A horizontally scrollable tabs filter component used to display
|
|
7754
|
-
* selectable strategy tabs with configurable styling and selection behavior.
|
|
7755
|
-
*
|
|
7756
|
-
* Features:
|
|
7757
|
-
* - Supports both single-select and multi-select tab scenarios
|
|
7758
|
-
* - Displays an optional icon on selected tabs
|
|
7759
|
-
* - Allows customization of colors and selected icon through `customViewConfig`
|
|
7760
|
-
* - Applies default styling when configuration values are omitted
|
|
7761
|
-
* - Emits the clicked tab item through `onClick`
|
|
7762
|
-
*
|
|
7763
|
-
* @component
|
|
7764
|
-
*
|
|
7765
|
-
* @param {TCustomStrategyTabsFilterProps['items']} items
|
|
7766
|
-
* Collection of tabs to render.
|
|
7767
|
-
*
|
|
7768
|
-
* @param {string} [className]
|
|
7769
|
-
* Optional CSS class name applied to the root scroll container.
|
|
7770
|
-
*
|
|
7771
|
-
* @param {<T>(item: TCustomStrategyTabsFilterProps['items'][number]) => T} onClick
|
|
7772
|
-
* Called when a tab is clicked. Receives the full clicked item (including
|
|
7773
|
-
* `allowedSelectedWith`). The parent is responsible for computing the next
|
|
7774
|
-
* `items` array and passing it back down with updated `isSelected` values.
|
|
7775
|
-
* as long as no return statement `type` is bing inferred automatically as void
|
|
7776
|
-
*
|
|
7777
|
-
* @param [customViewConfig]
|
|
7778
|
-
* Optional visual configuration used to customize:
|
|
7779
|
-
* - selected tab icon
|
|
7780
|
-
* - selected/unselected background colors
|
|
7781
|
-
* - selected/unselected text colors
|
|
7782
|
-
* - hover color
|
|
7783
|
-
* - pressed color
|
|
7784
|
-
*
|
|
7785
|
-
* Any omitted configuration values will fall back to the component defaults.
|
|
7786
|
-
*
|
|
7787
|
-
* @returns { React.JSX.Element}
|
|
7788
|
-
*
|
|
7789
|
-
* @example
|
|
7790
|
-
* ```tsx
|
|
7791
|
-
* * @example Controlled selection with custom rules
|
|
7792
|
-
* * The component does not manage selection itself. The parent owns `items` (including
|
|
7793
|
-
* * `isSelected`) and updates that state in `onClick`. Use `allowedSelectedWith` on each
|
|
7794
|
-
* * item to describe which other tab IDs may stay selected when that tab is chosen.
|
|
7795
|
-
* *
|
|
7796
|
-
* * ```tsx
|
|
7797
|
-
* * const [items, setItems] = useState<TCustomStrategyTabsFilterItem[]>([
|
|
7798
|
-
* * { id: 'all', text: 'All events', isSelected: true, allowedSelectedWith: [] },
|
|
7799
|
-
* * { id: 'opera', text: 'Opera', isSelected: false, allowedSelectedWith: ['ballet'] },
|
|
7800
|
-
* * { id: 'ballet', text: 'Ballet', isSelected: false, allowedSelectedWith: ['opera'] },
|
|
7801
|
-
* * ]);
|
|
7802
|
-
* *
|
|
7803
|
-
* * const handleClick = (clickedItem: TCustomStrategyTabsFilterItem) => {
|
|
7804
|
-
* * setItems((current) =>
|
|
7805
|
-
* * current.map((item) => {
|
|
7806
|
-
* * if (item.id === clickedItem.id) {
|
|
7807
|
-
* * return { ...item, isSelected: !item.isSelected };
|
|
7808
|
-
* * }
|
|
7809
|
-
* *
|
|
7810
|
-
* * const mayStaySelected = clickedItem.allowedSelectedWith?.includes(item.id);
|
|
7811
|
-
* * return { ...item, isSelected: mayStaySelected ? !item.isSelected : false };
|
|
7812
|
-
* * })
|
|
7813
|
-
* * );
|
|
7814
|
-
* * };
|
|
7815
|
-
* *
|
|
7816
|
-
* * return <CustomStrategyTabsFilter items={items} onClick={handleClick} />;
|
|
7817
7711
|
*/
|
|
7818
7712
|
var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
7819
7713
|
var _customViewConfig$bac, _customViewConfig$bac2, _customViewConfig$tex, _customViewConfig$tex2;
|
|
7820
7714
|
var items = _ref.items,
|
|
7821
7715
|
className = _ref.className,
|
|
7822
|
-
onClick = _ref.onClick,
|
|
7823
7716
|
ariaLabel = _ref.ariaLabel,
|
|
7717
|
+
onClick = _ref.onClick,
|
|
7824
7718
|
customViewConfig = _ref.customViewConfig;
|
|
7825
7719
|
var handleClick = React__default.useCallback(function (item) {
|
|
7826
7720
|
onClick(item);
|
|
@@ -9364,13 +9258,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9364
9258
|
}));
|
|
9365
9259
|
};
|
|
9366
9260
|
|
|
9367
|
-
var _templateObject$13, _templateObject2$R, _templateObject3$C;
|
|
9261
|
+
var _templateObject$13, _templateObject2$R, _templateObject3$C, _templateObject4$w;
|
|
9368
9262
|
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9369
9263
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$R || (_templateObject2$R = /*#__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) {
|
|
9370
9264
|
var columnCount = _ref.columnCount;
|
|
9371
9265
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9372
9266
|
}, devices.mobile, devices.tablet);
|
|
9373
|
-
var
|
|
9267
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9268
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9374
9269
|
|
|
9375
9270
|
// Get the total character length of a property in an array of objects
|
|
9376
9271
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9418,8 +9313,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9418
9313
|
_ref$largeColumnSpan = _ref.largeColumnSpan,
|
|
9419
9314
|
largeColumnSpan = _ref$largeColumnSpan === void 0 ? DEFAULT_LARGE_COLUMN_SPAN : _ref$largeColumnSpan,
|
|
9420
9315
|
_ref$characterThresho = _ref.characterThreshold,
|
|
9421
|
-
characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho
|
|
9422
|
-
className = _ref.className;
|
|
9316
|
+
characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho;
|
|
9423
9317
|
var creditEntries = [];
|
|
9424
9318
|
var nextColumnStart = 1;
|
|
9425
9319
|
roles.forEach(function (_ref2, index) {
|
|
@@ -9460,21 +9354,20 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9460
9354
|
columnSpanSmallDevice: 1,
|
|
9461
9355
|
key: "credit-entry-" + name + "-" + index,
|
|
9462
9356
|
"data-testid": "credit-entry"
|
|
9463
|
-
}, /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
9464
|
-
className: className
|
|
9465
|
-
}, /*#__PURE__*/React__default.createElement(RoleWrapper, {
|
|
9357
|
+
}, /*#__PURE__*/React__default.createElement(TextWrapper$1, null, /*#__PURE__*/React__default.createElement(RoleWrapper, {
|
|
9466
9358
|
title: "role",
|
|
9467
9359
|
"data-roh": dataROH
|
|
9468
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9469
|
-
|
|
9470
|
-
|
|
9471
|
-
}, name)), description && (/*#__PURE__*/React__default.createElement(
|
|
9472
|
-
|
|
9473
|
-
|
|
9474
|
-
}, description)), personArrays.map(function (personArray, arrayIndex) {
|
|
9475
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9360
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9361
|
+
level: 1,
|
|
9362
|
+
tag: "p"
|
|
9363
|
+
}, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9364
|
+
level: 3,
|
|
9365
|
+
tag: "p"
|
|
9366
|
+
}, description))), personArrays.map(function (personArray, arrayIndex) {
|
|
9367
|
+
return /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9476
9368
|
key: "personArray" + arrayIndex,
|
|
9477
|
-
|
|
9369
|
+
level: 1,
|
|
9370
|
+
tag: "p"
|
|
9478
9371
|
}, personArray.map(function (person, personIndex) {
|
|
9479
9372
|
return /*#__PURE__*/React__default.createElement(Person, {
|
|
9480
9373
|
key: "" + person.name + personIndex,
|
|
@@ -9482,14 +9375,17 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9482
9375
|
withSeparator: personArray.length !== personIndex + 1
|
|
9483
9376
|
});
|
|
9484
9377
|
}));
|
|
9485
|
-
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
9486
|
-
|
|
9487
|
-
|
|
9488
|
-
|
|
9378
|
+
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9379
|
+
level: 1,
|
|
9380
|
+
tag: "p"
|
|
9381
|
+
}, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
9382
|
+
level: 1,
|
|
9383
|
+
tag: "p",
|
|
9489
9384
|
key: "music-" + musicTitle + "-text"
|
|
9490
|
-
}, concatenateMusicTitle(musicTitle, index))), additionalInfo && /*#__PURE__*/React__default.createElement(
|
|
9491
|
-
|
|
9492
|
-
|
|
9385
|
+
}, concatenateMusicTitle(musicTitle, index))), additionalInfo && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
9386
|
+
level: 1,
|
|
9387
|
+
tag: "p"
|
|
9388
|
+
}, additionalInfo)))));
|
|
9493
9389
|
});
|
|
9494
9390
|
return /*#__PURE__*/React__default.createElement(CreditListingWrapper, {
|
|
9495
9391
|
columnCount: columnCount
|
|
@@ -9515,7 +9411,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9515
9411
|
}));
|
|
9516
9412
|
};
|
|
9517
9413
|
|
|
9518
|
-
var _templateObject$15, _templateObject3$D, _templateObject4$
|
|
9414
|
+
var _templateObject$15, _templateObject3$D, _templateObject4$x, _templateObject5$s, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9519
9415
|
var LENGTH_TEXT = 28;
|
|
9520
9416
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9521
9417
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9556,7 +9452,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$D ||
|
|
|
9556
9452
|
}
|
|
9557
9453
|
return '';
|
|
9558
9454
|
});
|
|
9559
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9455
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
9560
9456
|
var marginBottom = _ref7.marginBottom;
|
|
9561
9457
|
return marginBottom + "px";
|
|
9562
9458
|
}, function (_ref8) {
|
|
@@ -9596,7 +9492,7 @@ var _excluded$m = ["text"],
|
|
|
9596
9492
|
_excluded3$1 = ["text"];
|
|
9597
9493
|
var _buttonTypeToButton$1;
|
|
9598
9494
|
var LENGTH_TEXT$1 = 28;
|
|
9599
|
-
var LENGTH_TEXT_PARAGRAPH =
|
|
9495
|
+
var LENGTH_TEXT_PARAGRAPH = 130;
|
|
9600
9496
|
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);
|
|
9601
9497
|
var PromoWithTags = function PromoWithTags(_ref) {
|
|
9602
9498
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -9787,7 +9683,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9787
9683
|
}))));
|
|
9788
9684
|
};
|
|
9789
9685
|
|
|
9790
|
-
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$
|
|
9686
|
+
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$l, _templateObject7$g;
|
|
9791
9687
|
var LENGTH_TEXT$2 = 28;
|
|
9792
9688
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9793
9689
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$16 || (_templateObject$16 = /*#__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) {
|
|
@@ -9805,7 +9701,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
9805
9701
|
var imageToLeft = _ref4.imageToLeft;
|
|
9806
9702
|
return imageToLeft ? 'right' : 'left';
|
|
9807
9703
|
}, devices.mobile);
|
|
9808
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$
|
|
9704
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9809
9705
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9810
9706
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__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);
|
|
9811
9707
|
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) {
|
|
@@ -10379,7 +10275,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10379
10275
|
}, description)))));
|
|
10380
10276
|
};
|
|
10381
10277
|
|
|
10382
|
-
var _templateObject$1d, _templateObject2$X, _templateObject3$J, _templateObject4$
|
|
10278
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$J, _templateObject4$z;
|
|
10383
10279
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10384
10280
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__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) {
|
|
10385
10281
|
var width = _ref.width;
|
|
@@ -10403,7 +10299,7 @@ var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templ
|
|
|
10403
10299
|
if (darkMode) return "var(--color-base-white)";
|
|
10404
10300
|
return "var(--color-primary-black)";
|
|
10405
10301
|
}, devices.mobile);
|
|
10406
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10302
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10407
10303
|
var darkMode = _ref6.darkMode;
|
|
10408
10304
|
if (darkMode) return "var(--color-base-white)";
|
|
10409
10305
|
return "var(--color-state-error)";
|
|
@@ -10522,7 +10418,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10522
10418
|
})));
|
|
10523
10419
|
};
|
|
10524
10420
|
|
|
10525
|
-
var _templateObject$1e, _templateObject2$Y, _templateObject3$K, _templateObject4$
|
|
10421
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$K, _templateObject4$A;
|
|
10526
10422
|
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10527
10423
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__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) {
|
|
10528
10424
|
if (props.showMenu) {
|
|
@@ -10531,7 +10427,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_te
|
|
|
10531
10427
|
return "display: none;";
|
|
10532
10428
|
});
|
|
10533
10429
|
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__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);
|
|
10534
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10430
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10535
10431
|
|
|
10536
10432
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
10537
10433
|
var Tabs = function Tabs(_ref) {
|
|
@@ -10657,10 +10553,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
10657
10553
|
}, "Menu"))))));
|
|
10658
10554
|
};
|
|
10659
10555
|
|
|
10660
|
-
var _templateObject$1f, _templateObject3$L, _templateObject4$
|
|
10556
|
+
var _templateObject$1f, _templateObject3$L, _templateObject4$B, _templateObject5$v, _templateObject6$n, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10661
10557
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10662
10558
|
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$L || (_templateObject3$L = /*#__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"])));
|
|
10663
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10559
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__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) {
|
|
10664
10560
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10665
10561
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
10666
10562
|
}, function (_ref2) {
|
|
@@ -10671,7 +10567,7 @@ var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$v || (_
|
|
|
10671
10567
|
var singleChild = _ref3.singleChild;
|
|
10672
10568
|
return singleChild ? '0' : '10px';
|
|
10673
10569
|
});
|
|
10674
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10570
|
+
var DescriptionWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10675
10571
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
10676
10572
|
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"])));
|
|
10677
10573
|
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"])));
|
|
@@ -10693,7 +10589,7 @@ var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
|
|
|
10693
10589
|
var OfferText = function OfferText(_ref) {
|
|
10694
10590
|
var title = _ref.title,
|
|
10695
10591
|
description = _ref.description;
|
|
10696
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper, {
|
|
10592
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper$1, {
|
|
10697
10593
|
tag: "div",
|
|
10698
10594
|
size: "large",
|
|
10699
10595
|
dangerouslySetInnerHTML: {
|
|
@@ -10810,11 +10706,11 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10810
10706
|
}, caption))));
|
|
10811
10707
|
};
|
|
10812
10708
|
|
|
10813
|
-
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$
|
|
10709
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$C, _templateObject5$w, _templateObject6$o;
|
|
10814
10710
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
10815
10711
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10816
10712
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10817
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10713
|
+
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10818
10714
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$w || (_templateObject5$w = /*#__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);
|
|
10819
10715
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__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);
|
|
10820
10716
|
|
|
@@ -10895,47 +10791,18 @@ var NavTop = function NavTop(_ref) {
|
|
|
10895
10791
|
}));
|
|
10896
10792
|
};
|
|
10897
10793
|
|
|
10898
|
-
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$
|
|
10899
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3 {\n margin: 0px 0px 12px 0px !important;\n }\n
|
|
10900
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top:
|
|
10901
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n
|
|
10794
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$x;
|
|
10795
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10796
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10797
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10902
10798
|
var isVisible = _ref.isVisible;
|
|
10903
10799
|
return isVisible ? 'visible' : 'hidden';
|
|
10904
10800
|
});
|
|
10905
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10801
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10906
10802
|
var isVisible = _ref2.isVisible;
|
|
10907
10803
|
return isVisible ? 'visible' : 'hidden';
|
|
10908
10804
|
});
|
|
10909
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-family: var(--font-family-
|
|
10910
|
-
|
|
10911
|
-
var _templateObject$1k, _templateObject2$10;
|
|
10912
|
-
var TextLinkWrapper$4 = /*#__PURE__*/styled__default.a(_templateObject$1k || (_templateObject$1k = /*#__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) {
|
|
10913
|
-
var color = _ref.color;
|
|
10914
|
-
return color;
|
|
10915
|
-
});
|
|
10916
|
-
var TextLinkIconWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
10917
|
-
|
|
10918
|
-
var _excluded$r = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];
|
|
10919
|
-
var ReadMoreTextLink = function ReadMoreTextLink(_ref) {
|
|
10920
|
-
var children = _ref.children,
|
|
10921
|
-
iconName = _ref.iconName,
|
|
10922
|
-
iconDirection = _ref.iconDirection,
|
|
10923
|
-
textColor = _ref.textColor,
|
|
10924
|
-
_ref$disableTruncatio = _ref.disableTruncation,
|
|
10925
|
-
disableTruncation = _ref$disableTruncatio === void 0 ? false : _ref$disableTruncatio,
|
|
10926
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
|
|
10927
|
-
var truncatedString = disableTruncation ? children : children.substring(0, 30);
|
|
10928
|
-
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, Object.assign({
|
|
10929
|
-
color: textColor,
|
|
10930
|
-
iconName: iconName
|
|
10931
|
-
}, rest), truncatedString, iconName ? (/*#__PURE__*/React__default.createElement(TextLinkIconWrapper$1, {
|
|
10932
|
-
"data-testid": "text-link-icon"
|
|
10933
|
-
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10934
|
-
iconName: iconName,
|
|
10935
|
-
direction: iconDirection,
|
|
10936
|
-
color: textColor
|
|
10937
|
-
}))) : null);
|
|
10938
|
-
};
|
|
10805
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10939
10806
|
|
|
10940
10807
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10941
10808
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10954,8 +10821,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10954
10821
|
hideText = _ref.hideText,
|
|
10955
10822
|
characterLimit = _ref.characterLimit,
|
|
10956
10823
|
_ref$truncate = _ref.truncate,
|
|
10957
|
-
truncate = _ref$truncate === void 0 ? true : _ref$truncate
|
|
10958
|
-
className = _ref.className;
|
|
10824
|
+
truncate = _ref$truncate === void 0 ? true : _ref$truncate;
|
|
10959
10825
|
var _useState = React.useState(initOpen),
|
|
10960
10826
|
isFullTextOpen = _useState[0],
|
|
10961
10827
|
setIsFullTextOpen = _useState[1];
|
|
@@ -10992,15 +10858,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10992
10858
|
var contentContainerId = title + "-read-more-content";
|
|
10993
10859
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
10994
10860
|
tabIndex: 0,
|
|
10995
|
-
onKeyDown: handleKeyDown
|
|
10996
|
-
className: className,
|
|
10997
|
-
showTopLine: false
|
|
10861
|
+
onKeyDown: handleKeyDown
|
|
10998
10862
|
}, /*#__PURE__*/React__default.createElement(ReadMoreContainer, {
|
|
10999
10863
|
"aria-label": title,
|
|
11000
10864
|
"aria-expanded": isFullTextOpen,
|
|
11001
10865
|
"aria-controls": contentContainerId
|
|
11002
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
11003
|
-
|
|
10866
|
+
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
10867
|
+
level: 5,
|
|
10868
|
+
semanticLevel: 3
|
|
11004
10869
|
}, title)), !isFullTextOpen && /*#__PURE__*/React__default.createElement(IntroText, null), /*#__PURE__*/React__default.createElement(ContentContainer$5, {
|
|
11005
10870
|
"data-testid": "richcontainer",
|
|
11006
10871
|
ref: readMoreContent,
|
|
@@ -11011,18 +10876,18 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11011
10876
|
}
|
|
11012
10877
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
11013
10878
|
isVisible: isFullTextOpen
|
|
11014
|
-
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && (/*#__PURE__*/React__default.createElement(
|
|
10879
|
+
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
11015
10880
|
tabIndex: 0,
|
|
11016
10881
|
role: "button",
|
|
11017
10882
|
onClick: toggleFullText
|
|
11018
10883
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11019
10884
|
};
|
|
11020
10885
|
|
|
11021
|
-
var _templateObject$
|
|
11022
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
11023
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
10886
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$P, _templateObject4$E, _templateObject5$y;
|
|
10887
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10888
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$10 || (_templateObject2$10 = /*#__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);
|
|
11024
10889
|
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$P || (_templateObject3$P = /*#__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);
|
|
11025
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
10890
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$E || (_templateObject4$E = /*#__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) {
|
|
11026
10891
|
var isActive = _ref.isActive;
|
|
11027
10892
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
11028
10893
|
}, exports.Colors.MidGrey);
|
|
@@ -11182,14 +11047,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11182
11047
|
});
|
|
11183
11048
|
};
|
|
11184
11049
|
|
|
11185
|
-
var _templateObject$
|
|
11186
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11187
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11050
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$Q, _templateObject4$F, _templateObject5$z, _templateObject6$p;
|
|
11051
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11052
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11188
11053
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11189
11054
|
var color = _ref.color;
|
|
11190
11055
|
return "var(--base-color-" + color + ")";
|
|
11191
11056
|
});
|
|
11192
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11057
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11193
11058
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11194
11059
|
var color = _ref2.color;
|
|
11195
11060
|
return "var(--base-color-" + color + ")";
|
|
@@ -11276,11 +11141,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11276
11141
|
}, strengthLabel))));
|
|
11277
11142
|
};
|
|
11278
11143
|
|
|
11279
|
-
var _templateObject$
|
|
11280
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11281
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11144
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$R, _templateObject4$G, _templateObject5$A, _templateObject6$q, _templateObject7$j, _templateObject8$d;
|
|
11145
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11146
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11282
11147
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11283
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
11148
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$G || (_templateObject4$G = /*#__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) {
|
|
11284
11149
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11285
11150
|
}, devices.tablet, devices.mobile);
|
|
11286
11151
|
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$A || (_templateObject5$A = /*#__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) {
|
|
@@ -11491,17 +11356,17 @@ var Table = function Table(_ref) {
|
|
|
11491
11356
|
}))));
|
|
11492
11357
|
};
|
|
11493
11358
|
|
|
11494
|
-
var _templateObject$
|
|
11495
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11359
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$S, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11360
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11496
11361
|
var theme = _ref.theme;
|
|
11497
11362
|
return "var(--color-" + theme + ")";
|
|
11498
11363
|
}, function (_ref2) {
|
|
11499
11364
|
var theme = _ref2.theme;
|
|
11500
11365
|
return "var(--color-" + theme + ")";
|
|
11501
11366
|
});
|
|
11502
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11367
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11503
11368
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$S || (_templateObject3$S = /*#__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);
|
|
11504
|
-
var Error = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11369
|
+
var Error = /*#__PURE__*/styled__default.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11505
11370
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$B || (_templateObject5$B = /*#__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);
|
|
11506
11371
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__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);
|
|
11507
11372
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
@@ -11918,12 +11783,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11918
11783
|
}))))));
|
|
11919
11784
|
};
|
|
11920
11785
|
|
|
11921
|
-
var _templateObject$
|
|
11922
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11786
|
+
var _templateObject$1o, _templateObject2$14, _templateObject4$I, _templateObject5$C;
|
|
11787
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1o || (_templateObject$1o = /*#__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) {
|
|
11923
11788
|
var withShadow = _ref.withShadow;
|
|
11924
|
-
return withShadow && styled.css(_templateObject2$
|
|
11789
|
+
return withShadow && styled.css(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11925
11790
|
}, devices.mobile);
|
|
11926
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
11791
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$I || (_templateObject4$I = /*#__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);
|
|
11927
11792
|
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
11928
11793
|
|
|
11929
11794
|
var defaultGrid = {
|
|
@@ -11982,12 +11847,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11982
11847
|
return null;
|
|
11983
11848
|
};
|
|
11984
11849
|
|
|
11985
|
-
var _templateObject$
|
|
11986
|
-
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$
|
|
11850
|
+
var _templateObject$1p, _templateObject2$15;
|
|
11851
|
+
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$1p || (_templateObject$1p = /*#__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) {
|
|
11987
11852
|
var hide = _ref.hide;
|
|
11988
11853
|
return hide && "display: none;";
|
|
11989
11854
|
}, devices.mobileAndTablet);
|
|
11990
|
-
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11855
|
+
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__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);
|
|
11991
11856
|
|
|
11992
11857
|
/**
|
|
11993
11858
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -12079,20 +11944,20 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
12079
11944
|
}));
|
|
12080
11945
|
};
|
|
12081
11946
|
|
|
12082
|
-
var _templateObject$
|
|
11947
|
+
var _templateObject$1q, _templateObject2$16, _templateObject3$T, _templateObject4$J, _templateObject5$D, _templateObject6$s, _templateObject7$l;
|
|
12083
11948
|
var color = 'primary-black';
|
|
12084
11949
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
12085
11950
|
borderColor: color,
|
|
12086
11951
|
hoveredColor: color,
|
|
12087
11952
|
pressedColor: color,
|
|
12088
11953
|
textColor: color
|
|
12089
|
-
})(_templateObject$
|
|
12090
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11954
|
+
})(_templateObject$1q || (_templateObject$1q = /*#__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);
|
|
11955
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__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);
|
|
12091
11956
|
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
12092
11957
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
12093
11958
|
serif: true,
|
|
12094
11959
|
size: 'medium'
|
|
12095
|
-
})(_templateObject4$
|
|
11960
|
+
})(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
12096
11961
|
var Intro = /*#__PURE__*/styled__default(HarmonicSubtitle).attrs({
|
|
12097
11962
|
size: 'large'
|
|
12098
11963
|
})(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -12126,8 +11991,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
12126
11991
|
}, "Sign in"))));
|
|
12127
11992
|
};
|
|
12128
11993
|
|
|
12129
|
-
var _templateObject$
|
|
12130
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11994
|
+
var _templateObject$1r;
|
|
11995
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__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);
|
|
12131
11996
|
|
|
12132
11997
|
var UpsellCards = function UpsellCards(_ref) {
|
|
12133
11998
|
var upsellCards = _ref.upsellCards,
|
|
@@ -12318,14 +12183,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
12318
12183
|
})))))));
|
|
12319
12184
|
};
|
|
12320
12185
|
|
|
12321
|
-
var _templateObject$
|
|
12322
|
-
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12323
|
-
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
12186
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$U, _templateObject4$K, _templateObject5$E, _templateObject6$t, _templateObject7$m;
|
|
12187
|
+
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1s || (_templateObject$1s = /*#__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);
|
|
12188
|
+
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$17 || (_templateObject2$17 = /*#__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);
|
|
12324
12189
|
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$U || (_templateObject3$U = /*#__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);
|
|
12325
|
-
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12190
|
+
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12326
12191
|
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$E || (_templateObject5$E = /*#__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);
|
|
12327
12192
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12328
|
-
var TextLinkWrapper$
|
|
12193
|
+
var TextLinkWrapper$4 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
12329
12194
|
|
|
12330
12195
|
var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
|
|
12331
12196
|
var Footer = function Footer(_ref) {
|
|
@@ -12354,14 +12219,14 @@ var Footer = function Footer(_ref) {
|
|
|
12354
12219
|
"data-testid": "contact-newsletter"
|
|
12355
12220
|
}, /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(SocialLinks, {
|
|
12356
12221
|
items: rawSocialMediaLinks
|
|
12357
|
-
}), /*#__PURE__*/React__default.createElement(TextLinkWrapper$
|
|
12222
|
+
}), /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, {
|
|
12358
12223
|
href: contact.href,
|
|
12359
12224
|
"aria-label": contact.title,
|
|
12360
12225
|
tabIndex: isMobile ? 2 : 0
|
|
12361
12226
|
}, contact.title)), /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12362
12227
|
size: "large",
|
|
12363
12228
|
color: "white"
|
|
12364
|
-
}, newsletter.text), /*#__PURE__*/React__default.createElement(TextLinkWrapper$
|
|
12229
|
+
}, newsletter.text), /*#__PURE__*/React__default.createElement(TextLinkWrapper$4, {
|
|
12365
12230
|
href: newsletter.link.href,
|
|
12366
12231
|
"data-roh": newsletter.link.dataRoh,
|
|
12367
12232
|
"aria-label": newsletter.link.title,
|
|
@@ -12383,17 +12248,17 @@ var Footer = function Footer(_ref) {
|
|
|
12383
12248
|
}, additionalInfo))));
|
|
12384
12249
|
};
|
|
12385
12250
|
|
|
12386
|
-
var _templateObject$
|
|
12251
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$V, _templateObject4$L, _templateObject5$F, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12387
12252
|
var LIST_ITEM_GAP = 32;
|
|
12388
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12253
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__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) {
|
|
12389
12254
|
var bottomBorder = _ref.bottomBorder;
|
|
12390
12255
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
12391
12256
|
}, zIndexes.anchor, function (_ref2) {
|
|
12392
12257
|
var withShadow = _ref2.withShadow;
|
|
12393
|
-
return withShadow && styled.css(_templateObject2$
|
|
12258
|
+
return withShadow && styled.css(_templateObject2$18 || (_templateObject2$18 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12394
12259
|
});
|
|
12395
12260
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12396
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12261
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12397
12262
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$F || (_templateObject5$F = /*#__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) {
|
|
12398
12263
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
12399
12264
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -12420,7 +12285,7 @@ var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_temp
|
|
|
12420
12285
|
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
12421
12286
|
});
|
|
12422
12287
|
|
|
12423
|
-
var _excluded$
|
|
12288
|
+
var _excluded$r = ["id", "text"];
|
|
12424
12289
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
12425
12290
|
var tabs = _ref.tabs,
|
|
12426
12291
|
onTabClick = _ref.onTabClick,
|
|
@@ -12631,7 +12496,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12631
12496
|
}, tabs.map(function (_ref4) {
|
|
12632
12497
|
var id = _ref4.id,
|
|
12633
12498
|
text = _ref4.text,
|
|
12634
|
-
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$
|
|
12499
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$r);
|
|
12635
12500
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
12636
12501
|
key: id
|
|
12637
12502
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
@@ -12664,17 +12529,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12664
12529
|
})))) : null))));
|
|
12665
12530
|
};
|
|
12666
12531
|
|
|
12667
|
-
var _templateObject$
|
|
12668
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12532
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$W, _templateObject4$M, _templateObject6$u, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12533
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12669
12534
|
var sticky = _ref.sticky;
|
|
12670
12535
|
return sticky ? 'sticky' : 'initial';
|
|
12671
12536
|
}, zIndexes.anchor);
|
|
12672
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12537
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12673
12538
|
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__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) {
|
|
12674
12539
|
var title = _ref2.title;
|
|
12675
12540
|
return title ? 'row' : 'row-reverse';
|
|
12676
12541
|
}, devices.tablet, devices.mobile);
|
|
12677
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12542
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$M || (_templateObject4$M = /*#__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);
|
|
12678
12543
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$u || (_templateObject6$u = /*#__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);
|
|
12679
12544
|
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);
|
|
12680
12545
|
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) {
|
|
@@ -12693,7 +12558,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
12693
12558
|
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);
|
|
12694
12559
|
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);
|
|
12695
12560
|
|
|
12696
|
-
var _excluded$
|
|
12561
|
+
var _excluded$s = ["text"],
|
|
12697
12562
|
_excluded2$4 = ["text"];
|
|
12698
12563
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
12699
12564
|
var title = _ref.title,
|
|
@@ -12703,7 +12568,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12703
12568
|
message = _ref.message;
|
|
12704
12569
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
12705
12570
|
primaryButtonText = _ref2.text,
|
|
12706
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12571
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
|
|
12707
12572
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
12708
12573
|
secondaryButtonText = _ref3.text,
|
|
12709
12574
|
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
@@ -12724,11 +12589,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12724
12589
|
}, message))));
|
|
12725
12590
|
};
|
|
12726
12591
|
|
|
12727
|
-
var _templateObject$
|
|
12728
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12729
|
-
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$
|
|
12592
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$X, _templateObject4$N;
|
|
12593
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__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);
|
|
12594
|
+
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$1a || (_templateObject2$1a = /*#__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);
|
|
12730
12595
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__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);
|
|
12731
|
-
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$
|
|
12596
|
+
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$N || (_templateObject4$N = /*#__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);
|
|
12732
12597
|
|
|
12733
12598
|
var UpsellSection = function UpsellSection(_ref) {
|
|
12734
12599
|
var title = _ref.title,
|
|
@@ -12773,9 +12638,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12773
12638
|
})))));
|
|
12774
12639
|
};
|
|
12775
12640
|
|
|
12776
|
-
var _templateObject$
|
|
12777
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12778
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12641
|
+
var _templateObject$1w, _templateObject2$1b;
|
|
12642
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12643
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$1b || (_templateObject2$1b = /*#__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) {
|
|
12779
12644
|
var bottomBorder = _ref.bottomBorder;
|
|
12780
12645
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12781
12646
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12806,13 +12671,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12806
12671
|
}, children)));
|
|
12807
12672
|
};
|
|
12808
12673
|
|
|
12809
|
-
var _templateObject$
|
|
12810
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12811
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12674
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$Y, _templateObject4$O;
|
|
12675
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__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);
|
|
12676
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1c || (_templateObject2$1c = /*#__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);
|
|
12812
12677
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12813
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
12678
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$O || (_templateObject4$O = /*#__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"])));
|
|
12814
12679
|
|
|
12815
|
-
var _excluded$
|
|
12680
|
+
var _excluded$t = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12816
12681
|
var MAX_Z_INDEX = 9999999999;
|
|
12817
12682
|
if (Modal.defaultStyles.content) {
|
|
12818
12683
|
Modal.defaultStyles.content.position = 'static';
|
|
@@ -12888,7 +12753,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12888
12753
|
appElementId = _ref.appElementId,
|
|
12889
12754
|
_ref$closeButtonAriaL = _ref.closeButtonAriaLabel,
|
|
12890
12755
|
closeButtonAriaLabel = _ref$closeButtonAriaL === void 0 ? 'Close modal window' : _ref$closeButtonAriaL,
|
|
12891
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12756
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
|
|
12892
12757
|
var isMobile = useMobile();
|
|
12893
12758
|
var customStyles = {
|
|
12894
12759
|
overlay: {
|
|
@@ -13017,21 +12882,21 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
13017
12882
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
13018
12883
|
};
|
|
13019
12884
|
|
|
13020
|
-
var _templateObject$
|
|
13021
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12885
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$Z, _templateObject4$P, _templateObject5$G, _templateObject6$v, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12886
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__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) {
|
|
13022
12887
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
13023
12888
|
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 }";
|
|
13024
12889
|
}, devices.mobile, function (_ref2) {
|
|
13025
12890
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
13026
12891
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
13027
12892
|
});
|
|
13028
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12893
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
13029
12894
|
var type = _ref3.type,
|
|
13030
12895
|
isActive = _ref3.isActive;
|
|
13031
12896
|
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 ";
|
|
13032
12897
|
});
|
|
13033
12898
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$Z || (_templateObject3$Z = /*#__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);
|
|
13034
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12899
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
13035
12900
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$G || (_templateObject5$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
13036
12901
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
13037
12902
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
@@ -13309,11 +13174,11 @@ var Carousel = function Carousel(_ref) {
|
|
|
13309
13174
|
}, children))));
|
|
13310
13175
|
};
|
|
13311
13176
|
|
|
13312
|
-
var _templateObject$
|
|
13313
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
13314
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13177
|
+
var _templateObject$1z, _templateObject2$1e, _templateObject3$_, _templateObject4$Q, _templateObject5$H, _templateObject6$w, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
13178
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1z || (_templateObject$1z = /*#__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);
|
|
13179
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1e || (_templateObject2$1e = /*#__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);
|
|
13315
13180
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13316
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
13181
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$Q || (_templateObject4$Q = /*#__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);
|
|
13317
13182
|
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$H || (_templateObject5$H = /*#__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);
|
|
13318
13183
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$w || (_templateObject6$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13319
13184
|
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);
|
|
@@ -13332,7 +13197,7 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject1
|
|
|
13332
13197
|
}, devices.mobile);
|
|
13333
13198
|
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);
|
|
13334
13199
|
|
|
13335
|
-
var _excluded$
|
|
13200
|
+
var _excluded$u = ["text"],
|
|
13336
13201
|
_excluded2$5 = ["text"];
|
|
13337
13202
|
var _buttonTypeToButton$2;
|
|
13338
13203
|
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);
|
|
@@ -13343,7 +13208,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
13343
13208
|
var _ref2 = firstButton || {},
|
|
13344
13209
|
_ref2$text = _ref2.text,
|
|
13345
13210
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
13346
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
13211
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$u);
|
|
13347
13212
|
var secondButton = links == null ? void 0 : links[1];
|
|
13348
13213
|
var _ref3 = secondButton || {},
|
|
13349
13214
|
_ref3$text = _ref3.text,
|
|
@@ -13586,11 +13451,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
13586
13451
|
})));
|
|
13587
13452
|
};
|
|
13588
13453
|
|
|
13589
|
-
var _excluded$
|
|
13454
|
+
var _excluded$v = ["logo", "slides"];
|
|
13590
13455
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
13591
13456
|
var logo = _ref.logo,
|
|
13592
13457
|
slides = _ref.slides,
|
|
13593
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13458
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
|
|
13594
13459
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13595
13460
|
var links = processSlideLinks(slide.links);
|
|
13596
13461
|
return _extends({}, slide, {
|
|
@@ -13607,10 +13472,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
13607
13472
|
})));
|
|
13608
13473
|
};
|
|
13609
13474
|
|
|
13610
|
-
var _excluded$
|
|
13475
|
+
var _excluded$w = ["slides"];
|
|
13611
13476
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
13612
13477
|
var slides = _ref.slides,
|
|
13613
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13478
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
13614
13479
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13615
13480
|
var links = processSlideLinks(slide.links);
|
|
13616
13481
|
return _extends({}, slide, {
|
|
@@ -13624,11 +13489,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
13624
13489
|
})));
|
|
13625
13490
|
};
|
|
13626
13491
|
|
|
13627
|
-
var _excluded$
|
|
13492
|
+
var _excluded$x = ["logo", "slides"];
|
|
13628
13493
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
13629
13494
|
var logo = _ref.logo,
|
|
13630
13495
|
slides = _ref.slides,
|
|
13631
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13496
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
13632
13497
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13633
13498
|
var links = processSlideLinks(slide.links);
|
|
13634
13499
|
return _extends({}, slide, {
|
|
@@ -13645,8 +13510,8 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13645
13510
|
})));
|
|
13646
13511
|
};
|
|
13647
13512
|
|
|
13648
|
-
var _templateObject$
|
|
13649
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13513
|
+
var _templateObject$1A, _templateObject3$$;
|
|
13514
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13650
13515
|
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13651
13516
|
|
|
13652
13517
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
@@ -14242,8 +14107,8 @@ var Theme = function Theme(_ref) {
|
|
|
14242
14107
|
}, children);
|
|
14243
14108
|
};
|
|
14244
14109
|
|
|
14245
|
-
var _templateObject$
|
|
14246
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1C || (_templateObject$1C = /*#__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) {
|
|
14110
|
+
var _templateObject$1B;
|
|
14111
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1B || (_templateObject$1B = /*#__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) {
|
|
14247
14112
|
var theme = _ref.theme;
|
|
14248
14113
|
return theme.colors.primary;
|
|
14249
14114
|
}, function (_ref2) {
|
|
@@ -15217,7 +15082,6 @@ exports.ContentSummary = ContentSummary;
|
|
|
15217
15082
|
exports.ControlledDropdown = ControlledDropdown;
|
|
15218
15083
|
exports.CreditListing = CreditListing;
|
|
15219
15084
|
exports.CustomStrategyTabsFilter = CustomStrategyTabsFilter;
|
|
15220
|
-
exports.DisplayHeader = DisplayHeader;
|
|
15221
15085
|
exports.Dropdown = Dropdown;
|
|
15222
15086
|
exports.Editorial = Editorial;
|
|
15223
15087
|
exports.Footer = Footer;
|