@royaloperahouse/chord 2.2.8 → 2.2.9-a-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +213 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +276 -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 +276 -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,7 +6470,9 @@ 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",
|
|
6408
6478
|
size: size,
|
|
@@ -6413,8 +6483,8 @@ var Card = function Card(_ref) {
|
|
|
6413
6483
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6414
6484
|
};
|
|
6415
6485
|
|
|
6416
|
-
var _templateObject$
|
|
6417
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6486
|
+
var _templateObject$R, _templateObject2$z;
|
|
6487
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
6418
6488
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6419
6489
|
|
|
6420
6490
|
var Cards = function Cards(_ref) {
|
|
@@ -6446,6 +6516,7 @@ var Cards = function Cards(_ref) {
|
|
|
6446
6516
|
title: card.title,
|
|
6447
6517
|
subtitle: card.subtitle,
|
|
6448
6518
|
text: card.text,
|
|
6519
|
+
highlightText: card.highlightText,
|
|
6449
6520
|
links: card.links,
|
|
6450
6521
|
tags: card.tags,
|
|
6451
6522
|
withContinueWatching: card.withContinueWatching,
|
|
@@ -6453,13 +6524,14 @@ var Cards = function Cards(_ref) {
|
|
|
6453
6524
|
hoverLineColor: card.hoverLineColor,
|
|
6454
6525
|
fullWidth: card.fullWidth,
|
|
6455
6526
|
labelParams: card.labelParams,
|
|
6527
|
+
auxiliaryCTA: card.auxiliaryCTA,
|
|
6456
6528
|
isGridCard: true
|
|
6457
6529
|
}));
|
|
6458
6530
|
}));
|
|
6459
6531
|
};
|
|
6460
6532
|
|
|
6461
|
-
var _templateObject$
|
|
6462
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6533
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6534
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
6463
6535
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
6464
6536
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6465
6537
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -6527,8 +6599,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6527
6599
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6528
6600
|
};
|
|
6529
6601
|
|
|
6530
|
-
var _templateObject$
|
|
6531
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
6602
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g, _templateObject6$d, _templateObject7$8;
|
|
6603
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6532
6604
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
6533
6605
|
return props.clickable ? 'pointer' : 'default';
|
|
6534
6606
|
}, devices.mobile);
|
|
@@ -6610,8 +6682,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6610
6682
|
}), link.text)));
|
|
6611
6683
|
};
|
|
6612
6684
|
|
|
6613
|
-
var _templateObject$
|
|
6614
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6685
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
|
|
6686
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
6615
6687
|
var imageToLeft = _ref.imageToLeft;
|
|
6616
6688
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6617
6689
|
}, devices.mobile);
|
|
@@ -6688,8 +6760,8 @@ var BackgroundColour;
|
|
|
6688
6760
|
BackgroundColour["White"] = "white";
|
|
6689
6761
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6690
6762
|
|
|
6691
|
-
var _templateObject$
|
|
6692
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6763
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
6764
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6693
6765
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6694
6766
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6695
6767
|
if (!props.infoThemed) {
|
|
@@ -6815,8 +6887,8 @@ var Information = function Information(_ref) {
|
|
|
6815
6887
|
}))));
|
|
6816
6888
|
};
|
|
6817
6889
|
|
|
6818
|
-
var _templateObject$
|
|
6819
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6890
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6891
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
6820
6892
|
var theme = _ref.theme;
|
|
6821
6893
|
return theme.colors.primary;
|
|
6822
6894
|
}, function (_ref2) {
|
|
@@ -6837,7 +6909,7 @@ var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_tem
|
|
|
6837
6909
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
6838
6910
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6839
6911
|
|
|
6840
|
-
var _excluded$
|
|
6912
|
+
var _excluded$f = ["text"];
|
|
6841
6913
|
|
|
6842
6914
|
var PageHeading = function PageHeading(_ref) {
|
|
6843
6915
|
var title = _ref.title,
|
|
@@ -6849,7 +6921,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6849
6921
|
|
|
6850
6922
|
var _ref2 = link || {},
|
|
6851
6923
|
linkText = _ref2.text,
|
|
6852
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6924
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
6853
6925
|
|
|
6854
6926
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
6855
6927
|
var truncatedTitle = title && title.substring(0, 40);
|
|
@@ -6877,11 +6949,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6877
6949
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
6878
6950
|
};
|
|
6879
6951
|
|
|
6880
|
-
var _excluded$
|
|
6952
|
+
var _excluded$g = ["link"];
|
|
6881
6953
|
|
|
6882
6954
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
6883
6955
|
var link = _ref.link,
|
|
6884
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6956
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
6885
6957
|
|
|
6886
6958
|
var coreLink = link && _extends({}, link, {
|
|
6887
6959
|
color: exports.Colors.White,
|
|
@@ -6895,11 +6967,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
6895
6967
|
})));
|
|
6896
6968
|
};
|
|
6897
6969
|
|
|
6898
|
-
var _excluded$
|
|
6970
|
+
var _excluded$h = ["link"];
|
|
6899
6971
|
|
|
6900
6972
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
6901
6973
|
var link = _ref.link,
|
|
6902
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6974
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
6903
6975
|
|
|
6904
6976
|
var cinemaLink = link && _extends({}, link, {
|
|
6905
6977
|
color: exports.Colors.Black,
|
|
@@ -6913,8 +6985,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6913
6985
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6914
6986
|
};
|
|
6915
6987
|
|
|
6916
|
-
var _templateObject$
|
|
6917
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6988
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
6989
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
6918
6990
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
6919
6991
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6920
6992
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -6923,7 +6995,7 @@ var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_tem
|
|
|
6923
6995
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6924
6996
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6925
6997
|
|
|
6926
|
-
var _excluded$
|
|
6998
|
+
var _excluded$i = ["text"];
|
|
6927
6999
|
|
|
6928
7000
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
6929
7001
|
var children = _ref.children,
|
|
@@ -6941,7 +7013,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6941
7013
|
|
|
6942
7014
|
var _ref2 = link || {},
|
|
6943
7015
|
linkText = _ref2.text,
|
|
6944
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7016
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
6945
7017
|
|
|
6946
7018
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
6947
7019
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -6986,8 +7058,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6986
7058
|
}, "Scroll Down")) : null);
|
|
6987
7059
|
};
|
|
6988
7060
|
|
|
6989
|
-
var _templateObject$
|
|
6990
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7061
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k;
|
|
7062
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
6991
7063
|
var color = _ref.color;
|
|
6992
7064
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
6993
7065
|
}, devices.mobileAndTablet);
|
|
@@ -7031,14 +7103,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7031
7103
|
}))));
|
|
7032
7104
|
};
|
|
7033
7105
|
|
|
7034
|
-
var _templateObject$
|
|
7035
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7106
|
+
var _templateObject$Z;
|
|
7107
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7036
7108
|
|
|
7037
|
-
var _excluded$
|
|
7109
|
+
var _excluded$j = ["link"];
|
|
7038
7110
|
|
|
7039
7111
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7040
7112
|
var link = _ref.link,
|
|
7041
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7113
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
|
7042
7114
|
|
|
7043
7115
|
var streamLink = link && _extends({}, link, {
|
|
7044
7116
|
color: exports.Colors.Black,
|
|
@@ -7052,8 +7124,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7052
7124
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7053
7125
|
};
|
|
7054
7126
|
|
|
7055
|
-
var _templateObject$
|
|
7056
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7127
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7128
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
7057
7129
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
7058
7130
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7059
7131
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -7187,7 +7259,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7187
7259
|
var isIOS = function isIOS() {
|
|
7188
7260
|
try {
|
|
7189
7261
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7190
|
-
if (typeof navigator === undefined) return false;
|
|
7262
|
+
if (typeof navigator === 'undefined') return false;
|
|
7191
7263
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7192
7264
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7193
7265
|
} catch (e) {
|
|
@@ -7203,7 +7275,7 @@ var useIOS = function useIOS() {
|
|
|
7203
7275
|
setIOS = _useState[1];
|
|
7204
7276
|
|
|
7205
7277
|
React.useEffect(function () {
|
|
7206
|
-
if (typeof navigator === undefined) return;
|
|
7278
|
+
if (typeof navigator === 'undefined') return;
|
|
7207
7279
|
setIOS(isIOS());
|
|
7208
7280
|
}, []);
|
|
7209
7281
|
return IOS;
|
|
@@ -7232,7 +7304,7 @@ var useMobile = function useMobile() {
|
|
|
7232
7304
|
return mobile;
|
|
7233
7305
|
};
|
|
7234
7306
|
|
|
7235
|
-
var _excluded$
|
|
7307
|
+
var _excluded$k = ["text"];
|
|
7236
7308
|
|
|
7237
7309
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7238
7310
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7348,7 +7420,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7348
7420
|
|
|
7349
7421
|
var _ref5 = link || {},
|
|
7350
7422
|
linkText = _ref5.text,
|
|
7351
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
7423
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7352
7424
|
|
|
7353
7425
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
7354
7426
|
var video = {
|
|
@@ -7387,8 +7459,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7387
7459
|
}), linkText))));
|
|
7388
7460
|
};
|
|
7389
7461
|
|
|
7390
|
-
var _templateObject
|
|
7391
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
7462
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
7463
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7392
7464
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
7393
7465
|
|
|
7394
7466
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -7464,8 +7536,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
7464
7536
|
}))));
|
|
7465
7537
|
};
|
|
7466
7538
|
|
|
7467
|
-
var _templateObject
|
|
7468
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
7539
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$h;
|
|
7540
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
7469
7541
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
7470
7542
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7471
7543
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -7521,11 +7593,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7521
7593
|
}));
|
|
7522
7594
|
};
|
|
7523
7595
|
|
|
7524
|
-
var _templateObject$
|
|
7525
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7596
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
7597
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7526
7598
|
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
|
|
7599
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
7600
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
7529
7601
|
|
|
7530
7602
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7531
7603
|
return array.reduce(function (acc, item) {
|
|
@@ -7536,12 +7608,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7536
7608
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7537
7609
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7538
7610
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7539
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7611
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7612
|
+
key: index
|
|
7613
|
+
}, title));
|
|
7540
7614
|
} else if (index > 0) {
|
|
7541
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7615
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7616
|
+
key: index
|
|
7617
|
+
}, ", ", title);
|
|
7542
7618
|
}
|
|
7543
7619
|
|
|
7544
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7620
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7621
|
+
key: index
|
|
7622
|
+
}, title);
|
|
7545
7623
|
}));
|
|
7546
7624
|
};
|
|
7547
7625
|
|
|
@@ -7593,14 +7671,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7593
7671
|
}));
|
|
7594
7672
|
};
|
|
7595
7673
|
|
|
7596
|
-
var _templateObject$
|
|
7674
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$n, _templateObject6$i, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
7597
7675
|
var LENGTH_TEXT = 28;
|
|
7598
7676
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7599
7677
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7600
7678
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7601
7679
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7602
7680
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7603
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7681
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
7604
7682
|
var imageToLeft = _ref.imageToLeft;
|
|
7605
7683
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7606
7684
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7660,8 +7738,8 @@ var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 ||
|
|
|
7660
7738
|
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
7739
|
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
7662
7740
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7663
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7664
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7741
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7742
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7665
7743
|
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7666
7744
|
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n\n ", " {\n font-size: var(--font-size-overline-2);\n font-weight: var(--font-weight-overline-2);\n line-height: var(--line-height-overline-2);\n letter-spacing: var(--letter-spacing-overline-2);\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
|
|
7667
7745
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref11) {
|
|
@@ -7682,7 +7760,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19
|
|
|
7682
7760
|
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7683
7761
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
7684
7762
|
|
|
7685
|
-
var _excluded$
|
|
7763
|
+
var _excluded$l = ["text"],
|
|
7686
7764
|
_excluded2$2 = ["text"],
|
|
7687
7765
|
_excluded3 = ["text"];
|
|
7688
7766
|
|
|
@@ -7756,7 +7834,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7756
7834
|
var _ref2 = firstButton || {},
|
|
7757
7835
|
_ref2$text = _ref2.text,
|
|
7758
7836
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7759
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7837
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
7760
7838
|
|
|
7761
7839
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
7762
7840
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -7875,10 +7953,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7875
7953
|
}))));
|
|
7876
7954
|
};
|
|
7877
7955
|
|
|
7878
|
-
var _templateObject$
|
|
7956
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$j, _templateObject7$d;
|
|
7879
7957
|
var LENGTH_TEXT$2 = 28;
|
|
7880
7958
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7881
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7959
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
7882
7960
|
var imageToLeft = _ref.imageToLeft;
|
|
7883
7961
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
7884
7962
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7931,7 +8009,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
7931
8009
|
return '';
|
|
7932
8010
|
});
|
|
7933
8011
|
|
|
7934
|
-
var _excluded$
|
|
8012
|
+
var _excluded$m = ["text"],
|
|
7935
8013
|
_excluded2$3 = ["text"];
|
|
7936
8014
|
var LENGTH_TEXT$3 = 28;
|
|
7937
8015
|
|
|
@@ -7958,7 +8036,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7958
8036
|
var _ref2 = primaryButton || {},
|
|
7959
8037
|
_ref2$text = _ref2.text,
|
|
7960
8038
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7961
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8039
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
7962
8040
|
|
|
7963
8041
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
7964
8042
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -7992,8 +8070,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7992
8070
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
7993
8071
|
};
|
|
7994
8072
|
|
|
7995
|
-
var _templateObject$
|
|
7996
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8073
|
+
var _templateObject$14;
|
|
8074
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
7997
8075
|
|
|
7998
8076
|
/**
|
|
7999
8077
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8051,8 +8129,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8051
8129
|
})));
|
|
8052
8130
|
};
|
|
8053
8131
|
|
|
8054
|
-
var _templateObject$
|
|
8055
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8132
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$F;
|
|
8133
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8056
8134
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
8057
8135
|
var horizontalMode = _ref.horizontalMode;
|
|
8058
8136
|
if (horizontalMode) return 'row';
|
|
@@ -8141,8 +8219,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8141
8219
|
}, error)));
|
|
8142
8220
|
};
|
|
8143
8221
|
|
|
8144
|
-
var _templateObject$
|
|
8145
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8222
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$G;
|
|
8223
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
8146
8224
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
8147
8225
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
8148
8226
|
|
|
@@ -8206,8 +8284,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8206
8284
|
})))));
|
|
8207
8285
|
};
|
|
8208
8286
|
|
|
8209
|
-
var _templateObject$
|
|
8210
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8287
|
+
var _templateObject$17;
|
|
8288
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
8211
8289
|
|
|
8212
8290
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8213
8291
|
var title = _ref.title,
|
|
@@ -8233,8 +8311,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8233
8311
|
}, description))));
|
|
8234
8312
|
};
|
|
8235
8313
|
|
|
8236
|
-
var _templateObject$
|
|
8237
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8314
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8315
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
8238
8316
|
var theme = _ref.theme;
|
|
8239
8317
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8240
8318
|
}, function (_ref2) {
|
|
@@ -8655,8 +8733,8 @@ function Select(_ref3) {
|
|
|
8655
8733
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8656
8734
|
}
|
|
8657
8735
|
|
|
8658
|
-
var _templateObject$
|
|
8659
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8736
|
+
var _templateObject$19;
|
|
8737
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8660
8738
|
var theme = _ref.theme;
|
|
8661
8739
|
return theme.colors.primary;
|
|
8662
8740
|
});
|
|
@@ -8684,8 +8762,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8684
8762
|
})));
|
|
8685
8763
|
};
|
|
8686
8764
|
|
|
8687
|
-
var _templateObject$
|
|
8688
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8765
|
+
var _templateObject$1a, _templateObject2$Q;
|
|
8766
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
8689
8767
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8690
8768
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8691
8769
|
return aspectRatio;
|
|
@@ -8733,8 +8811,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8733
8811
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8734
8812
|
};
|
|
8735
8813
|
|
|
8736
|
-
var _templateObject$
|
|
8737
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8814
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I;
|
|
8815
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8738
8816
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8739
8817
|
var displayAttribution = _ref.displayAttribution;
|
|
8740
8818
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -8763,8 +8841,8 @@ var Quote = function Quote(_ref) {
|
|
|
8763
8841
|
}, attribution))));
|
|
8764
8842
|
};
|
|
8765
8843
|
|
|
8766
|
-
var _templateObject$
|
|
8767
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8844
|
+
var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$y, _templateObject5$q, _templateObject6$l;
|
|
8845
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
8768
8846
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8769
8847
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8770
8848
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -8807,8 +8885,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8807
8885
|
}, title)))));
|
|
8808
8886
|
};
|
|
8809
8887
|
|
|
8810
|
-
var _templateObject$
|
|
8811
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8888
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$K, _templateObject4$z;
|
|
8889
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
8812
8890
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8813
8891
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8814
8892
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
@@ -8909,96 +8987,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8909
8987
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
8910
8988
|
};
|
|
8911
8989
|
|
|
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;
|
|
8990
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$m;
|
|
8995
8991
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
8996
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8997
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8992
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
8993
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
8998
8994
|
var color = _ref.color;
|
|
8999
8995
|
return "var(--base-color-" + color + ")";
|
|
9000
8996
|
});
|
|
9001
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8997
|
+
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
8998
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9003
8999
|
var color = _ref2.color;
|
|
9004
9000
|
return "var(--base-color-" + color + ")";
|
|
@@ -9089,6 +9085,88 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9089
9085
|
}, strengthLabel))));
|
|
9090
9086
|
};
|
|
9091
9087
|
|
|
9088
|
+
var _templateObject$1f, _templateObject2$V, _templateObject3$M, _templateObject4$B;
|
|
9089
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9090
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9091
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9092
|
+
return mobileOpen ? "block" : 'none';
|
|
9093
|
+
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
9094
|
+
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) {
|
|
9095
|
+
var active = _ref2.active;
|
|
9096
|
+
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
9097
|
+
}, exports.Colors.MidGrey, devices.mobile);
|
|
9098
|
+
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);
|
|
9099
|
+
|
|
9100
|
+
/**
|
|
9101
|
+
* Vertical menu component uses for navigation
|
|
9102
|
+
* inside website chapter. It looks like a vertical
|
|
9103
|
+
* list with clickable items on desktop and dropdown
|
|
9104
|
+
* list on mobile.
|
|
9105
|
+
*
|
|
9106
|
+
* ## Menu items
|
|
9107
|
+
* Menu items should be passed as `items` prop. This
|
|
9108
|
+
* should be an array of objects. Each object should
|
|
9109
|
+
* have `text` (text displayed as a menu item) and
|
|
9110
|
+
* `onClick` (click handler function)
|
|
9111
|
+
*
|
|
9112
|
+
* ## Active menu item
|
|
9113
|
+
* Active menu item should be passed as component `activeItem`
|
|
9114
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9115
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9116
|
+
*/
|
|
9117
|
+
|
|
9118
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9119
|
+
var items = _ref.items,
|
|
9120
|
+
activeItem = _ref.activeItem;
|
|
9121
|
+
|
|
9122
|
+
var _useState = React.useState(false),
|
|
9123
|
+
mobileOpen = _useState[0],
|
|
9124
|
+
setMobileOpen = _useState[1];
|
|
9125
|
+
|
|
9126
|
+
var containerRef = React.useRef(null);
|
|
9127
|
+
|
|
9128
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9129
|
+
setMobileOpen(function (prev) {
|
|
9130
|
+
return !prev;
|
|
9131
|
+
});
|
|
9132
|
+
};
|
|
9133
|
+
|
|
9134
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9135
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9136
|
+
setMobileOpen(false);
|
|
9137
|
+
}
|
|
9138
|
+
};
|
|
9139
|
+
|
|
9140
|
+
React.useEffect(function () {
|
|
9141
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9142
|
+
return function () {
|
|
9143
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9144
|
+
};
|
|
9145
|
+
}, [containerRef]);
|
|
9146
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9147
|
+
ref: containerRef,
|
|
9148
|
+
"data-testid": "nav-menu-container"
|
|
9149
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9150
|
+
mobileOpen: mobileOpen,
|
|
9151
|
+
onClick: mobileButtonClickHandler,
|
|
9152
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9153
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9154
|
+
iconName: "DropdownArrow",
|
|
9155
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9156
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9157
|
+
mobileOpen: mobileOpen,
|
|
9158
|
+
"data-testid": "nav-menu-list"
|
|
9159
|
+
}, items.map(function (item, idx) {
|
|
9160
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9161
|
+
key: item.text + "-" + idx
|
|
9162
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9163
|
+
onClick: item.onClick,
|
|
9164
|
+
active: item.text === activeItem,
|
|
9165
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9166
|
+
}, item.text));
|
|
9167
|
+
})));
|
|
9168
|
+
};
|
|
9169
|
+
|
|
9092
9170
|
var UpsellSection = function UpsellSection(_ref) {
|
|
9093
9171
|
var title = _ref.title,
|
|
9094
9172
|
richText = _ref.richText,
|
|
@@ -9177,8 +9255,8 @@ var LiveChat = function LiveChat() {
|
|
|
9177
9255
|
});
|
|
9178
9256
|
};
|
|
9179
9257
|
|
|
9180
|
-
var _templateObject$
|
|
9181
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9258
|
+
var _templateObject$1g, _templateObject2$W;
|
|
9259
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
9182
9260
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
9183
9261
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9184
9262
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -9207,13 +9285,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9207
9285
|
}, children)));
|
|
9208
9286
|
};
|
|
9209
9287
|
|
|
9210
|
-
var _templateObject$
|
|
9211
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9288
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C;
|
|
9289
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
9212
9290
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
9213
9291
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9214
9292
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
9215
9293
|
|
|
9216
|
-
var _excluded$
|
|
9294
|
+
var _excluded$n = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
9217
9295
|
var MAX_Z_INDEX = 9999999999;
|
|
9218
9296
|
|
|
9219
9297
|
if (Modal.defaultStyles.content) {
|
|
@@ -9290,7 +9368,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9290
9368
|
setIsOpen = _ref.setIsOpen,
|
|
9291
9369
|
children = _ref.children,
|
|
9292
9370
|
appElementId = _ref.appElementId,
|
|
9293
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
9371
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
|
|
9294
9372
|
|
|
9295
9373
|
var isMobile = useMobile();
|
|
9296
9374
|
var customStyles = {
|
|
@@ -9332,8 +9410,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9332
9410
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9333
9411
|
};
|
|
9334
9412
|
|
|
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) {
|
|
9413
|
+
var _templateObject$1i;
|
|
9414
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9337
9415
|
var theme = _ref.theme;
|
|
9338
9416
|
return theme.colors.primary;
|
|
9339
9417
|
}, function (_ref2) {
|
|
@@ -10279,6 +10357,7 @@ exports.Accordions = Accordions;
|
|
|
10279
10357
|
exports.AltHeader = AltHeader;
|
|
10280
10358
|
exports.AnchorTabBar = AnchorTabBar;
|
|
10281
10359
|
exports.AnnouncementBanner = AnnouncementBanner;
|
|
10360
|
+
exports.AuxiliaryButton = AuxiliaryButton;
|
|
10282
10361
|
exports.AuxiliaryNav = AuxiliaryNav;
|
|
10283
10362
|
exports.BodyText = BodyText;
|
|
10284
10363
|
exports.Card = Card;
|