@royaloperahouse/chord 2.2.7-b-chord-development → 2.2.8-a-chord-development
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 +3 -0
- package/dist/chord.cjs.development.js +168 -102
- 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 +168 -103
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.d.ts +4 -0
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/12px/Expand.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Utility/Remove.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
- package/dist/components/molecules/Card/Card.style.d.ts +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/styles/themes.d.ts +20 -12
- package/dist/types/buttonTypes.d.ts +14 -0
- package/dist/types/card.d.ts +5 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +1 -1
|
@@ -627,6 +627,7 @@ var core = /*#__PURE__*/_extends({}, common, {
|
|
|
627
627
|
primaryButton: colors.core,
|
|
628
628
|
secondaryButton: commonColors.white,
|
|
629
629
|
tertiaryButton: 'transparent',
|
|
630
|
+
auxiliaryButton: 'transparent',
|
|
630
631
|
primaryButtonReverseBg: colors.cinema,
|
|
631
632
|
primaryButtonReverse: commonColors.white
|
|
632
633
|
})
|
|
@@ -635,30 +636,33 @@ var stream = /*#__PURE__*/_extends({}, common, {
|
|
|
635
636
|
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
636
637
|
primary: colors.stream,
|
|
637
638
|
primaryButton: colors.stream,
|
|
639
|
+
primaryButtonReverseBg: colors.cinema,
|
|
640
|
+
primaryButtonReverse: commonColors.white,
|
|
638
641
|
secondaryButton: commonColors.white,
|
|
639
642
|
tertiaryButton: 'transparent',
|
|
640
|
-
|
|
641
|
-
primaryButtonReverse: commonColors.white
|
|
643
|
+
auxiliaryButton: 'transparent'
|
|
642
644
|
})
|
|
643
645
|
});
|
|
644
646
|
var cinema = /*#__PURE__*/_extends({}, common, {
|
|
645
647
|
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
646
648
|
primary: colors.cinema,
|
|
647
649
|
primaryButton: commonColors.white,
|
|
650
|
+
primaryButtonReverseBg: commonColors.white,
|
|
651
|
+
primaryButtonReverse: colors.cinema,
|
|
648
652
|
secondaryButton: commonColors.white,
|
|
649
653
|
tertiaryButton: 'transparent',
|
|
650
|
-
|
|
651
|
-
primaryButtonReverse: colors.cinema
|
|
654
|
+
auxiliaryButton: 'transparent'
|
|
652
655
|
})
|
|
653
656
|
});
|
|
654
657
|
var schools = /*#__PURE__*/_extends({}, common, {
|
|
655
658
|
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
656
659
|
primary: colors.core,
|
|
657
660
|
primaryButton: colors.core,
|
|
661
|
+
primaryButtonReverseBg: colors.cinema,
|
|
662
|
+
primaryButtonReverse: commonColors.white,
|
|
658
663
|
secondaryButton: commonColors.white,
|
|
659
664
|
tertiaryButton: 'transparent',
|
|
660
|
-
|
|
661
|
-
primaryButtonReverse: commonColors.white
|
|
665
|
+
auxiliaryButton: 'transparent'
|
|
662
666
|
}),
|
|
663
667
|
fonts: /*#__PURE__*/_extends({}, common.fonts, {
|
|
664
668
|
desktop: /*#__PURE__*/_extends({}, common.fonts.desktop, {
|
|
@@ -708,21 +712,36 @@ var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$3 || (_templateO
|
|
|
708
712
|
return color || 'black';
|
|
709
713
|
}, core.colors.black);
|
|
710
714
|
|
|
711
|
-
var
|
|
715
|
+
var Expand12px = (function (_ref) {
|
|
712
716
|
var _ref$color = _ref.color,
|
|
713
717
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
714
718
|
return /*#__PURE__*/React.createElement("svg", {
|
|
715
|
-
|
|
716
|
-
|
|
719
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
720
|
+
width: "12",
|
|
721
|
+
height: "12",
|
|
717
722
|
viewBox: "0 0 12 12",
|
|
718
|
-
fill: "none"
|
|
719
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
723
|
+
fill: "none"
|
|
720
724
|
}, /*#__PURE__*/React.createElement("path", {
|
|
721
|
-
d: "M7.
|
|
725
|
+
d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
|
|
722
726
|
fill: color
|
|
723
727
|
}));
|
|
724
728
|
});
|
|
725
729
|
|
|
730
|
+
var Remove12px = (function (_ref) {
|
|
731
|
+
var _ref$color = _ref.color,
|
|
732
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
733
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
734
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
735
|
+
width: "12",
|
|
736
|
+
height: "12",
|
|
737
|
+
viewBox: "0 0 12 12",
|
|
738
|
+
fill: "none"
|
|
739
|
+
}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
|
|
740
|
+
d: "M6.9956 5.96581L11.8642 10.8344L10.9042 11.7944L6.0356 6.92581L1.16703 11.7944L0.207031 10.8344L5.0756 5.96581L0.207031 1.16581L1.16703 0.205811L6.0356 5.07438L10.9042 0.205811L11.8642 1.16581L6.9956 5.96581Z",
|
|
741
|
+
fill: color
|
|
742
|
+
})));
|
|
743
|
+
});
|
|
744
|
+
|
|
726
745
|
var Tick = (function (_ref) {
|
|
727
746
|
var _ref$color = _ref.color,
|
|
728
747
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
@@ -1842,6 +1861,21 @@ var Refresh = (function (_ref) {
|
|
|
1842
1861
|
}));
|
|
1843
1862
|
});
|
|
1844
1863
|
|
|
1864
|
+
var Remove = (function (_ref) {
|
|
1865
|
+
var _ref$color = _ref.color,
|
|
1866
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
1867
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
1868
|
+
width: "100%",
|
|
1869
|
+
height: "100%",
|
|
1870
|
+
viewBox: "0 0 12 12",
|
|
1871
|
+
fill: "none",
|
|
1872
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1873
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
1874
|
+
d: "M7.06066 5.93957L11.0001 2.00011L9.93945 0.939453L6 4.87891L2.06055 0.939453L0.999887 2.00011L4.93934 5.93957L0.939453 9.93945L2.00011 11.0001L6 7.00023L9.99989 11.0001L11.0605 9.93945L7.06066 5.93957Z",
|
|
1875
|
+
fill: color
|
|
1876
|
+
}));
|
|
1877
|
+
});
|
|
1878
|
+
|
|
1845
1879
|
var Star = (function (_ref) {
|
|
1846
1880
|
var _ref$color = _ref.color,
|
|
1847
1881
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
@@ -2154,6 +2188,7 @@ var IconLibrary = {
|
|
|
2154
2188
|
EditMyList: EditMyList,
|
|
2155
2189
|
Email: Email,
|
|
2156
2190
|
Expand: Expand,
|
|
2191
|
+
Expand12px: Expand12px,
|
|
2157
2192
|
ExternalLink: ExternalLink,
|
|
2158
2193
|
Facebook: Facebook,
|
|
2159
2194
|
Favourite: Favourite,
|
|
@@ -2183,6 +2218,7 @@ var IconLibrary = {
|
|
|
2183
2218
|
Refresh: Refresh,
|
|
2184
2219
|
Reminder: Reminder,
|
|
2185
2220
|
Remove: Remove,
|
|
2221
|
+
Remove12px: Remove12px,
|
|
2186
2222
|
Restart: Restart,
|
|
2187
2223
|
Search: Search,
|
|
2188
2224
|
Seat: Seat,
|
|
@@ -2226,12 +2262,13 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2226
2262
|
});
|
|
2227
2263
|
Icon.displayName = 'Icon';
|
|
2228
2264
|
|
|
2229
|
-
var _excluded = ["children", "iconName", "iconDirection", "color"];
|
|
2265
|
+
var _excluded = ["children", "iconName", "iconDirection", "iconClassName", "color"];
|
|
2230
2266
|
|
|
2231
2267
|
var Button = function Button(_ref) {
|
|
2232
2268
|
var children = _ref.children,
|
|
2233
2269
|
iconName = _ref.iconName,
|
|
2234
2270
|
iconDirection = _ref.iconDirection,
|
|
2271
|
+
iconClassName = _ref.iconClassName,
|
|
2235
2272
|
color = _ref.color,
|
|
2236
2273
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
2237
2274
|
|
|
@@ -2240,7 +2277,8 @@ var Button = function Button(_ref) {
|
|
|
2240
2277
|
color: color,
|
|
2241
2278
|
iconName: iconName
|
|
2242
2279
|
}), iconName ? /*#__PURE__*/React__default.createElement(ButtonIconWrapper, {
|
|
2243
|
-
"data-testid": "button-icon"
|
|
2280
|
+
"data-testid": "button-icon",
|
|
2281
|
+
className: iconClassName
|
|
2244
2282
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
2245
2283
|
iconName: iconName,
|
|
2246
2284
|
direction: iconDirection,
|
|
@@ -6125,11 +6163,35 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6125
6163
|
}))))));
|
|
6126
6164
|
};
|
|
6127
6165
|
|
|
6128
|
-
var _templateObject$P
|
|
6166
|
+
var _templateObject$P;
|
|
6167
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
6168
|
+
var bgColor = _ref.bgColor,
|
|
6169
|
+
theme = _ref.theme;
|
|
6170
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
6171
|
+
}, function (_ref2) {
|
|
6172
|
+
var color = _ref2.color;
|
|
6173
|
+
return color;
|
|
6174
|
+
});
|
|
6175
|
+
|
|
6176
|
+
var _excluded$d = ["children"];
|
|
6177
|
+
|
|
6178
|
+
var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
6179
|
+
var _props$color;
|
|
6180
|
+
|
|
6181
|
+
var children = _ref.children,
|
|
6182
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
6183
|
+
|
|
6184
|
+
return /*#__PURE__*/React__default.createElement(AuxiliaryButtonWrapper, Object.assign({}, props, {
|
|
6185
|
+
color: (_props$color = props.color) != null ? _props$color : exports.Colors.Black,
|
|
6186
|
+
iconClassName: "auxiliaryButtonIcon"
|
|
6187
|
+
}), children);
|
|
6188
|
+
};
|
|
6189
|
+
|
|
6190
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$e, _templateObject6$c, _templateObject7$7, _templateObject8$5, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
6129
6191
|
var LENGTH_LARGE_TEXT = 28;
|
|
6130
6192
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6131
6193
|
var LENGTH_TEXT_TABLET = 10;
|
|
6132
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6194
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
6133
6195
|
var isCardClickable = _ref.isCardClickable;
|
|
6134
6196
|
return isCardClickable ? 'pointer' : 'default';
|
|
6135
6197
|
}, function (_ref2) {
|
|
@@ -6162,12 +6224,13 @@ var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_t
|
|
|
6162
6224
|
var isGridCard = _ref7.isGridCard;
|
|
6163
6225
|
return isGridCard ? '20px' : '0';
|
|
6164
6226
|
});
|
|
6165
|
-
var
|
|
6227
|
+
var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n"])));
|
|
6228
|
+
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (_ref8) {
|
|
6166
6229
|
var bgColor = _ref8.bgColor,
|
|
6167
6230
|
theme = _ref8.theme;
|
|
6168
6231
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
6169
6232
|
});
|
|
6170
|
-
var LabelIconWrapper = /*#__PURE__*/styled__default.div(
|
|
6233
|
+
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
6171
6234
|
|
|
6172
6235
|
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
6173
6236
|
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
@@ -6179,7 +6242,7 @@ var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
|
6179
6242
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
6180
6243
|
};
|
|
6181
6244
|
|
|
6182
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(
|
|
6245
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (_ref11) {
|
|
6183
6246
|
var size = _ref11.size,
|
|
6184
6247
|
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
6185
6248
|
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
@@ -6274,7 +6337,7 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
|
|
|
6274
6337
|
return truncateHtmlString(nodeString, resultLength, addDots);
|
|
6275
6338
|
};
|
|
6276
6339
|
|
|
6277
|
-
var _excluded$
|
|
6340
|
+
var _excluded$e = ["text"],
|
|
6278
6341
|
_excluded2$1 = ["text"];
|
|
6279
6342
|
|
|
6280
6343
|
var _buttonTypeToButton;
|
|
@@ -6311,7 +6374,8 @@ var Card = function Card(_ref) {
|
|
|
6311
6374
|
hoverLineColor = _ref.hoverLineColor,
|
|
6312
6375
|
labelParams = _ref.labelParams,
|
|
6313
6376
|
_ref$isGridCard = _ref.isGridCard,
|
|
6314
|
-
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard
|
|
6377
|
+
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard,
|
|
6378
|
+
auxiliaryCTA = _ref.auxiliaryCTA;
|
|
6315
6379
|
|
|
6316
6380
|
var truncate = function truncate(str, n) {
|
|
6317
6381
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -6329,7 +6393,7 @@ var Card = function Card(_ref) {
|
|
|
6329
6393
|
var _ref2 = firstButton || {},
|
|
6330
6394
|
_ref2$text = _ref2.text,
|
|
6331
6395
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6332
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6396
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
|
|
6333
6397
|
|
|
6334
6398
|
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
6335
6399
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6408,7 +6472,7 @@ var Card = function Card(_ref) {
|
|
|
6408
6472
|
}
|
|
6409
6473
|
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6410
6474
|
level: 1
|
|
6411
|
-
}, highlightText)))), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6475
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, null, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)))), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6412
6476
|
ref: node,
|
|
6413
6477
|
"data-testid": "buttonscontainer",
|
|
6414
6478
|
size: size,
|
|
@@ -6419,8 +6483,8 @@ var Card = function Card(_ref) {
|
|
|
6419
6483
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6420
6484
|
};
|
|
6421
6485
|
|
|
6422
|
-
var _templateObject$
|
|
6423
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6486
|
+
var _templateObject$R, _templateObject2$z;
|
|
6487
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
6424
6488
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6425
6489
|
|
|
6426
6490
|
var Cards = function Cards(_ref) {
|
|
@@ -6460,13 +6524,14 @@ var Cards = function Cards(_ref) {
|
|
|
6460
6524
|
hoverLineColor: card.hoverLineColor,
|
|
6461
6525
|
fullWidth: card.fullWidth,
|
|
6462
6526
|
labelParams: card.labelParams,
|
|
6527
|
+
auxiliaryCTA: card.auxiliaryCTA,
|
|
6463
6528
|
isGridCard: true
|
|
6464
6529
|
}));
|
|
6465
6530
|
}));
|
|
6466
6531
|
};
|
|
6467
6532
|
|
|
6468
|
-
var _templateObject$
|
|
6469
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6533
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6534
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
6470
6535
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
6471
6536
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6472
6537
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -6534,8 +6599,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6534
6599
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6535
6600
|
};
|
|
6536
6601
|
|
|
6537
|
-
var _templateObject$
|
|
6538
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
6602
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g, _templateObject6$d, _templateObject7$8;
|
|
6603
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6539
6604
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
6540
6605
|
return props.clickable ? 'pointer' : 'default';
|
|
6541
6606
|
}, devices.mobile);
|
|
@@ -6617,8 +6682,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6617
6682
|
}), link.text)));
|
|
6618
6683
|
};
|
|
6619
6684
|
|
|
6620
|
-
var _templateObject$
|
|
6621
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6685
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
|
|
6686
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__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) {
|
|
6622
6687
|
var imageToLeft = _ref.imageToLeft;
|
|
6623
6688
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6624
6689
|
}, devices.mobile);
|
|
@@ -6695,8 +6760,8 @@ var BackgroundColour;
|
|
|
6695
6760
|
BackgroundColour["White"] = "white";
|
|
6696
6761
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6697
6762
|
|
|
6698
|
-
var _templateObject$
|
|
6699
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6763
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
6764
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$V || (_templateObject$V = /*#__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"])));
|
|
6700
6765
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6701
6766
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6702
6767
|
if (!props.infoThemed) {
|
|
@@ -6822,8 +6887,8 @@ var Information = function Information(_ref) {
|
|
|
6822
6887
|
}))));
|
|
6823
6888
|
};
|
|
6824
6889
|
|
|
6825
|
-
var _templateObject$
|
|
6826
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6890
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6891
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
6827
6892
|
var theme = _ref.theme;
|
|
6828
6893
|
return theme.colors.primary;
|
|
6829
6894
|
}, function (_ref2) {
|
|
@@ -6844,7 +6909,7 @@ var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_tem
|
|
|
6844
6909
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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);
|
|
6845
6910
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6846
6911
|
|
|
6847
|
-
var _excluded$
|
|
6912
|
+
var _excluded$f = ["text"];
|
|
6848
6913
|
|
|
6849
6914
|
var PageHeading = function PageHeading(_ref) {
|
|
6850
6915
|
var title = _ref.title,
|
|
@@ -6856,7 +6921,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6856
6921
|
|
|
6857
6922
|
var _ref2 = link || {},
|
|
6858
6923
|
linkText = _ref2.text,
|
|
6859
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6924
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
6860
6925
|
|
|
6861
6926
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
6862
6927
|
var truncatedTitle = title && title.substring(0, 40);
|
|
@@ -6884,11 +6949,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6884
6949
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
6885
6950
|
};
|
|
6886
6951
|
|
|
6887
|
-
var _excluded$
|
|
6952
|
+
var _excluded$g = ["link"];
|
|
6888
6953
|
|
|
6889
6954
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
6890
6955
|
var link = _ref.link,
|
|
6891
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6956
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
6892
6957
|
|
|
6893
6958
|
var coreLink = link && _extends({}, link, {
|
|
6894
6959
|
color: exports.Colors.White,
|
|
@@ -6902,11 +6967,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
6902
6967
|
})));
|
|
6903
6968
|
};
|
|
6904
6969
|
|
|
6905
|
-
var _excluded$
|
|
6970
|
+
var _excluded$h = ["link"];
|
|
6906
6971
|
|
|
6907
6972
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
6908
6973
|
var link = _ref.link,
|
|
6909
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6974
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
6910
6975
|
|
|
6911
6976
|
var cinemaLink = link && _extends({}, link, {
|
|
6912
6977
|
color: exports.Colors.Black,
|
|
@@ -6920,8 +6985,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6920
6985
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6921
6986
|
};
|
|
6922
6987
|
|
|
6923
|
-
var _templateObject$
|
|
6924
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6988
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
6989
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
6925
6990
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
6926
6991
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6927
6992
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__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);
|
|
@@ -6930,7 +6995,7 @@ var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_tem
|
|
|
6930
6995
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6931
6996
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__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);
|
|
6932
6997
|
|
|
6933
|
-
var _excluded$
|
|
6998
|
+
var _excluded$i = ["text"];
|
|
6934
6999
|
|
|
6935
7000
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
6936
7001
|
var children = _ref.children,
|
|
@@ -6948,7 +7013,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6948
7013
|
|
|
6949
7014
|
var _ref2 = link || {},
|
|
6950
7015
|
linkText = _ref2.text,
|
|
6951
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7016
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
6952
7017
|
|
|
6953
7018
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
6954
7019
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -6993,8 +7058,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6993
7058
|
}, "Scroll Down")) : null);
|
|
6994
7059
|
};
|
|
6995
7060
|
|
|
6996
|
-
var _templateObject$
|
|
6997
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7061
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k;
|
|
7062
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
6998
7063
|
var color = _ref.color;
|
|
6999
7064
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7000
7065
|
}, devices.mobileAndTablet);
|
|
@@ -7038,14 +7103,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7038
7103
|
}))));
|
|
7039
7104
|
};
|
|
7040
7105
|
|
|
7041
|
-
var _templateObject$
|
|
7042
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7106
|
+
var _templateObject$Z;
|
|
7107
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7043
7108
|
|
|
7044
|
-
var _excluded$
|
|
7109
|
+
var _excluded$j = ["link"];
|
|
7045
7110
|
|
|
7046
7111
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7047
7112
|
var link = _ref.link,
|
|
7048
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7113
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
|
7049
7114
|
|
|
7050
7115
|
var streamLink = link && _extends({}, link, {
|
|
7051
7116
|
color: exports.Colors.Black,
|
|
@@ -7059,8 +7124,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7059
7124
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7060
7125
|
};
|
|
7061
7126
|
|
|
7062
|
-
var _templateObject$
|
|
7063
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7127
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7128
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
7064
7129
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
7065
7130
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7066
7131
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -7239,7 +7304,7 @@ var useMobile = function useMobile() {
|
|
|
7239
7304
|
return mobile;
|
|
7240
7305
|
};
|
|
7241
7306
|
|
|
7242
|
-
var _excluded$
|
|
7307
|
+
var _excluded$k = ["text"];
|
|
7243
7308
|
|
|
7244
7309
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7245
7310
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7355,7 +7420,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7355
7420
|
|
|
7356
7421
|
var _ref5 = link || {},
|
|
7357
7422
|
linkText = _ref5.text,
|
|
7358
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
7423
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7359
7424
|
|
|
7360
7425
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
7361
7426
|
var video = {
|
|
@@ -7394,8 +7459,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7394
7459
|
}), linkText))));
|
|
7395
7460
|
};
|
|
7396
7461
|
|
|
7397
|
-
var _templateObject
|
|
7398
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
7462
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
7463
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7399
7464
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
7400
7465
|
|
|
7401
7466
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -7471,8 +7536,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
7471
7536
|
}))));
|
|
7472
7537
|
};
|
|
7473
7538
|
|
|
7474
|
-
var _templateObject
|
|
7475
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
7539
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$h;
|
|
7540
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__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);
|
|
7476
7541
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
7477
7542
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7478
7543
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -7528,8 +7593,8 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7528
7593
|
}));
|
|
7529
7594
|
};
|
|
7530
7595
|
|
|
7531
|
-
var _templateObject$
|
|
7532
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7596
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
7597
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7533
7598
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7534
7599
|
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
7535
7600
|
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
@@ -7606,14 +7671,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7606
7671
|
}));
|
|
7607
7672
|
};
|
|
7608
7673
|
|
|
7609
|
-
var _templateObject$
|
|
7674
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$n, _templateObject6$i, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
7610
7675
|
var LENGTH_TEXT = 28;
|
|
7611
7676
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7612
7677
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7613
7678
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7614
7679
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7615
7680
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7616
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7681
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
7617
7682
|
var imageToLeft = _ref.imageToLeft;
|
|
7618
7683
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7619
7684
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7674,7 +7739,7 @@ var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_te
|
|
|
7674
7739
|
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
7675
7740
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__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);
|
|
7676
7741
|
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7677
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7742
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7678
7743
|
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7679
7744
|
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n\n ", " {\n font-size: var(--font-size-overline-2);\n font-weight: var(--font-weight-overline-2);\n line-height: var(--line-height-overline-2);\n letter-spacing: var(--letter-spacing-overline-2);\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
|
|
7680
7745
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref11) {
|
|
@@ -7695,7 +7760,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19
|
|
|
7695
7760
|
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7696
7761
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
7697
7762
|
|
|
7698
|
-
var _excluded$
|
|
7763
|
+
var _excluded$l = ["text"],
|
|
7699
7764
|
_excluded2$2 = ["text"],
|
|
7700
7765
|
_excluded3 = ["text"];
|
|
7701
7766
|
|
|
@@ -7769,7 +7834,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7769
7834
|
var _ref2 = firstButton || {},
|
|
7770
7835
|
_ref2$text = _ref2.text,
|
|
7771
7836
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7772
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7837
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
7773
7838
|
|
|
7774
7839
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
7775
7840
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -7888,10 +7953,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7888
7953
|
}))));
|
|
7889
7954
|
};
|
|
7890
7955
|
|
|
7891
|
-
var _templateObject$
|
|
7956
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$j, _templateObject7$d;
|
|
7892
7957
|
var LENGTH_TEXT$2 = 28;
|
|
7893
7958
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7894
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7959
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__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) {
|
|
7895
7960
|
var imageToLeft = _ref.imageToLeft;
|
|
7896
7961
|
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'";
|
|
7897
7962
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7944,7 +8009,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
7944
8009
|
return '';
|
|
7945
8010
|
});
|
|
7946
8011
|
|
|
7947
|
-
var _excluded$
|
|
8012
|
+
var _excluded$m = ["text"],
|
|
7948
8013
|
_excluded2$3 = ["text"];
|
|
7949
8014
|
var LENGTH_TEXT$3 = 28;
|
|
7950
8015
|
|
|
@@ -7971,7 +8036,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7971
8036
|
var _ref2 = primaryButton || {},
|
|
7972
8037
|
_ref2$text = _ref2.text,
|
|
7973
8038
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7974
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8039
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
7975
8040
|
|
|
7976
8041
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
7977
8042
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -8005,8 +8070,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8005
8070
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8006
8071
|
};
|
|
8007
8072
|
|
|
8008
|
-
var _templateObject$
|
|
8009
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8073
|
+
var _templateObject$14;
|
|
8074
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8010
8075
|
|
|
8011
8076
|
/**
|
|
8012
8077
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8064,8 +8129,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8064
8129
|
})));
|
|
8065
8130
|
};
|
|
8066
8131
|
|
|
8067
|
-
var _templateObject$
|
|
8068
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8132
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$F;
|
|
8133
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8069
8134
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
8070
8135
|
var horizontalMode = _ref.horizontalMode;
|
|
8071
8136
|
if (horizontalMode) return 'row';
|
|
@@ -8154,8 +8219,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8154
8219
|
}, error)));
|
|
8155
8220
|
};
|
|
8156
8221
|
|
|
8157
|
-
var _templateObject$
|
|
8158
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8222
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$G;
|
|
8223
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
8159
8224
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
8160
8225
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
8161
8226
|
|
|
@@ -8219,8 +8284,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8219
8284
|
})))));
|
|
8220
8285
|
};
|
|
8221
8286
|
|
|
8222
|
-
var _templateObject$
|
|
8223
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8287
|
+
var _templateObject$17;
|
|
8288
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
8224
8289
|
|
|
8225
8290
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8226
8291
|
var title = _ref.title,
|
|
@@ -8246,8 +8311,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8246
8311
|
}, description))));
|
|
8247
8312
|
};
|
|
8248
8313
|
|
|
8249
|
-
var _templateObject$
|
|
8250
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8314
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8315
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
8251
8316
|
var theme = _ref.theme;
|
|
8252
8317
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8253
8318
|
}, function (_ref2) {
|
|
@@ -8668,8 +8733,8 @@ function Select(_ref3) {
|
|
|
8668
8733
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8669
8734
|
}
|
|
8670
8735
|
|
|
8671
|
-
var _templateObject$
|
|
8672
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8736
|
+
var _templateObject$19;
|
|
8737
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__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: -20px;\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: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8673
8738
|
var theme = _ref.theme;
|
|
8674
8739
|
return theme.colors.primary;
|
|
8675
8740
|
});
|
|
@@ -8697,8 +8762,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8697
8762
|
})));
|
|
8698
8763
|
};
|
|
8699
8764
|
|
|
8700
|
-
var _templateObject$
|
|
8701
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8765
|
+
var _templateObject$1a, _templateObject2$Q;
|
|
8766
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__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) {
|
|
8702
8767
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8703
8768
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8704
8769
|
return aspectRatio;
|
|
@@ -8746,8 +8811,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8746
8811
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8747
8812
|
};
|
|
8748
8813
|
|
|
8749
|
-
var _templateObject$
|
|
8750
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8814
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I;
|
|
8815
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8751
8816
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8752
8817
|
var displayAttribution = _ref.displayAttribution;
|
|
8753
8818
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -8776,8 +8841,8 @@ var Quote = function Quote(_ref) {
|
|
|
8776
8841
|
}, attribution))));
|
|
8777
8842
|
};
|
|
8778
8843
|
|
|
8779
|
-
var _templateObject$
|
|
8780
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8844
|
+
var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$y, _templateObject5$q, _templateObject6$l;
|
|
8845
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
8781
8846
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8782
8847
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8783
8848
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -8820,8 +8885,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8820
8885
|
}, title)))));
|
|
8821
8886
|
};
|
|
8822
8887
|
|
|
8823
|
-
var _templateObject$
|
|
8824
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8888
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$K, _templateObject4$z;
|
|
8889
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
8825
8890
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8826
8891
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8827
8892
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
@@ -8922,8 +8987,8 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8922
8987
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
8923
8988
|
};
|
|
8924
8989
|
|
|
8925
|
-
var _templateObject$
|
|
8926
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8990
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$m;
|
|
8991
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
8927
8992
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
8928
8993
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
8929
8994
|
var color = _ref.color;
|
|
@@ -9020,8 +9085,8 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9020
9085
|
}, strengthLabel))));
|
|
9021
9086
|
};
|
|
9022
9087
|
|
|
9023
|
-
var _templateObject$
|
|
9024
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$
|
|
9088
|
+
var _templateObject$1f, _templateObject2$V, _templateObject3$M, _templateObject4$B;
|
|
9089
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9025
9090
|
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9026
9091
|
var mobileOpen = _ref.mobileOpen;
|
|
9027
9092
|
return mobileOpen ? "block" : 'none';
|
|
@@ -9190,8 +9255,8 @@ var LiveChat = function LiveChat() {
|
|
|
9190
9255
|
});
|
|
9191
9256
|
};
|
|
9192
9257
|
|
|
9193
|
-
var _templateObject$
|
|
9194
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9258
|
+
var _templateObject$1g, _templateObject2$W;
|
|
9259
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
9195
9260
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
9196
9261
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9197
9262
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -9220,13 +9285,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9220
9285
|
}, children)));
|
|
9221
9286
|
};
|
|
9222
9287
|
|
|
9223
|
-
var _templateObject$
|
|
9224
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9288
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C;
|
|
9289
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
9225
9290
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
9226
9291
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9227
9292
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
9228
9293
|
|
|
9229
|
-
var _excluded$
|
|
9294
|
+
var _excluded$n = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
9230
9295
|
var MAX_Z_INDEX = 9999999999;
|
|
9231
9296
|
|
|
9232
9297
|
if (Modal.defaultStyles.content) {
|
|
@@ -9303,7 +9368,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9303
9368
|
setIsOpen = _ref.setIsOpen,
|
|
9304
9369
|
children = _ref.children,
|
|
9305
9370
|
appElementId = _ref.appElementId,
|
|
9306
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
9371
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
|
|
9307
9372
|
|
|
9308
9373
|
var isMobile = useMobile();
|
|
9309
9374
|
var customStyles = {
|
|
@@ -9345,8 +9410,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9345
9410
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9346
9411
|
};
|
|
9347
9412
|
|
|
9348
|
-
var _templateObject$
|
|
9349
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\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) {
|
|
9413
|
+
var _templateObject$1i;
|
|
9414
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\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) {
|
|
9350
9415
|
var theme = _ref.theme;
|
|
9351
9416
|
return theme.colors.primary;
|
|
9352
9417
|
}, function (_ref2) {
|
|
@@ -10292,6 +10357,7 @@ exports.Accordions = Accordions;
|
|
|
10292
10357
|
exports.AltHeader = AltHeader;
|
|
10293
10358
|
exports.AnchorTabBar = AnchorTabBar;
|
|
10294
10359
|
exports.AnnouncementBanner = AnnouncementBanner;
|
|
10360
|
+
exports.AuxiliaryButton = AuxiliaryButton;
|
|
10295
10361
|
exports.AuxiliaryNav = AuxiliaryNav;
|
|
10296
10362
|
exports.BodyText = BodyText;
|
|
10297
10363
|
exports.Card = Card;
|