@royaloperahouse/chord 2.2.8 → 2.2.9-b-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +213 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +277 -197
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +277 -198
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.d.ts +4 -0
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/12px/Expand.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Utility/Remove.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
- package/dist/components/molecules/Card/Card.style.d.ts +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/styles/themes.d.ts +20 -12
- package/dist/types/buttonTypes.d.ts +14 -0
- package/dist/types/card.d.ts +9 -1
- package/dist/types/formTypes.d.ts +13 -10
- package/dist/types/index.d.ts +2 -2
- package/dist/types/passwordStrength.d.ts +6 -6
- package/package.json +2 -2
- package/README.GIT +0 -277
package/dist/chord.esm.js
CHANGED
|
@@ -623,6 +623,7 @@ var core = /*#__PURE__*/_extends({}, common, {
|
|
|
623
623
|
primaryButton: colors.core,
|
|
624
624
|
secondaryButton: commonColors.white,
|
|
625
625
|
tertiaryButton: 'transparent',
|
|
626
|
+
auxiliaryButton: 'transparent',
|
|
626
627
|
primaryButtonReverseBg: colors.cinema,
|
|
627
628
|
primaryButtonReverse: commonColors.white
|
|
628
629
|
})
|
|
@@ -631,30 +632,33 @@ var stream = /*#__PURE__*/_extends({}, common, {
|
|
|
631
632
|
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
632
633
|
primary: colors.stream,
|
|
633
634
|
primaryButton: colors.stream,
|
|
635
|
+
primaryButtonReverseBg: colors.cinema,
|
|
636
|
+
primaryButtonReverse: commonColors.white,
|
|
634
637
|
secondaryButton: commonColors.white,
|
|
635
638
|
tertiaryButton: 'transparent',
|
|
636
|
-
|
|
637
|
-
primaryButtonReverse: commonColors.white
|
|
639
|
+
auxiliaryButton: 'transparent'
|
|
638
640
|
})
|
|
639
641
|
});
|
|
640
642
|
var cinema = /*#__PURE__*/_extends({}, common, {
|
|
641
643
|
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
642
644
|
primary: colors.cinema,
|
|
643
645
|
primaryButton: commonColors.white,
|
|
646
|
+
primaryButtonReverseBg: commonColors.white,
|
|
647
|
+
primaryButtonReverse: colors.cinema,
|
|
644
648
|
secondaryButton: commonColors.white,
|
|
645
649
|
tertiaryButton: 'transparent',
|
|
646
|
-
|
|
647
|
-
primaryButtonReverse: colors.cinema
|
|
650
|
+
auxiliaryButton: 'transparent'
|
|
648
651
|
})
|
|
649
652
|
});
|
|
650
653
|
var schools = /*#__PURE__*/_extends({}, common, {
|
|
651
654
|
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
652
655
|
primary: colors.core,
|
|
653
656
|
primaryButton: colors.core,
|
|
657
|
+
primaryButtonReverseBg: colors.cinema,
|
|
658
|
+
primaryButtonReverse: commonColors.white,
|
|
654
659
|
secondaryButton: commonColors.white,
|
|
655
660
|
tertiaryButton: 'transparent',
|
|
656
|
-
|
|
657
|
-
primaryButtonReverse: commonColors.white
|
|
661
|
+
auxiliaryButton: 'transparent'
|
|
658
662
|
}),
|
|
659
663
|
fonts: /*#__PURE__*/_extends({}, common.fonts, {
|
|
660
664
|
desktop: /*#__PURE__*/_extends({}, common.fonts.desktop, {
|
|
@@ -704,21 +708,36 @@ var Wrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 =
|
|
|
704
708
|
return color || 'black';
|
|
705
709
|
}, core.colors.black);
|
|
706
710
|
|
|
707
|
-
var
|
|
711
|
+
var Expand12px = (function (_ref) {
|
|
708
712
|
var _ref$color = _ref.color,
|
|
709
713
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
710
714
|
return /*#__PURE__*/createElement("svg", {
|
|
711
|
-
|
|
712
|
-
|
|
715
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
716
|
+
width: "12",
|
|
717
|
+
height: "12",
|
|
713
718
|
viewBox: "0 0 12 12",
|
|
714
|
-
fill: "none"
|
|
715
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
719
|
+
fill: "none"
|
|
716
720
|
}, /*#__PURE__*/createElement("path", {
|
|
717
|
-
d: "M7.
|
|
721
|
+
d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
|
|
718
722
|
fill: color
|
|
719
723
|
}));
|
|
720
724
|
});
|
|
721
725
|
|
|
726
|
+
var Remove12px = (function (_ref) {
|
|
727
|
+
var _ref$color = _ref.color,
|
|
728
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
729
|
+
return /*#__PURE__*/createElement("svg", {
|
|
730
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
731
|
+
width: "12",
|
|
732
|
+
height: "12",
|
|
733
|
+
viewBox: "0 0 12 12",
|
|
734
|
+
fill: "none"
|
|
735
|
+
}, /*#__PURE__*/createElement("g", null, /*#__PURE__*/createElement("path", {
|
|
736
|
+
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",
|
|
737
|
+
fill: color
|
|
738
|
+
})));
|
|
739
|
+
});
|
|
740
|
+
|
|
722
741
|
var Tick = (function (_ref) {
|
|
723
742
|
var _ref$color = _ref.color,
|
|
724
743
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
@@ -1838,6 +1857,21 @@ var Refresh = (function (_ref) {
|
|
|
1838
1857
|
}));
|
|
1839
1858
|
});
|
|
1840
1859
|
|
|
1860
|
+
var Remove = (function (_ref) {
|
|
1861
|
+
var _ref$color = _ref.color,
|
|
1862
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
1863
|
+
return /*#__PURE__*/createElement("svg", {
|
|
1864
|
+
width: "100%",
|
|
1865
|
+
height: "100%",
|
|
1866
|
+
viewBox: "0 0 12 12",
|
|
1867
|
+
fill: "none",
|
|
1868
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1869
|
+
}, /*#__PURE__*/createElement("path", {
|
|
1870
|
+
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",
|
|
1871
|
+
fill: color
|
|
1872
|
+
}));
|
|
1873
|
+
});
|
|
1874
|
+
|
|
1841
1875
|
var Star = (function (_ref) {
|
|
1842
1876
|
var _ref$color = _ref.color,
|
|
1843
1877
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
@@ -2150,6 +2184,7 @@ var IconLibrary = {
|
|
|
2150
2184
|
EditMyList: EditMyList,
|
|
2151
2185
|
Email: Email,
|
|
2152
2186
|
Expand: Expand,
|
|
2187
|
+
Expand12px: Expand12px,
|
|
2153
2188
|
ExternalLink: ExternalLink,
|
|
2154
2189
|
Facebook: Facebook,
|
|
2155
2190
|
Favourite: Favourite,
|
|
@@ -2179,6 +2214,7 @@ var IconLibrary = {
|
|
|
2179
2214
|
Refresh: Refresh,
|
|
2180
2215
|
Reminder: Reminder,
|
|
2181
2216
|
Remove: Remove,
|
|
2217
|
+
Remove12px: Remove12px,
|
|
2182
2218
|
Restart: Restart,
|
|
2183
2219
|
Search: Search,
|
|
2184
2220
|
Seat: Seat,
|
|
@@ -2222,12 +2258,13 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
|
|
|
2222
2258
|
});
|
|
2223
2259
|
Icon.displayName = 'Icon';
|
|
2224
2260
|
|
|
2225
|
-
var _excluded = ["children", "iconName", "iconDirection", "color"];
|
|
2261
|
+
var _excluded = ["children", "iconName", "iconDirection", "iconClassName", "color"];
|
|
2226
2262
|
|
|
2227
2263
|
var Button = function Button(_ref) {
|
|
2228
2264
|
var children = _ref.children,
|
|
2229
2265
|
iconName = _ref.iconName,
|
|
2230
2266
|
iconDirection = _ref.iconDirection,
|
|
2267
|
+
iconClassName = _ref.iconClassName,
|
|
2231
2268
|
color = _ref.color,
|
|
2232
2269
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
2233
2270
|
|
|
@@ -2236,7 +2273,8 @@ var Button = function Button(_ref) {
|
|
|
2236
2273
|
color: color,
|
|
2237
2274
|
iconName: iconName
|
|
2238
2275
|
}), iconName ? /*#__PURE__*/React__default.createElement(ButtonIconWrapper, {
|
|
2239
|
-
"data-testid": "button-icon"
|
|
2276
|
+
"data-testid": "button-icon",
|
|
2277
|
+
className: iconClassName
|
|
2240
2278
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
2241
2279
|
iconName: iconName,
|
|
2242
2280
|
direction: iconDirection,
|
|
@@ -3579,7 +3617,7 @@ var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObjec
|
|
|
3579
3617
|
if (!width) return 'none';
|
|
3580
3618
|
return width + 'px';
|
|
3581
3619
|
});
|
|
3582
|
-
var Input = /*#__PURE__*/styled.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
|
|
3620
|
+
var Input = /*#__PURE__*/styled.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) {
|
|
3583
3621
|
var isPasswordField = _ref2.isPasswordField;
|
|
3584
3622
|
if (isPasswordField) return "80px";
|
|
3585
3623
|
return "20px";
|
|
@@ -3688,7 +3726,7 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3688
3726
|
"data-testid": "text-field-input",
|
|
3689
3727
|
ref: ref
|
|
3690
3728
|
}, inputProps)), isPasswordField && /*#__PURE__*/React__default.createElement(ShowHideButton, {
|
|
3691
|
-
type:
|
|
3729
|
+
type: 'button',
|
|
3692
3730
|
onClick: showHideClickHandler
|
|
3693
3731
|
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
3694
3732
|
level: 1
|
|
@@ -6071,7 +6109,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6071
6109
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6072
6110
|
contentType: accordion.contentType,
|
|
6073
6111
|
displayLevel: accordion.displayLevel,
|
|
6074
|
-
semanticLevel: accordion.semanticLevel
|
|
6112
|
+
semanticLevel: accordion.semanticLevel,
|
|
6113
|
+
initOpen: accordion.initOpen
|
|
6075
6114
|
}, accordion.children);
|
|
6076
6115
|
}));
|
|
6077
6116
|
};
|
|
@@ -6128,11 +6167,35 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6128
6167
|
}))))));
|
|
6129
6168
|
};
|
|
6130
6169
|
|
|
6131
|
-
var _templateObject$P
|
|
6170
|
+
var _templateObject$P;
|
|
6171
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
|
|
6172
|
+
var bgColor = _ref.bgColor,
|
|
6173
|
+
theme = _ref.theme;
|
|
6174
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
6175
|
+
}, function (_ref2) {
|
|
6176
|
+
var color = _ref2.color;
|
|
6177
|
+
return color;
|
|
6178
|
+
});
|
|
6179
|
+
|
|
6180
|
+
var _excluded$d = ["children"];
|
|
6181
|
+
|
|
6182
|
+
var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
6183
|
+
var _props$color;
|
|
6184
|
+
|
|
6185
|
+
var children = _ref.children,
|
|
6186
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
6187
|
+
|
|
6188
|
+
return /*#__PURE__*/React__default.createElement(AuxiliaryButtonWrapper, Object.assign({}, props, {
|
|
6189
|
+
color: (_props$color = props.color) != null ? _props$color : Colors.Black,
|
|
6190
|
+
iconClassName: "auxiliaryButtonIcon"
|
|
6191
|
+
}), children);
|
|
6192
|
+
};
|
|
6193
|
+
|
|
6194
|
+
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;
|
|
6132
6195
|
var LENGTH_LARGE_TEXT = 28;
|
|
6133
6196
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6134
6197
|
var LENGTH_TEXT_TABLET = 10;
|
|
6135
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6198
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
6136
6199
|
var isCardClickable = _ref.isCardClickable;
|
|
6137
6200
|
return isCardClickable ? 'pointer' : 'default';
|
|
6138
6201
|
}, function (_ref2) {
|
|
@@ -6156,20 +6219,22 @@ var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$k || (_templat
|
|
|
6156
6219
|
var TitleContainer$4 = /*#__PURE__*/styled.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);
|
|
6157
6220
|
var TitleContainerMobile = /*#__PURE__*/styled.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);
|
|
6158
6221
|
var TextContainer$1 = /*#__PURE__*/styled.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"])));
|
|
6159
|
-
var
|
|
6160
|
-
var
|
|
6222
|
+
var HighlightTextContainer = /*#__PURE__*/styled(TextContainer$1)(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
6223
|
+
var SubtitleContainer = /*#__PURE__*/styled.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"])));
|
|
6224
|
+
var LabelContainer = /*#__PURE__*/styled.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) {
|
|
6161
6225
|
var isVisible = _ref6.isVisible;
|
|
6162
6226
|
return isVisible ? "visible" : 'hidden';
|
|
6163
6227
|
}, devices.mobile, function (_ref7) {
|
|
6164
6228
|
var isGridCard = _ref7.isGridCard;
|
|
6165
6229
|
return isGridCard ? '20px' : '0';
|
|
6166
6230
|
});
|
|
6167
|
-
var
|
|
6231
|
+
var ExtraActionsContainer = /*#__PURE__*/styled.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n"])));
|
|
6232
|
+
var LabelElements = /*#__PURE__*/styled.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) {
|
|
6168
6233
|
var bgColor = _ref8.bgColor,
|
|
6169
6234
|
theme = _ref8.theme;
|
|
6170
6235
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
6171
6236
|
});
|
|
6172
|
-
var LabelIconWrapper = /*#__PURE__*/styled.div(
|
|
6237
|
+
var LabelIconWrapper = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
6173
6238
|
|
|
6174
6239
|
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
6175
6240
|
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
@@ -6181,7 +6246,7 @@ var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
|
6181
6246
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
6182
6247
|
};
|
|
6183
6248
|
|
|
6184
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled.div(
|
|
6249
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled.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) {
|
|
6185
6250
|
var size = _ref11.size,
|
|
6186
6251
|
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
6187
6252
|
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
@@ -6276,7 +6341,7 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
|
|
|
6276
6341
|
return truncateHtmlString(nodeString, resultLength, addDots);
|
|
6277
6342
|
};
|
|
6278
6343
|
|
|
6279
|
-
var _excluded$
|
|
6344
|
+
var _excluded$e = ["text"],
|
|
6280
6345
|
_excluded2$1 = ["text"];
|
|
6281
6346
|
|
|
6282
6347
|
var _buttonTypeToButton;
|
|
@@ -6294,6 +6359,8 @@ var Card = function Card(_ref) {
|
|
|
6294
6359
|
subtitle = _ref.subtitle,
|
|
6295
6360
|
_ref$text = _ref.text,
|
|
6296
6361
|
text = _ref$text === void 0 ? '' : _ref$text,
|
|
6362
|
+
_ref$highlightText = _ref.highlightText,
|
|
6363
|
+
highlightText = _ref$highlightText === void 0 ? '' : _ref$highlightText,
|
|
6297
6364
|
links = _ref.links,
|
|
6298
6365
|
_ref$tags = _ref.tags,
|
|
6299
6366
|
tags = _ref$tags === void 0 ? [] : _ref$tags,
|
|
@@ -6311,7 +6378,8 @@ var Card = function Card(_ref) {
|
|
|
6311
6378
|
hoverLineColor = _ref.hoverLineColor,
|
|
6312
6379
|
labelParams = _ref.labelParams,
|
|
6313
6380
|
_ref$isGridCard = _ref.isGridCard,
|
|
6314
|
-
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard
|
|
6381
|
+
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard,
|
|
6382
|
+
auxiliaryCTA = _ref.auxiliaryCTA;
|
|
6315
6383
|
|
|
6316
6384
|
var truncate = function truncate(str, n) {
|
|
6317
6385
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -6329,7 +6397,7 @@ var Card = function Card(_ref) {
|
|
|
6329
6397
|
var _ref2 = firstButton || {},
|
|
6330
6398
|
_ref2$text = _ref2.text,
|
|
6331
6399
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6332
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6400
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
|
|
6333
6401
|
|
|
6334
6402
|
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
6335
6403
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6406,9 +6474,12 @@ var Card = function Card(_ref) {
|
|
|
6406
6474
|
dangerouslySetInnerHTML: {
|
|
6407
6475
|
__html: truncatedText
|
|
6408
6476
|
}
|
|
6409
|
-
}))),
|
|
6477
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6478
|
+
level: 1
|
|
6479
|
+
}, 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, {
|
|
6410
6480
|
ref: node,
|
|
6411
6481
|
"data-testid": "buttonscontainer",
|
|
6482
|
+
className: "cardButtonsContainer",
|
|
6412
6483
|
size: size,
|
|
6413
6484
|
primaryButtonTextLength: firstButtonText.length,
|
|
6414
6485
|
tertiaryButtonTextLength: secondButtonText.length,
|
|
@@ -6417,8 +6488,8 @@ var Card = function Card(_ref) {
|
|
|
6417
6488
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6418
6489
|
};
|
|
6419
6490
|
|
|
6420
|
-
var _templateObject$
|
|
6421
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6491
|
+
var _templateObject$R, _templateObject2$z;
|
|
6492
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
6422
6493
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6423
6494
|
|
|
6424
6495
|
var Cards = function Cards(_ref) {
|
|
@@ -6450,6 +6521,7 @@ var Cards = function Cards(_ref) {
|
|
|
6450
6521
|
title: card.title,
|
|
6451
6522
|
subtitle: card.subtitle,
|
|
6452
6523
|
text: card.text,
|
|
6524
|
+
highlightText: card.highlightText,
|
|
6453
6525
|
links: card.links,
|
|
6454
6526
|
tags: card.tags,
|
|
6455
6527
|
withContinueWatching: card.withContinueWatching,
|
|
@@ -6457,13 +6529,14 @@ var Cards = function Cards(_ref) {
|
|
|
6457
6529
|
hoverLineColor: card.hoverLineColor,
|
|
6458
6530
|
fullWidth: card.fullWidth,
|
|
6459
6531
|
labelParams: card.labelParams,
|
|
6532
|
+
auxiliaryCTA: card.auxiliaryCTA,
|
|
6460
6533
|
isGridCard: true
|
|
6461
6534
|
}));
|
|
6462
6535
|
}));
|
|
6463
6536
|
};
|
|
6464
6537
|
|
|
6465
|
-
var _templateObject$
|
|
6466
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6538
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6539
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
6467
6540
|
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
6468
6541
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6469
6542
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -6531,8 +6604,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6531
6604
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6532
6605
|
};
|
|
6533
6606
|
|
|
6534
|
-
var _templateObject$
|
|
6535
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
6607
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g, _templateObject6$d, _templateObject7$8;
|
|
6608
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6536
6609
|
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
6537
6610
|
return props.clickable ? 'pointer' : 'default';
|
|
6538
6611
|
}, devices.mobile);
|
|
@@ -6614,8 +6687,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6614
6687
|
}), link.text)));
|
|
6615
6688
|
};
|
|
6616
6689
|
|
|
6617
|
-
var _templateObject$
|
|
6618
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
6690
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
|
|
6691
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
6619
6692
|
var imageToLeft = _ref.imageToLeft;
|
|
6620
6693
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6621
6694
|
}, devices.mobile);
|
|
@@ -6692,8 +6765,8 @@ var BackgroundColour;
|
|
|
6692
6765
|
BackgroundColour["White"] = "white";
|
|
6693
6766
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6694
6767
|
|
|
6695
|
-
var _templateObject$
|
|
6696
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
6768
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
6769
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
6697
6770
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6698
6771
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6699
6772
|
if (!props.infoThemed) {
|
|
@@ -6819,8 +6892,8 @@ var Information = function Information(_ref) {
|
|
|
6819
6892
|
}))));
|
|
6820
6893
|
};
|
|
6821
6894
|
|
|
6822
|
-
var _templateObject$
|
|
6823
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6895
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6896
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
6824
6897
|
var theme = _ref.theme;
|
|
6825
6898
|
return theme.colors.primary;
|
|
6826
6899
|
}, function (_ref2) {
|
|
@@ -6841,7 +6914,7 @@ var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObje
|
|
|
6841
6914
|
var ButtonWrapper$1 = /*#__PURE__*/styled.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);
|
|
6842
6915
|
var PageHeadingText = /*#__PURE__*/styled.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"])));
|
|
6843
6916
|
|
|
6844
|
-
var _excluded$
|
|
6917
|
+
var _excluded$f = ["text"];
|
|
6845
6918
|
|
|
6846
6919
|
var PageHeading = function PageHeading(_ref) {
|
|
6847
6920
|
var title = _ref.title,
|
|
@@ -6853,7 +6926,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6853
6926
|
|
|
6854
6927
|
var _ref2 = link || {},
|
|
6855
6928
|
linkText = _ref2.text,
|
|
6856
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6929
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
6857
6930
|
|
|
6858
6931
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
6859
6932
|
var truncatedTitle = title && title.substring(0, 40);
|
|
@@ -6881,11 +6954,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6881
6954
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
6882
6955
|
};
|
|
6883
6956
|
|
|
6884
|
-
var _excluded$
|
|
6957
|
+
var _excluded$g = ["link"];
|
|
6885
6958
|
|
|
6886
6959
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
6887
6960
|
var link = _ref.link,
|
|
6888
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6961
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
6889
6962
|
|
|
6890
6963
|
var coreLink = link && _extends({}, link, {
|
|
6891
6964
|
color: Colors.White,
|
|
@@ -6899,11 +6972,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
6899
6972
|
})));
|
|
6900
6973
|
};
|
|
6901
6974
|
|
|
6902
|
-
var _excluded$
|
|
6975
|
+
var _excluded$h = ["link"];
|
|
6903
6976
|
|
|
6904
6977
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
6905
6978
|
var link = _ref.link,
|
|
6906
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6979
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
6907
6980
|
|
|
6908
6981
|
var cinemaLink = link && _extends({}, link, {
|
|
6909
6982
|
color: Colors.Black,
|
|
@@ -6917,8 +6990,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6917
6990
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6918
6991
|
};
|
|
6919
6992
|
|
|
6920
|
-
var _templateObject$
|
|
6921
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6993
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
6994
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
6922
6995
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
6923
6996
|
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
6924
6997
|
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
@@ -6927,7 +7000,7 @@ var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObje
|
|
|
6927
7000
|
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
6928
7001
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
6929
7002
|
|
|
6930
|
-
var _excluded$
|
|
7003
|
+
var _excluded$i = ["text"];
|
|
6931
7004
|
|
|
6932
7005
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
6933
7006
|
var children = _ref.children,
|
|
@@ -6945,7 +7018,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6945
7018
|
|
|
6946
7019
|
var _ref2 = link || {},
|
|
6947
7020
|
linkText = _ref2.text,
|
|
6948
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7021
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
6949
7022
|
|
|
6950
7023
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
6951
7024
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -6990,8 +7063,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6990
7063
|
}, "Scroll Down")) : null);
|
|
6991
7064
|
};
|
|
6992
7065
|
|
|
6993
|
-
var _templateObject$
|
|
6994
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7066
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k;
|
|
7067
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
6995
7068
|
var color = _ref.color;
|
|
6996
7069
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
6997
7070
|
}, devices.mobileAndTablet);
|
|
@@ -7035,14 +7108,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7035
7108
|
}))));
|
|
7036
7109
|
};
|
|
7037
7110
|
|
|
7038
|
-
var _templateObject$
|
|
7039
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7111
|
+
var _templateObject$Z;
|
|
7112
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7040
7113
|
|
|
7041
|
-
var _excluded$
|
|
7114
|
+
var _excluded$j = ["link"];
|
|
7042
7115
|
|
|
7043
7116
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7044
7117
|
var link = _ref.link,
|
|
7045
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7118
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
|
7046
7119
|
|
|
7047
7120
|
var streamLink = link && _extends({}, link, {
|
|
7048
7121
|
color: Colors.Black,
|
|
@@ -7056,8 +7129,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7056
7129
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7057
7130
|
};
|
|
7058
7131
|
|
|
7059
|
-
var _templateObject$
|
|
7060
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$
|
|
7132
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7133
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
7061
7134
|
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
7062
7135
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7063
7136
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
@@ -7191,7 +7264,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7191
7264
|
var isIOS = function isIOS() {
|
|
7192
7265
|
try {
|
|
7193
7266
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7194
|
-
if (typeof navigator === undefined) return false;
|
|
7267
|
+
if (typeof navigator === 'undefined') return false;
|
|
7195
7268
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7196
7269
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7197
7270
|
} catch (e) {
|
|
@@ -7207,7 +7280,7 @@ var useIOS = function useIOS() {
|
|
|
7207
7280
|
setIOS = _useState[1];
|
|
7208
7281
|
|
|
7209
7282
|
useEffect(function () {
|
|
7210
|
-
if (typeof navigator === undefined) return;
|
|
7283
|
+
if (typeof navigator === 'undefined') return;
|
|
7211
7284
|
setIOS(isIOS());
|
|
7212
7285
|
}, []);
|
|
7213
7286
|
return IOS;
|
|
@@ -7236,7 +7309,7 @@ var useMobile = function useMobile() {
|
|
|
7236
7309
|
return mobile;
|
|
7237
7310
|
};
|
|
7238
7311
|
|
|
7239
|
-
var _excluded$
|
|
7312
|
+
var _excluded$k = ["text"];
|
|
7240
7313
|
|
|
7241
7314
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7242
7315
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7352,7 +7425,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7352
7425
|
|
|
7353
7426
|
var _ref5 = link || {},
|
|
7354
7427
|
linkText = _ref5.text,
|
|
7355
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
7428
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7356
7429
|
|
|
7357
7430
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
7358
7431
|
var video = {
|
|
@@ -7391,8 +7464,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7391
7464
|
}), linkText))));
|
|
7392
7465
|
};
|
|
7393
7466
|
|
|
7394
|
-
var _templateObject
|
|
7395
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
7467
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
7468
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7396
7469
|
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
7397
7470
|
|
|
7398
7471
|
var PageNumber = /*#__PURE__*/styled.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) {
|
|
@@ -7468,8 +7541,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
7468
7541
|
}))));
|
|
7469
7542
|
};
|
|
7470
7543
|
|
|
7471
|
-
var _templateObject
|
|
7472
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject
|
|
7544
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$h;
|
|
7545
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
7473
7546
|
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
7474
7547
|
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7475
7548
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -7525,11 +7598,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7525
7598
|
}));
|
|
7526
7599
|
};
|
|
7527
7600
|
|
|
7528
|
-
var _templateObject$
|
|
7529
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7601
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
7602
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7530
7603
|
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7531
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
7532
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
7604
|
+
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
7605
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
7533
7606
|
|
|
7534
7607
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7535
7608
|
return array.reduce(function (acc, item) {
|
|
@@ -7540,12 +7613,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7540
7613
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7541
7614
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7542
7615
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7543
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7616
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7617
|
+
key: index
|
|
7618
|
+
}, title));
|
|
7544
7619
|
} else if (index > 0) {
|
|
7545
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7620
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7621
|
+
key: index
|
|
7622
|
+
}, ", ", title);
|
|
7546
7623
|
}
|
|
7547
7624
|
|
|
7548
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7625
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7626
|
+
key: index
|
|
7627
|
+
}, title);
|
|
7549
7628
|
}));
|
|
7550
7629
|
};
|
|
7551
7630
|
|
|
@@ -7597,14 +7676,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7597
7676
|
}));
|
|
7598
7677
|
};
|
|
7599
7678
|
|
|
7600
|
-
var _templateObject$
|
|
7679
|
+
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;
|
|
7601
7680
|
var LENGTH_TEXT = 28;
|
|
7602
7681
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7603
7682
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7604
7683
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7605
7684
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7606
7685
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7607
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7686
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
7608
7687
|
var imageToLeft = _ref.imageToLeft;
|
|
7609
7688
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7610
7689
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7664,8 +7743,8 @@ var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$4 || (_templa
|
|
|
7664
7743
|
var IconWrapper$2 = /*#__PURE__*/styled.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);
|
|
7665
7744
|
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
7666
7745
|
var MobileTitleWrapper = /*#__PURE__*/styled.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);
|
|
7667
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7668
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7746
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7747
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled(Header)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7669
7748
|
var PromoWithTagsTextLink = /*#__PURE__*/styled(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7670
7749
|
var asCardOverrides = /*#__PURE__*/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);
|
|
7671
7750
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled.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) {
|
|
@@ -7686,7 +7765,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled.div(_templateObject19 || (_temp
|
|
|
7686
7765
|
var TimerWrapper$1 = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7687
7766
|
var EndDateText = /*#__PURE__*/styled.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);
|
|
7688
7767
|
|
|
7689
|
-
var _excluded$
|
|
7768
|
+
var _excluded$l = ["text"],
|
|
7690
7769
|
_excluded2$2 = ["text"],
|
|
7691
7770
|
_excluded3 = ["text"];
|
|
7692
7771
|
|
|
@@ -7760,7 +7839,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7760
7839
|
var _ref2 = firstButton || {},
|
|
7761
7840
|
_ref2$text = _ref2.text,
|
|
7762
7841
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7763
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7842
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
7764
7843
|
|
|
7765
7844
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
7766
7845
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -7879,10 +7958,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7879
7958
|
}))));
|
|
7880
7959
|
};
|
|
7881
7960
|
|
|
7882
|
-
var _templateObject$
|
|
7961
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$j, _templateObject7$d;
|
|
7883
7962
|
var LENGTH_TEXT$2 = 28;
|
|
7884
7963
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7885
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7964
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
7886
7965
|
var imageToLeft = _ref.imageToLeft;
|
|
7887
7966
|
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'";
|
|
7888
7967
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7935,7 +8014,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
|
|
|
7935
8014
|
return '';
|
|
7936
8015
|
});
|
|
7937
8016
|
|
|
7938
|
-
var _excluded$
|
|
8017
|
+
var _excluded$m = ["text"],
|
|
7939
8018
|
_excluded2$3 = ["text"];
|
|
7940
8019
|
var LENGTH_TEXT$3 = 28;
|
|
7941
8020
|
|
|
@@ -7962,7 +8041,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7962
8041
|
var _ref2 = primaryButton || {},
|
|
7963
8042
|
_ref2$text = _ref2.text,
|
|
7964
8043
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7965
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8044
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
7966
8045
|
|
|
7967
8046
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
7968
8047
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -7996,8 +8075,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7996
8075
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
7997
8076
|
};
|
|
7998
8077
|
|
|
7999
|
-
var _templateObject$
|
|
8000
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8078
|
+
var _templateObject$14;
|
|
8079
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8001
8080
|
|
|
8002
8081
|
/**
|
|
8003
8082
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8055,8 +8134,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8055
8134
|
})));
|
|
8056
8135
|
};
|
|
8057
8136
|
|
|
8058
|
-
var _templateObject$
|
|
8059
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8137
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$F;
|
|
8138
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8060
8139
|
var RadioGroup$1 = /*#__PURE__*/styled.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) {
|
|
8061
8140
|
var horizontalMode = _ref.horizontalMode;
|
|
8062
8141
|
if (horizontalMode) return 'row';
|
|
@@ -8145,8 +8224,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8145
8224
|
}, error)));
|
|
8146
8225
|
};
|
|
8147
8226
|
|
|
8148
|
-
var _templateObject$
|
|
8149
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8227
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$G;
|
|
8228
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.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);
|
|
8150
8229
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
8151
8230
|
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
8152
8231
|
|
|
@@ -8210,8 +8289,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8210
8289
|
})))));
|
|
8211
8290
|
};
|
|
8212
8291
|
|
|
8213
|
-
var _templateObject$
|
|
8214
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8292
|
+
var _templateObject$17;
|
|
8293
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
8215
8294
|
|
|
8216
8295
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8217
8296
|
var title = _ref.title,
|
|
@@ -8237,8 +8316,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8237
8316
|
}, description))));
|
|
8238
8317
|
};
|
|
8239
8318
|
|
|
8240
|
-
var _templateObject$
|
|
8241
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
8319
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8320
|
+
var stateStyles = /*#__PURE__*/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) {
|
|
8242
8321
|
var theme = _ref.theme;
|
|
8243
8322
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8244
8323
|
}, function (_ref2) {
|
|
@@ -8659,8 +8738,8 @@ function Select(_ref3) {
|
|
|
8659
8738
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8660
8739
|
}
|
|
8661
8740
|
|
|
8662
|
-
var _templateObject$
|
|
8663
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
8741
|
+
var _templateObject$19;
|
|
8742
|
+
var TextContainer$2 = /*#__PURE__*/styled.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) {
|
|
8664
8743
|
var theme = _ref.theme;
|
|
8665
8744
|
return theme.colors.primary;
|
|
8666
8745
|
});
|
|
@@ -8688,8 +8767,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8688
8767
|
})));
|
|
8689
8768
|
};
|
|
8690
8769
|
|
|
8691
|
-
var _templateObject$
|
|
8692
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8770
|
+
var _templateObject$1a, _templateObject2$Q;
|
|
8771
|
+
var Wrapper$6 = /*#__PURE__*/styled.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) {
|
|
8693
8772
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8694
8773
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8695
8774
|
return aspectRatio;
|
|
@@ -8737,8 +8816,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8737
8816
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8738
8817
|
};
|
|
8739
8818
|
|
|
8740
|
-
var _templateObject$
|
|
8741
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8819
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I;
|
|
8820
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8742
8821
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8743
8822
|
var displayAttribution = _ref.displayAttribution;
|
|
8744
8823
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -8767,8 +8846,8 @@ var Quote = function Quote(_ref) {
|
|
|
8767
8846
|
}, attribution))));
|
|
8768
8847
|
};
|
|
8769
8848
|
|
|
8770
|
-
var _templateObject$
|
|
8771
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8849
|
+
var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$y, _templateObject5$q, _templateObject6$l;
|
|
8850
|
+
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
8772
8851
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8773
8852
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8774
8853
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -8811,8 +8890,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8811
8890
|
}, title)))));
|
|
8812
8891
|
};
|
|
8813
8892
|
|
|
8814
|
-
var _templateObject$
|
|
8815
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8893
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$K, _templateObject4$z;
|
|
8894
|
+
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
8816
8895
|
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8817
8896
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8818
8897
|
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
@@ -8913,96 +8992,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8913
8992
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
8914
8993
|
};
|
|
8915
8994
|
|
|
8916
|
-
var _templateObject$
|
|
8917
|
-
var MenuContainer$2 = /*#__PURE__*/styled.menu(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
8918
|
-
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
8919
|
-
var mobileOpen = _ref.mobileOpen;
|
|
8920
|
-
return mobileOpen ? "block" : 'none';
|
|
8921
|
-
}, Colors.White, Colors.DarkGrey);
|
|
8922
|
-
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref2) {
|
|
8923
|
-
var active = _ref2.active;
|
|
8924
|
-
return active ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
8925
|
-
}, Colors.MidGrey, devices.mobile);
|
|
8926
|
-
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey, devices.mobile);
|
|
8927
|
-
|
|
8928
|
-
/**
|
|
8929
|
-
* Vertical menu component uses for navigation
|
|
8930
|
-
* inside website chapter. It looks like a vertical
|
|
8931
|
-
* list with clickable items on desktop and dropdown
|
|
8932
|
-
* list on mobile.
|
|
8933
|
-
*
|
|
8934
|
-
* ## Menu items
|
|
8935
|
-
* Menu items should be passed as `items` prop. This
|
|
8936
|
-
* should be an array of objects. Each object should
|
|
8937
|
-
* have `text` (text displayed as a menu item) and
|
|
8938
|
-
* `onClick` (click handler function)
|
|
8939
|
-
*
|
|
8940
|
-
* ## Active menu item
|
|
8941
|
-
* Active menu item should be passed as component `activeItem`
|
|
8942
|
-
* prop. This indicates on which menu item should be highlighted
|
|
8943
|
-
* as active one. Should be equal to `text` prop from one of the `items`
|
|
8944
|
-
*/
|
|
8945
|
-
|
|
8946
|
-
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
8947
|
-
var items = _ref.items,
|
|
8948
|
-
activeItem = _ref.activeItem;
|
|
8949
|
-
|
|
8950
|
-
var _useState = useState(false),
|
|
8951
|
-
mobileOpen = _useState[0],
|
|
8952
|
-
setMobileOpen = _useState[1];
|
|
8953
|
-
|
|
8954
|
-
var containerRef = useRef(null);
|
|
8955
|
-
|
|
8956
|
-
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
8957
|
-
setMobileOpen(function (prev) {
|
|
8958
|
-
return !prev;
|
|
8959
|
-
});
|
|
8960
|
-
};
|
|
8961
|
-
|
|
8962
|
-
var outsideClickHandler = function outsideClickHandler(event) {
|
|
8963
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
8964
|
-
setMobileOpen(false);
|
|
8965
|
-
}
|
|
8966
|
-
};
|
|
8967
|
-
|
|
8968
|
-
useEffect(function () {
|
|
8969
|
-
document.addEventListener('mousedown', outsideClickHandler);
|
|
8970
|
-
return function () {
|
|
8971
|
-
document.removeEventListener('mousedown', outsideClickHandler);
|
|
8972
|
-
};
|
|
8973
|
-
}, [containerRef]);
|
|
8974
|
-
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
8975
|
-
ref: containerRef,
|
|
8976
|
-
"data-testid": "nav-menu-container"
|
|
8977
|
-
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
8978
|
-
mobileOpen: mobileOpen,
|
|
8979
|
-
onClick: mobileButtonClickHandler,
|
|
8980
|
-
"data-testid": "nav-menu-mobile-button"
|
|
8981
|
-
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8982
|
-
iconName: "DropdownArrow",
|
|
8983
|
-
direction: mobileOpen ? 'left' : 'right'
|
|
8984
|
-
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
8985
|
-
mobileOpen: mobileOpen,
|
|
8986
|
-
"data-testid": "nav-menu-list"
|
|
8987
|
-
}, items.map(function (item, idx) {
|
|
8988
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
8989
|
-
key: item.text + "-" + idx
|
|
8990
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
8991
|
-
onClick: item.onClick,
|
|
8992
|
-
active: item.text === activeItem,
|
|
8993
|
-
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
8994
|
-
}, item.text));
|
|
8995
|
-
})));
|
|
8996
|
-
};
|
|
8997
|
-
|
|
8998
|
-
var _templateObject$1e, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$r, _templateObject6$m;
|
|
8995
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$m;
|
|
8999
8996
|
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9000
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$
|
|
9001
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
8997
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
8998
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
9002
8999
|
var color = _ref.color;
|
|
9003
9000
|
return "var(--base-color-" + color + ")";
|
|
9004
9001
|
});
|
|
9005
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
9002
|
+
var BottomLine = /*#__PURE__*/styled.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"])));
|
|
9006
9003
|
var Text = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9007
9004
|
var color = _ref2.color;
|
|
9008
9005
|
return "var(--base-color-" + color + ")";
|
|
@@ -9093,6 +9090,88 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9093
9090
|
}, strengthLabel))));
|
|
9094
9091
|
};
|
|
9095
9092
|
|
|
9093
|
+
var _templateObject$1f, _templateObject2$V, _templateObject3$M, _templateObject4$B;
|
|
9094
|
+
var MenuContainer$2 = /*#__PURE__*/styled.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9095
|
+
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9096
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9097
|
+
return mobileOpen ? "block" : 'none';
|
|
9098
|
+
}, Colors.White, Colors.DarkGrey);
|
|
9099
|
+
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref2) {
|
|
9100
|
+
var active = _ref2.active;
|
|
9101
|
+
return active ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
9102
|
+
}, Colors.MidGrey, devices.mobile);
|
|
9103
|
+
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey, devices.mobile);
|
|
9104
|
+
|
|
9105
|
+
/**
|
|
9106
|
+
* Vertical menu component uses for navigation
|
|
9107
|
+
* inside website chapter. It looks like a vertical
|
|
9108
|
+
* list with clickable items on desktop and dropdown
|
|
9109
|
+
* list on mobile.
|
|
9110
|
+
*
|
|
9111
|
+
* ## Menu items
|
|
9112
|
+
* Menu items should be passed as `items` prop. This
|
|
9113
|
+
* should be an array of objects. Each object should
|
|
9114
|
+
* have `text` (text displayed as a menu item) and
|
|
9115
|
+
* `onClick` (click handler function)
|
|
9116
|
+
*
|
|
9117
|
+
* ## Active menu item
|
|
9118
|
+
* Active menu item should be passed as component `activeItem`
|
|
9119
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9120
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9121
|
+
*/
|
|
9122
|
+
|
|
9123
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9124
|
+
var items = _ref.items,
|
|
9125
|
+
activeItem = _ref.activeItem;
|
|
9126
|
+
|
|
9127
|
+
var _useState = useState(false),
|
|
9128
|
+
mobileOpen = _useState[0],
|
|
9129
|
+
setMobileOpen = _useState[1];
|
|
9130
|
+
|
|
9131
|
+
var containerRef = useRef(null);
|
|
9132
|
+
|
|
9133
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9134
|
+
setMobileOpen(function (prev) {
|
|
9135
|
+
return !prev;
|
|
9136
|
+
});
|
|
9137
|
+
};
|
|
9138
|
+
|
|
9139
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9140
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9141
|
+
setMobileOpen(false);
|
|
9142
|
+
}
|
|
9143
|
+
};
|
|
9144
|
+
|
|
9145
|
+
useEffect(function () {
|
|
9146
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9147
|
+
return function () {
|
|
9148
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9149
|
+
};
|
|
9150
|
+
}, [containerRef]);
|
|
9151
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9152
|
+
ref: containerRef,
|
|
9153
|
+
"data-testid": "nav-menu-container"
|
|
9154
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9155
|
+
mobileOpen: mobileOpen,
|
|
9156
|
+
onClick: mobileButtonClickHandler,
|
|
9157
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9158
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9159
|
+
iconName: "DropdownArrow",
|
|
9160
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9161
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9162
|
+
mobileOpen: mobileOpen,
|
|
9163
|
+
"data-testid": "nav-menu-list"
|
|
9164
|
+
}, items.map(function (item, idx) {
|
|
9165
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9166
|
+
key: item.text + "-" + idx
|
|
9167
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9168
|
+
onClick: item.onClick,
|
|
9169
|
+
active: item.text === activeItem,
|
|
9170
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9171
|
+
}, item.text));
|
|
9172
|
+
})));
|
|
9173
|
+
};
|
|
9174
|
+
|
|
9096
9175
|
var UpsellSection = function UpsellSection(_ref) {
|
|
9097
9176
|
var title = _ref.title,
|
|
9098
9177
|
richText = _ref.richText,
|
|
@@ -9181,8 +9260,8 @@ var LiveChat = function LiveChat() {
|
|
|
9181
9260
|
});
|
|
9182
9261
|
};
|
|
9183
9262
|
|
|
9184
|
-
var _templateObject$
|
|
9185
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9263
|
+
var _templateObject$1g, _templateObject2$W;
|
|
9264
|
+
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
9186
9265
|
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
9187
9266
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9188
9267
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -9211,13 +9290,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9211
9290
|
}, children)));
|
|
9212
9291
|
};
|
|
9213
9292
|
|
|
9214
|
-
var _templateObject$
|
|
9215
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
9293
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C;
|
|
9294
|
+
var InnerModal = /*#__PURE__*/styled.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);
|
|
9216
9295
|
var CloseButton = /*#__PURE__*/styled.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);
|
|
9217
9296
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9218
9297
|
var Overlay = /*#__PURE__*/styled(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"])));
|
|
9219
9298
|
|
|
9220
|
-
var _excluded$
|
|
9299
|
+
var _excluded$n = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
9221
9300
|
var MAX_Z_INDEX = 9999999999;
|
|
9222
9301
|
|
|
9223
9302
|
if (Modal.defaultStyles.content) {
|
|
@@ -9294,7 +9373,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9294
9373
|
setIsOpen = _ref.setIsOpen,
|
|
9295
9374
|
children = _ref.children,
|
|
9296
9375
|
appElementId = _ref.appElementId,
|
|
9297
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
9376
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
|
|
9298
9377
|
|
|
9299
9378
|
var isMobile = useMobile();
|
|
9300
9379
|
var customStyles = {
|
|
@@ -9336,8 +9415,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9336
9415
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9337
9416
|
};
|
|
9338
9417
|
|
|
9339
|
-
var _templateObject$
|
|
9340
|
-
var GlobalStyles = /*#__PURE__*/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) {
|
|
9418
|
+
var _templateObject$1i;
|
|
9419
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
9341
9420
|
var theme = _ref.theme;
|
|
9342
9421
|
return theme.colors.primary;
|
|
9343
9422
|
}, function (_ref2) {
|
|
@@ -10278,5 +10357,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1h || (_templa
|
|
|
10278
10357
|
return theme.fonts.tablet.sizes.body[1];
|
|
10279
10358
|
}, devices.desktop, devices.largeDesktop);
|
|
10280
10359
|
|
|
10281
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, breakpoints, devices, zIndexes };
|
|
10360
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, breakpoints, devices, zIndexes };
|
|
10282
10361
|
//# sourceMappingURL=chord.esm.js.map
|