@royaloperahouse/harmonic 0.6.2 → 0.7.0-a
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/README.md +252 -43
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Arrows/ArrowPagination.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Arrows/LastPageArrow.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/HotFilters/HotFilters.d.ts +4 -0
- package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +3 -0
- package/dist/components/molecules/HotFilters/index.d.ts +2 -0
- package/dist/components/molecules/Pagination/Pagination.d.ts +2 -1
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +3 -4
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +319 -0
- package/dist/harmonic.cjs.development.js +261 -174
- 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 +272 -183
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +1 -0
- package/dist/types/types.d.ts +18 -1
- package/package.json +1 -1
- package/README.GIT +0 -278
|
@@ -2545,10 +2545,45 @@ var Volume = (function (_ref) {
|
|
|
2545
2545
|
}));
|
|
2546
2546
|
});
|
|
2547
2547
|
|
|
2548
|
+
var LastPageArrow = (function (_ref) {
|
|
2549
|
+
var _ref$color = _ref.color,
|
|
2550
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2551
|
+
ariaLabel = _ref.ariaLabel;
|
|
2552
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
2553
|
+
width: "100%",
|
|
2554
|
+
height: "100%",
|
|
2555
|
+
viewBox: "0 0 24 24",
|
|
2556
|
+
fill: "none",
|
|
2557
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2558
|
+
"aria-label": ariaLabel
|
|
2559
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
2560
|
+
d: "M9.14746 11.9961L9.1377 12.0039L17.165 20.8428L18.4121 19.71L11.415 12.0059L18.4219 4.29004L17.1748 3.15723L9.14746 11.9961ZM5.57031 20.8428H7.14062V3.15723H5.57031V20.8428Z",
|
|
2561
|
+
fill: color
|
|
2562
|
+
}));
|
|
2563
|
+
});
|
|
2564
|
+
|
|
2565
|
+
var ArrowPagination = (function (_ref) {
|
|
2566
|
+
var _ref$color = _ref.color,
|
|
2567
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2568
|
+
ariaLabel = _ref.ariaLabel;
|
|
2569
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
2570
|
+
width: "100%",
|
|
2571
|
+
height: "100%",
|
|
2572
|
+
viewBox: "0 0 24 24",
|
|
2573
|
+
fill: "none",
|
|
2574
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2575
|
+
"aria-label": ariaLabel
|
|
2576
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
2577
|
+
d: "M15.3955 3.1582L7.36816 11.9971L7.3584 12.0049L15.3857 20.8438L16.6328 19.7109L9.63574 12.0068L16.6426 4.29102L15.3955 3.1582Z",
|
|
2578
|
+
fill: color
|
|
2579
|
+
}));
|
|
2580
|
+
});
|
|
2581
|
+
|
|
2548
2582
|
/* 12px */
|
|
2549
2583
|
var IconLibrary = {
|
|
2550
2584
|
AddToMyList: AddToMyList,
|
|
2551
2585
|
Arrow: Arrow,
|
|
2586
|
+
ArrowPagination: ArrowPagination,
|
|
2552
2587
|
AudioDescription: AudioDescription,
|
|
2553
2588
|
Back10: Back10,
|
|
2554
2589
|
BalletAndDance: BalletAndDance,
|
|
@@ -2584,6 +2619,7 @@ var IconLibrary = {
|
|
|
2584
2619
|
Home: Home,
|
|
2585
2620
|
Info: Info,
|
|
2586
2621
|
Instagram: Instagram,
|
|
2622
|
+
LastPageArrow: LastPageArrow,
|
|
2587
2623
|
List: List,
|
|
2588
2624
|
ListView: ListView,
|
|
2589
2625
|
LiveStream: LiveStream,
|
|
@@ -3772,6 +3808,7 @@ var Tab = function Tab(_ref) {
|
|
|
3772
3808
|
className = _ref.className,
|
|
3773
3809
|
role = _ref.role,
|
|
3774
3810
|
ariaLabel = _ref.ariaLabel,
|
|
3811
|
+
tabLinkId = _ref.tabLinkId,
|
|
3775
3812
|
color = _ref.color;
|
|
3776
3813
|
var clickHandler = function clickHandler() {
|
|
3777
3814
|
if (onClick) {
|
|
@@ -3802,8 +3839,9 @@ var Tab = function Tab(_ref) {
|
|
|
3802
3839
|
tabIndex: 0,
|
|
3803
3840
|
className: className
|
|
3804
3841
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3805
|
-
|
|
3842
|
+
id: tabLinkId,
|
|
3806
3843
|
trimText: trimText,
|
|
3844
|
+
color: color,
|
|
3807
3845
|
withTextInMobile: withTextInMobile,
|
|
3808
3846
|
"aria-hidden": "true"
|
|
3809
3847
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -5361,6 +5399,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5361
5399
|
className = _ref.className,
|
|
5362
5400
|
role = _ref.role,
|
|
5363
5401
|
ariaLabel = _ref.ariaLabel,
|
|
5402
|
+
tabLinkId = _ref.tabLinkId,
|
|
5364
5403
|
trimTabText = _ref.trimTabText;
|
|
5365
5404
|
var node = React.useRef();
|
|
5366
5405
|
var _useState = React.useState(false),
|
|
@@ -5457,6 +5496,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5457
5496
|
};
|
|
5458
5497
|
var renderTab = function renderTab() {
|
|
5459
5498
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
5499
|
+
tabLinkId: tabLinkId,
|
|
5460
5500
|
trimText: trimTabText,
|
|
5461
5501
|
title: title,
|
|
5462
5502
|
titleLink: titleLink,
|
|
@@ -5536,7 +5576,8 @@ var Account = function Account(_ref) {
|
|
|
5536
5576
|
iconName: iconName,
|
|
5537
5577
|
withOptionsInMobile: false,
|
|
5538
5578
|
withIcon: "left",
|
|
5539
|
-
className: className
|
|
5579
|
+
className: className,
|
|
5580
|
+
tabLinkId: "account-link"
|
|
5540
5581
|
});
|
|
5541
5582
|
};
|
|
5542
5583
|
|
|
@@ -8719,6 +8760,44 @@ var Editorial = function Editorial(_ref) {
|
|
|
8719
8760
|
})))));
|
|
8720
8761
|
};
|
|
8721
8762
|
|
|
8763
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$x;
|
|
8764
|
+
var HotFiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
8765
|
+
var HotFilterOptionsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n\n @media ", " {\n gap: 10px;\n }\n"])), devices.mobile);
|
|
8766
|
+
var StyledHotFiltersButton = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n :hover {\n color: var(--color-base-white);\n }\n"])));
|
|
8767
|
+
|
|
8768
|
+
var _excluded$k = ["text", "onClick"];
|
|
8769
|
+
var HotFilters = function HotFilters(_ref) {
|
|
8770
|
+
var items = _ref.items,
|
|
8771
|
+
className = _ref.className,
|
|
8772
|
+
defaultSelectedIndex = _ref.defaultSelectedIndex;
|
|
8773
|
+
var _useState = React.useState(defaultSelectedIndex != null ? defaultSelectedIndex : 0),
|
|
8774
|
+
selectedIndex = _useState[0],
|
|
8775
|
+
setSelectedIndex = _useState[1];
|
|
8776
|
+
var handleClick = function handleClick(index, onClick) {
|
|
8777
|
+
setSelectedIndex(index);
|
|
8778
|
+
if (onClick) onClick();
|
|
8779
|
+
};
|
|
8780
|
+
return /*#__PURE__*/React__default.createElement(HotFiltersWrapper, {
|
|
8781
|
+
className: className
|
|
8782
|
+
}, /*#__PURE__*/React__default.createElement(HotFilterOptionsWrapper, null, items.map(function (item, index) {
|
|
8783
|
+
var text = item.text,
|
|
8784
|
+
_onClick = item.onClick,
|
|
8785
|
+
rest = _objectWithoutPropertiesLoose(item, _excluded$k);
|
|
8786
|
+
var isSelected = index === selectedIndex;
|
|
8787
|
+
return /*#__PURE__*/React__default.createElement(StyledHotFiltersButton, Object.assign({
|
|
8788
|
+
key: index,
|
|
8789
|
+
onClick: function onClick() {
|
|
8790
|
+
return handleClick(index, _onClick);
|
|
8791
|
+
},
|
|
8792
|
+
iconName: isSelected ? 'Confirm' : undefined,
|
|
8793
|
+
backgroundColor: isSelected ? 'base-black' : 'base-white',
|
|
8794
|
+
textColor: isSelected ? 'base-white' : 'base-black',
|
|
8795
|
+
hoveredColor: "base-black",
|
|
8796
|
+
pressedColor: "black-pressed"
|
|
8797
|
+
}, rest), text);
|
|
8798
|
+
})));
|
|
8799
|
+
};
|
|
8800
|
+
|
|
8722
8801
|
var InformationCtaVariants = {
|
|
8723
8802
|
Primary: 'Primary',
|
|
8724
8803
|
Secondary: 'Secondary',
|
|
@@ -8748,10 +8827,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8748
8827
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
8749
8828
|
};
|
|
8750
8829
|
|
|
8751
|
-
var _templateObject$
|
|
8752
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8753
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
8754
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
8830
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$s;
|
|
8831
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: var(--information-panel-color);\n background-color: var(--information-panel-bg-color);\n\n @media ", " {\n padding: 40px 0;\n }\n"])), devices.mobile);
|
|
8832
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8833
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n\n a {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n\n :hover:not(:active) {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n\n :active {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n }\n"])), devices.mobile, function (_ref) {
|
|
8755
8834
|
var variant = _ref.variant,
|
|
8756
8835
|
theme = _ref.theme;
|
|
8757
8836
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -8876,6 +8955,8 @@ var Information = function Information(_ref) {
|
|
|
8876
8955
|
cta = _ref.cta,
|
|
8877
8956
|
className = _ref.className,
|
|
8878
8957
|
theme = _ref.theme;
|
|
8958
|
+
var _useViewport = useViewport(),
|
|
8959
|
+
hydrated = _useViewport.hydrated;
|
|
8879
8960
|
var safeTitle = title || {
|
|
8880
8961
|
text: '',
|
|
8881
8962
|
textSize: 'medium'
|
|
@@ -8886,6 +8967,7 @@ var Information = function Information(_ref) {
|
|
|
8886
8967
|
});
|
|
8887
8968
|
var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
|
|
8888
8969
|
var titleColumnSpan = getColumnSpan(maxTitleWordLength);
|
|
8970
|
+
if (!hydrated) return null;
|
|
8889
8971
|
return /*#__PURE__*/React__default.createElement(InfoWrapper$1, {
|
|
8890
8972
|
"data-testid": "infoWrapper",
|
|
8891
8973
|
className: className
|
|
@@ -8903,11 +8985,11 @@ var Information = function Information(_ref) {
|
|
|
8903
8985
|
columnStartDevice: 2,
|
|
8904
8986
|
columnSpanDesktop: 14 - titleColumnSpan,
|
|
8905
8987
|
columnSpanDevice: 12
|
|
8906
|
-
}, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InfoBodyWrapper, {
|
|
8988
|
+
}, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InfoBodyWrapper, null, /*#__PURE__*/React__default.createElement("span", {
|
|
8907
8989
|
dangerouslySetInnerHTML: {
|
|
8908
8990
|
__html: body
|
|
8909
8991
|
}
|
|
8910
|
-
}), cta && (/*#__PURE__*/React__default.createElement(InfoCta, {
|
|
8992
|
+
})), cta && (/*#__PURE__*/React__default.createElement(InfoCta, {
|
|
8911
8993
|
link: cta.link,
|
|
8912
8994
|
variant: cta.variant,
|
|
8913
8995
|
text: cta.text,
|
|
@@ -8918,13 +9000,13 @@ var Information = function Information(_ref) {
|
|
|
8918
9000
|
})))));
|
|
8919
9001
|
};
|
|
8920
9002
|
|
|
8921
|
-
var _templateObject
|
|
8922
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject
|
|
9003
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
|
|
9004
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8923
9005
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8924
9006
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8925
9007
|
}, devices.mobile);
|
|
8926
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8927
|
-
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9008
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
9009
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref2) {
|
|
8928
9010
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
8929
9011
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
8930
9012
|
});
|
|
@@ -9019,17 +9101,17 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9019
9101
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9020
9102
|
};
|
|
9021
9103
|
|
|
9022
|
-
var _templateObject
|
|
9023
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
9024
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9025
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
9104
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
|
|
9105
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
9106
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
9107
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9026
9108
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9027
9109
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9028
9110
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
9029
9111
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
9030
9112
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9031
9113
|
|
|
9032
|
-
var _excluded$
|
|
9114
|
+
var _excluded$l = ["text"];
|
|
9033
9115
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
9034
9116
|
var children = _ref.children,
|
|
9035
9117
|
text = _ref.text,
|
|
@@ -9047,7 +9129,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9047
9129
|
var truncatedText = text == null ? void 0 : text.substring(0, 75);
|
|
9048
9130
|
var _ref2 = link || {},
|
|
9049
9131
|
linkText = _ref2.text,
|
|
9050
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9132
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
9051
9133
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
9052
9134
|
bgUrlDesktop: bgUrlDesktop,
|
|
9053
9135
|
bgUrlDevice: bgUrlDevice,
|
|
@@ -9090,19 +9172,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9090
9172
|
}, "Scroll Down"))) : null);
|
|
9091
9173
|
};
|
|
9092
9174
|
|
|
9093
|
-
var _templateObject$
|
|
9094
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9175
|
+
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$v, _templateObject5$o;
|
|
9176
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
9095
9177
|
var color = _ref.color;
|
|
9096
9178
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
9097
9179
|
}, devices.mobileAndTablet);
|
|
9098
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9180
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
9099
9181
|
var hasImage = _ref2.hasImage;
|
|
9100
9182
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
9101
9183
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
9102
9184
|
var hasImage = _ref3.hasImage;
|
|
9103
9185
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9104
9186
|
});
|
|
9105
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9187
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
9106
9188
|
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
9107
9189
|
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
9108
9190
|
|
|
@@ -9134,10 +9216,10 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9134
9216
|
})))));
|
|
9135
9217
|
};
|
|
9136
9218
|
|
|
9137
|
-
var _templateObject$
|
|
9138
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
9139
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9140
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9219
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject0$5, _templateObject1$3;
|
|
9220
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9221
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9222
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9141
9223
|
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
9142
9224
|
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--heading-promo-bg-color);\n border-bottom: ", ";\n display: ", ";\n\n @media ", " {\n padding: 12px 0 20px;\n }\n"])), function (_ref) {
|
|
9143
9225
|
var theme = _ref.theme;
|
|
@@ -9348,10 +9430,10 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9348
9430
|
})))))))))));
|
|
9349
9431
|
};
|
|
9350
9432
|
|
|
9351
|
-
var _templateObject$
|
|
9352
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9353
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9354
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9433
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6;
|
|
9434
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
9435
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9436
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9355
9437
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
9356
9438
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
9357
9439
|
var invert = _ref.invert,
|
|
@@ -9461,7 +9543,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
9461
9543
|
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
9462
9544
|
};
|
|
9463
9545
|
|
|
9464
|
-
var _excluded$
|
|
9546
|
+
var _excluded$m = ["text"];
|
|
9465
9547
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
9466
9548
|
var mobileVideo = video.mobile || video.desktop;
|
|
9467
9549
|
var desktopVideo = video.desktop || video.mobile;
|
|
@@ -9566,7 +9648,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9566
9648
|
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy;
|
|
9567
9649
|
var _ref5 = link || {},
|
|
9568
9650
|
linkText = _ref5.text,
|
|
9569
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
9651
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$m);
|
|
9570
9652
|
// const titleSize = title && title.length > 20 ? 4 : 3;
|
|
9571
9653
|
var video = {
|
|
9572
9654
|
elementId: 'compact-header-video',
|
|
@@ -9602,15 +9684,16 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9602
9684
|
}), linkText))))));
|
|
9603
9685
|
};
|
|
9604
9686
|
|
|
9605
|
-
var _templateObject$
|
|
9606
|
-
|
|
9607
|
-
var
|
|
9608
|
-
|
|
9609
|
-
var
|
|
9687
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r;
|
|
9688
|
+
// Keep MorePages for Table component until restyle
|
|
9689
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9690
|
+
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n color: inherit;\n"])));
|
|
9691
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n margin-left: 16px;\n color: var(--color-base-black);\n display: flex;\n align-items: center;\n }\n"])));
|
|
9692
|
+
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
9610
9693
|
var active = _ref.active;
|
|
9611
|
-
return active === 'true' && " \n color: var(--
|
|
9694
|
+
return active === 'true' && " \n border-bottom: 1px solid var(--color-primary-red);\n color: var(--color-primary-red);\n ";
|
|
9612
9695
|
});
|
|
9613
|
-
var NextPage = /*#__PURE__*/styled__default(
|
|
9696
|
+
var NextPage = /*#__PURE__*/styled__default.a(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])));
|
|
9614
9697
|
|
|
9615
9698
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9616
9699
|
// If there are less than 6 pages, return all pages
|
|
@@ -9631,57 +9714,60 @@ var reducePages = function reducePages(pages, currentPage) {
|
|
|
9631
9714
|
var Pagination = function Pagination(_ref) {
|
|
9632
9715
|
var pageCount = _ref.pageCount,
|
|
9633
9716
|
currentPage = _ref.currentPage,
|
|
9634
|
-
baseUrl = _ref.baseUrl
|
|
9717
|
+
baseUrl = _ref.baseUrl,
|
|
9718
|
+
className = _ref.className;
|
|
9635
9719
|
// Array of page numbers starting at 1
|
|
9636
9720
|
var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
|
|
9637
9721
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9638
|
-
return /*#__PURE__*/React__default.createElement(PageNumberWrapper,
|
|
9722
|
+
return /*#__PURE__*/React__default.createElement(PageNumberWrapper, {
|
|
9723
|
+
className: className
|
|
9724
|
+
},
|
|
9639
9725
|
// {/* Left arrow only appears after page 1 */
|
|
9640
|
-
currentPage > 1 && (/*#__PURE__*/React__default.createElement("li", {
|
|
9641
|
-
|
|
9642
|
-
|
|
9726
|
+
currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9727
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
9728
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9729
|
+
iconName: "LastPageArrow",
|
|
9730
|
+
direction: "right"
|
|
9731
|
+
}))), /*#__PURE__*/React__default.createElement("li", {
|
|
9732
|
+
key: "next-page",
|
|
9733
|
+
"data-testid": "right-arrow"
|
|
9643
9734
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9644
|
-
href: "" + baseUrl + (currentPage
|
|
9735
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
9645
9736
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9646
|
-
iconName: "
|
|
9647
|
-
direction: "
|
|
9648
|
-
})))),
|
|
9649
|
-
key: "more-before",
|
|
9650
|
-
"data-testid": "elipsis"
|
|
9651
|
-
}, /*#__PURE__*/React__default.createElement(MorePages, {
|
|
9652
|
-
theme: "core"
|
|
9653
|
-
}, "..."))), reducedPageNumbers.map(function (page) {
|
|
9737
|
+
iconName: "ArrowPagination",
|
|
9738
|
+
direction: "right"
|
|
9739
|
+
}))))), reducedPageNumbers.map(function (page) {
|
|
9654
9740
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
9655
9741
|
key: page
|
|
9656
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9657
|
-
theme: "core",
|
|
9658
|
-
key: page,
|
|
9659
|
-
active: "" + (page === currentPage),
|
|
9742
|
+
}, /*#__PURE__*/React__default.createElement(PaginationLink, {
|
|
9660
9743
|
href: "" + baseUrl + page,
|
|
9661
9744
|
"data-testid": "page-number"
|
|
9662
|
-
},
|
|
9663
|
-
|
|
9664
|
-
|
|
9665
|
-
|
|
9666
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9667
|
-
theme: "core"
|
|
9668
|
-
}, "..."))), currentPage < pageCount && (/*#__PURE__*/React__default.createElement("li", {
|
|
9745
|
+
}, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
|
|
9746
|
+
size: "large",
|
|
9747
|
+
active: "" + (page === currentPage)
|
|
9748
|
+
}, page.toString())));
|
|
9749
|
+
}), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
|
|
9669
9750
|
key: "next-page",
|
|
9670
9751
|
"data-testid": "right-arrow"
|
|
9671
9752
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9672
9753
|
href: "" + baseUrl + (currentPage + 1)
|
|
9673
9754
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9674
|
-
iconName: "
|
|
9675
|
-
direction: "
|
|
9676
|
-
})))
|
|
9755
|
+
iconName: "ArrowPagination",
|
|
9756
|
+
direction: "left"
|
|
9757
|
+
}))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9758
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
9759
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9760
|
+
iconName: "LastPageArrow",
|
|
9761
|
+
direction: "left"
|
|
9762
|
+
}))))));
|
|
9677
9763
|
};
|
|
9678
9764
|
|
|
9679
|
-
var _templateObject$
|
|
9680
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9681
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9682
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9765
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$l, _templateObject7$g;
|
|
9766
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9767
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9768
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9683
9769
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9684
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9770
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9685
9771
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9686
9772
|
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9687
9773
|
|
|
@@ -9740,13 +9826,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9740
9826
|
}));
|
|
9741
9827
|
};
|
|
9742
9828
|
|
|
9743
|
-
var _templateObject$
|
|
9744
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9745
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
9829
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z;
|
|
9830
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9831
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$T || (_templateObject2$T = /*#__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) {
|
|
9746
9832
|
var columnCount = _ref.columnCount;
|
|
9747
9833
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9748
9834
|
}, devices.mobile, devices.tablet);
|
|
9749
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9835
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9750
9836
|
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9751
9837
|
|
|
9752
9838
|
// Get the total character length of a property in an array of objects
|
|
@@ -9865,14 +9951,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9865
9951
|
}, creditEntries);
|
|
9866
9952
|
};
|
|
9867
9953
|
|
|
9868
|
-
var _templateObject$
|
|
9954
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
9869
9955
|
var LENGTH_TEXT = 28;
|
|
9870
9956
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9871
9957
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9872
9958
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9873
9959
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9874
9960
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9875
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9961
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 || (_templateObject$17 = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
9876
9962
|
var imageToLeft = _ref.imageToLeft;
|
|
9877
9963
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9878
9964
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9882,8 +9968,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$16 ||
|
|
|
9882
9968
|
var asCard = _ref3.asCard;
|
|
9883
9969
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9884
9970
|
});
|
|
9885
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
9886
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9971
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
9972
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\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"])));
|
|
9887
9973
|
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref4) {
|
|
9888
9974
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9889
9975
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
@@ -9908,7 +9994,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$A ||
|
|
|
9908
9994
|
}
|
|
9909
9995
|
return '';
|
|
9910
9996
|
});
|
|
9911
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9997
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref7) {
|
|
9912
9998
|
var marginBottom = _ref7.marginBottom;
|
|
9913
9999
|
return marginBottom + "px";
|
|
9914
10000
|
});
|
|
@@ -9941,7 +10027,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject17
|
|
|
9941
10027
|
var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
9942
10028
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
9943
10029
|
|
|
9944
|
-
var _excluded$
|
|
10030
|
+
var _excluded$n = ["text"],
|
|
9945
10031
|
_excluded2$4 = ["text"],
|
|
9946
10032
|
_excluded3 = ["text"];
|
|
9947
10033
|
var _buttonTypeToButton$2;
|
|
@@ -10004,7 +10090,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10004
10090
|
var _ref2 = firstButton || {},
|
|
10005
10091
|
_ref2$text = _ref2.text,
|
|
10006
10092
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
10007
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10093
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
|
|
10008
10094
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
10009
10095
|
var secondButton = links == null ? void 0 : links[1];
|
|
10010
10096
|
var _ref3 = secondButton || {},
|
|
@@ -10117,26 +10203,26 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10117
10203
|
}))));
|
|
10118
10204
|
};
|
|
10119
10205
|
|
|
10120
|
-
var _templateObject$
|
|
10206
|
+
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$i;
|
|
10121
10207
|
var LENGTH_TEXT$2 = 28;
|
|
10122
10208
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10123
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
10209
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__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) {
|
|
10124
10210
|
var imageToLeft = _ref.imageToLeft;
|
|
10125
10211
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
10126
10212
|
}, devices.tablet, function (_ref2) {
|
|
10127
10213
|
var imageToLeft = _ref2.imageToLeft;
|
|
10128
10214
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
10129
10215
|
}, devices.mobile);
|
|
10130
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10216
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
10131
10217
|
var imageToLeft = _ref3.imageToLeft;
|
|
10132
10218
|
return imageToLeft ? 'left' : 'right';
|
|
10133
10219
|
}, devices.mobile);
|
|
10134
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10220
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
10135
10221
|
var imageToLeft = _ref4.imageToLeft;
|
|
10136
10222
|
return imageToLeft ? 'right' : 'left';
|
|
10137
10223
|
}, devices.mobile);
|
|
10138
10224
|
var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10139
|
-
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$
|
|
10225
|
+
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10140
10226
|
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__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);
|
|
10141
10227
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__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) {
|
|
10142
10228
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -10160,8 +10246,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i ||
|
|
|
10160
10246
|
return '';
|
|
10161
10247
|
});
|
|
10162
10248
|
|
|
10163
|
-
var _templateObject$
|
|
10164
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10249
|
+
var _templateObject$19;
|
|
10250
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
10165
10251
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10166
10252
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10167
10253
|
return aspectRatio;
|
|
@@ -10273,7 +10359,7 @@ var PromoChild = function PromoChild(_ref) {
|
|
|
10273
10359
|
}));
|
|
10274
10360
|
};
|
|
10275
10361
|
|
|
10276
|
-
var _excluded$
|
|
10362
|
+
var _excluded$o = ["text"],
|
|
10277
10363
|
_excluded2$5 = ["text"];
|
|
10278
10364
|
var LENGTH_TEXT$3 = 28;
|
|
10279
10365
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -10298,7 +10384,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10298
10384
|
var _ref2 = primaryButton || {},
|
|
10299
10385
|
_ref2$text = _ref2.text,
|
|
10300
10386
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
10301
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10387
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
10302
10388
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
10303
10389
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
10304
10390
|
var _ref3 = tertiaryButton || {},
|
|
@@ -10340,8 +10426,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10340
10426
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10341
10427
|
};
|
|
10342
10428
|
|
|
10343
|
-
var _templateObject$
|
|
10344
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10429
|
+
var _templateObject$1a;
|
|
10430
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
10345
10431
|
|
|
10346
10432
|
/**
|
|
10347
10433
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -10396,9 +10482,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
10396
10482
|
})));
|
|
10397
10483
|
};
|
|
10398
10484
|
|
|
10399
|
-
var _templateObject$
|
|
10400
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10401
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10485
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$J;
|
|
10486
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10487
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
10402
10488
|
var horizontalMode = _ref.horizontalMode;
|
|
10403
10489
|
if (horizontalMode) return 'row';
|
|
10404
10490
|
return 'column';
|
|
@@ -10406,7 +10492,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_temp
|
|
|
10406
10492
|
var gap = _ref2.gap;
|
|
10407
10493
|
return gap + "px";
|
|
10408
10494
|
});
|
|
10409
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10495
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10410
10496
|
var darkMode = _ref3.darkMode;
|
|
10411
10497
|
if (darkMode) return 'var(--base-color-white)';
|
|
10412
10498
|
return 'var(--base-color-errorstate)';
|
|
@@ -10483,10 +10569,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10483
10569
|
}, error))));
|
|
10484
10570
|
};
|
|
10485
10571
|
|
|
10486
|
-
var _templateObject$
|
|
10487
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10488
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10489
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10572
|
+
var _templateObject$1c, _templateObject2$X, _templateObject3$K;
|
|
10573
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
10574
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\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"])));
|
|
10575
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
10490
10576
|
|
|
10491
10577
|
/* eslint-disable react/no-danger */
|
|
10492
10578
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10542,8 +10628,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10542
10628
|
return null;
|
|
10543
10629
|
};
|
|
10544
10630
|
|
|
10545
|
-
var _templateObject$
|
|
10546
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10631
|
+
var _templateObject$1d;
|
|
10632
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
10547
10633
|
|
|
10548
10634
|
var SectionTitle = function SectionTitle(_ref) {
|
|
10549
10635
|
var title = _ref.title,
|
|
@@ -10571,8 +10657,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10571
10657
|
}, description)))));
|
|
10572
10658
|
};
|
|
10573
10659
|
|
|
10574
|
-
var _templateObject$
|
|
10575
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
10660
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10661
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10576
10662
|
var theme = _ref.theme;
|
|
10577
10663
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10578
10664
|
}, function (_ref2) {
|
|
@@ -10582,11 +10668,11 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1d || (_templateObject
|
|
|
10582
10668
|
var theme = _ref3.theme;
|
|
10583
10669
|
return theme.colors.lightgrey;
|
|
10584
10670
|
});
|
|
10585
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
10671
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10586
10672
|
var theme = _ref4.theme;
|
|
10587
10673
|
return theme.colors.darkgrey;
|
|
10588
10674
|
});
|
|
10589
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
10675
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10590
10676
|
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10591
10677
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10592
10678
|
var theme = _ref5.theme;
|
|
@@ -10595,7 +10681,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10595
10681
|
color: theme.colors.black,
|
|
10596
10682
|
title: 'Select Arrow'
|
|
10597
10683
|
};
|
|
10598
|
-
})(_templateObject5$
|
|
10684
|
+
})(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
10599
10685
|
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10600
10686
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10601
10687
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -10952,9 +11038,9 @@ function Select(_ref3) {
|
|
|
10952
11038
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10953
11039
|
}
|
|
10954
11040
|
|
|
10955
|
-
var _templateObject$
|
|
10956
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10957
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11041
|
+
var _templateObject$1f, _templateObject2$Z, _templateObject3$M, _templateObject4$D;
|
|
11042
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11043
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__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 .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\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-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\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 color: var(--base-color-black);\n text-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10958
11044
|
var width = _ref.width;
|
|
10959
11045
|
if (!width) return 'none';
|
|
10960
11046
|
return width + "px";
|
|
@@ -10971,7 +11057,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_t
|
|
|
10971
11057
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
10972
11058
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
10973
11059
|
});
|
|
10974
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11060
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
10975
11061
|
var darkMode = _ref5.darkMode;
|
|
10976
11062
|
if (darkMode) return "var(--base-color-white)";
|
|
10977
11063
|
return "var(--base-color-black)";
|
|
@@ -10982,7 +11068,7 @@ var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_temp
|
|
|
10982
11068
|
return "var(--base-color-errorstate)";
|
|
10983
11069
|
});
|
|
10984
11070
|
|
|
10985
|
-
var _excluded$
|
|
11071
|
+
var _excluded$p = ["label", "error", "width", "darkMode", "isSearchable", "components"];
|
|
10986
11072
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
10987
11073
|
return /*#__PURE__*/React__default.createElement(Select$1.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
10988
11074
|
iconName: "DropdownArrow"
|
|
@@ -11033,7 +11119,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
11033
11119
|
_ref2$isSearchable = _ref2.isSearchable,
|
|
11034
11120
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
11035
11121
|
components = _ref2.components,
|
|
11036
|
-
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
11122
|
+
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$p);
|
|
11037
11123
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
11038
11124
|
label: label,
|
|
11039
11125
|
error: error,
|
|
@@ -11051,7 +11137,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
11051
11137
|
})));
|
|
11052
11138
|
};
|
|
11053
11139
|
|
|
11054
|
-
var _excluded$
|
|
11140
|
+
var _excluded$q = ["label", "error", "width", "darkMode", "components"];
|
|
11055
11141
|
/**
|
|
11056
11142
|
* The Select2Async component is similar to Select 2, but uses react-select async
|
|
11057
11143
|
* component for select instead of regular react-select component. This can be used
|
|
@@ -11073,7 +11159,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11073
11159
|
_ref$darkMode = _ref.darkMode,
|
|
11074
11160
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
11075
11161
|
components = _ref.components,
|
|
11076
|
-
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
11162
|
+
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
|
|
11077
11163
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
11078
11164
|
label: label,
|
|
11079
11165
|
error: error,
|
|
@@ -11090,8 +11176,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11090
11176
|
})));
|
|
11091
11177
|
};
|
|
11092
11178
|
|
|
11093
|
-
var _templateObject$
|
|
11094
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
11179
|
+
var _templateObject$1g, _templateObject2$_;
|
|
11180
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
11095
11181
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11096
11182
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11097
11183
|
return aspectRatio;
|
|
@@ -11101,7 +11187,7 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1f || (_temp
|
|
|
11101
11187
|
height = _ref2.height;
|
|
11102
11188
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11103
11189
|
});
|
|
11104
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
11190
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
11105
11191
|
|
|
11106
11192
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11107
11193
|
var caption = _ref.caption,
|
|
@@ -11135,13 +11221,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11135
11221
|
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
11136
11222
|
};
|
|
11137
11223
|
|
|
11138
|
-
var _templateObject$
|
|
11139
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11140
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11224
|
+
var _templateObject$1h, _templateObject2$$, _templateObject3$N;
|
|
11225
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
11226
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11141
11227
|
var displayAttribution = _ref.displayAttribution;
|
|
11142
11228
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
11143
11229
|
});
|
|
11144
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11230
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
11145
11231
|
|
|
11146
11232
|
/* eslint-disable react/no-danger */
|
|
11147
11233
|
var Quote = function Quote(_ref) {
|
|
@@ -11166,12 +11252,12 @@ var Quote = function Quote(_ref) {
|
|
|
11166
11252
|
}, attribution))));
|
|
11167
11253
|
};
|
|
11168
11254
|
|
|
11169
|
-
var _templateObject$
|
|
11170
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11171
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11172
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
11255
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$p;
|
|
11256
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
11257
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11258
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11173
11259
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11174
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11260
|
+
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);
|
|
11175
11261
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__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);
|
|
11176
11262
|
|
|
11177
11263
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -11210,10 +11296,10 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11210
11296
|
}, title)))));
|
|
11211
11297
|
};
|
|
11212
11298
|
|
|
11213
|
-
var _templateObject$
|
|
11214
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11215
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11216
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11299
|
+
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$x;
|
|
11300
|
+
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"])));
|
|
11301
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__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"])));
|
|
11302
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11217
11303
|
var isVisible = _ref.isVisible;
|
|
11218
11304
|
return isVisible ? 'visible' : 'hidden';
|
|
11219
11305
|
});
|
|
@@ -11221,7 +11307,7 @@ var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$F ||
|
|
|
11221
11307
|
var isVisible = _ref2.isVisible;
|
|
11222
11308
|
return isVisible ? 'visible' : 'hidden';
|
|
11223
11309
|
});
|
|
11224
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11310
|
+
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"])));
|
|
11225
11311
|
|
|
11226
11312
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
11227
11313
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -11302,15 +11388,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11302
11388
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11303
11389
|
};
|
|
11304
11390
|
|
|
11305
|
-
var _templateObject$
|
|
11306
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
11307
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
11308
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
11391
|
+
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
|
|
11392
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11393
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$12 || (_templateObject2$12 = /*#__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);
|
|
11394
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$Q || (_templateObject3$Q = /*#__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);
|
|
11309
11395
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__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) {
|
|
11310
11396
|
var isActive = _ref.isActive;
|
|
11311
11397
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
11312
11398
|
}, exports.Colors.MidGrey);
|
|
11313
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
11399
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
11314
11400
|
var isOpen = _ref2.isOpen;
|
|
11315
11401
|
return isOpen ? 'block' : 'none';
|
|
11316
11402
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -11466,15 +11552,15 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11466
11552
|
});
|
|
11467
11553
|
};
|
|
11468
11554
|
|
|
11469
|
-
var _templateObject$
|
|
11470
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11471
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11472
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11555
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$q;
|
|
11556
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11557
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11558
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11473
11559
|
var color = _ref.color;
|
|
11474
11560
|
return "var(--base-color-" + color + ")";
|
|
11475
11561
|
});
|
|
11476
11562
|
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11477
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11563
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11478
11564
|
var color = _ref2.color;
|
|
11479
11565
|
return "var(--base-color-" + color + ")";
|
|
11480
11566
|
});
|
|
@@ -11560,22 +11646,22 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11560
11646
|
}, strengthLabel))));
|
|
11561
11647
|
};
|
|
11562
11648
|
|
|
11563
|
-
var _templateObject$
|
|
11564
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11565
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11566
|
-
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11649
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11650
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11651
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11652
|
+
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11567
11653
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\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 padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11568
11654
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11569
11655
|
}, function (props) {
|
|
11570
11656
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11571
11657
|
}, devices.tablet, devices.mobile);
|
|
11572
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
11658
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\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 padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
11573
11659
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11574
11660
|
}, function (props) {
|
|
11575
11661
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11576
11662
|
}, devices.mobile);
|
|
11577
11663
|
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
11578
|
-
var PageNumber
|
|
11664
|
+
var PageNumber = /*#__PURE__*/styled__default.button(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
11579
11665
|
var active = _ref.active;
|
|
11580
11666
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11581
11667
|
});
|
|
@@ -11726,7 +11812,7 @@ var Table = function Table(_ref) {
|
|
|
11726
11812
|
});
|
|
11727
11813
|
}))), pagination && totalPages > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription$2, {
|
|
11728
11814
|
id: "pagination-description"
|
|
11729
|
-
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11815
|
+
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11730
11816
|
key: "previous-page",
|
|
11731
11817
|
onClick: function onClick() {
|
|
11732
11818
|
return setCurrentPage(currentPage - 1);
|
|
@@ -11736,12 +11822,12 @@ var Table = function Table(_ref) {
|
|
|
11736
11822
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
11737
11823
|
iconName: "DropdownArrow",
|
|
11738
11824
|
direction: "down"
|
|
11739
|
-
}))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11825
|
+
}))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11740
11826
|
key: "more-before"
|
|
11741
11827
|
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), reducedPageNumbers.map(function (number) {
|
|
11742
11828
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
11743
11829
|
key: number
|
|
11744
|
-
}, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11830
|
+
}, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11745
11831
|
key: number,
|
|
11746
11832
|
onClick: function onClick() {
|
|
11747
11833
|
return setCurrentPage(number);
|
|
@@ -11749,9 +11835,9 @@ var Table = function Table(_ref) {
|
|
|
11749
11835
|
tabIndex: 0,
|
|
11750
11836
|
active: "" + (number === currentPage)
|
|
11751
11837
|
}, number + 1));
|
|
11752
|
-
}), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11838
|
+
}), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11753
11839
|
key: "more-after"
|
|
11754
|
-
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11840
|
+
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11755
11841
|
key: "next-page",
|
|
11756
11842
|
onClick: function onClick() {
|
|
11757
11843
|
return setCurrentPage(currentPage + 1);
|
|
@@ -11764,18 +11850,18 @@ var Table = function Table(_ref) {
|
|
|
11764
11850
|
}))))))))));
|
|
11765
11851
|
};
|
|
11766
11852
|
|
|
11767
|
-
var _templateObject$
|
|
11768
|
-
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11853
|
+
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11854
|
+
var Wrapper$9 = /*#__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) {
|
|
11769
11855
|
var theme = _ref.theme;
|
|
11770
11856
|
return "var(--color-" + theme + ")";
|
|
11771
11857
|
}, function (_ref2) {
|
|
11772
11858
|
var theme = _ref2.theme;
|
|
11773
11859
|
return "var(--color-" + theme + ")";
|
|
11774
11860
|
});
|
|
11775
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11776
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11861
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11862
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$T || (_templateObject3$T = /*#__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);
|
|
11777
11863
|
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11778
|
-
var Form = /*#__PURE__*/styled__default.form(_templateObject5$
|
|
11864
|
+
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$1);
|
|
11779
11865
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__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);
|
|
11780
11866
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11781
11867
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
@@ -12188,9 +12274,9 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12188
12274
|
}))))));
|
|
12189
12275
|
};
|
|
12190
12276
|
|
|
12191
|
-
var _templateObject$
|
|
12192
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12193
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
12277
|
+
var _templateObject$1o, _templateObject3$U, _templateObject4$K;
|
|
12278
|
+
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\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, devices.mobile);
|
|
12279
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$U || (_templateObject3$U = /*#__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);
|
|
12194
12280
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12195
12281
|
|
|
12196
12282
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -12444,11 +12530,11 @@ var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
|
|
|
12444
12530
|
return themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren);
|
|
12445
12531
|
};
|
|
12446
12532
|
|
|
12447
|
-
var _excluded$
|
|
12533
|
+
var _excluded$r = ["logo", "slides"];
|
|
12448
12534
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
12449
12535
|
var logo = _ref.logo,
|
|
12450
12536
|
slides = _ref.slides,
|
|
12451
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12537
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
|
|
12452
12538
|
var slidesWithLinks = slides.map(function (slide) {
|
|
12453
12539
|
var links = processSlideLinks(slide.links);
|
|
12454
12540
|
return _extends({}, slide, {
|
|
@@ -12465,10 +12551,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
12465
12551
|
})));
|
|
12466
12552
|
};
|
|
12467
12553
|
|
|
12468
|
-
var _excluded$
|
|
12554
|
+
var _excluded$s = ["slides"];
|
|
12469
12555
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
12470
12556
|
var slides = _ref.slides,
|
|
12471
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12557
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
|
|
12472
12558
|
var slidesWithLinks = slides.map(function (slide) {
|
|
12473
12559
|
var links = processSlideLinks(slide.links);
|
|
12474
12560
|
return _extends({}, slide, {
|
|
@@ -12482,11 +12568,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
12482
12568
|
})));
|
|
12483
12569
|
};
|
|
12484
12570
|
|
|
12485
|
-
var _excluded$
|
|
12571
|
+
var _excluded$t = ["logo", "slides"];
|
|
12486
12572
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
12487
12573
|
var logo = _ref.logo,
|
|
12488
12574
|
slides = _ref.slides,
|
|
12489
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12575
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$t);
|
|
12490
12576
|
var slidesWithLinks = slides.map(function (slide) {
|
|
12491
12577
|
var links = processSlideLinks(slide.links);
|
|
12492
12578
|
return _extends({}, slide, {
|
|
@@ -12503,9 +12589,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12503
12589
|
})));
|
|
12504
12590
|
};
|
|
12505
12591
|
|
|
12506
|
-
var _templateObject$
|
|
12507
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12508
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12592
|
+
var _templateObject$1p, _templateObject3$V;
|
|
12593
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12594
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12509
12595
|
|
|
12510
12596
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12511
12597
|
var children = _ref.children;
|
|
@@ -12540,8 +12626,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
|
12540
12626
|
}))));
|
|
12541
12627
|
};
|
|
12542
12628
|
|
|
12543
|
-
var _templateObject$
|
|
12544
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1p || (_templateObject$1p = /*#__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: 6px;\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) {
|
|
12629
|
+
var _templateObject$1q;
|
|
12630
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (_templateObject$1q = /*#__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: 6px;\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) {
|
|
12545
12631
|
var theme = _ref.theme;
|
|
12546
12632
|
return theme.colors.primary;
|
|
12547
12633
|
}, function (_ref2) {
|
|
@@ -13530,6 +13616,7 @@ exports.HighlightsCarousel = HighlightsCarousel;
|
|
|
13530
13616
|
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
13531
13617
|
exports.HighlightsCarouselCore = HighlightsCore;
|
|
13532
13618
|
exports.HighlightsCarouselStream = HighlightsStream;
|
|
13619
|
+
exports.HotFilters = HotFilters;
|
|
13533
13620
|
exports.Icon = Icon;
|
|
13534
13621
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
13535
13622
|
exports.ImageWithCaption = ImageWithCaption;
|