@royaloperahouse/chord 2.4.4 → 2.4.5-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 +210 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +423 -360
- 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 +423 -361
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
- package/dist/components/atoms/Grid/index.d.ts +2 -1
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +7 -2
- 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/ReadMore/ReadMore.style.d.ts +6 -1
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/helpers/htmlStrings.d.ts +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/types/buttonTypes.d.ts +4 -0
- package/dist/types/formTypes.d.ts +12 -9
- package/dist/types/types.d.ts +4 -0
- package/package.json +1 -1
- package/README.GIT +0 -277
package/dist/chord.esm.js
CHANGED
|
@@ -122,9 +122,12 @@ var StreamBadge = function StreamBadge(_ref) {
|
|
|
122
122
|
var _ref$fillColor = _ref.fillColor,
|
|
123
123
|
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
|
|
124
124
|
_ref$align = _ref.align,
|
|
125
|
-
align = _ref$align === void 0 ? 'center' : _ref$align
|
|
125
|
+
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
126
|
+
_ref$invert = _ref.invert,
|
|
127
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
128
|
+
var colour = invert ? Colors.Black : fillColor;
|
|
126
129
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
127
|
-
fillColor:
|
|
130
|
+
fillColor: colour,
|
|
128
131
|
width: "100%",
|
|
129
132
|
height: "100%",
|
|
130
133
|
viewBox: "110 450 865 200",
|
|
@@ -222,9 +225,12 @@ var CinemaBadge = function CinemaBadge(_ref) {
|
|
|
222
225
|
var _ref$fillColor = _ref.fillColor,
|
|
223
226
|
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
|
|
224
227
|
_ref$align = _ref.align,
|
|
225
|
-
align = _ref$align === void 0 ? 'center' : _ref$align
|
|
228
|
+
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
229
|
+
_ref$invert = _ref.invert,
|
|
230
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
231
|
+
var colour = invert ? Colors.Black : fillColor;
|
|
226
232
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
227
|
-
fillColor:
|
|
233
|
+
fillColor: colour,
|
|
228
234
|
width: "100%",
|
|
229
235
|
height: "100%",
|
|
230
236
|
viewBox: "110 450 865 200",
|
|
@@ -2471,14 +2477,21 @@ var Button = function Button(_ref) {
|
|
|
2471
2477
|
};
|
|
2472
2478
|
|
|
2473
2479
|
var _templateObject$4;
|
|
2474
|
-
var PrimaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n"])), function (_ref) {
|
|
2480
|
+
var PrimaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n pointer-events: ", ";\n"])), function (_ref) {
|
|
2481
|
+
var _theme$colors;
|
|
2482
|
+
|
|
2475
2483
|
var bgColor = _ref.bgColor,
|
|
2476
2484
|
theme = _ref.theme;
|
|
2477
|
-
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2485
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme == null ? void 0 : (_theme$colors = theme.colors) == null ? void 0 : _theme$colors.primary;
|
|
2478
2486
|
}, function (_ref2) {
|
|
2487
|
+
var _theme$colors2;
|
|
2488
|
+
|
|
2479
2489
|
var bgColor = _ref2.bgColor,
|
|
2480
2490
|
theme = _ref2.theme;
|
|
2481
|
-
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2491
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme == null ? void 0 : (_theme$colors2 = theme.colors) == null ? void 0 : _theme$colors2.primary;
|
|
2492
|
+
}, function (_ref3) {
|
|
2493
|
+
var disabled = _ref3.disabled;
|
|
2494
|
+
return disabled ? 'none' : 'auto';
|
|
2482
2495
|
});
|
|
2483
2496
|
|
|
2484
2497
|
var CarouselType;
|
|
@@ -2536,9 +2549,16 @@ var ButtonType;
|
|
|
2536
2549
|
|
|
2537
2550
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
2538
2551
|
var children = _ref.children,
|
|
2539
|
-
|
|
2552
|
+
disabled = _ref.disabled,
|
|
2553
|
+
props = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "color", "bgColor"]);
|
|
2540
2554
|
|
|
2541
|
-
return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2555
|
+
return disabled ? /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2556
|
+
color: Colors.Black,
|
|
2557
|
+
bgColor: Colors.MidGrey,
|
|
2558
|
+
disabled: true,
|
|
2559
|
+
"aria-disabled": "true",
|
|
2560
|
+
role: "button"
|
|
2561
|
+
}, props), children) : /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2542
2562
|
color: Colors.White
|
|
2543
2563
|
}, props), children);
|
|
2544
2564
|
};
|
|
@@ -2780,7 +2800,39 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
|
|
|
2780
2800
|
});
|
|
2781
2801
|
|
|
2782
2802
|
var _templateObject$b;
|
|
2783
|
-
|
|
2803
|
+
/**
|
|
2804
|
+
* # IMPORTANT
|
|
2805
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2806
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2807
|
+
*/
|
|
2808
|
+
|
|
2809
|
+
var GridItemLegacy = /*#__PURE__*/styled.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
2810
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2811
|
+
return columnStartDesktop;
|
|
2812
|
+
}, function (_ref2) {
|
|
2813
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2814
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2815
|
+
return columnSpanDesktop;
|
|
2816
|
+
}, devices.mobile, function (_ref3) {
|
|
2817
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2818
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2819
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2820
|
+
}, function (_ref4) {
|
|
2821
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2822
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2823
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2824
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2825
|
+
}, devices.tablet, function (_ref5) {
|
|
2826
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
2827
|
+
return columnStartDevice;
|
|
2828
|
+
}, function (_ref6) {
|
|
2829
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2830
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2831
|
+
return columnSpanDevice;
|
|
2832
|
+
});
|
|
2833
|
+
|
|
2834
|
+
var _templateObject$c;
|
|
2835
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2784
2836
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2785
2837
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2786
2838
|
return aspectRatio;
|
|
@@ -2798,8 +2850,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$b || (_tem
|
|
|
2798
2850
|
return aspectRatio;
|
|
2799
2851
|
});
|
|
2800
2852
|
|
|
2801
|
-
var _templateObject$
|
|
2802
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
2853
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2854
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2803
2855
|
var height = _ref.height;
|
|
2804
2856
|
return height ? height + "px" : '6px';
|
|
2805
2857
|
});
|
|
@@ -2882,13 +2934,13 @@ var Progress = function Progress(_ref) {
|
|
|
2882
2934
|
}, renderSteps()));
|
|
2883
2935
|
};
|
|
2884
2936
|
|
|
2885
|
-
var _templateObject$
|
|
2886
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
2937
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2938
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2887
2939
|
var RadioLine = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2888
2940
|
var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2889
2941
|
|
|
2890
|
-
var _templateObject$
|
|
2891
|
-
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
2942
|
+
var _templateObject$f;
|
|
2943
|
+
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2892
2944
|
var typography = _ref.typography;
|
|
2893
2945
|
return typography;
|
|
2894
2946
|
}, function (_ref2) {
|
|
@@ -3045,8 +3097,8 @@ var Radio = function Radio(_ref) {
|
|
|
3045
3097
|
}, error)));
|
|
3046
3098
|
};
|
|
3047
3099
|
|
|
3048
|
-
var _templateObject$
|
|
3049
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$
|
|
3100
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3101
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3050
3102
|
var Radio$1 = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3051
3103
|
var error = _ref.error,
|
|
3052
3104
|
darkMode = _ref.darkMode,
|
|
@@ -3154,8 +3206,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3154
3206
|
}, error)));
|
|
3155
3207
|
});
|
|
3156
3208
|
|
|
3157
|
-
var _templateObject$
|
|
3158
|
-
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3209
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
3210
|
+
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3159
3211
|
var IconWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3160
3212
|
var theme = _ref.theme;
|
|
3161
3213
|
return theme.colors.primary;
|
|
@@ -3226,8 +3278,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3226
3278
|
}, renderNextIcon()));
|
|
3227
3279
|
};
|
|
3228
3280
|
|
|
3229
|
-
var _templateObject$
|
|
3230
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$
|
|
3281
|
+
var _templateObject$i;
|
|
3282
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3231
3283
|
var fillColor = _ref.fillColor;
|
|
3232
3284
|
return fillColor;
|
|
3233
3285
|
});
|
|
@@ -3251,8 +3303,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3251
3303
|
})));
|
|
3252
3304
|
};
|
|
3253
3305
|
|
|
3254
|
-
var _templateObject$
|
|
3255
|
-
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
3306
|
+
var _templateObject$j, _templateObject2$7;
|
|
3307
|
+
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3256
3308
|
var Splitter = /*#__PURE__*/styled.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3257
3309
|
|
|
3258
3310
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3271,8 +3323,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3271
3323
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3272
3324
|
};
|
|
3273
3325
|
|
|
3274
|
-
var _templateObject$
|
|
3275
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3326
|
+
var _templateObject$k;
|
|
3327
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3276
3328
|
|
|
3277
3329
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3278
3330
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3482,8 +3534,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3482
3534
|
})))));
|
|
3483
3535
|
};
|
|
3484
3536
|
|
|
3485
|
-
var _templateObject$
|
|
3486
|
-
var CustomImage = /*#__PURE__*/styled.img(_templateObject$
|
|
3537
|
+
var _templateObject$l, _templateObject2$8;
|
|
3538
|
+
var CustomImage = /*#__PURE__*/styled.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3487
3539
|
var SponsorshipStyledIframe = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3488
3540
|
|
|
3489
3541
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3516,8 +3568,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3516
3568
|
}));
|
|
3517
3569
|
};
|
|
3518
3570
|
|
|
3519
|
-
var _templateObject$
|
|
3520
|
-
var TabText = /*#__PURE__*/styled.a(_templateObject$
|
|
3571
|
+
var _templateObject$m, _templateObject2$9;
|
|
3572
|
+
var TabText = /*#__PURE__*/styled.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3521
3573
|
if (props.withIcon === 'left') {
|
|
3522
3574
|
return "margin-left: 5px;";
|
|
3523
3575
|
}
|
|
@@ -3616,8 +3668,8 @@ var Tab = function Tab(_ref) {
|
|
|
3616
3668
|
}));
|
|
3617
3669
|
};
|
|
3618
3670
|
|
|
3619
|
-
var _templateObject$
|
|
3620
|
-
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3671
|
+
var _templateObject$n, _templateObject2$a;
|
|
3672
|
+
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3621
3673
|
var iconName = _ref.iconName;
|
|
3622
3674
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3623
3675
|
}, function (_ref2) {
|
|
@@ -3668,8 +3720,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3668
3720
|
})) : null, children);
|
|
3669
3721
|
};
|
|
3670
3722
|
|
|
3671
|
-
var _templateObject$
|
|
3672
|
-
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3723
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3724
|
+
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3673
3725
|
var width = _ref.width;
|
|
3674
3726
|
return width ? width + "px;" : '100%;';
|
|
3675
3727
|
}, function (_ref2) {
|
|
@@ -3792,8 +3844,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3792
3844
|
}, error))));
|
|
3793
3845
|
};
|
|
3794
3846
|
|
|
3795
|
-
var _templateObject$
|
|
3796
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3847
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3848
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3797
3849
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3798
3850
|
var width = _ref.width;
|
|
3799
3851
|
if (!width) return 'none';
|
|
@@ -3919,8 +3971,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3919
3971
|
}, error)));
|
|
3920
3972
|
});
|
|
3921
3973
|
|
|
3922
|
-
var _templateObject$
|
|
3923
|
-
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3974
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3975
|
+
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3924
3976
|
var textStyles = /*#__PURE__*/css(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
3925
3977
|
var theme = _ref.theme;
|
|
3926
3978
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -3993,8 +4045,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
3993
4045
|
}, error) : null);
|
|
3994
4046
|
};
|
|
3995
4047
|
|
|
3996
|
-
var _templateObject$
|
|
3997
|
-
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
4048
|
+
var _templateObject$r, _templateObject2$e;
|
|
4049
|
+
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
3998
4050
|
var iconName = _ref.iconName;
|
|
3999
4051
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4000
4052
|
}, function (_ref2) {
|
|
@@ -4030,8 +4082,8 @@ var TextLogoProduct;
|
|
|
4030
4082
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4031
4083
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4032
4084
|
|
|
4033
|
-
var _templateObject$
|
|
4034
|
-
var TickboxError = /*#__PURE__*/styled.div(_templateObject$
|
|
4085
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4086
|
+
var TickboxError = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4035
4087
|
var dark = _ref.dark;
|
|
4036
4088
|
return dark ? 'white' : 'errorstate';
|
|
4037
4089
|
});
|
|
@@ -4152,8 +4204,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4152
4204
|
}, error)));
|
|
4153
4205
|
};
|
|
4154
4206
|
|
|
4155
|
-
var _templateObject$
|
|
4156
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4207
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4208
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4157
4209
|
var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4158
4210
|
var error = _ref.error,
|
|
4159
4211
|
darkMode = _ref.darkMode,
|
|
@@ -4263,8 +4315,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4263
4315
|
}, error)));
|
|
4264
4316
|
});
|
|
4265
4317
|
|
|
4266
|
-
var _templateObject$
|
|
4267
|
-
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4318
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4319
|
+
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4268
4320
|
var color = _ref.color;
|
|
4269
4321
|
return color;
|
|
4270
4322
|
});
|
|
@@ -4372,8 +4424,8 @@ var Timer = function Timer(_ref) {
|
|
|
4372
4424
|
}));
|
|
4373
4425
|
};
|
|
4374
4426
|
|
|
4375
|
-
var _templateObject$
|
|
4376
|
-
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$
|
|
4427
|
+
var _templateObject$v;
|
|
4428
|
+
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4377
4429
|
|
|
4378
4430
|
var TypeTags = function TypeTags(_ref) {
|
|
4379
4431
|
var list = _ref.list;
|
|
@@ -5115,8 +5167,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5115
5167
|
}
|
|
5116
5168
|
});
|
|
5117
5169
|
|
|
5118
|
-
var _templateObject$
|
|
5119
|
-
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$
|
|
5170
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5171
|
+
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5120
5172
|
var VideoFullscreenButton = /*#__PURE__*/styled.button(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
5121
5173
|
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5122
5174
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
@@ -5335,8 +5387,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5335
5387
|
})));
|
|
5336
5388
|
};
|
|
5337
5389
|
|
|
5338
|
-
var _templateObject$
|
|
5339
|
-
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5390
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5391
|
+
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5340
5392
|
var StepperError = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5341
5393
|
var darkMode = _ref.darkMode;
|
|
5342
5394
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5563,8 +5615,8 @@ var Component = function Component(_ref) {
|
|
|
5563
5615
|
}, error)));
|
|
5564
5616
|
};
|
|
5565
5617
|
|
|
5566
|
-
var _templateObject$
|
|
5567
|
-
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5618
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5619
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5568
5620
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5569
5621
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
5570
5622
|
});
|
|
@@ -5588,8 +5640,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObjec
|
|
|
5588
5640
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5589
5641
|
var NavTopContainer = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
5590
5642
|
|
|
5591
|
-
var _templateObject$
|
|
5592
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5643
|
+
var _templateObject$z;
|
|
5644
|
+
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5593
5645
|
|
|
5594
5646
|
var Logo = function Logo(_ref) {
|
|
5595
5647
|
var _ref$id = _ref.id,
|
|
@@ -5621,11 +5673,11 @@ var Logo = function Logo(_ref) {
|
|
|
5621
5673
|
}))));
|
|
5622
5674
|
};
|
|
5623
5675
|
|
|
5624
|
-
var _templateObject$
|
|
5625
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5676
|
+
var _templateObject$A;
|
|
5677
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
5626
5678
|
|
|
5627
|
-
var _templateObject$
|
|
5628
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5679
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5680
|
+
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
5629
5681
|
var selected = _ref.selected,
|
|
5630
5682
|
colorPrimary = _ref.colorPrimary;
|
|
5631
5683
|
|
|
@@ -5813,8 +5865,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5813
5865
|
}, expiryTime ? basketText : text) : ''));
|
|
5814
5866
|
};
|
|
5815
5867
|
|
|
5816
|
-
var _templateObject$
|
|
5817
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5868
|
+
var _templateObject$C, _templateObject2$m;
|
|
5869
|
+
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5818
5870
|
var selected = _ref.selected,
|
|
5819
5871
|
colorPrimary = _ref.colorPrimary;
|
|
5820
5872
|
|
|
@@ -6106,8 +6158,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6106
6158
|
}));
|
|
6107
6159
|
};
|
|
6108
6160
|
|
|
6109
|
-
var _templateObject$
|
|
6110
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6161
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6162
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6111
6163
|
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
6112
6164
|
if (props.showMenu) {
|
|
6113
6165
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6249,8 +6301,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6249
6301
|
}, "MENU"))));
|
|
6250
6302
|
};
|
|
6251
6303
|
|
|
6252
|
-
var _templateObject$
|
|
6253
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6304
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6305
|
+
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
6254
6306
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6255
6307
|
var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
6256
6308
|
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
@@ -6487,16 +6539,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6487
6539
|
})))));
|
|
6488
6540
|
};
|
|
6489
6541
|
|
|
6490
|
-
var _templateObject$
|
|
6491
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
6542
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6543
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6492
6544
|
var FooterContainer = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
6493
6545
|
var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
6494
6546
|
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6495
6547
|
var ArtsLogoRow = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6496
6548
|
var AdditionalInfo = /*#__PURE__*/styled.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6497
6549
|
|
|
6498
|
-
var _templateObject$
|
|
6499
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
6550
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
6551
|
+
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
6500
6552
|
var PolicyLinkItem = /*#__PURE__*/styled.li(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6501
6553
|
var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6502
6554
|
|
|
@@ -6514,8 +6566,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6514
6566
|
}));
|
|
6515
6567
|
};
|
|
6516
6568
|
|
|
6517
|
-
var _templateObject$
|
|
6518
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6569
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6570
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6519
6571
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
6520
6572
|
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6521
6573
|
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
@@ -6586,9 +6638,9 @@ var Footer = function Footer(_ref) {
|
|
|
6586
6638
|
}, additionalInfo)))));
|
|
6587
6639
|
};
|
|
6588
6640
|
|
|
6589
|
-
var _templateObject$
|
|
6641
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6590
6642
|
var LIST_ITEM_GAP = 32;
|
|
6591
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6643
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6592
6644
|
var bottomBorder = _ref.bottomBorder;
|
|
6593
6645
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6594
6646
|
}, zIndexes.anchor);
|
|
@@ -6852,8 +6904,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6852
6904
|
})) : null) : null))));
|
|
6853
6905
|
};
|
|
6854
6906
|
|
|
6855
|
-
var _templateObject$
|
|
6856
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6907
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6908
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6857
6909
|
var sticky = _ref.sticky;
|
|
6858
6910
|
return sticky ? 'sticky' : 'initial';
|
|
6859
6911
|
}, zIndexes.anchor);
|
|
@@ -6913,8 +6965,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6913
6965
|
}, message)));
|
|
6914
6966
|
};
|
|
6915
6967
|
|
|
6916
|
-
var _templateObject$
|
|
6917
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6968
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6969
|
+
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
6918
6970
|
var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6919
6971
|
var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
6920
6972
|
var theme = _ref.theme;
|
|
@@ -6994,8 +7046,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6994
7046
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6995
7047
|
};
|
|
6996
7048
|
|
|
6997
|
-
var _templateObject$
|
|
6998
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
7049
|
+
var _templateObject$L;
|
|
7050
|
+
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
6999
7051
|
|
|
7000
7052
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7001
7053
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7013,20 +7065,27 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7013
7065
|
}));
|
|
7014
7066
|
};
|
|
7015
7067
|
|
|
7016
|
-
var _templateObject$
|
|
7017
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
7068
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
7069
|
+
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
7018
7070
|
var theme = _ref.theme;
|
|
7019
7071
|
return theme.colors.primary;
|
|
7020
7072
|
}, devices.mobile, devices.tablet);
|
|
7021
7073
|
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7022
7074
|
var TextContainer = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7023
7075
|
|
|
7024
|
-
var _templateObject$
|
|
7025
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7076
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7077
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7026
7078
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7027
|
-
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])),
|
|
7079
|
+
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
7080
|
+
var isVisible = _ref.isVisible;
|
|
7081
|
+
return isVisible ? 'visible' : 'hidden';
|
|
7082
|
+
}, devices.mobile);
|
|
7028
7083
|
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
7029
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s 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\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])),
|
|
7084
|
+
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s 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 max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\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\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref2) {
|
|
7085
|
+
var textHeight = _ref2.textHeight;
|
|
7086
|
+
return textHeight;
|
|
7087
|
+
}, devices.mobile);
|
|
7088
|
+
var PrintHideWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
7030
7089
|
|
|
7031
7090
|
var Accordion = function Accordion(_ref) {
|
|
7032
7091
|
var _ref$title = _ref.title,
|
|
@@ -7057,11 +7116,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
7057
7116
|
setIconName = _useState3[1]; // Contents children visibility is set to prevent it from being keyboard tabbable when the accordion is closed
|
|
7058
7117
|
|
|
7059
7118
|
|
|
7060
|
-
var _useState4 = useState(initOpen
|
|
7061
|
-
visibility: 'visible'
|
|
7062
|
-
} : {
|
|
7063
|
-
visibility: 'hidden'
|
|
7064
|
-
}),
|
|
7119
|
+
var _useState4 = useState(initOpen),
|
|
7065
7120
|
childrenVisibility = _useState4[0],
|
|
7066
7121
|
setChildrenVisibility = _useState4[1];
|
|
7067
7122
|
|
|
@@ -7077,11 +7132,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
7077
7132
|
setOpenAccordion(!openAccordion);
|
|
7078
7133
|
setTextHeight(openAccordion ? '0px' : content.current.scrollHeight + "px");
|
|
7079
7134
|
setIconName(openAccordion ? 'Expand' : 'Detract');
|
|
7080
|
-
setChildrenVisibility(openAccordion
|
|
7081
|
-
visibility: 'hidden'
|
|
7082
|
-
} : {
|
|
7083
|
-
visibility: 'visible'
|
|
7084
|
-
});
|
|
7135
|
+
setChildrenVisibility(!openAccordion);
|
|
7085
7136
|
};
|
|
7086
7137
|
|
|
7087
7138
|
var keyDown = function keyDown(e) {
|
|
@@ -7091,7 +7142,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
7091
7142
|
};
|
|
7092
7143
|
|
|
7093
7144
|
var Standfirst = function Standfirst() {
|
|
7094
|
-
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer,
|
|
7145
|
+
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
7146
|
+
isVisible: childrenVisibility
|
|
7147
|
+
}, visibleStandfirst)) : null;
|
|
7095
7148
|
};
|
|
7096
7149
|
|
|
7097
7150
|
var contentContainerId = title + "-accordion-content";
|
|
@@ -7136,23 +7189,21 @@ var Accordion = function Accordion(_ref) {
|
|
|
7136
7189
|
}, /*#__PURE__*/React__default.createElement(AccordionTitle, {
|
|
7137
7190
|
level: displayLevel,
|
|
7138
7191
|
semanticLevel: semanticLevel
|
|
7139
|
-
}, title), children && /*#__PURE__*/React__default.createElement(Icon, {
|
|
7192
|
+
}, title), children && /*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7140
7193
|
iconName: iconName
|
|
7141
|
-
})), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
7194
|
+
}))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
7142
7195
|
"data-testid": "richcontainer",
|
|
7143
7196
|
ref: content,
|
|
7144
|
-
|
|
7145
|
-
maxHeight: "" + textHeight
|
|
7146
|
-
},
|
|
7197
|
+
textHeight: textHeight,
|
|
7147
7198
|
id: contentContainerId,
|
|
7148
7199
|
"aria-live": "polite"
|
|
7149
7200
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
7150
|
-
|
|
7201
|
+
isVisible: childrenVisibility
|
|
7151
7202
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7152
7203
|
};
|
|
7153
7204
|
|
|
7154
|
-
var _templateObject$
|
|
7155
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7205
|
+
var _templateObject$O;
|
|
7206
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7156
7207
|
|
|
7157
7208
|
var Accordions = function Accordions(_ref) {
|
|
7158
7209
|
var _ref$items = _ref.items,
|
|
@@ -7170,7 +7221,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
7170
7221
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7171
7222
|
contentType: accordion.contentType,
|
|
7172
7223
|
displayLevel: accordion.displayLevel,
|
|
7173
|
-
semanticLevel: accordion.semanticLevel
|
|
7224
|
+
semanticLevel: accordion.semanticLevel,
|
|
7225
|
+
initOpen: accordion.initOpen
|
|
7174
7226
|
}, accordion.children);
|
|
7175
7227
|
}));
|
|
7176
7228
|
};
|
|
@@ -7184,8 +7236,8 @@ var Theme = function Theme(_ref) {
|
|
|
7184
7236
|
}, children);
|
|
7185
7237
|
};
|
|
7186
7238
|
|
|
7187
|
-
var _templateObject$
|
|
7188
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7239
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
7240
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
7189
7241
|
var theme = _ref.theme;
|
|
7190
7242
|
return theme.colors.primary;
|
|
7191
7243
|
}, devices.mobile);
|
|
@@ -7227,8 +7279,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7227
7279
|
}))))));
|
|
7228
7280
|
};
|
|
7229
7281
|
|
|
7230
|
-
var _templateObject$
|
|
7231
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$
|
|
7282
|
+
var _templateObject$Q;
|
|
7283
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$Q || (_templateObject$Q = /*#__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) {
|
|
7232
7284
|
var bgColor = _ref.bgColor,
|
|
7233
7285
|
theme = _ref.theme;
|
|
7234
7286
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7249,11 +7301,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7249
7301
|
}), children);
|
|
7250
7302
|
};
|
|
7251
7303
|
|
|
7252
|
-
var _templateObject$
|
|
7304
|
+
var _templateObject$R, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7253
7305
|
var LENGTH_LARGE_TEXT = 28;
|
|
7254
7306
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7255
7307
|
var LENGTH_TEXT_TABLET = 10;
|
|
7256
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7308
|
+
var CardContainer = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7257
7309
|
var isCardClickable = _ref.isCardClickable;
|
|
7258
7310
|
return isCardClickable ? 'pointer' : 'default';
|
|
7259
7311
|
}, function (_ref2) {
|
|
@@ -7275,7 +7327,7 @@ var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$k || (_templat
|
|
|
7275
7327
|
return fullWidth ? '0' : '20px';
|
|
7276
7328
|
});
|
|
7277
7329
|
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__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);
|
|
7278
|
-
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$
|
|
7330
|
+
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__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);
|
|
7279
7331
|
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"])));
|
|
7280
7332
|
var HighlightTextContainer = /*#__PURE__*/styled(TextContainer$1)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
7281
7333
|
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject9$3 || (_templateObject9$3 = /*#__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"])));
|
|
@@ -7339,59 +7391,63 @@ var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject14 || (_template
|
|
|
7339
7391
|
return '';
|
|
7340
7392
|
});
|
|
7341
7393
|
|
|
7342
|
-
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
7343
7394
|
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
7344
7395
|
return htmlString.replace(/<[^>]*>/g, '');
|
|
7345
7396
|
};
|
|
7397
|
+
var truncateHtmlString = function truncateHtmlString(htmlString, resultLength, addDots) {
|
|
7398
|
+
if (addDots === void 0) {
|
|
7399
|
+
addDots = false;
|
|
7400
|
+
}
|
|
7346
7401
|
|
|
7347
|
-
var
|
|
7348
|
-
var
|
|
7349
|
-
var
|
|
7402
|
+
var parser = new DOMParser();
|
|
7403
|
+
var doc = parser.parseFromString(htmlString, 'text/html');
|
|
7404
|
+
var textContent = doc.body.textContent;
|
|
7350
7405
|
|
|
7351
|
-
|
|
7352
|
-
|
|
7353
|
-
value: match[0],
|
|
7354
|
-
index: match.index
|
|
7355
|
-
});
|
|
7406
|
+
if (textContent && textContent.length <= resultLength) {
|
|
7407
|
+
return htmlString;
|
|
7356
7408
|
}
|
|
7357
7409
|
|
|
7358
|
-
|
|
7359
|
-
|
|
7360
|
-
|
|
7361
|
-
var insertString = function insertString(mainString, str, position) {
|
|
7362
|
-
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
7363
|
-
};
|
|
7410
|
+
var accumulatedText = '';
|
|
7411
|
+
var tagStack = [];
|
|
7412
|
+
var charCount = 0;
|
|
7364
7413
|
|
|
7365
|
-
var
|
|
7366
|
-
|
|
7367
|
-
|
|
7368
|
-
|
|
7369
|
-
htmlTagPositions.forEach(function (tag) {
|
|
7370
|
-
resultString = insertString(resultString, tag.value, tag.index);
|
|
7371
|
-
if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
|
|
7372
|
-
});
|
|
7373
|
-
return {
|
|
7374
|
-
stringWithInsertedTags: resultString,
|
|
7375
|
-
tagsLength: tagsLength
|
|
7414
|
+
var closeTags = function closeTags() {
|
|
7415
|
+
while (tagStack.length > 0) {
|
|
7416
|
+
accumulatedText += '</' + tagStack.pop() + '>';
|
|
7417
|
+
}
|
|
7376
7418
|
};
|
|
7377
|
-
};
|
|
7378
7419
|
|
|
7379
|
-
var
|
|
7380
|
-
|
|
7381
|
-
addDots = false;
|
|
7382
|
-
}
|
|
7420
|
+
for (var i = 0; i < htmlString.length; i++) {
|
|
7421
|
+
var _char = htmlString[i];
|
|
7383
7422
|
|
|
7384
|
-
|
|
7385
|
-
|
|
7423
|
+
if (_char === '<') {
|
|
7424
|
+
accumulatedText += _char;
|
|
7386
7425
|
|
|
7387
|
-
|
|
7388
|
-
|
|
7389
|
-
|
|
7426
|
+
if (htmlString[i + 1] !== '/') {
|
|
7427
|
+
var tagNameEnd = htmlString.indexOf('>', i);
|
|
7428
|
+
var tagName = htmlString.slice(i + 1, tagNameEnd).split(' ')[0];
|
|
7429
|
+
tagStack.push(tagName);
|
|
7430
|
+
accumulatedText += tagName + ">";
|
|
7431
|
+
i = tagNameEnd;
|
|
7432
|
+
}
|
|
7433
|
+
} else if (_char === '>') {
|
|
7434
|
+
accumulatedText += _char;
|
|
7435
|
+
} else if (charCount < resultLength) {
|
|
7436
|
+
accumulatedText += _char;
|
|
7437
|
+
charCount++;
|
|
7438
|
+
}
|
|
7390
7439
|
|
|
7391
|
-
|
|
7392
|
-
|
|
7393
|
-
|
|
7394
|
-
|
|
7440
|
+
if (charCount >= resultLength) {
|
|
7441
|
+
if (addDots) {
|
|
7442
|
+
accumulatedText += '...';
|
|
7443
|
+
}
|
|
7444
|
+
|
|
7445
|
+
break;
|
|
7446
|
+
}
|
|
7447
|
+
}
|
|
7448
|
+
|
|
7449
|
+
closeTags();
|
|
7450
|
+
return accumulatedText;
|
|
7395
7451
|
};
|
|
7396
7452
|
var truncate = function truncate(str, n) {
|
|
7397
7453
|
return str.length >= n ? str.substring(0, n) : str;
|
|
@@ -7535,9 +7591,9 @@ var Card = function Card(_ref) {
|
|
|
7535
7591
|
dangerouslySetInnerHTML: {
|
|
7536
7592
|
__html: truncatedText
|
|
7537
7593
|
}
|
|
7538
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7594
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7539
7595
|
level: 1
|
|
7540
|
-
}, highlightText))
|
|
7596
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7541
7597
|
fullWidth: fullWidth
|
|
7542
7598
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7543
7599
|
ref: node,
|
|
@@ -7551,8 +7607,8 @@ var Card = function Card(_ref) {
|
|
|
7551
7607
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7552
7608
|
};
|
|
7553
7609
|
|
|
7554
|
-
var _templateObject$
|
|
7555
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7610
|
+
var _templateObject$S, _templateObject2$z;
|
|
7611
|
+
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$S || (_templateObject$S = /*#__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);
|
|
7556
7612
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7557
7613
|
|
|
7558
7614
|
var Cards = function Cards(_ref) {
|
|
@@ -7598,8 +7654,8 @@ var Cards = function Cards(_ref) {
|
|
|
7598
7654
|
}));
|
|
7599
7655
|
};
|
|
7600
7656
|
|
|
7601
|
-
var _templateObject$
|
|
7602
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7657
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7658
|
+
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__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);
|
|
7603
7659
|
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) {
|
|
7604
7660
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7605
7661
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7667,8 +7723,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7667
7723
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7668
7724
|
};
|
|
7669
7725
|
|
|
7670
|
-
var _templateObject$
|
|
7671
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
7726
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
7727
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7672
7728
|
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) {
|
|
7673
7729
|
return props.clickable ? 'pointer' : 'default';
|
|
7674
7730
|
}, devices.mobile);
|
|
@@ -7677,7 +7733,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_
|
|
|
7677
7733
|
return props.showImage ? 2 : '1 / span 4';
|
|
7678
7734
|
}, devices.mobile);
|
|
7679
7735
|
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
7680
|
-
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject6$
|
|
7736
|
+
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7681
7737
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
7682
7738
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
7683
7739
|
});
|
|
@@ -7750,8 +7806,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7750
7806
|
}), link.text)));
|
|
7751
7807
|
};
|
|
7752
7808
|
|
|
7753
|
-
var _templateObject$
|
|
7754
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
7809
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7810
|
+
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__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) {
|
|
7755
7811
|
var imageToLeft = _ref.imageToLeft;
|
|
7756
7812
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7757
7813
|
}, devices.mobile);
|
|
@@ -7828,8 +7884,8 @@ var BackgroundColour;
|
|
|
7828
7884
|
BackgroundColour["White"] = "white";
|
|
7829
7885
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7830
7886
|
|
|
7831
|
-
var _templateObject$
|
|
7832
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
7887
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7888
|
+
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$W || (_templateObject$W = /*#__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"])));
|
|
7833
7889
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7834
7890
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7835
7891
|
if (!props.infoThemed) {
|
|
@@ -7955,8 +8011,8 @@ var Information = function Information(_ref) {
|
|
|
7955
8011
|
}))));
|
|
7956
8012
|
};
|
|
7957
8013
|
|
|
7958
|
-
var _templateObject$
|
|
7959
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8014
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8015
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7960
8016
|
var theme = _ref.theme;
|
|
7961
8017
|
return theme.colors.primary;
|
|
7962
8018
|
}, function (_ref2) {
|
|
@@ -7973,7 +8029,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$p || (_templateOb
|
|
|
7973
8029
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7974
8030
|
}, devices.mobile);
|
|
7975
8031
|
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7976
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
8032
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7977
8033
|
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);
|
|
7978
8034
|
var PageHeadingText = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObject8$7 = /*#__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"])));
|
|
7979
8035
|
|
|
@@ -8056,13 +8112,13 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8056
8112
|
})));
|
|
8057
8113
|
};
|
|
8058
8114
|
|
|
8059
|
-
var _templateObject$
|
|
8060
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8115
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8116
|
+
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__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);
|
|
8061
8117
|
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);
|
|
8062
8118
|
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);
|
|
8063
8119
|
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);
|
|
8064
8120
|
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8065
|
-
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
8121
|
+
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
8066
8122
|
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);
|
|
8067
8123
|
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__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);
|
|
8068
8124
|
|
|
@@ -8130,8 +8186,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8130
8186
|
}, "Scroll Down")) : null);
|
|
8131
8187
|
};
|
|
8132
8188
|
|
|
8133
|
-
var _templateObject$
|
|
8134
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8189
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8190
|
+
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$Z || (_templateObject$Z = /*#__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) {
|
|
8135
8191
|
var color = _ref.color;
|
|
8136
8192
|
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 ";
|
|
8137
8193
|
}, devices.mobileAndTablet);
|
|
@@ -8175,8 +8231,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8175
8231
|
}))));
|
|
8176
8232
|
};
|
|
8177
8233
|
|
|
8178
|
-
var _templateObject$
|
|
8179
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8234
|
+
var _templateObject$_;
|
|
8235
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8180
8236
|
|
|
8181
8237
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8182
8238
|
var link = _ref.link,
|
|
@@ -8196,12 +8252,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8196
8252
|
}))));
|
|
8197
8253
|
};
|
|
8198
8254
|
|
|
8199
|
-
var _templateObject
|
|
8200
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject
|
|
8255
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8256
|
+
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\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);
|
|
8201
8257
|
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"])));
|
|
8202
8258
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8203
8259
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__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);
|
|
8204
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$
|
|
8260
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8205
8261
|
var invert = _ref.invert,
|
|
8206
8262
|
theme = _ref.theme;
|
|
8207
8263
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8301,10 +8357,14 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8301
8357
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8302
8358
|
|
|
8303
8359
|
case 'StreamLogo':
|
|
8304
|
-
return /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8360
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8361
|
+
invert: invert
|
|
8362
|
+
});
|
|
8305
8363
|
|
|
8306
8364
|
case 'CinemaLogo':
|
|
8307
|
-
return /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8365
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8366
|
+
invert: invert
|
|
8367
|
+
});
|
|
8308
8368
|
|
|
8309
8369
|
default:
|
|
8310
8370
|
return null;
|
|
@@ -8323,7 +8383,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8323
8383
|
var isIOS = function isIOS() {
|
|
8324
8384
|
try {
|
|
8325
8385
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8326
|
-
if (typeof navigator === undefined) return false;
|
|
8386
|
+
if (typeof navigator === 'undefined') return false;
|
|
8327
8387
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8328
8388
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8329
8389
|
} catch (e) {
|
|
@@ -8339,7 +8399,7 @@ var useIOS = function useIOS() {
|
|
|
8339
8399
|
setIOS = _useState[1];
|
|
8340
8400
|
|
|
8341
8401
|
useEffect(function () {
|
|
8342
|
-
if (typeof navigator === undefined) return;
|
|
8402
|
+
if (typeof navigator === 'undefined') return;
|
|
8343
8403
|
setIOS(isIOS());
|
|
8344
8404
|
}, []);
|
|
8345
8405
|
return IOS;
|
|
@@ -8525,8 +8585,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8525
8585
|
}), linkText))));
|
|
8526
8586
|
};
|
|
8527
8587
|
|
|
8528
|
-
var _templateObject
|
|
8529
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
8588
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8589
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8530
8590
|
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
|
|
8531
8591
|
|
|
8532
8592
|
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) {
|
|
@@ -8602,13 +8662,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
8602
8662
|
}))));
|
|
8603
8663
|
};
|
|
8604
8664
|
|
|
8605
|
-
var _templateObject$
|
|
8606
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8665
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
|
|
8666
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$11 || (_templateObject$11 = /*#__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);
|
|
8607
8667
|
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"])));
|
|
8608
8668
|
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"])));
|
|
8609
8669
|
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"])));
|
|
8610
|
-
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8611
|
-
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
8670
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8671
|
+
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
8612
8672
|
|
|
8613
8673
|
var Person = function Person(_ref) {
|
|
8614
8674
|
var person = _ref.person,
|
|
@@ -8659,11 +8719,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8659
8719
|
}));
|
|
8660
8720
|
};
|
|
8661
8721
|
|
|
8662
|
-
var _templateObject$
|
|
8663
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8722
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8723
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8664
8724
|
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8665
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8666
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
8725
|
+
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"])));
|
|
8726
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8667
8727
|
|
|
8668
8728
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8669
8729
|
return array.reduce(function (acc, item) {
|
|
@@ -8674,12 +8734,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8674
8734
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8675
8735
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8676
8736
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8677
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8737
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8738
|
+
key: index
|
|
8739
|
+
}, title));
|
|
8678
8740
|
} else if (index > 0) {
|
|
8679
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8741
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8742
|
+
key: index
|
|
8743
|
+
}, ", ", title);
|
|
8680
8744
|
}
|
|
8681
8745
|
|
|
8682
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8746
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8747
|
+
key: index
|
|
8748
|
+
}, title);
|
|
8683
8749
|
}));
|
|
8684
8750
|
};
|
|
8685
8751
|
|
|
@@ -8731,14 +8797,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8731
8797
|
}));
|
|
8732
8798
|
};
|
|
8733
8799
|
|
|
8734
|
-
var _templateObject$
|
|
8800
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$j, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8735
8801
|
var LENGTH_TEXT = 28;
|
|
8736
8802
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8737
8803
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8738
8804
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8739
8805
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8740
8806
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8741
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8807
|
+
var PromoWithTagsGrid = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8742
8808
|
var imageToLeft = _ref.imageToLeft;
|
|
8743
8809
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8744
8810
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8791,7 +8857,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$o || (_te
|
|
|
8791
8857
|
var marginBottom = _ref10.marginBottom;
|
|
8792
8858
|
return marginBottom + "px";
|
|
8793
8859
|
});
|
|
8794
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
8860
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
8795
8861
|
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
8796
8862
|
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
8797
8863
|
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -9009,10 +9075,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9009
9075
|
}))));
|
|
9010
9076
|
};
|
|
9011
9077
|
|
|
9012
|
-
var _templateObject$
|
|
9078
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
|
|
9013
9079
|
var LENGTH_TEXT$2 = 28;
|
|
9014
9080
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9015
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9081
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
9016
9082
|
var imageToLeft = _ref.imageToLeft;
|
|
9017
9083
|
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'";
|
|
9018
9084
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9029,7 +9095,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E ||
|
|
|
9029
9095
|
}, devices.mobile);
|
|
9030
9096
|
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
9031
9097
|
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
9032
|
-
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$
|
|
9098
|
+
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
9033
9099
|
var theme = _ref5.theme;
|
|
9034
9100
|
return theme.colors.black;
|
|
9035
9101
|
}, function (_ref6) {
|
|
@@ -9065,8 +9131,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
|
|
|
9065
9131
|
return '';
|
|
9066
9132
|
});
|
|
9067
9133
|
|
|
9068
|
-
var _templateObject$
|
|
9069
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9134
|
+
var _templateObject$15;
|
|
9135
|
+
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9070
9136
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9071
9137
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9072
9138
|
return aspectRatio;
|
|
@@ -9270,8 +9336,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9270
9336
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9271
9337
|
};
|
|
9272
9338
|
|
|
9273
|
-
var _templateObject$
|
|
9274
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9339
|
+
var _templateObject$16;
|
|
9340
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9275
9341
|
|
|
9276
9342
|
/**
|
|
9277
9343
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9329,8 +9395,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9329
9395
|
})));
|
|
9330
9396
|
};
|
|
9331
9397
|
|
|
9332
|
-
var _templateObject$
|
|
9333
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9398
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9399
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9334
9400
|
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) {
|
|
9335
9401
|
var horizontalMode = _ref.horizontalMode;
|
|
9336
9402
|
if (horizontalMode) return 'row';
|
|
@@ -9419,8 +9485,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9419
9485
|
}, error)));
|
|
9420
9486
|
};
|
|
9421
9487
|
|
|
9422
|
-
var _templateObject$
|
|
9423
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9488
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9489
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__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);
|
|
9424
9490
|
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"])));
|
|
9425
9491
|
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);
|
|
9426
9492
|
|
|
@@ -9484,8 +9550,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9484
9550
|
})))));
|
|
9485
9551
|
};
|
|
9486
9552
|
|
|
9487
|
-
var _templateObject$
|
|
9488
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9553
|
+
var _templateObject$19;
|
|
9554
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__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);
|
|
9489
9555
|
|
|
9490
9556
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9491
9557
|
var title = _ref.title,
|
|
@@ -9513,8 +9579,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9513
9579
|
}, description))));
|
|
9514
9580
|
};
|
|
9515
9581
|
|
|
9516
|
-
var _templateObject$
|
|
9517
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
9582
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9583
|
+
var stateStyles = /*#__PURE__*/css(_templateObject$1a || (_templateObject$1a = /*#__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) {
|
|
9518
9584
|
var theme = _ref.theme;
|
|
9519
9585
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9520
9586
|
}, function (_ref2) {
|
|
@@ -9538,7 +9604,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
9538
9604
|
title: 'Select Arrow'
|
|
9539
9605
|
};
|
|
9540
9606
|
})(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
9541
|
-
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$
|
|
9607
|
+
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
9542
9608
|
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9543
9609
|
var Options = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
9544
9610
|
var Option = /*#__PURE__*/styled.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
@@ -9936,8 +10002,8 @@ function Select(_ref3) {
|
|
|
9936
10002
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9937
10003
|
}
|
|
9938
10004
|
|
|
9939
|
-
var _templateObject$
|
|
9940
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
10005
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
10006
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9941
10007
|
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\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 }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\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 color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\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 color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\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 letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9942
10008
|
var width = _ref.width;
|
|
9943
10009
|
if (!width) return 'none';
|
|
@@ -10076,8 +10142,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10076
10142
|
})));
|
|
10077
10143
|
};
|
|
10078
10144
|
|
|
10079
|
-
var _templateObject$
|
|
10080
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
10145
|
+
var _templateObject$1c;
|
|
10146
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__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) {
|
|
10081
10147
|
var theme = _ref.theme;
|
|
10082
10148
|
return theme.colors.primary;
|
|
10083
10149
|
});
|
|
@@ -10105,8 +10171,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10105
10171
|
})));
|
|
10106
10172
|
};
|
|
10107
10173
|
|
|
10108
|
-
var _templateObject$
|
|
10109
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
10174
|
+
var _templateObject$1d, _templateObject2$R;
|
|
10175
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__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) {
|
|
10110
10176
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10111
10177
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10112
10178
|
return aspectRatio;
|
|
@@ -10154,8 +10220,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10154
10220
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10155
10221
|
};
|
|
10156
10222
|
|
|
10157
|
-
var _templateObject$
|
|
10158
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10223
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
10224
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10159
10225
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10160
10226
|
var displayAttribution = _ref.displayAttribution;
|
|
10161
10227
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10184,13 +10250,13 @@ var Quote = function Quote(_ref) {
|
|
|
10184
10250
|
}, attribution))));
|
|
10185
10251
|
};
|
|
10186
10252
|
|
|
10187
|
-
var _templateObject$
|
|
10188
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10253
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
|
|
10254
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10189
10255
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10190
10256
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10191
10257
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10192
10258
|
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10193
|
-
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10259
|
+
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
10194
10260
|
|
|
10195
10261
|
var MiniCard = function MiniCard(_ref) {
|
|
10196
10262
|
var _ref$title = _ref.title,
|
|
@@ -10228,11 +10294,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10228
10294
|
}, title)))));
|
|
10229
10295
|
};
|
|
10230
10296
|
|
|
10231
|
-
var _templateObject$
|
|
10232
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10233
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10234
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])))
|
|
10235
|
-
var
|
|
10297
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$s;
|
|
10298
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__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"])));
|
|
10299
|
+
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10300
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10301
|
+
var isVisible = _ref.isVisible;
|
|
10302
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10303
|
+
});
|
|
10304
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10305
|
+
var isVisible = _ref2.isVisible;
|
|
10306
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10307
|
+
});
|
|
10308
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__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 @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10236
10309
|
|
|
10237
10310
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10238
10311
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10260,14 +10333,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10260
10333
|
textHeight = _useState2[0],
|
|
10261
10334
|
setTextHeight = _useState2[1];
|
|
10262
10335
|
|
|
10263
|
-
var _useState3 = useState(initOpen ? {
|
|
10264
|
-
visibility: 'visible'
|
|
10265
|
-
} : {
|
|
10266
|
-
visibility: 'hidden'
|
|
10267
|
-
}),
|
|
10268
|
-
textVisibility = _useState3[0],
|
|
10269
|
-
setTextVisibility = _useState3[1];
|
|
10270
|
-
|
|
10271
10336
|
var readMoreContent = useRef(null);
|
|
10272
10337
|
useEffect(function () {
|
|
10273
10338
|
if (readMoreContent != null && readMoreContent.current && initOpen) {
|
|
@@ -10280,11 +10345,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10280
10345
|
if (typeof fullText === 'string' && fullText.length === 0) return;
|
|
10281
10346
|
setIsFullTextOpen(!isFullTextOpen);
|
|
10282
10347
|
setTextHeight(isFullTextOpen ? '0px' : readMoreContent.current.scrollHeight + "px");
|
|
10283
|
-
setTextVisibility(isFullTextOpen ? {
|
|
10284
|
-
visibility: 'hidden'
|
|
10285
|
-
} : {
|
|
10286
|
-
visibility: 'visible'
|
|
10287
|
-
});
|
|
10288
10348
|
};
|
|
10289
10349
|
|
|
10290
10350
|
var handleKeyDown = function handleKeyDown(e) {
|
|
@@ -10295,7 +10355,9 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10295
10355
|
var truncatedText = truncate ? truncateReactNodeString(introText != null ? introText : '', INTRO_CHAR_LIMIT, true) : introText;
|
|
10296
10356
|
|
|
10297
10357
|
var IntroText = function IntroText() {
|
|
10298
|
-
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(
|
|
10358
|
+
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(IntroTextContainer, {
|
|
10359
|
+
isVisible: !isFullTextOpen
|
|
10360
|
+
}, truncate ? /*#__PURE__*/React__default.createElement("div", {
|
|
10299
10361
|
dangerouslySetInnerHTML: {
|
|
10300
10362
|
__html: "" + truncatedText
|
|
10301
10363
|
}
|
|
@@ -10322,7 +10384,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10322
10384
|
maxHeight: "" + textHeight
|
|
10323
10385
|
}
|
|
10324
10386
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
10325
|
-
|
|
10387
|
+
isVisible: isFullTextOpen
|
|
10326
10388
|
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
10327
10389
|
tabIndex: 0,
|
|
10328
10390
|
role: "button",
|
|
@@ -10330,15 +10392,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10330
10392
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10331
10393
|
};
|
|
10332
10394
|
|
|
10333
|
-
var _templateObject$
|
|
10334
|
-
var
|
|
10335
|
-
var
|
|
10336
|
-
var
|
|
10337
|
-
var
|
|
10395
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$t, _templateObject6$n;
|
|
10396
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10397
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10398
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10399
|
+
var color = _ref.color;
|
|
10400
|
+
return "var(--base-color-" + color + ")";
|
|
10401
|
+
});
|
|
10402
|
+
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10403
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10404
|
+
var color = _ref2.color;
|
|
10405
|
+
return "var(--base-color-" + color + ")";
|
|
10406
|
+
});
|
|
10407
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10408
|
+
var color = _ref3.color;
|
|
10409
|
+
return "var(--base-color-" + color + ")";
|
|
10410
|
+
});
|
|
10411
|
+
|
|
10412
|
+
/**
|
|
10413
|
+
* Password strength indicator component.
|
|
10414
|
+
* This renders some number of lines (6 by default)
|
|
10415
|
+
* which should become active when the user improves
|
|
10416
|
+
* the strength of the entered password.
|
|
10417
|
+
*
|
|
10418
|
+
* ## Sections
|
|
10419
|
+
* To set number of sections it should be passed
|
|
10420
|
+
* as `sections` prop.
|
|
10421
|
+
*
|
|
10422
|
+
* ## Active section
|
|
10423
|
+
* To set number of active sections it should be passed
|
|
10424
|
+
* as `activeSections` prop.
|
|
10425
|
+
*
|
|
10426
|
+
* ## Colors
|
|
10427
|
+
* Color of every element can be controlled by properties:
|
|
10428
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10429
|
+
* `textColor`, `strengthLabelColor`.
|
|
10430
|
+
*
|
|
10431
|
+
* ## Text
|
|
10432
|
+
* `text` prop is used to render some message.
|
|
10433
|
+
* For example error (together with proper red color)
|
|
10434
|
+
* or some password requirement. It can be empty.
|
|
10435
|
+
*
|
|
10436
|
+
* ## Strength label
|
|
10437
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10438
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10439
|
+
* It can be empty.
|
|
10440
|
+
*/
|
|
10441
|
+
|
|
10442
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10443
|
+
var _ref$sections = _ref.sections,
|
|
10444
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10445
|
+
_ref$activeSections = _ref.activeSections,
|
|
10446
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10447
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10448
|
+
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10449
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10450
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10451
|
+
_ref$text = _ref.text,
|
|
10452
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10453
|
+
_ref$textColor = _ref.textColor,
|
|
10454
|
+
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10455
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10456
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10457
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10458
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10459
|
+
|
|
10460
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10461
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10462
|
+
};
|
|
10463
|
+
|
|
10464
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10465
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10466
|
+
};
|
|
10467
|
+
|
|
10468
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10469
|
+
"data-testid": "password-strength-container"
|
|
10470
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10471
|
+
"data-testid": "password-strength-sections"
|
|
10472
|
+
}, Array.from({
|
|
10473
|
+
length: sections
|
|
10474
|
+
}, function (_section, i) {
|
|
10475
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10476
|
+
key: i,
|
|
10477
|
+
color: setSectionColor(i),
|
|
10478
|
+
"data-testid": setSectionDataTestId(i)
|
|
10479
|
+
});
|
|
10480
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10481
|
+
color: textColor,
|
|
10482
|
+
"data-testid": "password-strength-text"
|
|
10483
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10484
|
+
level: 6
|
|
10485
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10486
|
+
color: strengthLabelColor,
|
|
10487
|
+
"data-testid": "password-strength-label"
|
|
10488
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10489
|
+
level: 2
|
|
10490
|
+
}, strengthLabel))));
|
|
10491
|
+
};
|
|
10492
|
+
|
|
10493
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$u;
|
|
10494
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10495
|
+
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$W || (_templateObject2$W = /*#__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 }\n"])), Colors.LightGrey);
|
|
10496
|
+
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$N || (_templateObject3$N = /*#__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: block;\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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10497
|
+
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$C || (_templateObject4$C = /*#__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 text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
|
|
10338
10498
|
var isActive = _ref.isActive;
|
|
10339
10499
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
10340
10500
|
}, Colors.MidGrey);
|
|
10341
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
10501
|
+
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\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 padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10342
10502
|
var isOpen = _ref2.isOpen;
|
|
10343
10503
|
return isOpen ? 'block' : 'none';
|
|
10344
10504
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -10508,106 +10668,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10508
10668
|
});
|
|
10509
10669
|
};
|
|
10510
10670
|
|
|
10511
|
-
var _templateObject$
|
|
10512
|
-
var
|
|
10513
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10514
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10515
|
-
var color = _ref.color;
|
|
10516
|
-
return "var(--base-color-" + color + ")";
|
|
10517
|
-
});
|
|
10518
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10519
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10520
|
-
var color = _ref2.color;
|
|
10521
|
-
return "var(--base-color-" + color + ")";
|
|
10522
|
-
});
|
|
10523
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10524
|
-
var color = _ref3.color;
|
|
10525
|
-
return "var(--base-color-" + color + ")";
|
|
10526
|
-
});
|
|
10527
|
-
|
|
10528
|
-
/**
|
|
10529
|
-
* Password strength indicator component.
|
|
10530
|
-
* This renders some number of lines (6 by default)
|
|
10531
|
-
* which should become active when the user improves
|
|
10532
|
-
* the strength of the entered password.
|
|
10533
|
-
*
|
|
10534
|
-
* ## Sections
|
|
10535
|
-
* To set number of sections it should be passed
|
|
10536
|
-
* as `sections` prop.
|
|
10537
|
-
*
|
|
10538
|
-
* ## Active section
|
|
10539
|
-
* To set number of active sections it should be passed
|
|
10540
|
-
* as `activeSections` prop.
|
|
10541
|
-
*
|
|
10542
|
-
* ## Colors
|
|
10543
|
-
* Color of every element can be controlled by properties:
|
|
10544
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10545
|
-
* `textColor`, `strengthLabelColor`.
|
|
10546
|
-
*
|
|
10547
|
-
* ## Text
|
|
10548
|
-
* `text` prop is used to render some message.
|
|
10549
|
-
* For example error (together with proper red color)
|
|
10550
|
-
* or some password requirement. It can be empty.
|
|
10551
|
-
*
|
|
10552
|
-
* ## Strength label
|
|
10553
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10554
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10555
|
-
* It can be empty.
|
|
10556
|
-
*/
|
|
10557
|
-
|
|
10558
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10559
|
-
var _ref$sections = _ref.sections,
|
|
10560
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10561
|
-
_ref$activeSections = _ref.activeSections,
|
|
10562
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10563
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10564
|
-
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10565
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10566
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10567
|
-
_ref$text = _ref.text,
|
|
10568
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10569
|
-
_ref$textColor = _ref.textColor,
|
|
10570
|
-
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10571
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10572
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10573
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10574
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10575
|
-
|
|
10576
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10577
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10578
|
-
};
|
|
10579
|
-
|
|
10580
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10581
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10582
|
-
};
|
|
10583
|
-
|
|
10584
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10585
|
-
"data-testid": "password-strength-container"
|
|
10586
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10587
|
-
"data-testid": "password-strength-sections"
|
|
10588
|
-
}, Array.from({
|
|
10589
|
-
length: sections
|
|
10590
|
-
}, function (_section, i) {
|
|
10591
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10592
|
-
key: i,
|
|
10593
|
-
color: setSectionColor(i),
|
|
10594
|
-
"data-testid": setSectionDataTestId(i)
|
|
10595
|
-
});
|
|
10596
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10597
|
-
color: textColor,
|
|
10598
|
-
"data-testid": "password-strength-text"
|
|
10599
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10600
|
-
level: 6
|
|
10601
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10602
|
-
color: strengthLabelColor,
|
|
10603
|
-
"data-testid": "password-strength-label"
|
|
10604
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10605
|
-
level: 2
|
|
10606
|
-
}, strengthLabel))));
|
|
10607
|
-
};
|
|
10608
|
-
|
|
10609
|
-
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10610
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10671
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10672
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10611
10673
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10612
10674
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10613
10675
|
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
@@ -10615,12 +10677,12 @@ var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4
|
|
|
10615
10677
|
}, function (props) {
|
|
10616
10678
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10617
10679
|
}, devices.tablet, devices.mobile);
|
|
10618
|
-
var TableCell = /*#__PURE__*/styled.td(_templateObject5$
|
|
10680
|
+
var TableCell = /*#__PURE__*/styled.td(_templateObject5$v || (_templateObject5$v = /*#__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 padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
10619
10681
|
return "var(--base-color-" + props.lineColor + ")";
|
|
10620
10682
|
}, function (props) {
|
|
10621
10683
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10622
10684
|
}, devices.mobile);
|
|
10623
|
-
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10685
|
+
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\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: none;\n }\n"])));
|
|
10624
10686
|
var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\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\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
10625
10687
|
var active = _ref.active;
|
|
10626
10688
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
@@ -10890,8 +10952,8 @@ var LiveChat = function LiveChat() {
|
|
|
10890
10952
|
});
|
|
10891
10953
|
};
|
|
10892
10954
|
|
|
10893
|
-
var _templateObject$
|
|
10894
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10955
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10956
|
+
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10895
10957
|
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__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) {
|
|
10896
10958
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10897
10959
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10920,8 +10982,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10920
10982
|
}, children)));
|
|
10921
10983
|
};
|
|
10922
10984
|
|
|
10923
|
-
var _templateObject$
|
|
10924
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
10985
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10986
|
+
var InnerModal = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__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);
|
|
10925
10987
|
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$Z || (_templateObject2$Z = /*#__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);
|
|
10926
10988
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10927
10989
|
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$E || (_templateObject4$E = /*#__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"])));
|
|
@@ -11044,8 +11106,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11044
11106
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11045
11107
|
};
|
|
11046
11108
|
|
|
11047
|
-
var _templateObject$
|
|
11048
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__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) {
|
|
11109
|
+
var _templateObject$1m;
|
|
11110
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__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) {
|
|
11049
11111
|
var theme = _ref.theme;
|
|
11050
11112
|
return theme.colors.primary;
|
|
11051
11113
|
}, function (_ref2) {
|
|
@@ -11986,5 +12048,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templa
|
|
|
11986
12048
|
return theme.fonts.tablet.sizes.body[1];
|
|
11987
12049
|
}, devices.desktop, devices.largeDesktop);
|
|
11988
12050
|
|
|
11989
|
-
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, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
12051
|
+
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, GridItemLegacy, 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, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
11990
12052
|
//# sourceMappingURL=chord.esm.js.map
|