@royaloperahouse/chord 0.7.48 → 0.7.441
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 +2 -11
- package/dist/chord.cjs.development.js +70 -278
- 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 +71 -278
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +1 -5
- package/dist/components/molecules/index.d.ts +1 -2
- package/dist/index.d.ts +2 -2
- package/dist/types/editorial.d.ts +3 -11
- package/dist/types/types.d.ts +0 -1
- package/package.json +1 -1
- package/dist/components/molecules/Information/InfoCta.d.ts +0 -4
- package/dist/components/molecules/Information/Information.d.ts +0 -4
- package/dist/components/molecules/Information/Information.style.d.ts +0 -10
- package/dist/components/molecules/Information/index.d.ts +0 -2
- package/dist/types/information.d.ts +0 -85
|
@@ -5226,174 +5226,14 @@ var Editorial = function Editorial(_ref) {
|
|
|
5226
5226
|
})))));
|
|
5227
5227
|
};
|
|
5228
5228
|
|
|
5229
|
-
var
|
|
5230
|
-
|
|
5231
|
-
(function (CtaVariant) {
|
|
5232
|
-
CtaVariant["Primary"] = "Primary";
|
|
5233
|
-
CtaVariant["Secondary"] = "Secondary";
|
|
5234
|
-
CtaVariant["Tertiary"] = "Tertiary";
|
|
5235
|
-
CtaVariant["TextLink"] = "TextLink";
|
|
5236
|
-
})(CtaVariant || (CtaVariant = {}));
|
|
5237
|
-
|
|
5238
|
-
var CtaTheme;
|
|
5239
|
-
|
|
5240
|
-
(function (CtaTheme) {
|
|
5241
|
-
CtaTheme["Cinema"] = "Cinema";
|
|
5242
|
-
CtaTheme["Core"] = "Core";
|
|
5243
|
-
CtaTheme["Stream"] = "Stream";
|
|
5244
|
-
})(CtaTheme || (CtaTheme = {}));
|
|
5245
|
-
|
|
5246
|
-
var TitleVariant;
|
|
5247
|
-
|
|
5248
|
-
(function (TitleVariant) {
|
|
5249
|
-
TitleVariant["Header"] = "Header";
|
|
5250
|
-
TitleVariant["AltHeader"] = "AltHeader";
|
|
5251
|
-
})(TitleVariant || (TitleVariant = {}));
|
|
5252
|
-
|
|
5253
|
-
var BackgroundColour;
|
|
5254
|
-
|
|
5255
|
-
(function (BackgroundColour) {
|
|
5256
|
-
BackgroundColour["Cinema"] = "cinema";
|
|
5257
|
-
BackgroundColour["Core"] = "core";
|
|
5258
|
-
BackgroundColour["Stream"] = "stream";
|
|
5259
|
-
BackgroundColour["White"] = "white";
|
|
5260
|
-
})(BackgroundColour || (BackgroundColour = {}));
|
|
5261
|
-
|
|
5262
|
-
var _templateObject$K, _templateObject2$t, _templateObject3$l, _templateObject4$f;
|
|
5263
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
5264
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
5265
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
5266
|
-
if (!props.infoThemed) {
|
|
5267
|
-
return;
|
|
5268
|
-
} else {
|
|
5269
|
-
if (props.variant === CtaVariant.Primary || props.variant === CtaVariant.Secondary) {
|
|
5270
|
-
return "a {\n color: var(--base-color-black);\n background: var(--base-color-white);\n border-color: var(--base-color-transparent);\n }";
|
|
5271
|
-
} else {
|
|
5272
|
-
return "a {\n color: var(--base-color-white);\n background: var(--base-color-transparent});\n }\n svg > path {\n fill: var(--base-color-white);\n stroke: var(--base-color-white);\n stroke-width: 1;\n }\n ";
|
|
5273
|
-
}
|
|
5274
|
-
}
|
|
5275
|
-
});
|
|
5276
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
5277
|
-
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
5278
|
-
}, function (props) {
|
|
5279
|
-
return "var(--base-color-" + props.background + ")";
|
|
5280
|
-
});
|
|
5281
|
-
|
|
5282
|
-
var InfoCta = function InfoCta(_ref) {
|
|
5283
|
-
var _ref$variant = _ref.variant,
|
|
5284
|
-
variant = _ref$variant === void 0 ? CtaVariant.Primary : _ref$variant,
|
|
5285
|
-
_ref$theme = _ref.theme,
|
|
5286
|
-
theme = _ref$theme === void 0 ? CtaTheme.Core : _ref$theme,
|
|
5287
|
-
link = _ref.link,
|
|
5288
|
-
text = _ref.text,
|
|
5289
|
-
iconName = _ref.iconName,
|
|
5290
|
-
iconDirection = _ref.iconDirection,
|
|
5291
|
-
infoThemed = _ref.infoThemed;
|
|
5292
|
-
return /*#__PURE__*/React__default.createElement(InfoCTAWrapper, {
|
|
5293
|
-
variant: variant,
|
|
5294
|
-
infoThemed: infoThemed,
|
|
5295
|
-
theme: theme
|
|
5296
|
-
}, variant === CtaVariant.Secondary ? /*#__PURE__*/React__default.createElement(SecondaryButton, {
|
|
5297
|
-
color: exports.Colors[theme],
|
|
5298
|
-
href: link,
|
|
5299
|
-
iconName: iconName,
|
|
5300
|
-
iconDirection: iconDirection
|
|
5301
|
-
}, text) : variant === CtaVariant.Tertiary ? /*#__PURE__*/React__default.createElement(Button$1, {
|
|
5302
|
-
color: exports.Colors.Black,
|
|
5303
|
-
href: link,
|
|
5304
|
-
iconName: iconName,
|
|
5305
|
-
iconDirection: iconDirection
|
|
5306
|
-
}, text) : variant === CtaVariant.TextLink ? /*#__PURE__*/React__default.createElement(TextLink, {
|
|
5307
|
-
color: exports.Colors.Black,
|
|
5308
|
-
href: link,
|
|
5309
|
-
iconName: iconName,
|
|
5310
|
-
iconDirection: iconDirection
|
|
5311
|
-
}, text) : /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
5312
|
-
bgColor: exports.Colors[theme],
|
|
5313
|
-
href: link,
|
|
5314
|
-
iconName: iconName,
|
|
5315
|
-
iconDirection: iconDirection
|
|
5316
|
-
}, text));
|
|
5317
|
-
};
|
|
5318
|
-
|
|
5319
|
-
var defaultColumnSpan = 6;
|
|
5320
|
-
var smallColumnSpan = 4;
|
|
5321
|
-
var largeColumnSpan = 9;
|
|
5322
|
-
var mediumWordBreakpoint = 8;
|
|
5323
|
-
var longWordBreakpoint = 13;
|
|
5324
|
-
|
|
5325
|
-
var getColumnSpan = function getColumnSpan(variant, textSize, longestWordLength) {
|
|
5326
|
-
if (!(variant === TitleVariant.Header && textSize === 4)) return defaultColumnSpan;
|
|
5327
|
-
|
|
5328
|
-
switch (true) {
|
|
5329
|
-
case longestWordLength > longWordBreakpoint:
|
|
5330
|
-
return largeColumnSpan;
|
|
5331
|
-
|
|
5332
|
-
case longestWordLength < mediumWordBreakpoint:
|
|
5333
|
-
return smallColumnSpan;
|
|
5334
|
-
|
|
5335
|
-
default:
|
|
5336
|
-
return defaultColumnSpan;
|
|
5337
|
-
}
|
|
5338
|
-
};
|
|
5339
|
-
|
|
5340
|
-
var renderTitle = function renderTitle(props) {
|
|
5341
|
-
var headerLevel = props.variant === TitleVariant.Header && props.textSize < 4 ? 4 : props.textSize;
|
|
5342
|
-
return props.variant === TitleVariant.Header ? /*#__PURE__*/React__default.createElement(Header, {
|
|
5343
|
-
level: headerLevel
|
|
5344
|
-
}, props.text) : /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5345
|
-
level: headerLevel
|
|
5346
|
-
}, props.text);
|
|
5347
|
-
};
|
|
5348
|
-
|
|
5349
|
-
var Information = function Information(_ref) {
|
|
5350
|
-
var body = _ref.body,
|
|
5351
|
-
title = _ref.title,
|
|
5352
|
-
background = _ref.background,
|
|
5353
|
-
cta = _ref.cta;
|
|
5354
|
-
var titleWords = title.text.split(' ');
|
|
5355
|
-
var titleWordLengths = titleWords.map(function (word) {
|
|
5356
|
-
return word.length;
|
|
5357
|
-
});
|
|
5358
|
-
var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
|
|
5359
|
-
var titleColumnSpan = getColumnSpan(title.variant, title.textSize, maxTitleWordLength);
|
|
5360
|
-
var bgColour = background != null ? background : BackgroundColour.White;
|
|
5361
|
-
return /*#__PURE__*/React__default.createElement(InfoWrapper$1, {
|
|
5362
|
-
background: bgColour,
|
|
5363
|
-
"data-testid": "infoWrapper"
|
|
5364
|
-
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5365
|
-
columnStartDesktop: 2,
|
|
5366
|
-
columnStartDevice: 2,
|
|
5367
|
-
columnSpanDesktop: titleColumnSpan,
|
|
5368
|
-
columnSpanDevice: 14
|
|
5369
|
-
}, /*#__PURE__*/React__default.createElement(InfoTitle, null, renderTitle(title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5370
|
-
columnStartDesktop: titleColumnSpan + 2,
|
|
5371
|
-
columnStartDevice: 2,
|
|
5372
|
-
columnSpanDesktop: 14 - titleColumnSpan,
|
|
5373
|
-
columnSpanDevice: 14
|
|
5374
|
-
}, /*#__PURE__*/React__default.createElement(InfoContent, null, /*#__PURE__*/React__default.createElement("div", {
|
|
5375
|
-
dangerouslySetInnerHTML: {
|
|
5376
|
-
__html: body
|
|
5377
|
-
}
|
|
5378
|
-
}), cta && /*#__PURE__*/React__default.createElement(InfoCta, {
|
|
5379
|
-
link: cta.link,
|
|
5380
|
-
variant: cta.variant,
|
|
5381
|
-
theme: cta.theme,
|
|
5382
|
-
infoThemed: bgColour !== BackgroundColour.White,
|
|
5383
|
-
text: cta.text,
|
|
5384
|
-
iconName: cta.iconName,
|
|
5385
|
-
iconDirection: cta.iconDirection
|
|
5386
|
-
}))));
|
|
5387
|
-
};
|
|
5388
|
-
|
|
5389
|
-
var _templateObject$L, _templateObject2$u, _templateObject3$m, _templateObject4$g, _templateObject5$b, _templateObject6$8, _templateObject7$5, _templateObject8$5;
|
|
5390
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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) {
|
|
5229
|
+
var _templateObject$K, _templateObject2$t, _templateObject3$l, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$5, _templateObject8$5;
|
|
5230
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__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) {
|
|
5391
5231
|
var theme = _ref.theme;
|
|
5392
5232
|
return theme.colors.primary;
|
|
5393
5233
|
}, devices.mobile);
|
|
5394
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5395
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5396
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5234
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__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);
|
|
5235
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
5236
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__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);
|
|
5397
5237
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
5398
5238
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.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);
|
|
5399
5239
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__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);
|
|
@@ -5470,8 +5310,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
5470
5310
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
5471
5311
|
};
|
|
5472
5312
|
|
|
5473
|
-
var _templateObject$
|
|
5474
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5313
|
+
var _templateObject$L, _templateObject2$u, _templateObject3$m, _templateObject4$g, _templateObject5$c, _templateObject6$9, _templateObject7$6;
|
|
5314
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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) {
|
|
5475
5315
|
var bgUrlDesktop = _ref.bgUrlDesktop;
|
|
5476
5316
|
return bgUrlDesktop;
|
|
5477
5317
|
}, zIndexes.content, devices.mobile, function (_ref2) {
|
|
@@ -5479,10 +5319,10 @@ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$M || (_temp
|
|
|
5479
5319
|
bgUrlDevice = _ref2.bgUrlDevice;
|
|
5480
5320
|
return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
|
|
5481
5321
|
});
|
|
5482
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5483
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5484
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5485
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__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(
|
|
5322
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$u || (_templateObject2$u = /*#__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 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 & {\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 . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
5323
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__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);
|
|
5324
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
5325
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__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);
|
|
5486
5326
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.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);
|
|
5487
5327
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__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);
|
|
5488
5328
|
|
|
@@ -5528,8 +5368,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
5528
5368
|
}, "Scroll Down")) : null);
|
|
5529
5369
|
};
|
|
5530
5370
|
|
|
5531
|
-
var _templateObject$
|
|
5532
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5371
|
+
var _templateObject$M;
|
|
5372
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
5533
5373
|
|
|
5534
5374
|
var _excluded$h = ["link"];
|
|
5535
5375
|
|
|
@@ -5549,11 +5389,11 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
5549
5389
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
5550
5390
|
};
|
|
5551
5391
|
|
|
5552
|
-
var _templateObject$
|
|
5553
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5554
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5555
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5556
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5392
|
+
var _templateObject$N, _templateObject2$v, _templateObject3$n, _templateObject4$h, _templateObject5$d, _templateObject6$a;
|
|
5393
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$N || (_templateObject$N = /*#__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);
|
|
5394
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
5395
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
5396
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
5557
5397
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
5558
5398
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$a || (_templateObject6$a = /*#__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"])));
|
|
5559
5399
|
|
|
@@ -5606,47 +5446,44 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5606
5446
|
}));
|
|
5607
5447
|
};
|
|
5608
5448
|
|
|
5609
|
-
var _templateObject$
|
|
5449
|
+
var _templateObject$O, _templateObject2$w, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2;
|
|
5610
5450
|
var LENGTH_TEXT = 28;
|
|
5611
5451
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
5612
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5452
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
5613
5453
|
var imageToLeft = _ref.imageToLeft;
|
|
5614
5454
|
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'";
|
|
5615
5455
|
}, devices.tablet, function (_ref2) {
|
|
5616
5456
|
var imageToLeft = _ref2.imageToLeft;
|
|
5617
5457
|
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'";
|
|
5618
5458
|
}, devices.mobile);
|
|
5619
|
-
var
|
|
5459
|
+
var PromoWithTagsImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
5620
5460
|
var imageToLeft = _ref3.imageToLeft;
|
|
5621
5461
|
return imageToLeft ? 'left' : 'right';
|
|
5622
5462
|
}, devices.mobile);
|
|
5623
|
-
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5463
|
+
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
5624
5464
|
var imageToLeft = _ref4.imageToLeft;
|
|
5625
5465
|
return imageToLeft ? 'right' : 'left';
|
|
5626
|
-
}, devices.mobile
|
|
5627
|
-
|
|
5628
|
-
return hideSection ? 'none' : 'block';
|
|
5629
|
-
});
|
|
5630
|
-
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
5466
|
+
}, devices.mobile);
|
|
5467
|
+
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
5631
5468
|
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$e || (_templateObject5$e = /*#__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"])));
|
|
5632
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (
|
|
5633
|
-
var theme =
|
|
5469
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
5470
|
+
var theme = _ref5.theme;
|
|
5634
5471
|
return theme.colors.black;
|
|
5472
|
+
}, function (_ref6) {
|
|
5473
|
+
var theme = _ref6.theme;
|
|
5474
|
+
return theme.colors.darkgrey;
|
|
5635
5475
|
}, function (_ref7) {
|
|
5636
5476
|
var theme = _ref7.theme;
|
|
5637
|
-
return theme.colors.darkgrey;
|
|
5638
|
-
}, function (_ref8) {
|
|
5639
|
-
var theme = _ref8.theme;
|
|
5640
5477
|
return theme.colors.primary;
|
|
5641
5478
|
});
|
|
5642
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__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 (
|
|
5643
|
-
var hasTextLinks =
|
|
5479
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__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 (_ref8) {
|
|
5480
|
+
var hasTextLinks = _ref8.hasTextLinks;
|
|
5644
5481
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
5645
|
-
}, function (
|
|
5646
|
-
var
|
|
5647
|
-
primaryButtonTextLength =
|
|
5648
|
-
|
|
5649
|
-
tertiaryButtonTextLength =
|
|
5482
|
+
}, function (_ref9) {
|
|
5483
|
+
var _ref9$primaryButtonTe = _ref9.primaryButtonTextLength,
|
|
5484
|
+
primaryButtonTextLength = _ref9$primaryButtonTe === void 0 ? 0 : _ref9$primaryButtonTe,
|
|
5485
|
+
_ref9$tertiaryButtonT = _ref9.tertiaryButtonTextLength,
|
|
5486
|
+
tertiaryButtonTextLength = _ref9$tertiaryButtonT === void 0 ? 0 : _ref9$tertiaryButtonT;
|
|
5650
5487
|
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT || tertiaryButtonTextLength >= LENGTH_TEXT;
|
|
5651
5488
|
|
|
5652
5489
|
if (isLinksLayoutColumn) {
|
|
@@ -5654,11 +5491,11 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 ||
|
|
|
5654
5491
|
}
|
|
5655
5492
|
|
|
5656
5493
|
return '';
|
|
5657
|
-
}, devices.mobile, devices.tablet, function (
|
|
5658
|
-
var
|
|
5659
|
-
primaryButtonTextLength =
|
|
5660
|
-
|
|
5661
|
-
tertiaryButtonTextLength =
|
|
5494
|
+
}, devices.mobile, devices.tablet, function (_ref10) {
|
|
5495
|
+
var _ref10$primaryButtonT = _ref10.primaryButtonTextLength,
|
|
5496
|
+
primaryButtonTextLength = _ref10$primaryButtonT === void 0 ? 0 : _ref10$primaryButtonT,
|
|
5497
|
+
_ref10$tertiaryButton = _ref10.tertiaryButtonTextLength,
|
|
5498
|
+
tertiaryButtonTextLength = _ref10$tertiaryButton === void 0 ? 0 : _ref10$tertiaryButton;
|
|
5662
5499
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$1 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$1;
|
|
5663
5500
|
|
|
5664
5501
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5667,17 +5504,13 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 ||
|
|
|
5667
5504
|
|
|
5668
5505
|
return '';
|
|
5669
5506
|
});
|
|
5670
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (
|
|
5671
|
-
var marginBottom =
|
|
5507
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref11) {
|
|
5508
|
+
var marginBottom = _ref11.marginBottom;
|
|
5672
5509
|
return marginBottom + "px";
|
|
5673
5510
|
});
|
|
5674
5511
|
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
5675
5512
|
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
5676
5513
|
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
5677
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
5678
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
5679
|
-
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n"])));
|
|
5680
|
-
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5681
5514
|
|
|
5682
5515
|
var _excluded$i = ["text"],
|
|
5683
5516
|
_excluded2$2 = ["text"],
|
|
@@ -5699,12 +5532,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5699
5532
|
aboveTitleTags = _ref.aboveTitleTags,
|
|
5700
5533
|
belowTitleTags = _ref.belowTitleTags,
|
|
5701
5534
|
middleText = _ref.middleText,
|
|
5702
|
-
bottomText = _ref.bottomText
|
|
5703
|
-
image = _ref.image;
|
|
5704
|
-
|
|
5705
|
-
var _useState = React.useState(false),
|
|
5706
|
-
showExtraContent = _useState[0],
|
|
5707
|
-
setShowExtraContent = _useState[1];
|
|
5535
|
+
bottomText = _ref.bottomText;
|
|
5708
5536
|
|
|
5709
5537
|
var truncate = function truncate(str, n) {
|
|
5710
5538
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -5712,19 +5540,6 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5712
5540
|
|
|
5713
5541
|
var imageToLeft = imagePosition === 'left';
|
|
5714
5542
|
var titleLevel = titleSize === 'large' ? 2 : 3;
|
|
5715
|
-
var isExtraContentPresent = !!children;
|
|
5716
|
-
var anchorLink = title.replace(' ', '-').toLocaleLowerCase() + "-content";
|
|
5717
|
-
|
|
5718
|
-
var handleExtraContent = function handleExtraContent(e) {
|
|
5719
|
-
e.preventDefault();
|
|
5720
|
-
setShowExtraContent(true);
|
|
5721
|
-
|
|
5722
|
-
if (window.matchMedia && window.matchMedia(devices.mobile).matches) {
|
|
5723
|
-
window.location.href = "#" + anchorLink;
|
|
5724
|
-
}
|
|
5725
|
-
};
|
|
5726
|
-
|
|
5727
|
-
var defaultOnClickHandler = isExtraContentPresent ? handleExtraContent : undefined;
|
|
5728
5543
|
var primaryButton = links == null ? void 0 : links[0];
|
|
5729
5544
|
|
|
5730
5545
|
var _ref2 = primaryButton || {},
|
|
@@ -5749,12 +5564,15 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5749
5564
|
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, Object.assign({}, restTextLink), textLinkText));
|
|
5750
5565
|
}) : null;
|
|
5751
5566
|
return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
|
|
5752
|
-
id: anchorLink,
|
|
5753
5567
|
imageToLeft: imageToLeft
|
|
5754
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5568
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsImageWrapper, {
|
|
5569
|
+
"data-testid": "image-wrapper",
|
|
5570
|
+
imageToLeft: imageToLeft
|
|
5571
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5572
|
+
aspectRatio: exports.AspectRatio['4:3']
|
|
5573
|
+
}, children)), /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
|
|
5755
5574
|
"data-testid": "content-wrapper",
|
|
5756
|
-
imageToLeft: imageToLeft
|
|
5757
|
-
hideSection: showExtraContent
|
|
5575
|
+
imageToLeft: imageToLeft
|
|
5758
5576
|
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5759
5577
|
marginBottom: 16
|
|
5760
5578
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
@@ -5782,53 +5600,28 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5782
5600
|
"data-testid": "buttons-wrapper",
|
|
5783
5601
|
primaryButtonTextLength: primaryButtonText.length,
|
|
5784
5602
|
tertiaryButtonTextLength: tertiaryButtonText.length
|
|
5785
|
-
}, primaryButton && /*#__PURE__*/React__default.createElement(
|
|
5786
|
-
onClick: defaultOnClickHandler
|
|
5787
|
-
}, restPrimaryButton), primaryButtonTextTruncate)), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))), /*#__PURE__*/React__default.createElement(PromoWithTagsExtraContentWrapper, {
|
|
5788
|
-
"data-testid": "extra-content-wrapper",
|
|
5789
|
-
imageToLeft: imageToLeft
|
|
5790
|
-
}, showExtraContent && /*#__PURE__*/React__default.createElement(MobileTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5791
|
-
level: titleLevel
|
|
5792
|
-
}, title)), /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5793
|
-
aspectRatio: exports.AspectRatio['4:3']
|
|
5794
|
-
}, isExtraContentPresent && showExtraContent ? /*#__PURE__*/React__default.createElement(ExtraContentWrapper, null, children, /*#__PURE__*/React__default.createElement(IconWrapper$2, {
|
|
5795
|
-
"data-testid": "extra-content-close-button",
|
|
5796
|
-
onClick: function onClick() {
|
|
5797
|
-
return setShowExtraContent(false);
|
|
5798
|
-
},
|
|
5799
|
-
tabIndex: 0,
|
|
5800
|
-
onKeyPress: function onKeyPress(e) {
|
|
5801
|
-
e.key === 'Enter' && setShowExtraContent(false);
|
|
5802
|
-
}
|
|
5803
|
-
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5804
|
-
iconName: "Close",
|
|
5805
|
-
color: exports.Colors.Black
|
|
5806
|
-
}))) : image && /*#__PURE__*/React__default.createElement("img", {
|
|
5807
|
-
"data-testid": "promo-with-tags-image",
|
|
5808
|
-
src: image.src,
|
|
5809
|
-
alt: image.alt
|
|
5810
|
-
}))));
|
|
5603
|
+
}, primaryButton && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))));
|
|
5811
5604
|
};
|
|
5812
5605
|
|
|
5813
|
-
var _templateObject$
|
|
5606
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$f, _templateObject6$c, _templateObject7$8;
|
|
5814
5607
|
var LENGTH_TEXT$2 = 28;
|
|
5815
5608
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
5816
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5609
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__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) {
|
|
5817
5610
|
var imageToLeft = _ref.imageToLeft;
|
|
5818
5611
|
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'";
|
|
5819
5612
|
}, devices.tablet, function (_ref2) {
|
|
5820
5613
|
var imageToLeft = _ref2.imageToLeft;
|
|
5821
5614
|
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'";
|
|
5822
5615
|
}, devices.mobile);
|
|
5823
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5616
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
5824
5617
|
var imageToLeft = _ref3.imageToLeft;
|
|
5825
5618
|
return imageToLeft ? 'left' : 'right';
|
|
5826
5619
|
}, devices.mobile);
|
|
5827
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5620
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
5828
5621
|
var imageToLeft = _ref4.imageToLeft;
|
|
5829
5622
|
return imageToLeft ? 'right' : 'left';
|
|
5830
5623
|
}, devices.mobile);
|
|
5831
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5624
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
5832
5625
|
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$f || (_templateObject5$f = /*#__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"])));
|
|
5833
5626
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__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: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
5834
5627
|
var theme = _ref5.theme;
|
|
@@ -5927,8 +5720,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5927
5720
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
5928
5721
|
};
|
|
5929
5722
|
|
|
5930
|
-
var _templateObject$
|
|
5931
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5723
|
+
var _templateObject$Q;
|
|
5724
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__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);
|
|
5932
5725
|
|
|
5933
5726
|
var SectionTitle = function SectionTitle(_ref) {
|
|
5934
5727
|
var title = _ref.title,
|
|
@@ -5954,8 +5747,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
5954
5747
|
}, description))));
|
|
5955
5748
|
};
|
|
5956
5749
|
|
|
5957
|
-
var _templateObject$
|
|
5958
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5750
|
+
var _templateObject$R;
|
|
5751
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__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 h2,\n h3,\n h4 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\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: 0 0 0 30px;\n\n li {\n text-indent: -24px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
5959
5752
|
var theme = _ref.theme;
|
|
5960
5753
|
return theme.colors.primary;
|
|
5961
5754
|
});
|
|
@@ -5983,8 +5776,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
5983
5776
|
})));
|
|
5984
5777
|
};
|
|
5985
5778
|
|
|
5986
|
-
var _templateObject$
|
|
5987
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5779
|
+
var _templateObject$S, _templateObject2$y;
|
|
5780
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__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) {
|
|
5988
5781
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
5989
5782
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
5990
5783
|
return aspectRatio;
|
|
@@ -5994,7 +5787,7 @@ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$T || (_template
|
|
|
5994
5787
|
height = _ref2.height;
|
|
5995
5788
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
5996
5789
|
});
|
|
5997
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5790
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__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"])));
|
|
5998
5791
|
|
|
5999
5792
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
6000
5793
|
var caption = _ref.caption,
|
|
@@ -6032,13 +5825,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
6032
5825
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
6033
5826
|
};
|
|
6034
5827
|
|
|
6035
|
-
var _templateObject$
|
|
6036
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6037
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5828
|
+
var _templateObject$T, _templateObject2$z, _templateObject3$q;
|
|
5829
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
5830
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
6038
5831
|
var displayAttribution = _ref.displayAttribution;
|
|
6039
5832
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
6040
5833
|
});
|
|
6041
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5834
|
+
var Line = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__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);
|
|
6042
5835
|
|
|
6043
5836
|
var Quote = function Quote(_ref) {
|
|
6044
5837
|
var text = _ref.text,
|
|
@@ -6062,8 +5855,8 @@ var Quote = function Quote(_ref) {
|
|
|
6062
5855
|
}, attribution))));
|
|
6063
5856
|
};
|
|
6064
5857
|
|
|
6065
|
-
var _templateObject$
|
|
6066
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$V || (_templateObject$V = /*#__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 --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
5858
|
+
var _templateObject$U;
|
|
5859
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$U || (_templateObject$U = /*#__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 --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
6067
5860
|
var theme = _ref.theme;
|
|
6068
5861
|
return theme.colors.primary;
|
|
6069
5862
|
}, function (_ref2) {
|
|
@@ -6981,7 +6774,6 @@ exports.HighlightsCarouselStream = HighlightsStream;
|
|
|
6981
6774
|
exports.Icon = Icon;
|
|
6982
6775
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
6983
6776
|
exports.ImageWithCaption = ImageWithCaption;
|
|
6984
|
-
exports.Information = Information;
|
|
6985
6777
|
exports.LiveChat = LiveChat;
|
|
6986
6778
|
exports.Navigation = Navigation;
|
|
6987
6779
|
exports.Overline = Overline;
|