@royaloperahouse/chord 0.5.11 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/README.md +1 -1
- package/dist/chord.cjs.development.js +172 -156
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +171 -157
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +3 -3
- package/dist/components/organisms/AnchorTapBar/AnchorTapBar.style.d.ts +0 -6
- package/dist/components/organisms/TitleWithCTA/TitleWithCTA.d.ts +4 -0
- package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +8 -0
- package/dist/components/organisms/TitleWithCTA/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/navigation.d.ts +16 -10
- package/package.json +1 -1
package/dist/chord.esm.js
CHANGED
|
@@ -3978,14 +3978,11 @@ var Footer = function Footer(_ref) {
|
|
|
3978
3978
|
}, additionalInfo)))));
|
|
3979
3979
|
};
|
|
3980
3980
|
|
|
3981
|
-
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$4
|
|
3981
|
+
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$4;
|
|
3982
3982
|
var AnchorTapbarWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), zIndexes.anchor);
|
|
3983
|
-
var
|
|
3984
|
-
var
|
|
3985
|
-
var
|
|
3986
|
-
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
3987
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
3988
|
-
var TabsList = /*#__PURE__*/styled.ul(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: 32px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref) {
|
|
3983
|
+
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
3984
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
3985
|
+
var TabsList = /*#__PURE__*/styled.ul(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: 32px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref) {
|
|
3989
3986
|
var tabsOverflow = _ref.tabsOverflow;
|
|
3990
3987
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
3991
3988
|
}, function (_ref2) {
|
|
@@ -3995,31 +3992,13 @@ var TabsList = /*#__PURE__*/styled.ul(_templateObject7$2 || (_templateObject7$2
|
|
|
3995
3992
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
3996
3993
|
return tabsOverflow ? 'calc(100% - 50px)' : '100%';
|
|
3997
3994
|
});
|
|
3998
|
-
var ArrowsContainer = /*#__PURE__*/styled.div(
|
|
3999
|
-
var ArrowWrapper = /*#__PURE__*/styled.div(
|
|
4000
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
4001
|
-
var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref4) {
|
|
4002
|
-
var theme = _ref4.theme;
|
|
4003
|
-
return theme.colors.primaryButtonReverseBg;
|
|
4004
|
-
}, function (_ref5) {
|
|
4005
|
-
var theme = _ref5.theme;
|
|
4006
|
-
return theme.colors.primaryButtonReverseBg;
|
|
4007
|
-
}, function (_ref6) {
|
|
4008
|
-
var theme = _ref6.theme;
|
|
4009
|
-
return theme.colors.primaryButtonReverse;
|
|
4010
|
-
}, function (_ref7) {
|
|
4011
|
-
var theme = _ref7.theme;
|
|
4012
|
-
return theme.colors.primaryButtonReverse;
|
|
4013
|
-
});
|
|
3995
|
+
var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 74px;\n height: var(--anchor-tabs-height);\n background-color: var(--base-color-white);\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n"])));
|
|
3996
|
+
var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n :hover {\n && svg path {\n fill: var(--base-color-primary);\n }\n }\n"])));
|
|
4014
3997
|
|
|
4015
|
-
var _excluded$7 = ["text"]
|
|
4016
|
-
_excluded2 = ["text"],
|
|
4017
|
-
_excluded3 = ["id", "text"];
|
|
3998
|
+
var _excluded$7 = ["id", "text"];
|
|
4018
3999
|
|
|
4019
4000
|
var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
4020
4001
|
var tabs = _ref.tabs,
|
|
4021
|
-
title = _ref.title,
|
|
4022
|
-
links = _ref.links,
|
|
4023
4002
|
onTabClick = _ref.onTabClick,
|
|
4024
4003
|
activeTab = _ref.activeTab;
|
|
4025
4004
|
var tabListRef = useRef(null);
|
|
@@ -4040,8 +4019,6 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
4040
4019
|
canScrollToRight = _useState4[0],
|
|
4041
4020
|
setCanScrollToRight = _useState4[1];
|
|
4042
4021
|
|
|
4043
|
-
var hasTitleOrLinks = title || links;
|
|
4044
|
-
|
|
4045
4022
|
var isSelectedItem = function isSelectedItem(id) {
|
|
4046
4023
|
return id === selectedItem;
|
|
4047
4024
|
};
|
|
@@ -4063,7 +4040,7 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
4063
4040
|
}, [tabListRef]);
|
|
4064
4041
|
useEffect(function () {
|
|
4065
4042
|
var scrollTriggerCheck = function scrollTriggerCheck() {
|
|
4066
|
-
var elementGap =
|
|
4043
|
+
var elementGap = 100;
|
|
4067
4044
|
var reachedItem = tabs == null ? void 0 : tabs.find(function (item) {
|
|
4068
4045
|
var targetSectionElement = document.getElementById(item.id);
|
|
4069
4046
|
if (!targetSectionElement) return false;
|
|
@@ -4100,18 +4077,10 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
4100
4077
|
return function () {
|
|
4101
4078
|
return document.removeEventListener('scroll', scrollTriggerCheck);
|
|
4102
4079
|
};
|
|
4103
|
-
}, [tabs, selectedItem,
|
|
4080
|
+
}, [tabs, selectedItem, tabListRef]);
|
|
4104
4081
|
var tabsColumnStart = tabsOverflow ? !canScrollToLeft ? 2 : 1 : 3;
|
|
4105
4082
|
var tabsColumnSpan = tabsOverflow ? !canScrollToLeft ? 14 : 15 : 13;
|
|
4106
4083
|
|
|
4107
|
-
var _ref3 = (links == null ? void 0 : links[0]) || {},
|
|
4108
|
-
primaryButtonText = _ref3.text,
|
|
4109
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded$7);
|
|
4110
|
-
|
|
4111
|
-
var _ref4 = (links == null ? void 0 : links[1]) || {},
|
|
4112
|
-
secondaryButtonText = _ref4.text,
|
|
4113
|
-
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref4, _excluded2);
|
|
4114
|
-
|
|
4115
4084
|
var scrollToRight = function scrollToRight() {
|
|
4116
4085
|
if (tabListRef.current) {
|
|
4117
4086
|
var scroll = tabListRef.current.scrollLeft;
|
|
@@ -4129,34 +4098,19 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
4129
4098
|
};
|
|
4130
4099
|
|
|
4131
4100
|
var onTabsScroll = function onTabsScroll() {
|
|
4132
|
-
var
|
|
4133
|
-
|
|
4134
|
-
scrollLeft =
|
|
4135
|
-
|
|
4136
|
-
clientWidth =
|
|
4137
|
-
|
|
4138
|
-
scrollWidth =
|
|
4101
|
+
var _ref3 = (tabListRef == null ? void 0 : tabListRef.current) || {},
|
|
4102
|
+
_ref3$scrollLeft = _ref3.scrollLeft,
|
|
4103
|
+
scrollLeft = _ref3$scrollLeft === void 0 ? 0 : _ref3$scrollLeft,
|
|
4104
|
+
_ref3$clientWidth = _ref3.clientWidth,
|
|
4105
|
+
clientWidth = _ref3$clientWidth === void 0 ? 0 : _ref3$clientWidth,
|
|
4106
|
+
_ref3$scrollWidth = _ref3.scrollWidth,
|
|
4107
|
+
scrollWidth = _ref3$scrollWidth === void 0 ? 0 : _ref3$scrollWidth;
|
|
4139
4108
|
|
|
4140
4109
|
setCanScrollToLeft(scrollLeft > 0);
|
|
4141
4110
|
setCanScrollToRight(scrollLeft + clientWidth < scrollWidth);
|
|
4142
4111
|
};
|
|
4143
4112
|
|
|
4144
|
-
return /*#__PURE__*/React__default.createElement(AnchorTapbarWrapper, null,
|
|
4145
|
-
columnStartDesktop: 2,
|
|
4146
|
-
columnSpanDesktop: 9,
|
|
4147
|
-
columnStartDevice: 2,
|
|
4148
|
-
columnSpanDevice: 12
|
|
4149
|
-
}, /*#__PURE__*/React__default.createElement(AnchorTitle, {
|
|
4150
|
-
"data-testid": "anchor-title"
|
|
4151
|
-
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
4152
|
-
level: 5
|
|
4153
|
-
}, title))) : null, links != null && links[0] ? /*#__PURE__*/React__default.createElement(ButtonsDesktopGridItem, {
|
|
4154
|
-
columnStartDesktop: 12,
|
|
4155
|
-
columnSpanDesktop: 5,
|
|
4156
|
-
columnStartDevice: 2,
|
|
4157
|
-
columnSpanDevice: 12,
|
|
4158
|
-
"data-testid": "anchor-ctas"
|
|
4159
|
-
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, primaryButtonProps), primaryButtonText), links != null && links[1] ? /*#__PURE__*/React__default.createElement(PrimaryButtonReverse, Object.assign({}, secondaryButtonProps), secondaryButtonText) : null) : null)) : null, /*#__PURE__*/React__default.createElement(TabsGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
4113
|
+
return /*#__PURE__*/React__default.createElement(AnchorTapbarWrapper, null, /*#__PURE__*/React__default.createElement(TabsGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
4160
4114
|
columnStartDesktop: tabsColumnStart,
|
|
4161
4115
|
columnSpanDesktop: tabsColumnSpan,
|
|
4162
4116
|
columnStartDevice: 2,
|
|
@@ -4167,10 +4121,10 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
4167
4121
|
ref: tabListRef,
|
|
4168
4122
|
tabsOverflow: tabsOverflow,
|
|
4169
4123
|
onScroll: onTabsScroll
|
|
4170
|
-
}, tabs.map(function (
|
|
4171
|
-
var id =
|
|
4172
|
-
text =
|
|
4173
|
-
rest = _objectWithoutPropertiesLoose(
|
|
4124
|
+
}, tabs.map(function (_ref4) {
|
|
4125
|
+
var id = _ref4.id,
|
|
4126
|
+
text = _ref4.text,
|
|
4127
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$7);
|
|
4174
4128
|
|
|
4175
4129
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
4176
4130
|
key: id
|
|
@@ -4191,7 +4145,7 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
4191
4145
|
onClick: scrollToRight
|
|
4192
4146
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
4193
4147
|
iconName: "Arrow"
|
|
4194
|
-
})) : null) : null)))
|
|
4148
|
+
})) : null) : null))));
|
|
4195
4149
|
};
|
|
4196
4150
|
|
|
4197
4151
|
var CarouselType;
|
|
@@ -4344,7 +4298,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
4344
4298
|
})))));
|
|
4345
4299
|
};
|
|
4346
4300
|
|
|
4347
|
-
var _templateObject$z, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$5, _templateObject6$5, _templateObject7$
|
|
4301
|
+
var _templateObject$z, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$5, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1;
|
|
4348
4302
|
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
4349
4303
|
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n h4 {\n margin: 0;\n padding: 0;\n }\n\n h5 {\n display: none;\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: 40px;\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: var(--line-height-altHeader-5);\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
4350
4304
|
var theme = _ref.theme;
|
|
@@ -4408,10 +4362,10 @@ var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject6$5 || (_templateOb
|
|
|
4408
4362
|
var theme = _ref19.theme;
|
|
4409
4363
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
4410
4364
|
}, devices.mobile);
|
|
4411
|
-
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
4412
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject8$
|
|
4413
|
-
var RotatorButtonsWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
4414
|
-
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject10$
|
|
4365
|
+
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4366
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4367
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
4368
|
+
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4415
4369
|
|
|
4416
4370
|
var _excluded$8 = ["text"];
|
|
4417
4371
|
|
|
@@ -4571,12 +4525,72 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
4571
4525
|
})));
|
|
4572
4526
|
};
|
|
4573
4527
|
|
|
4574
|
-
var _templateObject$A, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$6;
|
|
4575
|
-
var
|
|
4576
|
-
var
|
|
4577
|
-
|
|
4578
|
-
|
|
4579
|
-
var
|
|
4528
|
+
var _templateObject$A, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$6, _templateObject6$6;
|
|
4529
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
4530
|
+
var sticky = _ref.sticky;
|
|
4531
|
+
return sticky ? 'sticky' : 'initial';
|
|
4532
|
+
}, zIndexes.anchor);
|
|
4533
|
+
var CTAGridWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
4534
|
+
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n height: 50px;\n }\n }\n"])), devices.mobile);
|
|
4535
|
+
var ButtonsDesktopGridItem = /*#__PURE__*/styled(GridItem)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4536
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
4537
|
+
var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref2) {
|
|
4538
|
+
var theme = _ref2.theme;
|
|
4539
|
+
return theme.colors.primaryButtonReverseBg;
|
|
4540
|
+
}, function (_ref3) {
|
|
4541
|
+
var theme = _ref3.theme;
|
|
4542
|
+
return theme.colors.primaryButtonReverseBg;
|
|
4543
|
+
}, function (_ref4) {
|
|
4544
|
+
var theme = _ref4.theme;
|
|
4545
|
+
return theme.colors.primaryButtonReverse;
|
|
4546
|
+
}, function (_ref5) {
|
|
4547
|
+
var theme = _ref5.theme;
|
|
4548
|
+
return theme.colors.primaryButtonReverse;
|
|
4549
|
+
});
|
|
4550
|
+
|
|
4551
|
+
var _excluded$b = ["text"],
|
|
4552
|
+
_excluded2 = ["text"];
|
|
4553
|
+
|
|
4554
|
+
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
4555
|
+
var title = _ref.title,
|
|
4556
|
+
links = _ref.links,
|
|
4557
|
+
_ref$sticky = _ref.sticky,
|
|
4558
|
+
sticky = _ref$sticky === void 0 ? false : _ref$sticky;
|
|
4559
|
+
|
|
4560
|
+
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
4561
|
+
primaryButtonText = _ref2.text,
|
|
4562
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$b);
|
|
4563
|
+
|
|
4564
|
+
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
4565
|
+
secondaryButtonText = _ref3.text,
|
|
4566
|
+
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2);
|
|
4567
|
+
|
|
4568
|
+
return /*#__PURE__*/React__default.createElement(TitleCTAGridWrapper, {
|
|
4569
|
+
sticky: sticky
|
|
4570
|
+
}, /*#__PURE__*/React__default.createElement(CTAGridWrapper, null, title ? /*#__PURE__*/React__default.createElement(GridItem, {
|
|
4571
|
+
columnStartDesktop: 2,
|
|
4572
|
+
columnSpanDesktop: 9,
|
|
4573
|
+
columnStartDevice: 2,
|
|
4574
|
+
columnSpanDevice: 12
|
|
4575
|
+
}, /*#__PURE__*/React__default.createElement(AnchorTitle, {
|
|
4576
|
+
"data-testid": "anchor-title"
|
|
4577
|
+
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
4578
|
+
level: 5
|
|
4579
|
+
}, title))) : null, links != null && links[0] ? /*#__PURE__*/React__default.createElement(ButtonsDesktopGridItem, {
|
|
4580
|
+
columnStartDesktop: 12,
|
|
4581
|
+
columnSpanDesktop: 5,
|
|
4582
|
+
columnStartDevice: 2,
|
|
4583
|
+
columnSpanDevice: 12,
|
|
4584
|
+
"data-testid": "anchor-ctas"
|
|
4585
|
+
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, primaryButtonProps), primaryButtonText), links != null && links[1] ? /*#__PURE__*/React__default.createElement(PrimaryButtonReverse, Object.assign({}, secondaryButtonProps), secondaryButtonText) : null) : null), links != null && links[0] ? /*#__PURE__*/React__default.createElement(ButtonsMobileWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, primaryButtonProps), primaryButtonText)) : null);
|
|
4586
|
+
};
|
|
4587
|
+
|
|
4588
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$7;
|
|
4589
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4590
|
+
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
4591
|
+
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
4592
|
+
var TitleContainer$1 = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && a {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-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 margin: 28px 20px;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
4593
|
+
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s 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"])));
|
|
4580
4594
|
|
|
4581
4595
|
var Accordion = function Accordion(_ref) {
|
|
4582
4596
|
var _ref$title = _ref.title,
|
|
@@ -4618,8 +4632,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
4618
4632
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
4619
4633
|
};
|
|
4620
4634
|
|
|
4621
|
-
var _templateObject$
|
|
4622
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4635
|
+
var _templateObject$C;
|
|
4636
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4623
4637
|
|
|
4624
4638
|
var Accordions = function Accordions(_ref) {
|
|
4625
4639
|
var _ref$items = _ref.items,
|
|
@@ -4638,25 +4652,25 @@ var Accordions = function Accordions(_ref) {
|
|
|
4638
4652
|
}));
|
|
4639
4653
|
};
|
|
4640
4654
|
|
|
4641
|
-
var _templateObject$
|
|
4655
|
+
var _templateObject$D, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$8, _templateObject6$7, _templateObject7$3, _templateObject8$3, _templateObject9$2;
|
|
4642
4656
|
var LENGTH_LARGE_TEXT = 28;
|
|
4643
4657
|
var LENGTH_SMALL_TEXT = 19;
|
|
4644
4658
|
var LENGTH_TEXT_TABLET = 10;
|
|
4645
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4646
|
-
var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
4647
|
-
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
4648
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
4659
|
+
var CardContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
4660
|
+
var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: var(--base-color-primary);\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), zIndexes.contentOverlay);
|
|
4661
|
+
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
4662
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref) {
|
|
4649
4663
|
var fullWidth = _ref.fullWidth;
|
|
4650
4664
|
return fullWidth ? '0' : '20px';
|
|
4651
4665
|
}, function (_ref2) {
|
|
4652
4666
|
var fullWidth = _ref2.fullWidth;
|
|
4653
4667
|
return fullWidth ? '0' : '20px';
|
|
4654
4668
|
});
|
|
4655
|
-
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4656
|
-
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$
|
|
4657
|
-
var TextContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
4658
|
-
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject8$
|
|
4659
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject9$
|
|
4669
|
+
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4670
|
+
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
4671
|
+
var TextContainer = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__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-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
4672
|
+
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject8$3 || (_templateObject8$3 = /*#__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-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 display: block;\n overflow-wrap: break-word;\n"])));
|
|
4673
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n opacity: 0;\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref3) {
|
|
4660
4674
|
var size = _ref3.size,
|
|
4661
4675
|
primaryButtonTextLength = _ref3.primaryButtonTextLength,
|
|
4662
4676
|
tertiaryButtonTextLength = _ref3.tertiaryButtonTextLength;
|
|
@@ -4679,13 +4693,13 @@ var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templat
|
|
|
4679
4693
|
return '';
|
|
4680
4694
|
});
|
|
4681
4695
|
|
|
4682
|
-
var _templateObject$
|
|
4683
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
4684
|
-
var ElapsedProgressView = /*#__PURE__*/styled.div(_templateObject2$
|
|
4696
|
+
var _templateObject$E, _templateObject2$n, _templateObject3$h;
|
|
4697
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 100%;\n display: flex;\n flex-direction: row;\n"])));
|
|
4698
|
+
var ElapsedProgressView = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-progress);\n flex: ", ";\n"])), function (_ref) {
|
|
4685
4699
|
var progress = _ref.progress;
|
|
4686
4700
|
return progress;
|
|
4687
4701
|
});
|
|
4688
|
-
var PendingProgressView = /*#__PURE__*/styled.div(_templateObject3$
|
|
4702
|
+
var PendingProgressView = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n opacity: 0.5;\n flex: ", ";\n"])), function (_ref2) {
|
|
4689
4703
|
var progress = _ref2.progress;
|
|
4690
4704
|
return progress;
|
|
4691
4705
|
});
|
|
@@ -4702,7 +4716,7 @@ var Progress = function Progress(_ref) {
|
|
|
4702
4716
|
}));
|
|
4703
4717
|
};
|
|
4704
4718
|
|
|
4705
|
-
var _excluded$
|
|
4719
|
+
var _excluded$c = ["text"],
|
|
4706
4720
|
_excluded2$1 = ["text"];
|
|
4707
4721
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
4708
4722
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
@@ -4741,7 +4755,7 @@ var Card = function Card(_ref) {
|
|
|
4741
4755
|
var _ref2 = primaryButton || {},
|
|
4742
4756
|
_ref2$text = _ref2.text,
|
|
4743
4757
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4744
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4758
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
4745
4759
|
|
|
4746
4760
|
var primaryButtonTextTruncate = size === 'small' ? truncate(primaryButtonText, LENGTH_SMALL_TEXT$1) : truncate(primaryButtonText, LENGTH_LARGE_TEXT$1);
|
|
4747
4761
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4811,9 +4825,9 @@ var Card = function Card(_ref) {
|
|
|
4811
4825
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
4812
4826
|
};
|
|
4813
4827
|
|
|
4814
|
-
var _templateObject$
|
|
4815
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
4816
|
-
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
4828
|
+
var _templateObject$F, _templateObject2$o;
|
|
4829
|
+
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n {\n grid-row-gap: var(--cards-spacing-stack);\n }\n }\n"])), devices.mobile);
|
|
4830
|
+
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 1 / span 14;\n }\n }\n"])), devices.mobile);
|
|
4817
4831
|
|
|
4818
4832
|
var Cards = function Cards(_ref) {
|
|
4819
4833
|
var cards = _ref.cards,
|
|
@@ -4850,21 +4864,21 @@ var Cards = function Cards(_ref) {
|
|
|
4850
4864
|
}));
|
|
4851
4865
|
};
|
|
4852
4866
|
|
|
4853
|
-
var _templateObject$
|
|
4854
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
4867
|
+
var _templateObject$G, _templateObject2$p, _templateObject3$i, _templateObject4$d, _templateObject5$9;
|
|
4868
|
+
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
4855
4869
|
var imageToLeft = _ref.imageToLeft;
|
|
4856
4870
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
4857
4871
|
}, devices.mobile);
|
|
4858
|
-
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
4872
|
+
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
4859
4873
|
var imageToLeft = _ref2.imageToLeft;
|
|
4860
4874
|
return imageToLeft ? 'left' : 'right';
|
|
4861
4875
|
}, devices.mobile);
|
|
4862
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4876
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
4863
4877
|
var imageToLeft = _ref3.imageToLeft;
|
|
4864
4878
|
return imageToLeft ? 'right' : 'left';
|
|
4865
4879
|
}, devices.mobile);
|
|
4866
|
-
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$
|
|
4867
|
-
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$
|
|
4880
|
+
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$d || (_templateObject4$d = /*#__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"])));
|
|
4881
|
+
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__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 em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
4868
4882
|
|
|
4869
4883
|
var Editorial = function Editorial(_ref) {
|
|
4870
4884
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -4895,19 +4909,19 @@ var Editorial = function Editorial(_ref) {
|
|
|
4895
4909
|
})))));
|
|
4896
4910
|
};
|
|
4897
4911
|
|
|
4898
|
-
var _templateObject$
|
|
4899
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4912
|
+
var _templateObject$H, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$8, _templateObject7$4;
|
|
4913
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
4900
4914
|
var theme = _ref.theme;
|
|
4901
4915
|
return theme.colors.primary;
|
|
4902
4916
|
}, devices.mobile);
|
|
4903
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
4904
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4905
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4906
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
4907
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4908
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4917
|
+
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$q || (_templateObject2$q = /*#__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);
|
|
4918
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4919
|
+
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), devices.mobile);
|
|
4920
|
+
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
4921
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4922
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
4909
4923
|
|
|
4910
|
-
var _excluded$
|
|
4924
|
+
var _excluded$d = ["text"];
|
|
4911
4925
|
|
|
4912
4926
|
var PageHeading = function PageHeading(_ref) {
|
|
4913
4927
|
var title = _ref.title,
|
|
@@ -4919,7 +4933,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4919
4933
|
|
|
4920
4934
|
var _ref2 = link || {},
|
|
4921
4935
|
linkText = _ref2.text,
|
|
4922
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4936
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$d);
|
|
4923
4937
|
|
|
4924
4938
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
4925
4939
|
var truncatedTitle = title.substring(0, 40);
|
|
@@ -4940,11 +4954,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4940
4954
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
4941
4955
|
};
|
|
4942
4956
|
|
|
4943
|
-
var _excluded$
|
|
4957
|
+
var _excluded$e = ["link"];
|
|
4944
4958
|
|
|
4945
4959
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
4946
4960
|
var link = _ref.link,
|
|
4947
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4961
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
4948
4962
|
|
|
4949
4963
|
var coreLink = link && _extends({}, link, {
|
|
4950
4964
|
color: Colors.White,
|
|
@@ -4958,11 +4972,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
4958
4972
|
})));
|
|
4959
4973
|
};
|
|
4960
4974
|
|
|
4961
|
-
var _excluded$
|
|
4975
|
+
var _excluded$f = ["link"];
|
|
4962
4976
|
|
|
4963
4977
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
4964
4978
|
var link = _ref.link,
|
|
4965
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4979
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
|
|
4966
4980
|
|
|
4967
4981
|
var cinemaLink = link && _extends({}, link, {
|
|
4968
4982
|
color: Colors.Black,
|
|
@@ -4976,8 +4990,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
4976
4990
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
4977
4991
|
};
|
|
4978
4992
|
|
|
4979
|
-
var _templateObject$
|
|
4980
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4993
|
+
var _templateObject$I, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$9, _templateObject7$5;
|
|
4994
|
+
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n background-image: url('", "');\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n display: flex;\n align-items: center;\n\n ::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--base-color-black);\n filter: opacity(40%);\n z-index: ", ";\n }\n\n @media ", " {\n & {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n background-image: url('", "');\n background-position: center;\n display: flex;\n align-items: start;\n }\n }\n"])), function (_ref) {
|
|
4981
4995
|
var bgUrlDesktop = _ref.bgUrlDesktop;
|
|
4982
4996
|
return bgUrlDesktop;
|
|
4983
4997
|
}, zIndexes.content, devices.mobile, function (_ref2) {
|
|
@@ -4985,14 +4999,14 @@ var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$H || (_templateObjec
|
|
|
4985
4999
|
bgUrlDevice = _ref2.bgUrlDevice;
|
|
4986
5000
|
return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
|
|
4987
5001
|
});
|
|
4988
|
-
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
4989
|
-
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4990
|
-
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
4991
|
-
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4992
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4993
|
-
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
5002
|
+
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 . . . . . .'\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 . . . .'\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 & {\n grid-template-areas:\n '. . . . . 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 . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
5003
|
+
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__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.contentOverlay, devices.mobileAndTablet);
|
|
5004
|
+
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
5005
|
+
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__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(3 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(3 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-5);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5006
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__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: 0;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
5007
|
+
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__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 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);
|
|
4994
5008
|
|
|
4995
|
-
var _excluded$
|
|
5009
|
+
var _excluded$g = ["text"];
|
|
4996
5010
|
|
|
4997
5011
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
4998
5012
|
var children = _ref.children,
|
|
@@ -5007,7 +5021,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
5007
5021
|
|
|
5008
5022
|
var _ref2 = link || {},
|
|
5009
5023
|
linkText = _ref2.text,
|
|
5010
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
5024
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$g);
|
|
5011
5025
|
|
|
5012
5026
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
5013
5027
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -5034,11 +5048,11 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
5034
5048
|
}, "Scroll Down")) : null);
|
|
5035
5049
|
};
|
|
5036
5050
|
|
|
5037
|
-
var _excluded$
|
|
5051
|
+
var _excluded$h = ["link"];
|
|
5038
5052
|
|
|
5039
5053
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
5040
5054
|
var link = _ref.link,
|
|
5041
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
5055
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
5042
5056
|
|
|
5043
5057
|
var streamLink = link && _extends({}, link, {
|
|
5044
5058
|
color: Colors.Black,
|
|
@@ -5052,9 +5066,9 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
5052
5066
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null)));
|
|
5053
5067
|
};
|
|
5054
5068
|
|
|
5055
|
-
var _templateObject$
|
|
5056
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5057
|
-
var NameWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5069
|
+
var _templateObject$J, _templateObject2$s;
|
|
5070
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-people-listing-role);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
5071
|
+
var NameWrapper = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-people-listing-name);\n font-size: var(--font-size-individual-listing-name);\n font-weight: var(--font-weight-listing-name);\n line-height: var(--line-height-individual-listing-name);\n letter-spacing: var(--letter-spacing-body-1);\n overflow-wrap: break-word;\n\n & a {\n color: var(--base-color-black);\n\n :hover {\n color: var(--base-color-primary);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
5058
5072
|
|
|
5059
5073
|
var IndividualListing = function IndividualListing(_ref) {
|
|
5060
5074
|
var role = _ref.role,
|
|
@@ -5071,8 +5085,8 @@ var IndividualListing = function IndividualListing(_ref) {
|
|
|
5071
5085
|
}, name) : name));
|
|
5072
5086
|
};
|
|
5073
5087
|
|
|
5074
|
-
var _templateObject$
|
|
5075
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
5088
|
+
var _templateObject$K;
|
|
5089
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n"])));
|
|
5076
5090
|
|
|
5077
5091
|
var PeopleListing = function PeopleListing(_ref) {
|
|
5078
5092
|
var people = _ref.people;
|
|
@@ -5092,27 +5106,27 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5092
5106
|
}));
|
|
5093
5107
|
};
|
|
5094
5108
|
|
|
5095
|
-
var _templateObject$
|
|
5109
|
+
var _templateObject$L, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$a, _templateObject7$6;
|
|
5096
5110
|
var LENGTH_TEXT = 28;
|
|
5097
5111
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
5098
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
5112
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$L || (_templateObject$L = /*#__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) {
|
|
5099
5113
|
var imageToLeft = _ref.imageToLeft;
|
|
5100
5114
|
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'";
|
|
5101
5115
|
}, devices.tablet, function (_ref2) {
|
|
5102
5116
|
var imageToLeft = _ref2.imageToLeft;
|
|
5103
5117
|
return imageToLeft ? "'left left left left left left left . right right right right right .'" : "'. left left left left left . right right right right right right right'";
|
|
5104
5118
|
}, devices.mobile);
|
|
5105
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5119
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref3) {
|
|
5106
5120
|
var imageToLeft = _ref3.imageToLeft;
|
|
5107
5121
|
return imageToLeft ? 'left' : 'right';
|
|
5108
5122
|
}, devices.mobile);
|
|
5109
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
5123
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref4) {
|
|
5110
5124
|
var imageToLeft = _ref4.imageToLeft;
|
|
5111
5125
|
return imageToLeft ? 'right' : 'left';
|
|
5112
5126
|
}, devices.mobile);
|
|
5113
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
5114
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$
|
|
5115
|
-
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$
|
|
5127
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 32px 0;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n & {\n margin: 0 0 24px 0;\n }\n }\n"])), devices.mobile);
|
|
5128
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$c || (_templateObject5$c = /*#__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"])));
|
|
5129
|
+
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__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 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: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
5116
5130
|
var theme = _ref5.theme;
|
|
5117
5131
|
return theme.colors.black;
|
|
5118
5132
|
}, function (_ref6) {
|
|
@@ -5122,7 +5136,7 @@ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$9 || (_templat
|
|
|
5122
5136
|
var theme = _ref7.theme;
|
|
5123
5137
|
return theme.colors.primary;
|
|
5124
5138
|
});
|
|
5125
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$
|
|
5139
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__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 (_ref8) {
|
|
5126
5140
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
5127
5141
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
5128
5142
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -5148,7 +5162,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templat
|
|
|
5148
5162
|
return '';
|
|
5149
5163
|
});
|
|
5150
5164
|
|
|
5151
|
-
var _excluded$
|
|
5165
|
+
var _excluded$i = ["text"],
|
|
5152
5166
|
_excluded2$2 = ["text"];
|
|
5153
5167
|
var LENGTH_TEXT$1 = 28;
|
|
5154
5168
|
|
|
@@ -5175,7 +5189,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5175
5189
|
var _ref2 = primaryButton || {},
|
|
5176
5190
|
_ref2$text = _ref2.text,
|
|
5177
5191
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
5178
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
5192
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
5179
5193
|
|
|
5180
5194
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$1);
|
|
5181
5195
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -5209,8 +5223,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5209
5223
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
5210
5224
|
};
|
|
5211
5225
|
|
|
5212
|
-
var _templateObject$
|
|
5213
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5226
|
+
var _templateObject$M;
|
|
5227
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__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);
|
|
5214
5228
|
|
|
5215
5229
|
var SectionTitle = function SectionTitle(_ref) {
|
|
5216
5230
|
var title = _ref.title,
|
|
@@ -5236,8 +5250,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
5236
5250
|
}, description))));
|
|
5237
5251
|
};
|
|
5238
5252
|
|
|
5239
|
-
var _templateObject$
|
|
5240
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5253
|
+
var _templateObject$N;
|
|
5254
|
+
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__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 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\n & ul {\n padding: 0;\n list-style: none;\n margin-left: 20px;\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n\n & li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n"])));
|
|
5241
5255
|
|
|
5242
5256
|
var TextOnly = function TextOnly(_ref) {
|
|
5243
5257
|
var _ref$text = _ref.text,
|
|
@@ -5262,8 +5276,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
5262
5276
|
})));
|
|
5263
5277
|
};
|
|
5264
5278
|
|
|
5265
|
-
var _templateObject$
|
|
5266
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
5279
|
+
var _templateObject$O, _templateObject2$u;
|
|
5280
|
+
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__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"])), ImageAspectRatioWrapper, function (_ref) {
|
|
5267
5281
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
5268
5282
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
5269
5283
|
return aspectRatio;
|
|
@@ -5273,7 +5287,7 @@ var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N
|
|
|
5273
5287
|
height = _ref2.height;
|
|
5274
5288
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
5275
5289
|
});
|
|
5276
|
-
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5290
|
+
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__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"])));
|
|
5277
5291
|
|
|
5278
5292
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
5279
5293
|
var caption = _ref.caption,
|
|
@@ -5311,8 +5325,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
5311
5325
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
5312
5326
|
};
|
|
5313
5327
|
|
|
5314
|
-
var _templateObject$
|
|
5315
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$O || (_templateObject$O = /*#__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\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\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-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\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\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
5328
|
+
var _templateObject$P;
|
|
5329
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$P || (_templateObject$P = /*#__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\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\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-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\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\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
5316
5330
|
var theme = _ref.theme;
|
|
5317
5331
|
return theme.colors.primary;
|
|
5318
5332
|
}, function (_ref2) {
|
|
@@ -6196,5 +6210,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$O || (_templat
|
|
|
6196
6210
|
return theme.spacing[6];
|
|
6197
6211
|
}, devices.desktop, devices.largeDesktop);
|
|
6198
6212
|
|
|
6199
|
-
export { Accordion, Accordions, AltHeader, AnchorTapBar, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TabLink, Tabs, Button$1 as TertiaryButton, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TypeTags, devices };
|
|
6213
|
+
export { Accordion, Accordions, AltHeader, AnchorTapBar, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TitleWithCTA, TypeTags, devices };
|
|
6200
6214
|
//# sourceMappingURL=chord.esm.js.map
|