@royaloperahouse/chord 2.4.4 → 2.4.5-c-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 +421 -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 +421 -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,61 @@ 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 allMatches = [];
|
|
7349
|
-
var match;
|
|
7402
|
+
var textContent = stripAllHtmlTags(htmlString);
|
|
7350
7403
|
|
|
7351
|
-
|
|
7352
|
-
|
|
7353
|
-
value: match[0],
|
|
7354
|
-
index: match.index
|
|
7355
|
-
});
|
|
7404
|
+
if (textContent.length <= resultLength) {
|
|
7405
|
+
return htmlString;
|
|
7356
7406
|
}
|
|
7357
7407
|
|
|
7358
|
-
|
|
7359
|
-
|
|
7360
|
-
|
|
7361
|
-
var insertString = function insertString(mainString, str, position) {
|
|
7362
|
-
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
7363
|
-
};
|
|
7408
|
+
var accumulatedText = '';
|
|
7409
|
+
var tagStack = [];
|
|
7410
|
+
var charCount = 0;
|
|
7364
7411
|
|
|
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
|
|
7412
|
+
var closeTags = function closeTags() {
|
|
7413
|
+
while (tagStack.length > 0) {
|
|
7414
|
+
accumulatedText += '</' + tagStack.pop() + '>';
|
|
7415
|
+
}
|
|
7376
7416
|
};
|
|
7377
|
-
};
|
|
7378
7417
|
|
|
7379
|
-
var
|
|
7380
|
-
|
|
7381
|
-
addDots = false;
|
|
7382
|
-
}
|
|
7418
|
+
for (var i = 0; i < htmlString.length; i++) {
|
|
7419
|
+
var _char = htmlString[i];
|
|
7383
7420
|
|
|
7384
|
-
|
|
7385
|
-
|
|
7421
|
+
if (_char === '<') {
|
|
7422
|
+
accumulatedText += _char;
|
|
7386
7423
|
|
|
7387
|
-
|
|
7388
|
-
|
|
7389
|
-
|
|
7424
|
+
if (htmlString[i + 1] !== '/') {
|
|
7425
|
+
var tagNameEnd = htmlString.indexOf('>', i);
|
|
7426
|
+
var tagName = htmlString.slice(i + 1, tagNameEnd).split(' ')[0];
|
|
7427
|
+
tagStack.push(tagName);
|
|
7428
|
+
accumulatedText += tagName + ">";
|
|
7429
|
+
i = tagNameEnd;
|
|
7430
|
+
}
|
|
7431
|
+
} else if (_char === '>') {
|
|
7432
|
+
accumulatedText += _char;
|
|
7433
|
+
} else if (charCount < resultLength) {
|
|
7434
|
+
accumulatedText += _char;
|
|
7435
|
+
charCount++;
|
|
7436
|
+
}
|
|
7390
7437
|
|
|
7391
|
-
|
|
7392
|
-
|
|
7393
|
-
|
|
7394
|
-
|
|
7438
|
+
if (charCount >= resultLength) {
|
|
7439
|
+
if (addDots) {
|
|
7440
|
+
accumulatedText += '...';
|
|
7441
|
+
}
|
|
7442
|
+
|
|
7443
|
+
break;
|
|
7444
|
+
}
|
|
7445
|
+
}
|
|
7446
|
+
|
|
7447
|
+
closeTags();
|
|
7448
|
+
return accumulatedText;
|
|
7395
7449
|
};
|
|
7396
7450
|
var truncate = function truncate(str, n) {
|
|
7397
7451
|
return str.length >= n ? str.substring(0, n) : str;
|
|
@@ -7535,9 +7589,9 @@ var Card = function Card(_ref) {
|
|
|
7535
7589
|
dangerouslySetInnerHTML: {
|
|
7536
7590
|
__html: truncatedText
|
|
7537
7591
|
}
|
|
7538
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7592
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7539
7593
|
level: 1
|
|
7540
|
-
}, highlightText))
|
|
7594
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7541
7595
|
fullWidth: fullWidth
|
|
7542
7596
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7543
7597
|
ref: node,
|
|
@@ -7551,8 +7605,8 @@ var Card = function Card(_ref) {
|
|
|
7551
7605
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7552
7606
|
};
|
|
7553
7607
|
|
|
7554
|
-
var _templateObject$
|
|
7555
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7608
|
+
var _templateObject$S, _templateObject2$z;
|
|
7609
|
+
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
7610
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7557
7611
|
|
|
7558
7612
|
var Cards = function Cards(_ref) {
|
|
@@ -7598,8 +7652,8 @@ var Cards = function Cards(_ref) {
|
|
|
7598
7652
|
}));
|
|
7599
7653
|
};
|
|
7600
7654
|
|
|
7601
|
-
var _templateObject$
|
|
7602
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7655
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7656
|
+
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
7657
|
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
7658
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7605
7659
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7667,8 +7721,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7667
7721
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7668
7722
|
};
|
|
7669
7723
|
|
|
7670
|
-
var _templateObject$
|
|
7671
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
7724
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
7725
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7672
7726
|
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
7727
|
return props.clickable ? 'pointer' : 'default';
|
|
7674
7728
|
}, devices.mobile);
|
|
@@ -7677,7 +7731,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_
|
|
|
7677
7731
|
return props.showImage ? 2 : '1 / span 4';
|
|
7678
7732
|
}, devices.mobile);
|
|
7679
7733
|
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$
|
|
7734
|
+
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7681
7735
|
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
7736
|
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
7737
|
});
|
|
@@ -7750,8 +7804,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7750
7804
|
}), link.text)));
|
|
7751
7805
|
};
|
|
7752
7806
|
|
|
7753
|
-
var _templateObject$
|
|
7754
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
7807
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7808
|
+
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
7809
|
var imageToLeft = _ref.imageToLeft;
|
|
7756
7810
|
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
7811
|
}, devices.mobile);
|
|
@@ -7828,8 +7882,8 @@ var BackgroundColour;
|
|
|
7828
7882
|
BackgroundColour["White"] = "white";
|
|
7829
7883
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7830
7884
|
|
|
7831
|
-
var _templateObject$
|
|
7832
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
7885
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7886
|
+
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
7887
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7834
7888
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7835
7889
|
if (!props.infoThemed) {
|
|
@@ -7955,8 +8009,8 @@ var Information = function Information(_ref) {
|
|
|
7955
8009
|
}))));
|
|
7956
8010
|
};
|
|
7957
8011
|
|
|
7958
|
-
var _templateObject$
|
|
7959
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8012
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8013
|
+
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
8014
|
var theme = _ref.theme;
|
|
7961
8015
|
return theme.colors.primary;
|
|
7962
8016
|
}, function (_ref2) {
|
|
@@ -7973,7 +8027,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$p || (_templateOb
|
|
|
7973
8027
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7974
8028
|
}, devices.mobile);
|
|
7975
8029
|
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$
|
|
8030
|
+
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
8031
|
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
8032
|
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
8033
|
|
|
@@ -8056,13 +8110,13 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8056
8110
|
})));
|
|
8057
8111
|
};
|
|
8058
8112
|
|
|
8059
|
-
var _templateObject$
|
|
8060
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8113
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8114
|
+
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
8115
|
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
8116
|
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
8117
|
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
8118
|
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$
|
|
8119
|
+
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
8120
|
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
8121
|
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
8122
|
|
|
@@ -8130,8 +8184,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8130
8184
|
}, "Scroll Down")) : null);
|
|
8131
8185
|
};
|
|
8132
8186
|
|
|
8133
|
-
var _templateObject$
|
|
8134
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8187
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8188
|
+
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
8189
|
var color = _ref.color;
|
|
8136
8190
|
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
8191
|
}, devices.mobileAndTablet);
|
|
@@ -8175,8 +8229,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8175
8229
|
}))));
|
|
8176
8230
|
};
|
|
8177
8231
|
|
|
8178
|
-
var _templateObject$
|
|
8179
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8232
|
+
var _templateObject$_;
|
|
8233
|
+
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
8234
|
|
|
8181
8235
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8182
8236
|
var link = _ref.link,
|
|
@@ -8196,12 +8250,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8196
8250
|
}))));
|
|
8197
8251
|
};
|
|
8198
8252
|
|
|
8199
|
-
var _templateObject
|
|
8200
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject
|
|
8253
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8254
|
+
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
8255
|
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
8256
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8203
8257
|
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$
|
|
8258
|
+
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
8259
|
var invert = _ref.invert,
|
|
8206
8260
|
theme = _ref.theme;
|
|
8207
8261
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8301,10 +8355,14 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8301
8355
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8302
8356
|
|
|
8303
8357
|
case 'StreamLogo':
|
|
8304
|
-
return /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8358
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8359
|
+
invert: invert
|
|
8360
|
+
});
|
|
8305
8361
|
|
|
8306
8362
|
case 'CinemaLogo':
|
|
8307
|
-
return /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8363
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8364
|
+
invert: invert
|
|
8365
|
+
});
|
|
8308
8366
|
|
|
8309
8367
|
default:
|
|
8310
8368
|
return null;
|
|
@@ -8323,7 +8381,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8323
8381
|
var isIOS = function isIOS() {
|
|
8324
8382
|
try {
|
|
8325
8383
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8326
|
-
if (typeof navigator === undefined) return false;
|
|
8384
|
+
if (typeof navigator === 'undefined') return false;
|
|
8327
8385
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8328
8386
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8329
8387
|
} catch (e) {
|
|
@@ -8339,7 +8397,7 @@ var useIOS = function useIOS() {
|
|
|
8339
8397
|
setIOS = _useState[1];
|
|
8340
8398
|
|
|
8341
8399
|
useEffect(function () {
|
|
8342
|
-
if (typeof navigator === undefined) return;
|
|
8400
|
+
if (typeof navigator === 'undefined') return;
|
|
8343
8401
|
setIOS(isIOS());
|
|
8344
8402
|
}, []);
|
|
8345
8403
|
return IOS;
|
|
@@ -8525,8 +8583,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8525
8583
|
}), linkText))));
|
|
8526
8584
|
};
|
|
8527
8585
|
|
|
8528
|
-
var _templateObject
|
|
8529
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
8586
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8587
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8530
8588
|
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
8589
|
|
|
8532
8590
|
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 +8660,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
8602
8660
|
}))));
|
|
8603
8661
|
};
|
|
8604
8662
|
|
|
8605
|
-
var _templateObject$
|
|
8606
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8663
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
|
|
8664
|
+
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
8665
|
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
8666
|
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
8667
|
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$
|
|
8668
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8669
|
+
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
8670
|
|
|
8613
8671
|
var Person = function Person(_ref) {
|
|
8614
8672
|
var person = _ref.person,
|
|
@@ -8659,11 +8717,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8659
8717
|
}));
|
|
8660
8718
|
};
|
|
8661
8719
|
|
|
8662
|
-
var _templateObject$
|
|
8663
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8720
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8721
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8664
8722
|
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
|
|
8723
|
+
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"])));
|
|
8724
|
+
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
8725
|
|
|
8668
8726
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8669
8727
|
return array.reduce(function (acc, item) {
|
|
@@ -8674,12 +8732,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8674
8732
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8675
8733
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8676
8734
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8677
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8735
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8736
|
+
key: index
|
|
8737
|
+
}, title));
|
|
8678
8738
|
} else if (index > 0) {
|
|
8679
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8739
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8740
|
+
key: index
|
|
8741
|
+
}, ", ", title);
|
|
8680
8742
|
}
|
|
8681
8743
|
|
|
8682
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8744
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8745
|
+
key: index
|
|
8746
|
+
}, title);
|
|
8683
8747
|
}));
|
|
8684
8748
|
};
|
|
8685
8749
|
|
|
@@ -8731,14 +8795,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8731
8795
|
}));
|
|
8732
8796
|
};
|
|
8733
8797
|
|
|
8734
|
-
var _templateObject$
|
|
8798
|
+
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
8799
|
var LENGTH_TEXT = 28;
|
|
8736
8800
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8737
8801
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8738
8802
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8739
8803
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8740
8804
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8741
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8805
|
+
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
8806
|
var imageToLeft = _ref.imageToLeft;
|
|
8743
8807
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8744
8808
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8791,7 +8855,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$o || (_te
|
|
|
8791
8855
|
var marginBottom = _ref10.marginBottom;
|
|
8792
8856
|
return marginBottom + "px";
|
|
8793
8857
|
});
|
|
8794
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
8858
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
8795
8859
|
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
8860
|
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
8861
|
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 +9073,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9009
9073
|
}))));
|
|
9010
9074
|
};
|
|
9011
9075
|
|
|
9012
|
-
var _templateObject$
|
|
9076
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
|
|
9013
9077
|
var LENGTH_TEXT$2 = 28;
|
|
9014
9078
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9015
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9079
|
+
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
9080
|
var imageToLeft = _ref.imageToLeft;
|
|
9017
9081
|
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
9082
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9029,7 +9093,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E ||
|
|
|
9029
9093
|
}, devices.mobile);
|
|
9030
9094
|
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
9095
|
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$
|
|
9096
|
+
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
9097
|
var theme = _ref5.theme;
|
|
9034
9098
|
return theme.colors.black;
|
|
9035
9099
|
}, function (_ref6) {
|
|
@@ -9065,8 +9129,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
|
|
|
9065
9129
|
return '';
|
|
9066
9130
|
});
|
|
9067
9131
|
|
|
9068
|
-
var _templateObject$
|
|
9069
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9132
|
+
var _templateObject$15;
|
|
9133
|
+
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
9134
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9071
9135
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9072
9136
|
return aspectRatio;
|
|
@@ -9270,8 +9334,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9270
9334
|
}, 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
9335
|
};
|
|
9272
9336
|
|
|
9273
|
-
var _templateObject$
|
|
9274
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9337
|
+
var _templateObject$16;
|
|
9338
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9275
9339
|
|
|
9276
9340
|
/**
|
|
9277
9341
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9329,8 +9393,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9329
9393
|
})));
|
|
9330
9394
|
};
|
|
9331
9395
|
|
|
9332
|
-
var _templateObject$
|
|
9333
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9396
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9397
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9334
9398
|
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
9399
|
var horizontalMode = _ref.horizontalMode;
|
|
9336
9400
|
if (horizontalMode) return 'row';
|
|
@@ -9419,8 +9483,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9419
9483
|
}, error)));
|
|
9420
9484
|
};
|
|
9421
9485
|
|
|
9422
|
-
var _templateObject$
|
|
9423
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9486
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9487
|
+
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
9488
|
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
9489
|
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
9490
|
|
|
@@ -9484,8 +9548,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9484
9548
|
})))));
|
|
9485
9549
|
};
|
|
9486
9550
|
|
|
9487
|
-
var _templateObject$
|
|
9488
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9551
|
+
var _templateObject$19;
|
|
9552
|
+
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
9553
|
|
|
9490
9554
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9491
9555
|
var title = _ref.title,
|
|
@@ -9513,8 +9577,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9513
9577
|
}, description))));
|
|
9514
9578
|
};
|
|
9515
9579
|
|
|
9516
|
-
var _templateObject$
|
|
9517
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
9580
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9581
|
+
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
9582
|
var theme = _ref.theme;
|
|
9519
9583
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9520
9584
|
}, function (_ref2) {
|
|
@@ -9538,7 +9602,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
9538
9602
|
title: 'Select Arrow'
|
|
9539
9603
|
};
|
|
9540
9604
|
})(_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$
|
|
9605
|
+
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
9606
|
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9543
9607
|
var Options = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
9544
9608
|
var Option = /*#__PURE__*/styled.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
@@ -9936,8 +10000,8 @@ function Select(_ref3) {
|
|
|
9936
10000
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9937
10001
|
}
|
|
9938
10002
|
|
|
9939
|
-
var _templateObject$
|
|
9940
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
10003
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
10004
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9941
10005
|
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
10006
|
var width = _ref.width;
|
|
9943
10007
|
if (!width) return 'none';
|
|
@@ -10076,8 +10140,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10076
10140
|
})));
|
|
10077
10141
|
};
|
|
10078
10142
|
|
|
10079
|
-
var _templateObject$
|
|
10080
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
10143
|
+
var _templateObject$1c;
|
|
10144
|
+
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
10145
|
var theme = _ref.theme;
|
|
10082
10146
|
return theme.colors.primary;
|
|
10083
10147
|
});
|
|
@@ -10105,8 +10169,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10105
10169
|
})));
|
|
10106
10170
|
};
|
|
10107
10171
|
|
|
10108
|
-
var _templateObject$
|
|
10109
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
10172
|
+
var _templateObject$1d, _templateObject2$R;
|
|
10173
|
+
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
10174
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10111
10175
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10112
10176
|
return aspectRatio;
|
|
@@ -10154,8 +10218,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10154
10218
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10155
10219
|
};
|
|
10156
10220
|
|
|
10157
|
-
var _templateObject$
|
|
10158
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10221
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
10222
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10159
10223
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10160
10224
|
var displayAttribution = _ref.displayAttribution;
|
|
10161
10225
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10184,13 +10248,13 @@ var Quote = function Quote(_ref) {
|
|
|
10184
10248
|
}, attribution))));
|
|
10185
10249
|
};
|
|
10186
10250
|
|
|
10187
|
-
var _templateObject$
|
|
10188
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10251
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
|
|
10252
|
+
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
10253
|
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
10254
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10191
10255
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10192
10256
|
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$
|
|
10257
|
+
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
10258
|
|
|
10195
10259
|
var MiniCard = function MiniCard(_ref) {
|
|
10196
10260
|
var _ref$title = _ref.title,
|
|
@@ -10228,11 +10292,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10228
10292
|
}, title)))));
|
|
10229
10293
|
};
|
|
10230
10294
|
|
|
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
|
|
10295
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$s;
|
|
10296
|
+
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"])));
|
|
10297
|
+
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"])));
|
|
10298
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10299
|
+
var isVisible = _ref.isVisible;
|
|
10300
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10301
|
+
});
|
|
10302
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10303
|
+
var isVisible = _ref2.isVisible;
|
|
10304
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10305
|
+
});
|
|
10306
|
+
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
10307
|
|
|
10237
10308
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10238
10309
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10260,14 +10331,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10260
10331
|
textHeight = _useState2[0],
|
|
10261
10332
|
setTextHeight = _useState2[1];
|
|
10262
10333
|
|
|
10263
|
-
var _useState3 = useState(initOpen ? {
|
|
10264
|
-
visibility: 'visible'
|
|
10265
|
-
} : {
|
|
10266
|
-
visibility: 'hidden'
|
|
10267
|
-
}),
|
|
10268
|
-
textVisibility = _useState3[0],
|
|
10269
|
-
setTextVisibility = _useState3[1];
|
|
10270
|
-
|
|
10271
10334
|
var readMoreContent = useRef(null);
|
|
10272
10335
|
useEffect(function () {
|
|
10273
10336
|
if (readMoreContent != null && readMoreContent.current && initOpen) {
|
|
@@ -10280,11 +10343,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10280
10343
|
if (typeof fullText === 'string' && fullText.length === 0) return;
|
|
10281
10344
|
setIsFullTextOpen(!isFullTextOpen);
|
|
10282
10345
|
setTextHeight(isFullTextOpen ? '0px' : readMoreContent.current.scrollHeight + "px");
|
|
10283
|
-
setTextVisibility(isFullTextOpen ? {
|
|
10284
|
-
visibility: 'hidden'
|
|
10285
|
-
} : {
|
|
10286
|
-
visibility: 'visible'
|
|
10287
|
-
});
|
|
10288
10346
|
};
|
|
10289
10347
|
|
|
10290
10348
|
var handleKeyDown = function handleKeyDown(e) {
|
|
@@ -10295,7 +10353,9 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10295
10353
|
var truncatedText = truncate ? truncateReactNodeString(introText != null ? introText : '', INTRO_CHAR_LIMIT, true) : introText;
|
|
10296
10354
|
|
|
10297
10355
|
var IntroText = function IntroText() {
|
|
10298
|
-
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(
|
|
10356
|
+
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(IntroTextContainer, {
|
|
10357
|
+
isVisible: !isFullTextOpen
|
|
10358
|
+
}, truncate ? /*#__PURE__*/React__default.createElement("div", {
|
|
10299
10359
|
dangerouslySetInnerHTML: {
|
|
10300
10360
|
__html: "" + truncatedText
|
|
10301
10361
|
}
|
|
@@ -10322,7 +10382,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10322
10382
|
maxHeight: "" + textHeight
|
|
10323
10383
|
}
|
|
10324
10384
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
10325
|
-
|
|
10385
|
+
isVisible: isFullTextOpen
|
|
10326
10386
|
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
10327
10387
|
tabIndex: 0,
|
|
10328
10388
|
role: "button",
|
|
@@ -10330,15 +10390,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10330
10390
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10331
10391
|
};
|
|
10332
10392
|
|
|
10333
|
-
var _templateObject$
|
|
10334
|
-
var
|
|
10335
|
-
var
|
|
10336
|
-
var
|
|
10337
|
-
var
|
|
10393
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$t, _templateObject6$n;
|
|
10394
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10395
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10396
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10397
|
+
var color = _ref.color;
|
|
10398
|
+
return "var(--base-color-" + color + ")";
|
|
10399
|
+
});
|
|
10400
|
+
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"])));
|
|
10401
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10402
|
+
var color = _ref2.color;
|
|
10403
|
+
return "var(--base-color-" + color + ")";
|
|
10404
|
+
});
|
|
10405
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10406
|
+
var color = _ref3.color;
|
|
10407
|
+
return "var(--base-color-" + color + ")";
|
|
10408
|
+
});
|
|
10409
|
+
|
|
10410
|
+
/**
|
|
10411
|
+
* Password strength indicator component.
|
|
10412
|
+
* This renders some number of lines (6 by default)
|
|
10413
|
+
* which should become active when the user improves
|
|
10414
|
+
* the strength of the entered password.
|
|
10415
|
+
*
|
|
10416
|
+
* ## Sections
|
|
10417
|
+
* To set number of sections it should be passed
|
|
10418
|
+
* as `sections` prop.
|
|
10419
|
+
*
|
|
10420
|
+
* ## Active section
|
|
10421
|
+
* To set number of active sections it should be passed
|
|
10422
|
+
* as `activeSections` prop.
|
|
10423
|
+
*
|
|
10424
|
+
* ## Colors
|
|
10425
|
+
* Color of every element can be controlled by properties:
|
|
10426
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10427
|
+
* `textColor`, `strengthLabelColor`.
|
|
10428
|
+
*
|
|
10429
|
+
* ## Text
|
|
10430
|
+
* `text` prop is used to render some message.
|
|
10431
|
+
* For example error (together with proper red color)
|
|
10432
|
+
* or some password requirement. It can be empty.
|
|
10433
|
+
*
|
|
10434
|
+
* ## Strength label
|
|
10435
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10436
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10437
|
+
* It can be empty.
|
|
10438
|
+
*/
|
|
10439
|
+
|
|
10440
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10441
|
+
var _ref$sections = _ref.sections,
|
|
10442
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10443
|
+
_ref$activeSections = _ref.activeSections,
|
|
10444
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10445
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10446
|
+
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10447
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10448
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10449
|
+
_ref$text = _ref.text,
|
|
10450
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10451
|
+
_ref$textColor = _ref.textColor,
|
|
10452
|
+
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10453
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10454
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10455
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10456
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10457
|
+
|
|
10458
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10459
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10460
|
+
};
|
|
10461
|
+
|
|
10462
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10463
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10464
|
+
};
|
|
10465
|
+
|
|
10466
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10467
|
+
"data-testid": "password-strength-container"
|
|
10468
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10469
|
+
"data-testid": "password-strength-sections"
|
|
10470
|
+
}, Array.from({
|
|
10471
|
+
length: sections
|
|
10472
|
+
}, function (_section, i) {
|
|
10473
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10474
|
+
key: i,
|
|
10475
|
+
color: setSectionColor(i),
|
|
10476
|
+
"data-testid": setSectionDataTestId(i)
|
|
10477
|
+
});
|
|
10478
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10479
|
+
color: textColor,
|
|
10480
|
+
"data-testid": "password-strength-text"
|
|
10481
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10482
|
+
level: 6
|
|
10483
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10484
|
+
color: strengthLabelColor,
|
|
10485
|
+
"data-testid": "password-strength-label"
|
|
10486
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10487
|
+
level: 2
|
|
10488
|
+
}, strengthLabel))));
|
|
10489
|
+
};
|
|
10490
|
+
|
|
10491
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$u;
|
|
10492
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10493
|
+
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);
|
|
10494
|
+
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);
|
|
10495
|
+
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
10496
|
var isActive = _ref.isActive;
|
|
10339
10497
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
10340
10498
|
}, Colors.MidGrey);
|
|
10341
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
10499
|
+
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
10500
|
var isOpen = _ref2.isOpen;
|
|
10343
10501
|
return isOpen ? 'block' : 'none';
|
|
10344
10502
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -10508,106 +10666,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10508
10666
|
});
|
|
10509
10667
|
};
|
|
10510
10668
|
|
|
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"])));
|
|
10669
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10670
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10611
10671
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10612
10672
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10613
10673
|
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 +10675,12 @@ var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4
|
|
|
10615
10675
|
}, function (props) {
|
|
10616
10676
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10617
10677
|
}, devices.tablet, devices.mobile);
|
|
10618
|
-
var TableCell = /*#__PURE__*/styled.td(_templateObject5$
|
|
10678
|
+
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
10679
|
return "var(--base-color-" + props.lineColor + ")";
|
|
10620
10680
|
}, function (props) {
|
|
10621
10681
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10622
10682
|
}, devices.mobile);
|
|
10623
|
-
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10683
|
+
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
10684
|
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
10685
|
var active = _ref.active;
|
|
10626
10686
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
@@ -10890,8 +10950,8 @@ var LiveChat = function LiveChat() {
|
|
|
10890
10950
|
});
|
|
10891
10951
|
};
|
|
10892
10952
|
|
|
10893
|
-
var _templateObject$
|
|
10894
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10953
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10954
|
+
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
10955
|
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
10956
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10897
10957
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10920,8 +10980,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10920
10980
|
}, children)));
|
|
10921
10981
|
};
|
|
10922
10982
|
|
|
10923
|
-
var _templateObject$
|
|
10924
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
10983
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10984
|
+
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
10985
|
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
10986
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10927
10987
|
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 +11104,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11044
11104
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11045
11105
|
};
|
|
11046
11106
|
|
|
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) {
|
|
11107
|
+
var _templateObject$1m;
|
|
11108
|
+
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
11109
|
var theme = _ref.theme;
|
|
11050
11110
|
return theme.colors.primary;
|
|
11051
11111
|
}, function (_ref2) {
|
|
@@ -11986,5 +12046,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templa
|
|
|
11986
12046
|
return theme.fonts.tablet.sizes.body[1];
|
|
11987
12047
|
}, devices.desktop, devices.largeDesktop);
|
|
11988
12048
|
|
|
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 };
|
|
12049
|
+
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
12050
|
//# sourceMappingURL=chord.esm.js.map
|