@royaloperahouse/chord 2.2.8 → 2.2.9-b-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 +213 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +277 -197
- 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 +277 -198
- 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 +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/styles/themes.d.ts +20 -12
- package/dist/types/buttonTypes.d.ts +14 -0
- package/dist/types/card.d.ts +9 -1
- package/dist/types/formTypes.d.ts +13 -10
- package/dist/types/index.d.ts +2 -2
- package/dist/types/passwordStrength.d.ts +6 -6
- package/package.json +2 -2
- package/README.GIT +0 -277
|
@@ -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,
|
|
@@ -3575,7 +3613,7 @@ var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_temp
|
|
|
3575
3613
|
if (!width) return 'none';
|
|
3576
3614
|
return width + 'px';
|
|
3577
3615
|
});
|
|
3578
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n
|
|
3616
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none; \n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
|
|
3579
3617
|
var isPasswordField = _ref2.isPasswordField;
|
|
3580
3618
|
if (isPasswordField) return "80px";
|
|
3581
3619
|
return "20px";
|
|
@@ -3684,7 +3722,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3684
3722
|
"data-testid": "text-field-input",
|
|
3685
3723
|
ref: ref
|
|
3686
3724
|
}, inputProps)), isPasswordField && /*#__PURE__*/React__default.createElement(ShowHideButton, {
|
|
3687
|
-
type:
|
|
3725
|
+
type: 'button',
|
|
3688
3726
|
onClick: showHideClickHandler
|
|
3689
3727
|
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
3690
3728
|
level: 1
|
|
@@ -6067,7 +6105,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6067
6105
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6068
6106
|
contentType: accordion.contentType,
|
|
6069
6107
|
displayLevel: accordion.displayLevel,
|
|
6070
|
-
semanticLevel: accordion.semanticLevel
|
|
6108
|
+
semanticLevel: accordion.semanticLevel,
|
|
6109
|
+
initOpen: accordion.initOpen
|
|
6071
6110
|
}, accordion.children);
|
|
6072
6111
|
}));
|
|
6073
6112
|
};
|
|
@@ -6124,11 +6163,35 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6124
6163
|
}))))));
|
|
6125
6164
|
};
|
|
6126
6165
|
|
|
6127
|
-
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;
|
|
6128
6191
|
var LENGTH_LARGE_TEXT = 28;
|
|
6129
6192
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6130
6193
|
var LENGTH_TEXT_TABLET = 10;
|
|
6131
|
-
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) {
|
|
6132
6195
|
var isCardClickable = _ref.isCardClickable;
|
|
6133
6196
|
return isCardClickable ? 'pointer' : 'default';
|
|
6134
6197
|
}, function (_ref2) {
|
|
@@ -6152,20 +6215,22 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k ||
|
|
|
6152
6215
|
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
6153
6216
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
6154
6217
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
6155
|
-
var
|
|
6156
|
-
var
|
|
6218
|
+
var HighlightTextContainer = /*#__PURE__*/styled__default(TextContainer$1)(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
6219
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6220
|
+
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 30px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
6157
6221
|
var isVisible = _ref6.isVisible;
|
|
6158
6222
|
return isVisible ? "visible" : 'hidden';
|
|
6159
6223
|
}, devices.mobile, function (_ref7) {
|
|
6160
6224
|
var isGridCard = _ref7.isGridCard;
|
|
6161
6225
|
return isGridCard ? '20px' : '0';
|
|
6162
6226
|
});
|
|
6163
|
-
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) {
|
|
6164
6229
|
var bgColor = _ref8.bgColor,
|
|
6165
6230
|
theme = _ref8.theme;
|
|
6166
6231
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
6167
6232
|
});
|
|
6168
|
-
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"])));
|
|
6169
6234
|
|
|
6170
6235
|
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
6171
6236
|
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
@@ -6177,7 +6242,7 @@ var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
|
6177
6242
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
6178
6243
|
};
|
|
6179
6244
|
|
|
6180
|
-
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) {
|
|
6181
6246
|
var size = _ref11.size,
|
|
6182
6247
|
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
6183
6248
|
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
@@ -6272,7 +6337,7 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
|
|
|
6272
6337
|
return truncateHtmlString(nodeString, resultLength, addDots);
|
|
6273
6338
|
};
|
|
6274
6339
|
|
|
6275
|
-
var _excluded$
|
|
6340
|
+
var _excluded$e = ["text"],
|
|
6276
6341
|
_excluded2$1 = ["text"];
|
|
6277
6342
|
|
|
6278
6343
|
var _buttonTypeToButton;
|
|
@@ -6290,6 +6355,8 @@ var Card = function Card(_ref) {
|
|
|
6290
6355
|
subtitle = _ref.subtitle,
|
|
6291
6356
|
_ref$text = _ref.text,
|
|
6292
6357
|
text = _ref$text === void 0 ? '' : _ref$text,
|
|
6358
|
+
_ref$highlightText = _ref.highlightText,
|
|
6359
|
+
highlightText = _ref$highlightText === void 0 ? '' : _ref$highlightText,
|
|
6293
6360
|
links = _ref.links,
|
|
6294
6361
|
_ref$tags = _ref.tags,
|
|
6295
6362
|
tags = _ref$tags === void 0 ? [] : _ref$tags,
|
|
@@ -6307,7 +6374,8 @@ var Card = function Card(_ref) {
|
|
|
6307
6374
|
hoverLineColor = _ref.hoverLineColor,
|
|
6308
6375
|
labelParams = _ref.labelParams,
|
|
6309
6376
|
_ref$isGridCard = _ref.isGridCard,
|
|
6310
|
-
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard
|
|
6377
|
+
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard,
|
|
6378
|
+
auxiliaryCTA = _ref.auxiliaryCTA;
|
|
6311
6379
|
|
|
6312
6380
|
var truncate = function truncate(str, n) {
|
|
6313
6381
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -6325,7 +6393,7 @@ var Card = function Card(_ref) {
|
|
|
6325
6393
|
var _ref2 = firstButton || {},
|
|
6326
6394
|
_ref2$text = _ref2.text,
|
|
6327
6395
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6328
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6396
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
|
|
6329
6397
|
|
|
6330
6398
|
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
6331
6399
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6402,9 +6470,12 @@ var Card = function Card(_ref) {
|
|
|
6402
6470
|
dangerouslySetInnerHTML: {
|
|
6403
6471
|
__html: truncatedText
|
|
6404
6472
|
}
|
|
6405
|
-
}))),
|
|
6473
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6474
|
+
level: 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, {
|
|
6406
6476
|
ref: node,
|
|
6407
6477
|
"data-testid": "buttonscontainer",
|
|
6478
|
+
className: "cardButtonsContainer",
|
|
6408
6479
|
size: size,
|
|
6409
6480
|
primaryButtonTextLength: firstButtonText.length,
|
|
6410
6481
|
tertiaryButtonTextLength: secondButtonText.length,
|
|
@@ -6413,8 +6484,8 @@ var Card = function Card(_ref) {
|
|
|
6413
6484
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6414
6485
|
};
|
|
6415
6486
|
|
|
6416
|
-
var _templateObject$
|
|
6417
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6487
|
+
var _templateObject$R, _templateObject2$z;
|
|
6488
|
+
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);
|
|
6418
6489
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6419
6490
|
|
|
6420
6491
|
var Cards = function Cards(_ref) {
|
|
@@ -6446,6 +6517,7 @@ var Cards = function Cards(_ref) {
|
|
|
6446
6517
|
title: card.title,
|
|
6447
6518
|
subtitle: card.subtitle,
|
|
6448
6519
|
text: card.text,
|
|
6520
|
+
highlightText: card.highlightText,
|
|
6449
6521
|
links: card.links,
|
|
6450
6522
|
tags: card.tags,
|
|
6451
6523
|
withContinueWatching: card.withContinueWatching,
|
|
@@ -6453,13 +6525,14 @@ var Cards = function Cards(_ref) {
|
|
|
6453
6525
|
hoverLineColor: card.hoverLineColor,
|
|
6454
6526
|
fullWidth: card.fullWidth,
|
|
6455
6527
|
labelParams: card.labelParams,
|
|
6528
|
+
auxiliaryCTA: card.auxiliaryCTA,
|
|
6456
6529
|
isGridCard: true
|
|
6457
6530
|
}));
|
|
6458
6531
|
}));
|
|
6459
6532
|
};
|
|
6460
6533
|
|
|
6461
|
-
var _templateObject$
|
|
6462
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6534
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6535
|
+
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);
|
|
6463
6536
|
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) {
|
|
6464
6537
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6465
6538
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -6527,8 +6600,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6527
6600
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6528
6601
|
};
|
|
6529
6602
|
|
|
6530
|
-
var _templateObject$
|
|
6531
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
6603
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g, _templateObject6$d, _templateObject7$8;
|
|
6604
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6532
6605
|
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) {
|
|
6533
6606
|
return props.clickable ? 'pointer' : 'default';
|
|
6534
6607
|
}, devices.mobile);
|
|
@@ -6610,8 +6683,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6610
6683
|
}), link.text)));
|
|
6611
6684
|
};
|
|
6612
6685
|
|
|
6613
|
-
var _templateObject$
|
|
6614
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6686
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
|
|
6687
|
+
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) {
|
|
6615
6688
|
var imageToLeft = _ref.imageToLeft;
|
|
6616
6689
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6617
6690
|
}, devices.mobile);
|
|
@@ -6688,8 +6761,8 @@ var BackgroundColour;
|
|
|
6688
6761
|
BackgroundColour["White"] = "white";
|
|
6689
6762
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6690
6763
|
|
|
6691
|
-
var _templateObject$
|
|
6692
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6764
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
6765
|
+
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"])));
|
|
6693
6766
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6694
6767
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6695
6768
|
if (!props.infoThemed) {
|
|
@@ -6815,8 +6888,8 @@ var Information = function Information(_ref) {
|
|
|
6815
6888
|
}))));
|
|
6816
6889
|
};
|
|
6817
6890
|
|
|
6818
|
-
var _templateObject$
|
|
6819
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6891
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6892
|
+
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) {
|
|
6820
6893
|
var theme = _ref.theme;
|
|
6821
6894
|
return theme.colors.primary;
|
|
6822
6895
|
}, function (_ref2) {
|
|
@@ -6837,7 +6910,7 @@ var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_tem
|
|
|
6837
6910
|
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);
|
|
6838
6911
|
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"])));
|
|
6839
6912
|
|
|
6840
|
-
var _excluded$
|
|
6913
|
+
var _excluded$f = ["text"];
|
|
6841
6914
|
|
|
6842
6915
|
var PageHeading = function PageHeading(_ref) {
|
|
6843
6916
|
var title = _ref.title,
|
|
@@ -6849,7 +6922,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6849
6922
|
|
|
6850
6923
|
var _ref2 = link || {},
|
|
6851
6924
|
linkText = _ref2.text,
|
|
6852
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6925
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
6853
6926
|
|
|
6854
6927
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
6855
6928
|
var truncatedTitle = title && title.substring(0, 40);
|
|
@@ -6877,11 +6950,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6877
6950
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
6878
6951
|
};
|
|
6879
6952
|
|
|
6880
|
-
var _excluded$
|
|
6953
|
+
var _excluded$g = ["link"];
|
|
6881
6954
|
|
|
6882
6955
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
6883
6956
|
var link = _ref.link,
|
|
6884
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6957
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
6885
6958
|
|
|
6886
6959
|
var coreLink = link && _extends({}, link, {
|
|
6887
6960
|
color: exports.Colors.White,
|
|
@@ -6895,11 +6968,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
6895
6968
|
})));
|
|
6896
6969
|
};
|
|
6897
6970
|
|
|
6898
|
-
var _excluded$
|
|
6971
|
+
var _excluded$h = ["link"];
|
|
6899
6972
|
|
|
6900
6973
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
6901
6974
|
var link = _ref.link,
|
|
6902
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6975
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
6903
6976
|
|
|
6904
6977
|
var cinemaLink = link && _extends({}, link, {
|
|
6905
6978
|
color: exports.Colors.Black,
|
|
@@ -6913,8 +6986,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6913
6986
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6914
6987
|
};
|
|
6915
6988
|
|
|
6916
|
-
var _templateObject$
|
|
6917
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6989
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
6990
|
+
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);
|
|
6918
6991
|
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);
|
|
6919
6992
|
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);
|
|
6920
6993
|
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);
|
|
@@ -6923,7 +6996,7 @@ var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_tem
|
|
|
6923
6996
|
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);
|
|
6924
6997
|
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);
|
|
6925
6998
|
|
|
6926
|
-
var _excluded$
|
|
6999
|
+
var _excluded$i = ["text"];
|
|
6927
7000
|
|
|
6928
7001
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
6929
7002
|
var children = _ref.children,
|
|
@@ -6941,7 +7014,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6941
7014
|
|
|
6942
7015
|
var _ref2 = link || {},
|
|
6943
7016
|
linkText = _ref2.text,
|
|
6944
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7017
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
6945
7018
|
|
|
6946
7019
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
6947
7020
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -6986,8 +7059,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6986
7059
|
}, "Scroll Down")) : null);
|
|
6987
7060
|
};
|
|
6988
7061
|
|
|
6989
|
-
var _templateObject$
|
|
6990
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7062
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k;
|
|
7063
|
+
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) {
|
|
6991
7064
|
var color = _ref.color;
|
|
6992
7065
|
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 ";
|
|
6993
7066
|
}, devices.mobileAndTablet);
|
|
@@ -7031,14 +7104,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7031
7104
|
}))));
|
|
7032
7105
|
};
|
|
7033
7106
|
|
|
7034
|
-
var _templateObject$
|
|
7035
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7107
|
+
var _templateObject$Z;
|
|
7108
|
+
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"])));
|
|
7036
7109
|
|
|
7037
|
-
var _excluded$
|
|
7110
|
+
var _excluded$j = ["link"];
|
|
7038
7111
|
|
|
7039
7112
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7040
7113
|
var link = _ref.link,
|
|
7041
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7114
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
|
7042
7115
|
|
|
7043
7116
|
var streamLink = link && _extends({}, link, {
|
|
7044
7117
|
color: exports.Colors.Black,
|
|
@@ -7052,8 +7125,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7052
7125
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7053
7126
|
};
|
|
7054
7127
|
|
|
7055
|
-
var _templateObject$
|
|
7056
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7128
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7129
|
+
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);
|
|
7057
7130
|
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"])));
|
|
7058
7131
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7059
7132
|
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);
|
|
@@ -7187,7 +7260,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7187
7260
|
var isIOS = function isIOS() {
|
|
7188
7261
|
try {
|
|
7189
7262
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7190
|
-
if (typeof navigator === undefined) return false;
|
|
7263
|
+
if (typeof navigator === 'undefined') return false;
|
|
7191
7264
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7192
7265
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7193
7266
|
} catch (e) {
|
|
@@ -7203,7 +7276,7 @@ var useIOS = function useIOS() {
|
|
|
7203
7276
|
setIOS = _useState[1];
|
|
7204
7277
|
|
|
7205
7278
|
React.useEffect(function () {
|
|
7206
|
-
if (typeof navigator === undefined) return;
|
|
7279
|
+
if (typeof navigator === 'undefined') return;
|
|
7207
7280
|
setIOS(isIOS());
|
|
7208
7281
|
}, []);
|
|
7209
7282
|
return IOS;
|
|
@@ -7232,7 +7305,7 @@ var useMobile = function useMobile() {
|
|
|
7232
7305
|
return mobile;
|
|
7233
7306
|
};
|
|
7234
7307
|
|
|
7235
|
-
var _excluded$
|
|
7308
|
+
var _excluded$k = ["text"];
|
|
7236
7309
|
|
|
7237
7310
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7238
7311
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7348,7 +7421,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7348
7421
|
|
|
7349
7422
|
var _ref5 = link || {},
|
|
7350
7423
|
linkText = _ref5.text,
|
|
7351
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
7424
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7352
7425
|
|
|
7353
7426
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
7354
7427
|
var video = {
|
|
@@ -7387,8 +7460,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7387
7460
|
}), linkText))));
|
|
7388
7461
|
};
|
|
7389
7462
|
|
|
7390
|
-
var _templateObject
|
|
7391
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
7463
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
7464
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7392
7465
|
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
|
|
7393
7466
|
|
|
7394
7467
|
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) {
|
|
@@ -7464,8 +7537,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
7464
7537
|
}))));
|
|
7465
7538
|
};
|
|
7466
7539
|
|
|
7467
|
-
var _templateObject
|
|
7468
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
7540
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$h;
|
|
7541
|
+
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);
|
|
7469
7542
|
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"])));
|
|
7470
7543
|
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"])));
|
|
7471
7544
|
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"])));
|
|
@@ -7521,11 +7594,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7521
7594
|
}));
|
|
7522
7595
|
};
|
|
7523
7596
|
|
|
7524
|
-
var _templateObject$
|
|
7525
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7597
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
7598
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7526
7599
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7527
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
7528
|
-
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
|
|
7600
|
+
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"])));
|
|
7601
|
+
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"])));
|
|
7529
7602
|
|
|
7530
7603
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7531
7604
|
return array.reduce(function (acc, item) {
|
|
@@ -7536,12 +7609,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7536
7609
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7537
7610
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7538
7611
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7539
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7612
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7613
|
+
key: index
|
|
7614
|
+
}, title));
|
|
7540
7615
|
} else if (index > 0) {
|
|
7541
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7616
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7617
|
+
key: index
|
|
7618
|
+
}, ", ", title);
|
|
7542
7619
|
}
|
|
7543
7620
|
|
|
7544
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7621
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7622
|
+
key: index
|
|
7623
|
+
}, title);
|
|
7545
7624
|
}));
|
|
7546
7625
|
};
|
|
7547
7626
|
|
|
@@ -7593,14 +7672,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7593
7672
|
}));
|
|
7594
7673
|
};
|
|
7595
7674
|
|
|
7596
|
-
var _templateObject$
|
|
7675
|
+
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;
|
|
7597
7676
|
var LENGTH_TEXT = 28;
|
|
7598
7677
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7599
7678
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7600
7679
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7601
7680
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7602
7681
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7603
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7682
|
+
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) {
|
|
7604
7683
|
var imageToLeft = _ref.imageToLeft;
|
|
7605
7684
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7606
7685
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7660,8 +7739,8 @@ var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 ||
|
|
|
7660
7739
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__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);
|
|
7661
7740
|
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);
|
|
7662
7741
|
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);
|
|
7663
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7664
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7742
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7743
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7665
7744
|
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7666
7745
|
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);
|
|
7667
7746
|
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) {
|
|
@@ -7682,7 +7761,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19
|
|
|
7682
7761
|
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7683
7762
|
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);
|
|
7684
7763
|
|
|
7685
|
-
var _excluded$
|
|
7764
|
+
var _excluded$l = ["text"],
|
|
7686
7765
|
_excluded2$2 = ["text"],
|
|
7687
7766
|
_excluded3 = ["text"];
|
|
7688
7767
|
|
|
@@ -7756,7 +7835,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7756
7835
|
var _ref2 = firstButton || {},
|
|
7757
7836
|
_ref2$text = _ref2.text,
|
|
7758
7837
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7759
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7838
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
7760
7839
|
|
|
7761
7840
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
7762
7841
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -7875,10 +7954,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7875
7954
|
}))));
|
|
7876
7955
|
};
|
|
7877
7956
|
|
|
7878
|
-
var _templateObject$
|
|
7957
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$j, _templateObject7$d;
|
|
7879
7958
|
var LENGTH_TEXT$2 = 28;
|
|
7880
7959
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7881
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7960
|
+
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) {
|
|
7882
7961
|
var imageToLeft = _ref.imageToLeft;
|
|
7883
7962
|
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'";
|
|
7884
7963
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7931,7 +8010,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
7931
8010
|
return '';
|
|
7932
8011
|
});
|
|
7933
8012
|
|
|
7934
|
-
var _excluded$
|
|
8013
|
+
var _excluded$m = ["text"],
|
|
7935
8014
|
_excluded2$3 = ["text"];
|
|
7936
8015
|
var LENGTH_TEXT$3 = 28;
|
|
7937
8016
|
|
|
@@ -7958,7 +8037,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7958
8037
|
var _ref2 = primaryButton || {},
|
|
7959
8038
|
_ref2$text = _ref2.text,
|
|
7960
8039
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7961
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8040
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
7962
8041
|
|
|
7963
8042
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
7964
8043
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -7992,8 +8071,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7992
8071
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
7993
8072
|
};
|
|
7994
8073
|
|
|
7995
|
-
var _templateObject$
|
|
7996
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8074
|
+
var _templateObject$14;
|
|
8075
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
7997
8076
|
|
|
7998
8077
|
/**
|
|
7999
8078
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8051,8 +8130,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8051
8130
|
})));
|
|
8052
8131
|
};
|
|
8053
8132
|
|
|
8054
|
-
var _templateObject$
|
|
8055
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8133
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$F;
|
|
8134
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8056
8135
|
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) {
|
|
8057
8136
|
var horizontalMode = _ref.horizontalMode;
|
|
8058
8137
|
if (horizontalMode) return 'row';
|
|
@@ -8141,8 +8220,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8141
8220
|
}, error)));
|
|
8142
8221
|
};
|
|
8143
8222
|
|
|
8144
|
-
var _templateObject$
|
|
8145
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8223
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$G;
|
|
8224
|
+
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);
|
|
8146
8225
|
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"])));
|
|
8147
8226
|
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);
|
|
8148
8227
|
|
|
@@ -8206,8 +8285,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8206
8285
|
})))));
|
|
8207
8286
|
};
|
|
8208
8287
|
|
|
8209
|
-
var _templateObject$
|
|
8210
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8288
|
+
var _templateObject$17;
|
|
8289
|
+
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);
|
|
8211
8290
|
|
|
8212
8291
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8213
8292
|
var title = _ref.title,
|
|
@@ -8233,8 +8312,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8233
8312
|
}, description))));
|
|
8234
8313
|
};
|
|
8235
8314
|
|
|
8236
|
-
var _templateObject$
|
|
8237
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8315
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8316
|
+
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) {
|
|
8238
8317
|
var theme = _ref.theme;
|
|
8239
8318
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8240
8319
|
}, function (_ref2) {
|
|
@@ -8655,8 +8734,8 @@ function Select(_ref3) {
|
|
|
8655
8734
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8656
8735
|
}
|
|
8657
8736
|
|
|
8658
|
-
var _templateObject$
|
|
8659
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8737
|
+
var _templateObject$19;
|
|
8738
|
+
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) {
|
|
8660
8739
|
var theme = _ref.theme;
|
|
8661
8740
|
return theme.colors.primary;
|
|
8662
8741
|
});
|
|
@@ -8684,8 +8763,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8684
8763
|
})));
|
|
8685
8764
|
};
|
|
8686
8765
|
|
|
8687
|
-
var _templateObject$
|
|
8688
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8766
|
+
var _templateObject$1a, _templateObject2$Q;
|
|
8767
|
+
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) {
|
|
8689
8768
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8690
8769
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8691
8770
|
return aspectRatio;
|
|
@@ -8733,8 +8812,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8733
8812
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8734
8813
|
};
|
|
8735
8814
|
|
|
8736
|
-
var _templateObject$
|
|
8737
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8815
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I;
|
|
8816
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8738
8817
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8739
8818
|
var displayAttribution = _ref.displayAttribution;
|
|
8740
8819
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -8763,8 +8842,8 @@ var Quote = function Quote(_ref) {
|
|
|
8763
8842
|
}, attribution))));
|
|
8764
8843
|
};
|
|
8765
8844
|
|
|
8766
|
-
var _templateObject$
|
|
8767
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8845
|
+
var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$y, _templateObject5$q, _templateObject6$l;
|
|
8846
|
+
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"])));
|
|
8768
8847
|
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"])));
|
|
8769
8848
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8770
8849
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -8807,8 +8886,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8807
8886
|
}, title)))));
|
|
8808
8887
|
};
|
|
8809
8888
|
|
|
8810
|
-
var _templateObject$
|
|
8811
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8889
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$K, _templateObject4$z;
|
|
8890
|
+
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"])));
|
|
8812
8891
|
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"])));
|
|
8813
8892
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8814
8893
|
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"])));
|
|
@@ -8909,96 +8988,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8909
8988
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
8910
8989
|
};
|
|
8911
8990
|
|
|
8912
|
-
var _templateObject$
|
|
8913
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
8914
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$U || (_templateObject2$U = /*#__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) {
|
|
8915
|
-
var mobileOpen = _ref.mobileOpen;
|
|
8916
|
-
return mobileOpen ? "block" : 'none';
|
|
8917
|
-
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
8918
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
|
|
8919
|
-
var active = _ref2.active;
|
|
8920
|
-
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
8921
|
-
}, exports.Colors.MidGrey, devices.mobile);
|
|
8922
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
|
|
8923
|
-
|
|
8924
|
-
/**
|
|
8925
|
-
* Vertical menu component uses for navigation
|
|
8926
|
-
* inside website chapter. It looks like a vertical
|
|
8927
|
-
* list with clickable items on desktop and dropdown
|
|
8928
|
-
* list on mobile.
|
|
8929
|
-
*
|
|
8930
|
-
* ## Menu items
|
|
8931
|
-
* Menu items should be passed as `items` prop. This
|
|
8932
|
-
* should be an array of objects. Each object should
|
|
8933
|
-
* have `text` (text displayed as a menu item) and
|
|
8934
|
-
* `onClick` (click handler function)
|
|
8935
|
-
*
|
|
8936
|
-
* ## Active menu item
|
|
8937
|
-
* Active menu item should be passed as component `activeItem`
|
|
8938
|
-
* prop. This indicates on which menu item should be highlighted
|
|
8939
|
-
* as active one. Should be equal to `text` prop from one of the `items`
|
|
8940
|
-
*/
|
|
8941
|
-
|
|
8942
|
-
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
8943
|
-
var items = _ref.items,
|
|
8944
|
-
activeItem = _ref.activeItem;
|
|
8945
|
-
|
|
8946
|
-
var _useState = React.useState(false),
|
|
8947
|
-
mobileOpen = _useState[0],
|
|
8948
|
-
setMobileOpen = _useState[1];
|
|
8949
|
-
|
|
8950
|
-
var containerRef = React.useRef(null);
|
|
8951
|
-
|
|
8952
|
-
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
8953
|
-
setMobileOpen(function (prev) {
|
|
8954
|
-
return !prev;
|
|
8955
|
-
});
|
|
8956
|
-
};
|
|
8957
|
-
|
|
8958
|
-
var outsideClickHandler = function outsideClickHandler(event) {
|
|
8959
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
8960
|
-
setMobileOpen(false);
|
|
8961
|
-
}
|
|
8962
|
-
};
|
|
8963
|
-
|
|
8964
|
-
React.useEffect(function () {
|
|
8965
|
-
document.addEventListener('mousedown', outsideClickHandler);
|
|
8966
|
-
return function () {
|
|
8967
|
-
document.removeEventListener('mousedown', outsideClickHandler);
|
|
8968
|
-
};
|
|
8969
|
-
}, [containerRef]);
|
|
8970
|
-
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
8971
|
-
ref: containerRef,
|
|
8972
|
-
"data-testid": "nav-menu-container"
|
|
8973
|
-
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
8974
|
-
mobileOpen: mobileOpen,
|
|
8975
|
-
onClick: mobileButtonClickHandler,
|
|
8976
|
-
"data-testid": "nav-menu-mobile-button"
|
|
8977
|
-
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8978
|
-
iconName: "DropdownArrow",
|
|
8979
|
-
direction: mobileOpen ? 'left' : 'right'
|
|
8980
|
-
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
8981
|
-
mobileOpen: mobileOpen,
|
|
8982
|
-
"data-testid": "nav-menu-list"
|
|
8983
|
-
}, items.map(function (item, idx) {
|
|
8984
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
8985
|
-
key: item.text + "-" + idx
|
|
8986
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
8987
|
-
onClick: item.onClick,
|
|
8988
|
-
active: item.text === activeItem,
|
|
8989
|
-
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
8990
|
-
}, item.text));
|
|
8991
|
-
})));
|
|
8992
|
-
};
|
|
8993
|
-
|
|
8994
|
-
var _templateObject$1e, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$r, _templateObject6$m;
|
|
8991
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$m;
|
|
8995
8992
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
8996
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8997
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8993
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
8994
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
8998
8995
|
var color = _ref.color;
|
|
8999
8996
|
return "var(--base-color-" + color + ")";
|
|
9000
8997
|
});
|
|
9001
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8998
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
9002
8999
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9003
9000
|
var color = _ref2.color;
|
|
9004
9001
|
return "var(--base-color-" + color + ")";
|
|
@@ -9089,6 +9086,88 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9089
9086
|
}, strengthLabel))));
|
|
9090
9087
|
};
|
|
9091
9088
|
|
|
9089
|
+
var _templateObject$1f, _templateObject2$V, _templateObject3$M, _templateObject4$B;
|
|
9090
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9091
|
+
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) {
|
|
9092
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9093
|
+
return mobileOpen ? "block" : 'none';
|
|
9094
|
+
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
9095
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
|
|
9096
|
+
var active = _ref2.active;
|
|
9097
|
+
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
9098
|
+
}, exports.Colors.MidGrey, devices.mobile);
|
|
9099
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
|
|
9100
|
+
|
|
9101
|
+
/**
|
|
9102
|
+
* Vertical menu component uses for navigation
|
|
9103
|
+
* inside website chapter. It looks like a vertical
|
|
9104
|
+
* list with clickable items on desktop and dropdown
|
|
9105
|
+
* list on mobile.
|
|
9106
|
+
*
|
|
9107
|
+
* ## Menu items
|
|
9108
|
+
* Menu items should be passed as `items` prop. This
|
|
9109
|
+
* should be an array of objects. Each object should
|
|
9110
|
+
* have `text` (text displayed as a menu item) and
|
|
9111
|
+
* `onClick` (click handler function)
|
|
9112
|
+
*
|
|
9113
|
+
* ## Active menu item
|
|
9114
|
+
* Active menu item should be passed as component `activeItem`
|
|
9115
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9116
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9117
|
+
*/
|
|
9118
|
+
|
|
9119
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9120
|
+
var items = _ref.items,
|
|
9121
|
+
activeItem = _ref.activeItem;
|
|
9122
|
+
|
|
9123
|
+
var _useState = React.useState(false),
|
|
9124
|
+
mobileOpen = _useState[0],
|
|
9125
|
+
setMobileOpen = _useState[1];
|
|
9126
|
+
|
|
9127
|
+
var containerRef = React.useRef(null);
|
|
9128
|
+
|
|
9129
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9130
|
+
setMobileOpen(function (prev) {
|
|
9131
|
+
return !prev;
|
|
9132
|
+
});
|
|
9133
|
+
};
|
|
9134
|
+
|
|
9135
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9136
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9137
|
+
setMobileOpen(false);
|
|
9138
|
+
}
|
|
9139
|
+
};
|
|
9140
|
+
|
|
9141
|
+
React.useEffect(function () {
|
|
9142
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9143
|
+
return function () {
|
|
9144
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9145
|
+
};
|
|
9146
|
+
}, [containerRef]);
|
|
9147
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9148
|
+
ref: containerRef,
|
|
9149
|
+
"data-testid": "nav-menu-container"
|
|
9150
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9151
|
+
mobileOpen: mobileOpen,
|
|
9152
|
+
onClick: mobileButtonClickHandler,
|
|
9153
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9154
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9155
|
+
iconName: "DropdownArrow",
|
|
9156
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9157
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9158
|
+
mobileOpen: mobileOpen,
|
|
9159
|
+
"data-testid": "nav-menu-list"
|
|
9160
|
+
}, items.map(function (item, idx) {
|
|
9161
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9162
|
+
key: item.text + "-" + idx
|
|
9163
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9164
|
+
onClick: item.onClick,
|
|
9165
|
+
active: item.text === activeItem,
|
|
9166
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9167
|
+
}, item.text));
|
|
9168
|
+
})));
|
|
9169
|
+
};
|
|
9170
|
+
|
|
9092
9171
|
var UpsellSection = function UpsellSection(_ref) {
|
|
9093
9172
|
var title = _ref.title,
|
|
9094
9173
|
richText = _ref.richText,
|
|
@@ -9177,8 +9256,8 @@ var LiveChat = function LiveChat() {
|
|
|
9177
9256
|
});
|
|
9178
9257
|
};
|
|
9179
9258
|
|
|
9180
|
-
var _templateObject$
|
|
9181
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9259
|
+
var _templateObject$1g, _templateObject2$W;
|
|
9260
|
+
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);
|
|
9182
9261
|
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) {
|
|
9183
9262
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9184
9263
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -9207,13 +9286,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9207
9286
|
}, children)));
|
|
9208
9287
|
};
|
|
9209
9288
|
|
|
9210
|
-
var _templateObject$
|
|
9211
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9289
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C;
|
|
9290
|
+
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);
|
|
9212
9291
|
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);
|
|
9213
9292
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9214
9293
|
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"])));
|
|
9215
9294
|
|
|
9216
|
-
var _excluded$
|
|
9295
|
+
var _excluded$n = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
9217
9296
|
var MAX_Z_INDEX = 9999999999;
|
|
9218
9297
|
|
|
9219
9298
|
if (Modal.defaultStyles.content) {
|
|
@@ -9290,7 +9369,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9290
9369
|
setIsOpen = _ref.setIsOpen,
|
|
9291
9370
|
children = _ref.children,
|
|
9292
9371
|
appElementId = _ref.appElementId,
|
|
9293
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
9372
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
|
|
9294
9373
|
|
|
9295
9374
|
var isMobile = useMobile();
|
|
9296
9375
|
var customStyles = {
|
|
@@ -9332,8 +9411,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9332
9411
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9333
9412
|
};
|
|
9334
9413
|
|
|
9335
|
-
var _templateObject$
|
|
9336
|
-
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) {
|
|
9414
|
+
var _templateObject$1i;
|
|
9415
|
+
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) {
|
|
9337
9416
|
var theme = _ref.theme;
|
|
9338
9417
|
return theme.colors.primary;
|
|
9339
9418
|
}, function (_ref2) {
|
|
@@ -10279,6 +10358,7 @@ exports.Accordions = Accordions;
|
|
|
10279
10358
|
exports.AltHeader = AltHeader;
|
|
10280
10359
|
exports.AnchorTabBar = AnchorTabBar;
|
|
10281
10360
|
exports.AnnouncementBanner = AnnouncementBanner;
|
|
10361
|
+
exports.AuxiliaryButton = AuxiliaryButton;
|
|
10282
10362
|
exports.AuxiliaryNav = AuxiliaryNav;
|
|
10283
10363
|
exports.BodyText = BodyText;
|
|
10284
10364
|
exports.Card = Card;
|