@royaloperahouse/chord 2.4.8 → 2.4.9-a-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +213 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +401 -330
- 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 +403 -331
- 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/Icons/SvgIcons/index.d.ts +75 -75
- package/dist/components/atoms/ToggleButton/ToggleButton.d.ts +4 -0
- package/dist/components/atoms/ToggleButton/ToggleButton.style.d.ts +5 -0
- package/dist/components/atoms/index.d.ts +3 -2
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/Information/InfoCta.d.ts +2 -2
- package/dist/components/molecules/Information/Information.style.d.ts +6 -3
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +3 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +4 -1
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/components/organisms/FilterToggles/FilterToggles.d.ts +4 -0
- package/dist/components/organisms/FilterToggles/FilterToggles.style.d.ts +2 -0
- package/dist/components/organisms/FilterToggles/index.d.ts +9 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/index.d.ts +4 -3
- package/dist/types/creditListing.d.ts +1 -0
- package/dist/types/formTypes.d.ts +12 -9
- package/dist/types/index.d.ts +2 -1
- package/dist/types/information.d.ts +17 -12
- package/dist/types/toggleButtonTypes.d.ts +13 -0
- package/dist/types/types.d.ts +10 -0
- package/package.json +1 -1
- package/README.GIT +0 -277
|
@@ -39,6 +39,20 @@ var ScrollLock = _interopDefault(require('react-scrolllock'));
|
|
|
39
39
|
ThemeType["Schools"] = "schools";
|
|
40
40
|
})(exports.ThemeType || (exports.ThemeType = {}));
|
|
41
41
|
|
|
42
|
+
var LinkTarget;
|
|
43
|
+
|
|
44
|
+
(function (LinkTarget) {
|
|
45
|
+
/**
|
|
46
|
+
* Opens the link in the same frame or tab as the current page.
|
|
47
|
+
*/
|
|
48
|
+
LinkTarget["Self"] = "_self";
|
|
49
|
+
/**
|
|
50
|
+
* Opens the link in a new browser tab or window, depending on the browser settings.
|
|
51
|
+
*/
|
|
52
|
+
|
|
53
|
+
LinkTarget["Blank"] = "_blank";
|
|
54
|
+
})(LinkTarget || (LinkTarget = {}));
|
|
55
|
+
|
|
42
56
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
43
57
|
try {
|
|
44
58
|
var info = gen[key](arg);
|
|
@@ -2695,10 +2709,41 @@ var AspectRatioWidth;
|
|
|
2695
2709
|
ButtonType["Tertiary"] = "Tertiary";
|
|
2696
2710
|
})(exports.ButtonType || (exports.ButtonType = {}));
|
|
2697
2711
|
|
|
2712
|
+
var IInformationCtaVariant;
|
|
2713
|
+
|
|
2714
|
+
(function (IInformationCtaVariant) {
|
|
2715
|
+
IInformationCtaVariant["Primary"] = "Primary";
|
|
2716
|
+
IInformationCtaVariant["Secondary"] = "Secondary";
|
|
2717
|
+
IInformationCtaVariant["Tertiary"] = "Tertiary";
|
|
2718
|
+
IInformationCtaVariant["TextLink"] = "TextLink";
|
|
2719
|
+
})(IInformationCtaVariant || (IInformationCtaVariant = {}));
|
|
2720
|
+
|
|
2721
|
+
var IInformationCtaTheme;
|
|
2722
|
+
|
|
2723
|
+
(function (IInformationCtaTheme) {
|
|
2724
|
+
IInformationCtaTheme["Cinema"] = "Cinema";
|
|
2725
|
+
IInformationCtaTheme["Core"] = "Core";
|
|
2726
|
+
IInformationCtaTheme["Stream"] = "Stream";
|
|
2727
|
+
})(IInformationCtaTheme || (IInformationCtaTheme = {}));
|
|
2728
|
+
|
|
2729
|
+
var IInformationTitleVariant;
|
|
2730
|
+
|
|
2731
|
+
(function (IInformationTitleVariant) {
|
|
2732
|
+
IInformationTitleVariant["Header"] = "Header";
|
|
2733
|
+
IInformationTitleVariant["AltHeader"] = "AltHeader";
|
|
2734
|
+
})(IInformationTitleVariant || (IInformationTitleVariant = {}));
|
|
2735
|
+
|
|
2736
|
+
(function (IInformationBackgroundColour) {
|
|
2737
|
+
IInformationBackgroundColour["Cinema"] = "cinema";
|
|
2738
|
+
IInformationBackgroundColour["Core"] = "core";
|
|
2739
|
+
IInformationBackgroundColour["Stream"] = "stream";
|
|
2740
|
+
IInformationBackgroundColour["White"] = "white";
|
|
2741
|
+
})(exports.IInformationBackgroundColour || (exports.IInformationBackgroundColour = {}));
|
|
2742
|
+
|
|
2698
2743
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
2699
2744
|
var children = _ref.children,
|
|
2700
2745
|
disabled = _ref.disabled,
|
|
2701
|
-
props = _objectWithoutPropertiesLoose(_ref, ["children", "disabled"
|
|
2746
|
+
props = _objectWithoutPropertiesLoose(_ref, ["children", "disabled"]);
|
|
2702
2747
|
|
|
2703
2748
|
var description = 'This button is currently disabled';
|
|
2704
2749
|
return disabled ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription, {
|
|
@@ -2952,7 +2997,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2952
2997
|
});
|
|
2953
2998
|
|
|
2954
2999
|
var _templateObject$b;
|
|
2955
|
-
|
|
3000
|
+
/**
|
|
3001
|
+
* # IMPORTANT
|
|
3002
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
3003
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3004
|
+
*/
|
|
3005
|
+
|
|
3006
|
+
var GridItemLegacy = /*#__PURE__*/styled__default.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) {
|
|
3007
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
3008
|
+
return columnStartDesktop;
|
|
3009
|
+
}, function (_ref2) {
|
|
3010
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
3011
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
3012
|
+
return columnSpanDesktop;
|
|
3013
|
+
}, devices.mobile, function (_ref3) {
|
|
3014
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
3015
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
3016
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
3017
|
+
}, function (_ref4) {
|
|
3018
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
3019
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
3020
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
3021
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
3022
|
+
}, devices.tablet, function (_ref5) {
|
|
3023
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
3024
|
+
return columnStartDevice;
|
|
3025
|
+
}, function (_ref6) {
|
|
3026
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
3027
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
3028
|
+
return columnSpanDevice;
|
|
3029
|
+
});
|
|
3030
|
+
|
|
3031
|
+
var _templateObject$c;
|
|
3032
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.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) {
|
|
2956
3033
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2957
3034
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2958
3035
|
return aspectRatio;
|
|
@@ -2970,8 +3047,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
|
|
|
2970
3047
|
return aspectRatio;
|
|
2971
3048
|
});
|
|
2972
3049
|
|
|
2973
|
-
var _templateObject$
|
|
2974
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3050
|
+
var _templateObject$d, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
3051
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2975
3052
|
var height = _ref.height;
|
|
2976
3053
|
return height ? height + "px" : '6px';
|
|
2977
3054
|
});
|
|
@@ -3054,13 +3131,13 @@ var Progress = function Progress(_ref) {
|
|
|
3054
3131
|
}, renderSteps()));
|
|
3055
3132
|
};
|
|
3056
3133
|
|
|
3057
|
-
var _templateObject$
|
|
3058
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3134
|
+
var _templateObject$e, _templateObject2$5, _templateObject3$3;
|
|
3135
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
3059
3136
|
var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__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"])));
|
|
3060
3137
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
3061
3138
|
|
|
3062
|
-
var _templateObject$
|
|
3063
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3139
|
+
var _templateObject$f;
|
|
3140
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.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) {
|
|
3064
3141
|
var typography = _ref.typography;
|
|
3065
3142
|
return typography;
|
|
3066
3143
|
}, function (_ref2) {
|
|
@@ -3217,8 +3294,8 @@ var Radio = function Radio(_ref) {
|
|
|
3217
3294
|
}, error)));
|
|
3218
3295
|
};
|
|
3219
3296
|
|
|
3220
|
-
var _templateObject$
|
|
3221
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3297
|
+
var _templateObject$g, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3298
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3222
3299
|
var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__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) {
|
|
3223
3300
|
var error = _ref.error,
|
|
3224
3301
|
darkMode = _ref.darkMode,
|
|
@@ -3326,8 +3403,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3326
3403
|
}, error)));
|
|
3327
3404
|
});
|
|
3328
3405
|
|
|
3329
|
-
var _templateObject$
|
|
3330
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3406
|
+
var _templateObject$h, _templateObject2$7, _templateObject3$5;
|
|
3407
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3331
3408
|
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__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) {
|
|
3332
3409
|
var theme = _ref.theme;
|
|
3333
3410
|
return theme.colors.primary;
|
|
@@ -3398,8 +3475,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3398
3475
|
}, renderNextIcon()));
|
|
3399
3476
|
};
|
|
3400
3477
|
|
|
3401
|
-
var _templateObject$
|
|
3402
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3478
|
+
var _templateObject$i;
|
|
3479
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3403
3480
|
var fillColor = _ref.fillColor;
|
|
3404
3481
|
return fillColor;
|
|
3405
3482
|
});
|
|
@@ -3423,8 +3500,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3423
3500
|
})));
|
|
3424
3501
|
};
|
|
3425
3502
|
|
|
3426
|
-
var _templateObject$
|
|
3427
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3503
|
+
var _templateObject$j, _templateObject2$8;
|
|
3504
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3428
3505
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3429
3506
|
|
|
3430
3507
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3443,8 +3520,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3443
3520
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3444
3521
|
};
|
|
3445
3522
|
|
|
3446
|
-
var _templateObject$
|
|
3447
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3523
|
+
var _templateObject$k;
|
|
3524
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3448
3525
|
|
|
3449
3526
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3450
3527
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3654,8 +3731,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3654
3731
|
})))));
|
|
3655
3732
|
};
|
|
3656
3733
|
|
|
3657
|
-
var _templateObject$
|
|
3658
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3734
|
+
var _templateObject$l, _templateObject2$9;
|
|
3735
|
+
var CustomImage = /*#__PURE__*/styled__default.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);
|
|
3659
3736
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__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);
|
|
3660
3737
|
|
|
3661
3738
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3688,8 +3765,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3688
3765
|
}));
|
|
3689
3766
|
};
|
|
3690
3767
|
|
|
3691
|
-
var _templateObject$
|
|
3692
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3768
|
+
var _templateObject$m, _templateObject2$a;
|
|
3769
|
+
var TabText = /*#__PURE__*/styled__default.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) {
|
|
3693
3770
|
if (props.withIcon === 'left') {
|
|
3694
3771
|
return "margin-left: 5px;";
|
|
3695
3772
|
}
|
|
@@ -3788,8 +3865,8 @@ var Tab = function Tab(_ref) {
|
|
|
3788
3865
|
}));
|
|
3789
3866
|
};
|
|
3790
3867
|
|
|
3791
|
-
var _templateObject$
|
|
3792
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3868
|
+
var _templateObject$n, _templateObject2$b;
|
|
3869
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.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) {
|
|
3793
3870
|
var iconName = _ref.iconName;
|
|
3794
3871
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3795
3872
|
}, function (_ref2) {
|
|
@@ -3840,8 +3917,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3840
3917
|
})) : null, children);
|
|
3841
3918
|
};
|
|
3842
3919
|
|
|
3843
|
-
var _templateObject$
|
|
3844
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3920
|
+
var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$3;
|
|
3921
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3845
3922
|
var width = _ref.width;
|
|
3846
3923
|
return width ? width + "px;" : '100%;';
|
|
3847
3924
|
}, function (_ref2) {
|
|
@@ -3964,8 +4041,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3964
4041
|
}, error))));
|
|
3965
4042
|
};
|
|
3966
4043
|
|
|
3967
|
-
var _templateObject$
|
|
3968
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4044
|
+
var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4045
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3969
4046
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3970
4047
|
var width = _ref.width;
|
|
3971
4048
|
if (!width) return 'none';
|
|
@@ -4091,8 +4168,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4091
4168
|
}, error)));
|
|
4092
4169
|
});
|
|
4093
4170
|
|
|
4094
|
-
var _templateObject$
|
|
4095
|
-
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4171
|
+
var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
4172
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4096
4173
|
var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
4097
4174
|
var theme = _ref.theme;
|
|
4098
4175
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4165,8 +4242,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4165
4242
|
}, error) : null);
|
|
4166
4243
|
};
|
|
4167
4244
|
|
|
4168
|
-
var _templateObject$
|
|
4169
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
4245
|
+
var _templateObject$r, _templateObject2$f;
|
|
4246
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.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) {
|
|
4170
4247
|
var iconName = _ref.iconName;
|
|
4171
4248
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4172
4249
|
}, function (_ref2) {
|
|
@@ -4202,8 +4279,8 @@ var TextLogoProduct;
|
|
|
4202
4279
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4203
4280
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4204
4281
|
|
|
4205
|
-
var _templateObject$
|
|
4206
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4282
|
+
var _templateObject$s, _templateObject2$g, _templateObject3$9, _templateObject4$6;
|
|
4283
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4207
4284
|
var dark = _ref.dark;
|
|
4208
4285
|
return dark ? 'white' : 'errorstate';
|
|
4209
4286
|
});
|
|
@@ -4324,8 +4401,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4324
4401
|
}, error)));
|
|
4325
4402
|
};
|
|
4326
4403
|
|
|
4327
|
-
var _templateObject$
|
|
4328
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4404
|
+
var _templateObject$t, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4405
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4329
4406
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__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) {
|
|
4330
4407
|
var error = _ref.error,
|
|
4331
4408
|
darkMode = _ref.darkMode,
|
|
@@ -4435,8 +4512,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4435
4512
|
}, error)));
|
|
4436
4513
|
});
|
|
4437
4514
|
|
|
4438
|
-
var _templateObject$
|
|
4439
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4515
|
+
var _templateObject$u, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4516
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4440
4517
|
var color = _ref.color;
|
|
4441
4518
|
return color;
|
|
4442
4519
|
});
|
|
@@ -4544,8 +4621,8 @@ var Timer = function Timer(_ref) {
|
|
|
4544
4621
|
}));
|
|
4545
4622
|
};
|
|
4546
4623
|
|
|
4547
|
-
var _templateObject$
|
|
4548
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4624
|
+
var _templateObject$v;
|
|
4625
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.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"])));
|
|
4549
4626
|
|
|
4550
4627
|
var TypeTags = function TypeTags(_ref) {
|
|
4551
4628
|
var list = _ref.list;
|
|
@@ -5287,8 +5364,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5287
5364
|
}
|
|
5288
5365
|
});
|
|
5289
5366
|
|
|
5290
|
-
var _templateObject$
|
|
5291
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5367
|
+
var _templateObject$w, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5368
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.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"])));
|
|
5292
5369
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$j || (_templateObject2$j = /*#__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"])));
|
|
5293
5370
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5294
5371
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.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"])));
|
|
@@ -5507,8 +5584,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5507
5584
|
})));
|
|
5508
5585
|
};
|
|
5509
5586
|
|
|
5510
|
-
var _templateObject$
|
|
5511
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5587
|
+
var _templateObject$x, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5588
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5512
5589
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5513
5590
|
var darkMode = _ref.darkMode;
|
|
5514
5591
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5735,8 +5812,8 @@ var Component = function Component(_ref) {
|
|
|
5735
5812
|
}, error)));
|
|
5736
5813
|
};
|
|
5737
5814
|
|
|
5738
|
-
var _templateObject$
|
|
5739
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5815
|
+
var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5816
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5740
5817
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5741
5818
|
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 ";
|
|
5742
5819
|
});
|
|
@@ -5760,8 +5837,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5760
5837
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5761
5838
|
var NavTopContainer = /*#__PURE__*/styled__default.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);
|
|
5762
5839
|
|
|
5763
|
-
var _templateObject$
|
|
5764
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5840
|
+
var _templateObject$z;
|
|
5841
|
+
var LogoWrapper = /*#__PURE__*/styled__default.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"])));
|
|
5765
5842
|
|
|
5766
5843
|
var Logo = function Logo(_ref) {
|
|
5767
5844
|
var _ref$id = _ref.id,
|
|
@@ -5793,11 +5870,11 @@ var Logo = function Logo(_ref) {
|
|
|
5793
5870
|
}))));
|
|
5794
5871
|
};
|
|
5795
5872
|
|
|
5796
|
-
var _templateObject$
|
|
5797
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5873
|
+
var _templateObject$A;
|
|
5874
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.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);
|
|
5798
5875
|
|
|
5799
|
-
var _templateObject$
|
|
5800
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5876
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
|
|
5877
|
+
var BasketContainer = /*#__PURE__*/styled__default.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) {
|
|
5801
5878
|
var selected = _ref.selected,
|
|
5802
5879
|
colorPrimary = _ref.colorPrimary;
|
|
5803
5880
|
|
|
@@ -5986,8 +6063,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5986
6063
|
}, expiryTime ? basketText : text) : ''));
|
|
5987
6064
|
};
|
|
5988
6065
|
|
|
5989
|
-
var _templateObject$
|
|
5990
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6066
|
+
var _templateObject$C, _templateObject2$n;
|
|
6067
|
+
var SearchContainer = /*#__PURE__*/styled__default.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) {
|
|
5991
6068
|
var selected = _ref.selected,
|
|
5992
6069
|
colorPrimary = _ref.colorPrimary;
|
|
5993
6070
|
|
|
@@ -6279,8 +6356,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6279
6356
|
}));
|
|
6280
6357
|
};
|
|
6281
6358
|
|
|
6282
|
-
var _templateObject$
|
|
6283
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6359
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
|
|
6360
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6284
6361
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__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) {
|
|
6285
6362
|
if (props.showMenu) {
|
|
6286
6363
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6422,8 +6499,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6422
6499
|
}, "MENU"))));
|
|
6423
6500
|
};
|
|
6424
6501
|
|
|
6425
|
-
var _templateObject$
|
|
6426
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6502
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6503
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.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);
|
|
6427
6504
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6428
6505
|
var SvgContainerClose = /*#__PURE__*/styled__default.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"])));
|
|
6429
6506
|
var InputContainer = /*#__PURE__*/styled__default.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);
|
|
@@ -6660,16 +6737,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6660
6737
|
})))));
|
|
6661
6738
|
};
|
|
6662
6739
|
|
|
6663
|
-
var _templateObject$
|
|
6664
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6740
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6741
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6665
6742
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__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"])));
|
|
6666
6743
|
var PolicyLinksRow = /*#__PURE__*/styled__default.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);
|
|
6667
6744
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6668
6745
|
var ArtsLogoRow = /*#__PURE__*/styled__default.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);
|
|
6669
6746
|
var AdditionalInfo = /*#__PURE__*/styled__default.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);
|
|
6670
6747
|
|
|
6671
|
-
var _templateObject$
|
|
6672
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6748
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$j;
|
|
6749
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.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);
|
|
6673
6750
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__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);
|
|
6674
6751
|
var PolicyLink = /*#__PURE__*/styled__default.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"])));
|
|
6675
6752
|
|
|
@@ -6687,8 +6764,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6687
6764
|
}));
|
|
6688
6765
|
};
|
|
6689
6766
|
|
|
6690
|
-
var _templateObject$
|
|
6691
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6767
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6768
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.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);
|
|
6692
6769
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__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);
|
|
6693
6770
|
var SignUpWrapper = /*#__PURE__*/styled__default.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);
|
|
6694
6771
|
var SignUpText = /*#__PURE__*/styled__default.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);
|
|
@@ -6759,9 +6836,9 @@ var Footer = function Footer(_ref) {
|
|
|
6759
6836
|
}, additionalInfo)))));
|
|
6760
6837
|
};
|
|
6761
6838
|
|
|
6762
|
-
var _templateObject$
|
|
6839
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6763
6840
|
var LIST_ITEM_GAP = 32;
|
|
6764
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6841
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.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) {
|
|
6765
6842
|
var bottomBorder = _ref.bottomBorder;
|
|
6766
6843
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6767
6844
|
}, zIndexes.anchor);
|
|
@@ -7025,8 +7102,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
7025
7102
|
})) : null) : null))));
|
|
7026
7103
|
};
|
|
7027
7104
|
|
|
7028
|
-
var _templateObject$
|
|
7029
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7105
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
7106
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.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) {
|
|
7030
7107
|
var sticky = _ref.sticky;
|
|
7031
7108
|
return sticky ? 'sticky' : 'initial';
|
|
7032
7109
|
}, zIndexes.anchor);
|
|
@@ -7086,8 +7163,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
7086
7163
|
}, message)));
|
|
7087
7164
|
};
|
|
7088
7165
|
|
|
7089
|
-
var _templateObject$
|
|
7090
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7166
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
7167
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.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);
|
|
7091
7168
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
7092
7169
|
var PromoLabel = /*#__PURE__*/styled__default.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) {
|
|
7093
7170
|
var theme = _ref.theme;
|
|
@@ -7167,8 +7244,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7167
7244
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7168
7245
|
};
|
|
7169
7246
|
|
|
7170
|
-
var _templateObject$
|
|
7171
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7247
|
+
var _templateObject$L;
|
|
7248
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.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);
|
|
7172
7249
|
|
|
7173
7250
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7174
7251
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7186,16 +7263,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7186
7263
|
}));
|
|
7187
7264
|
};
|
|
7188
7265
|
|
|
7189
|
-
var _templateObject$
|
|
7190
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7266
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$o;
|
|
7267
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.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) {
|
|
7191
7268
|
var theme = _ref.theme;
|
|
7192
7269
|
return theme.colors.primary;
|
|
7193
7270
|
}, devices.mobile, devices.tablet);
|
|
7194
7271
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7195
7272
|
var TextContainer = /*#__PURE__*/styled__default.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);
|
|
7196
7273
|
|
|
7197
|
-
var _templateObject$
|
|
7198
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7274
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7275
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7199
7276
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7200
7277
|
var ChildrenContainer = /*#__PURE__*/styled__default.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) {
|
|
7201
7278
|
var isVisible = _ref.isVisible;
|
|
@@ -7323,8 +7400,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7323
7400
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7324
7401
|
};
|
|
7325
7402
|
|
|
7326
|
-
var _templateObject$
|
|
7327
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7403
|
+
var _templateObject$O;
|
|
7404
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7328
7405
|
|
|
7329
7406
|
var Accordions = function Accordions(_ref) {
|
|
7330
7407
|
var _ref$items = _ref.items,
|
|
@@ -7342,7 +7419,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
7342
7419
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7343
7420
|
contentType: accordion.contentType,
|
|
7344
7421
|
displayLevel: accordion.displayLevel,
|
|
7345
|
-
semanticLevel: accordion.semanticLevel
|
|
7422
|
+
semanticLevel: accordion.semanticLevel,
|
|
7423
|
+
initOpen: accordion.initOpen
|
|
7346
7424
|
}, accordion.children);
|
|
7347
7425
|
}));
|
|
7348
7426
|
};
|
|
@@ -7356,8 +7434,8 @@ var Theme = function Theme(_ref) {
|
|
|
7356
7434
|
}, children);
|
|
7357
7435
|
};
|
|
7358
7436
|
|
|
7359
|
-
var _templateObject$
|
|
7360
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7437
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$q;
|
|
7438
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.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) {
|
|
7361
7439
|
var theme = _ref.theme;
|
|
7362
7440
|
return theme.colors.primary;
|
|
7363
7441
|
}, devices.mobile);
|
|
@@ -7399,8 +7477,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7399
7477
|
}))))));
|
|
7400
7478
|
};
|
|
7401
7479
|
|
|
7402
|
-
var _templateObject$
|
|
7403
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7480
|
+
var _templateObject$Q;
|
|
7481
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(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) {
|
|
7404
7482
|
var bgColor = _ref.bgColor,
|
|
7405
7483
|
theme = _ref.theme;
|
|
7406
7484
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7421,11 +7499,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7421
7499
|
}), children);
|
|
7422
7500
|
};
|
|
7423
7501
|
|
|
7424
|
-
var _templateObject$
|
|
7502
|
+
var _templateObject$R, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7425
7503
|
var LENGTH_LARGE_TEXT = 28;
|
|
7426
7504
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7427
7505
|
var LENGTH_TEXT_TABLET = 10;
|
|
7428
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7506
|
+
var CardContainer = /*#__PURE__*/styled__default.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) {
|
|
7429
7507
|
var isCardClickable = _ref.isCardClickable;
|
|
7430
7508
|
return isCardClickable ? 'pointer' : 'default';
|
|
7431
7509
|
}, function (_ref2) {
|
|
@@ -7709,9 +7787,9 @@ var Card = function Card(_ref) {
|
|
|
7709
7787
|
dangerouslySetInnerHTML: {
|
|
7710
7788
|
__html: truncatedText
|
|
7711
7789
|
}
|
|
7712
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7790
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7713
7791
|
level: 1
|
|
7714
|
-
}, highlightText))
|
|
7792
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7715
7793
|
fullWidth: fullWidth
|
|
7716
7794
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7717
7795
|
ref: node,
|
|
@@ -7725,8 +7803,8 @@ var Card = function Card(_ref) {
|
|
|
7725
7803
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7726
7804
|
};
|
|
7727
7805
|
|
|
7728
|
-
var _templateObject$
|
|
7729
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7806
|
+
var _templateObject$S, _templateObject2$A;
|
|
7807
|
+
var CardsContainer = /*#__PURE__*/styled__default(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);
|
|
7730
7808
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7731
7809
|
|
|
7732
7810
|
var Cards = function Cards(_ref) {
|
|
@@ -7772,8 +7850,8 @@ var Cards = function Cards(_ref) {
|
|
|
7772
7850
|
}));
|
|
7773
7851
|
};
|
|
7774
7852
|
|
|
7775
|
-
var _templateObject$
|
|
7776
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7853
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7854
|
+
var ContentWrapper = /*#__PURE__*/styled__default.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);
|
|
7777
7855
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__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) {
|
|
7778
7856
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7779
7857
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7841,8 +7919,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7841
7919
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7842
7920
|
};
|
|
7843
7921
|
|
|
7844
|
-
var _templateObject$
|
|
7845
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7922
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
7923
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7846
7924
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__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) {
|
|
7847
7925
|
return props.clickable ? 'pointer' : 'default';
|
|
7848
7926
|
}, devices.mobile);
|
|
@@ -7924,8 +8002,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7924
8002
|
}), link.text)));
|
|
7925
8003
|
};
|
|
7926
8004
|
|
|
7927
|
-
var _templateObject$
|
|
7928
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8005
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
8006
|
+
var EditorialGrid = /*#__PURE__*/styled__default.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) {
|
|
7929
8007
|
var imageToLeft = _ref.imageToLeft;
|
|
7930
8008
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7931
8009
|
}, devices.mobile);
|
|
@@ -7969,47 +8047,14 @@ var Editorial = function Editorial(_ref) {
|
|
|
7969
8047
|
})))));
|
|
7970
8048
|
};
|
|
7971
8049
|
|
|
7972
|
-
var
|
|
7973
|
-
|
|
7974
|
-
(function (CtaVariant) {
|
|
7975
|
-
CtaVariant["Primary"] = "Primary";
|
|
7976
|
-
CtaVariant["Secondary"] = "Secondary";
|
|
7977
|
-
CtaVariant["Tertiary"] = "Tertiary";
|
|
7978
|
-
CtaVariant["TextLink"] = "TextLink";
|
|
7979
|
-
})(CtaVariant || (CtaVariant = {}));
|
|
7980
|
-
|
|
7981
|
-
var CtaTheme;
|
|
7982
|
-
|
|
7983
|
-
(function (CtaTheme) {
|
|
7984
|
-
CtaTheme["Cinema"] = "Cinema";
|
|
7985
|
-
CtaTheme["Core"] = "Core";
|
|
7986
|
-
CtaTheme["Stream"] = "Stream";
|
|
7987
|
-
})(CtaTheme || (CtaTheme = {}));
|
|
7988
|
-
|
|
7989
|
-
var TitleVariant;
|
|
7990
|
-
|
|
7991
|
-
(function (TitleVariant) {
|
|
7992
|
-
TitleVariant["Header"] = "Header";
|
|
7993
|
-
TitleVariant["AltHeader"] = "AltHeader";
|
|
7994
|
-
})(TitleVariant || (TitleVariant = {}));
|
|
7995
|
-
|
|
7996
|
-
var BackgroundColour;
|
|
7997
|
-
|
|
7998
|
-
(function (BackgroundColour) {
|
|
7999
|
-
BackgroundColour["Cinema"] = "cinema";
|
|
8000
|
-
BackgroundColour["Core"] = "core";
|
|
8001
|
-
BackgroundColour["Stream"] = "stream";
|
|
8002
|
-
BackgroundColour["White"] = "white";
|
|
8003
|
-
})(BackgroundColour || (BackgroundColour = {}));
|
|
8004
|
-
|
|
8005
|
-
var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$o;
|
|
8006
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
8050
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
|
|
8051
|
+
var InfoContent = /*#__PURE__*/styled__default('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"])));
|
|
8007
8052
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8008
8053
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
8009
8054
|
if (!props.infoThemed) {
|
|
8010
8055
|
return;
|
|
8011
8056
|
} else {
|
|
8012
|
-
if (props.variant ===
|
|
8057
|
+
if (props.variant === IInformationCtaVariant.Primary || props.variant === IInformationCtaVariant.Secondary) {
|
|
8013
8058
|
return "a {\n color: var(--base-color-black);\n background: var(--base-color-white);\n border-color: var(--base-color-transparent);\n }";
|
|
8014
8059
|
} else {
|
|
8015
8060
|
return "a {\n color: var(--base-color-white);\n background: var(--base-color-transparent});\n }\n svg > path {\n fill: var(--base-color-white);\n stroke: var(--base-color-white);\n stroke-width: 1;\n }\n ";
|
|
@@ -8017,45 +8062,54 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (
|
|
|
8017
8062
|
}
|
|
8018
8063
|
});
|
|
8019
8064
|
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
8020
|
-
return props.background !==
|
|
8065
|
+
return props.background !== exports.IInformationBackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
8021
8066
|
}, function (props) {
|
|
8022
8067
|
return "var(--base-color-" + props.background + ")";
|
|
8023
8068
|
});
|
|
8069
|
+
var InfoBodyWrapper = /*#__PURE__*/styled__default('div')(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n text-decoration: underline;\n color: ", ";\n }\n"])), function (props) {
|
|
8070
|
+
return props.background === exports.IInformationBackgroundColour.White ? 'var(--base-color-black)' : 'var(--base-color-white)';
|
|
8071
|
+
});
|
|
8024
8072
|
|
|
8025
8073
|
var InfoCta = function InfoCta(_ref) {
|
|
8026
8074
|
var _ref$variant = _ref.variant,
|
|
8027
|
-
variant = _ref$variant === void 0 ?
|
|
8075
|
+
variant = _ref$variant === void 0 ? IInformationCtaVariant.Primary : _ref$variant,
|
|
8028
8076
|
_ref$theme = _ref.theme,
|
|
8029
|
-
theme = _ref$theme === void 0 ?
|
|
8077
|
+
theme = _ref$theme === void 0 ? IInformationCtaTheme.Core : _ref$theme,
|
|
8030
8078
|
link = _ref.link,
|
|
8031
8079
|
text = _ref.text,
|
|
8032
8080
|
iconName = _ref.iconName,
|
|
8033
8081
|
iconDirection = _ref.iconDirection,
|
|
8034
|
-
infoThemed = _ref.infoThemed
|
|
8082
|
+
infoThemed = _ref.infoThemed,
|
|
8083
|
+
_ref$target = _ref.target,
|
|
8084
|
+
target = _ref$target === void 0 ? LinkTarget.Self : _ref$target;
|
|
8035
8085
|
return /*#__PURE__*/React__default.createElement(InfoCTAWrapper, {
|
|
8036
8086
|
variant: variant,
|
|
8037
8087
|
infoThemed: infoThemed,
|
|
8038
8088
|
theme: theme
|
|
8039
|
-
}, variant ===
|
|
8089
|
+
}, variant === IInformationCtaVariant.Secondary ? /*#__PURE__*/React__default.createElement(SecondaryButton, {
|
|
8040
8090
|
color: exports.Colors[theme],
|
|
8041
8091
|
href: link,
|
|
8042
8092
|
iconName: iconName,
|
|
8043
|
-
iconDirection: iconDirection
|
|
8044
|
-
|
|
8093
|
+
iconDirection: iconDirection,
|
|
8094
|
+
target: target
|
|
8095
|
+
}, text) : variant === IInformationCtaVariant.Tertiary ? /*#__PURE__*/React__default.createElement(Button$1, {
|
|
8045
8096
|
color: exports.Colors.Black,
|
|
8046
8097
|
href: link,
|
|
8047
8098
|
iconName: iconName,
|
|
8048
|
-
iconDirection: iconDirection
|
|
8049
|
-
|
|
8099
|
+
iconDirection: iconDirection,
|
|
8100
|
+
target: target
|
|
8101
|
+
}, text) : variant === IInformationCtaVariant.TextLink ? /*#__PURE__*/React__default.createElement(TextLink, {
|
|
8050
8102
|
color: exports.Colors.Black,
|
|
8051
8103
|
href: link,
|
|
8052
8104
|
iconName: iconName,
|
|
8053
|
-
iconDirection: iconDirection
|
|
8105
|
+
iconDirection: iconDirection,
|
|
8106
|
+
target: target
|
|
8054
8107
|
}, text) : /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
8055
8108
|
bgColor: exports.Colors[theme],
|
|
8056
8109
|
href: link,
|
|
8057
8110
|
iconName: iconName,
|
|
8058
|
-
iconDirection: iconDirection
|
|
8111
|
+
iconDirection: iconDirection,
|
|
8112
|
+
target: target
|
|
8059
8113
|
}, text));
|
|
8060
8114
|
};
|
|
8061
8115
|
|
|
@@ -8066,7 +8120,7 @@ var mediumWordBreakpoint = 8;
|
|
|
8066
8120
|
var longWordBreakpoint = 13;
|
|
8067
8121
|
|
|
8068
8122
|
var getColumnSpan = function getColumnSpan(variant, textSize, longestWordLength) {
|
|
8069
|
-
if (!(variant ===
|
|
8123
|
+
if (!(variant === IInformationTitleVariant.Header && textSize === 4)) return defaultColumnSpan;
|
|
8070
8124
|
|
|
8071
8125
|
switch (true) {
|
|
8072
8126
|
case longestWordLength > longWordBreakpoint:
|
|
@@ -8081,8 +8135,8 @@ var getColumnSpan = function getColumnSpan(variant, textSize, longestWordLength)
|
|
|
8081
8135
|
};
|
|
8082
8136
|
|
|
8083
8137
|
var renderTitle = function renderTitle(props) {
|
|
8084
|
-
var headerLevel = props.variant ===
|
|
8085
|
-
return props.variant ===
|
|
8138
|
+
var headerLevel = props.variant === IInformationTitleVariant.Header && props.textSize < 4 ? 4 : props.textSize;
|
|
8139
|
+
return props.variant === IInformationTitleVariant.Header ? /*#__PURE__*/React__default.createElement(Header, {
|
|
8086
8140
|
level: headerLevel
|
|
8087
8141
|
}, props.text) : /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
8088
8142
|
level: headerLevel
|
|
@@ -8100,7 +8154,7 @@ var Information = function Information(_ref) {
|
|
|
8100
8154
|
});
|
|
8101
8155
|
var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
|
|
8102
8156
|
var titleColumnSpan = getColumnSpan(title.variant, title.textSize, maxTitleWordLength);
|
|
8103
|
-
var bgColour = background != null ? background :
|
|
8157
|
+
var bgColour = background != null ? background : exports.IInformationBackgroundColour.White;
|
|
8104
8158
|
return /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
8105
8159
|
background: bgColour,
|
|
8106
8160
|
"data-testid": "infoWrapper"
|
|
@@ -8108,13 +8162,14 @@ var Information = function Information(_ref) {
|
|
|
8108
8162
|
columnStartDesktop: 2,
|
|
8109
8163
|
columnStartDevice: 2,
|
|
8110
8164
|
columnSpanDesktop: titleColumnSpan,
|
|
8111
|
-
columnSpanDevice:
|
|
8165
|
+
columnSpanDevice: 12
|
|
8112
8166
|
}, /*#__PURE__*/React__default.createElement(InfoTitle, null, renderTitle(title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8113
8167
|
columnStartDesktop: titleColumnSpan + 2,
|
|
8114
8168
|
columnStartDevice: 2,
|
|
8115
8169
|
columnSpanDesktop: 14 - titleColumnSpan,
|
|
8116
|
-
columnSpanDevice:
|
|
8117
|
-
}, /*#__PURE__*/React__default.createElement(InfoContent, null, /*#__PURE__*/React__default.createElement(
|
|
8170
|
+
columnSpanDevice: 12
|
|
8171
|
+
}, /*#__PURE__*/React__default.createElement(InfoContent, null, /*#__PURE__*/React__default.createElement(InfoBodyWrapper, {
|
|
8172
|
+
background: bgColour,
|
|
8118
8173
|
dangerouslySetInnerHTML: {
|
|
8119
8174
|
__html: body
|
|
8120
8175
|
}
|
|
@@ -8122,15 +8177,16 @@ var Information = function Information(_ref) {
|
|
|
8122
8177
|
link: cta.link,
|
|
8123
8178
|
variant: cta.variant,
|
|
8124
8179
|
theme: cta.theme,
|
|
8125
|
-
infoThemed: bgColour !==
|
|
8180
|
+
infoThemed: bgColour !== exports.IInformationBackgroundColour.White,
|
|
8126
8181
|
text: cta.text,
|
|
8127
8182
|
iconName: cta.iconName,
|
|
8128
|
-
iconDirection: cta.iconDirection
|
|
8183
|
+
iconDirection: cta.iconDirection,
|
|
8184
|
+
target: cta.target
|
|
8129
8185
|
}))));
|
|
8130
8186
|
};
|
|
8131
8187
|
|
|
8132
|
-
var _templateObject$
|
|
8133
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8188
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8189
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.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) {
|
|
8134
8190
|
var theme = _ref.theme;
|
|
8135
8191
|
return theme.colors.primary;
|
|
8136
8192
|
}, function (_ref2) {
|
|
@@ -8146,7 +8202,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_t
|
|
|
8146
8202
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8147
8203
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8148
8204
|
}, devices.mobile);
|
|
8149
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8205
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__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"])));
|
|
8150
8206
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.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);
|
|
8151
8207
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
8152
8208
|
var PageHeadingText = /*#__PURE__*/styled__default.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"])));
|
|
@@ -8230,12 +8286,12 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8230
8286
|
})));
|
|
8231
8287
|
};
|
|
8232
8288
|
|
|
8233
|
-
var _templateObject$
|
|
8234
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8289
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8290
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.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);
|
|
8235
8291
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__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);
|
|
8236
8292
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8237
8293
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
8238
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8294
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8239
8295
|
var TextWrapper$1 = /*#__PURE__*/styled__default.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);
|
|
8240
8296
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
8241
8297
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.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);
|
|
@@ -8304,8 +8360,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8304
8360
|
}, "Scroll Down")) : null);
|
|
8305
8361
|
};
|
|
8306
8362
|
|
|
8307
|
-
var _templateObject$
|
|
8308
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8363
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
|
|
8364
|
+
var PanelGrid = /*#__PURE__*/styled__default(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) {
|
|
8309
8365
|
var color = _ref.color;
|
|
8310
8366
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8311
8367
|
}, devices.mobileAndTablet);
|
|
@@ -8318,7 +8374,7 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templat
|
|
|
8318
8374
|
});
|
|
8319
8375
|
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
8320
8376
|
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8321
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8377
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\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\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
8322
8378
|
|
|
8323
8379
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
8324
8380
|
var _image$src, _image$alt;
|
|
@@ -8349,8 +8405,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8349
8405
|
}))));
|
|
8350
8406
|
};
|
|
8351
8407
|
|
|
8352
|
-
var _templateObject$
|
|
8353
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8408
|
+
var _templateObject$_;
|
|
8409
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8354
8410
|
|
|
8355
8411
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8356
8412
|
var link = _ref.link,
|
|
@@ -8370,11 +8426,11 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8370
8426
|
}))));
|
|
8371
8427
|
};
|
|
8372
8428
|
|
|
8373
|
-
var _templateObject
|
|
8374
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8429
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8430
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.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);
|
|
8375
8431
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__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"])));
|
|
8376
8432
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8377
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8433
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__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);
|
|
8378
8434
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(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) {
|
|
8379
8435
|
var invert = _ref.invert,
|
|
8380
8436
|
theme = _ref.theme;
|
|
@@ -8501,7 +8557,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8501
8557
|
var isIOS = function isIOS() {
|
|
8502
8558
|
try {
|
|
8503
8559
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8504
|
-
if (typeof navigator === undefined) return false;
|
|
8560
|
+
if (typeof navigator === 'undefined') return false;
|
|
8505
8561
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8506
8562
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8507
8563
|
} catch (e) {
|
|
@@ -8517,7 +8573,7 @@ var useIOS = function useIOS() {
|
|
|
8517
8573
|
setIOS = _useState[1];
|
|
8518
8574
|
|
|
8519
8575
|
React.useEffect(function () {
|
|
8520
|
-
if (typeof navigator === undefined) return;
|
|
8576
|
+
if (typeof navigator === 'undefined') return;
|
|
8521
8577
|
setIOS(isIOS());
|
|
8522
8578
|
}, []);
|
|
8523
8579
|
return IOS;
|
|
@@ -8703,8 +8759,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8703
8759
|
}), linkText))));
|
|
8704
8760
|
};
|
|
8705
8761
|
|
|
8706
|
-
var _templateObject
|
|
8707
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8762
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
|
|
8763
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8708
8764
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__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
|
|
8709
8765
|
|
|
8710
8766
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -8780,12 +8836,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
8780
8836
|
}))));
|
|
8781
8837
|
};
|
|
8782
8838
|
|
|
8783
|
-
var _templateObject$
|
|
8784
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8839
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i;
|
|
8840
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(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);
|
|
8785
8841
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8786
8842
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8787
8843
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
8788
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8844
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8789
8845
|
var PersonLink = /*#__PURE__*/styled__default.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"])));
|
|
8790
8846
|
|
|
8791
8847
|
var Person = function Person(_ref) {
|
|
@@ -8837,11 +8893,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8837
8893
|
}));
|
|
8838
8894
|
};
|
|
8839
8895
|
|
|
8840
|
-
var _templateObject$
|
|
8841
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8842
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])))
|
|
8843
|
-
var
|
|
8844
|
-
|
|
8896
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
|
|
8897
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8898
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
8899
|
+
var columnCount = _ref.columnCount;
|
|
8900
|
+
return "repeat(" + columnCount + ", 1fr)";
|
|
8901
|
+
}, devices.mobile, devices.tablet);
|
|
8902
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
8903
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8845
8904
|
|
|
8846
8905
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8847
8906
|
return array.reduce(function (acc, item) {
|
|
@@ -8852,19 +8911,29 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8852
8911
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8853
8912
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8854
8913
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8855
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8914
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8915
|
+
key: index
|
|
8916
|
+
}, title));
|
|
8856
8917
|
} else if (index > 0) {
|
|
8857
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8918
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8919
|
+
key: index
|
|
8920
|
+
}, ", ", title);
|
|
8858
8921
|
}
|
|
8859
8922
|
|
|
8860
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8923
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8924
|
+
key: index
|
|
8925
|
+
}, title);
|
|
8861
8926
|
}));
|
|
8862
8927
|
};
|
|
8863
8928
|
|
|
8864
8929
|
var CreditListing = function CreditListing(_ref) {
|
|
8865
|
-
var roles = _ref.roles
|
|
8930
|
+
var roles = _ref.roles,
|
|
8931
|
+
_ref$columnCount = _ref.columnCount,
|
|
8932
|
+
columnCount = _ref$columnCount === void 0 ? 4 : _ref$columnCount;
|
|
8866
8933
|
var charThreshold = 180;
|
|
8867
|
-
return /*#__PURE__*/React__default.createElement(CreditListingWrapper,
|
|
8934
|
+
return /*#__PURE__*/React__default.createElement(CreditListingWrapper, {
|
|
8935
|
+
columnCount: columnCount
|
|
8936
|
+
}, roles.map(function (_ref2, index) {
|
|
8868
8937
|
var name = _ref2.name,
|
|
8869
8938
|
people = _ref2.people,
|
|
8870
8939
|
description = _ref2.description,
|
|
@@ -8873,9 +8942,10 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8873
8942
|
additionalInfo = _ref2.additionalInfo,
|
|
8874
8943
|
dataROH = _ref2.dataROH;
|
|
8875
8944
|
var namesLength = getConcatenatedPropLength(people, 'name');
|
|
8945
|
+
var columnSpanDesktop = namesLength > charThreshold ? people.length > 2 ? 4 : 2 : 1;
|
|
8876
8946
|
return /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8877
|
-
columnSpanDesktop:
|
|
8878
|
-
columnSpanDevice:
|
|
8947
|
+
columnSpanDesktop: columnSpanDesktop,
|
|
8948
|
+
columnSpanDevice: columnSpanDesktop,
|
|
8879
8949
|
columnSpanSmallDevice: 2,
|
|
8880
8950
|
key: name + "-" + index
|
|
8881
8951
|
}, /*#__PURE__*/React__default.createElement(TextWrapper$2, null, /*#__PURE__*/React__default.createElement(RoleWrapper$1, {
|
|
@@ -8909,14 +8979,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8909
8979
|
}));
|
|
8910
8980
|
};
|
|
8911
8981
|
|
|
8912
|
-
var _templateObject$
|
|
8982
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$p, _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;
|
|
8913
8983
|
var LENGTH_TEXT = 28;
|
|
8914
8984
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8915
8985
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8916
8986
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8917
8987
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8918
8988
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8919
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8989
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8920
8990
|
var imageToLeft = _ref.imageToLeft;
|
|
8921
8991
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8922
8992
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8965,7 +9035,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v ||
|
|
|
8965
9035
|
|
|
8966
9036
|
return '';
|
|
8967
9037
|
});
|
|
8968
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9038
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
8969
9039
|
var marginBottom = _ref10.marginBottom;
|
|
8970
9040
|
return marginBottom + "px";
|
|
8971
9041
|
});
|
|
@@ -9187,10 +9257,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9187
9257
|
}))));
|
|
9188
9258
|
};
|
|
9189
9259
|
|
|
9190
|
-
var _templateObject$
|
|
9260
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$d;
|
|
9191
9261
|
var LENGTH_TEXT$2 = 28;
|
|
9192
9262
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9193
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9263
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(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) {
|
|
9194
9264
|
var imageToLeft = _ref.imageToLeft;
|
|
9195
9265
|
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'";
|
|
9196
9266
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9206,7 +9276,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
9206
9276
|
return imageToLeft ? 'right' : 'left';
|
|
9207
9277
|
}, devices.mobile);
|
|
9208
9278
|
var PromoWithTitleContainer = /*#__PURE__*/styled__default.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);
|
|
9209
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
9279
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$q || (_templateObject5$q = /*#__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"])));
|
|
9210
9280
|
var PromoWithTitleText = /*#__PURE__*/styled__default.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) {
|
|
9211
9281
|
var theme = _ref5.theme;
|
|
9212
9282
|
return theme.colors.black;
|
|
@@ -9243,8 +9313,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
9243
9313
|
return '';
|
|
9244
9314
|
});
|
|
9245
9315
|
|
|
9246
|
-
var _templateObject$
|
|
9247
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9316
|
+
var _templateObject$15;
|
|
9317
|
+
var VideoContainer = /*#__PURE__*/styled__default.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) {
|
|
9248
9318
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9249
9319
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9250
9320
|
return aspectRatio;
|
|
@@ -9448,8 +9518,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9448
9518
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9449
9519
|
};
|
|
9450
9520
|
|
|
9451
|
-
var _templateObject$
|
|
9452
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9521
|
+
var _templateObject$16;
|
|
9522
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9453
9523
|
|
|
9454
9524
|
/**
|
|
9455
9525
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9507,8 +9577,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9507
9577
|
})));
|
|
9508
9578
|
};
|
|
9509
9579
|
|
|
9510
|
-
var _templateObject$
|
|
9511
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9580
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$F;
|
|
9581
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9512
9582
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9513
9583
|
var horizontalMode = _ref.horizontalMode;
|
|
9514
9584
|
if (horizontalMode) return 'row';
|
|
@@ -9597,8 +9667,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9597
9667
|
}, error)));
|
|
9598
9668
|
};
|
|
9599
9669
|
|
|
9600
|
-
var _templateObject$
|
|
9601
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9670
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$G;
|
|
9671
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.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);
|
|
9602
9672
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__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"])));
|
|
9603
9673
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9604
9674
|
|
|
@@ -9662,8 +9732,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9662
9732
|
})))));
|
|
9663
9733
|
};
|
|
9664
9734
|
|
|
9665
|
-
var _templateObject$
|
|
9666
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9735
|
+
var _templateObject$19;
|
|
9736
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.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);
|
|
9667
9737
|
|
|
9668
9738
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9669
9739
|
var title = _ref.title,
|
|
@@ -9691,8 +9761,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9691
9761
|
}, description))));
|
|
9692
9762
|
};
|
|
9693
9763
|
|
|
9694
|
-
var _templateObject$
|
|
9695
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9764
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9765
|
+
var stateStyles = /*#__PURE__*/styled.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) {
|
|
9696
9766
|
var theme = _ref.theme;
|
|
9697
9767
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9698
9768
|
}, function (_ref2) {
|
|
@@ -9715,7 +9785,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
9715
9785
|
color: theme.colors.black,
|
|
9716
9786
|
title: 'Select Arrow'
|
|
9717
9787
|
};
|
|
9718
|
-
})(_templateObject5$
|
|
9788
|
+
})(_templateObject5$r || (_templateObject5$r = /*#__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"])));
|
|
9719
9789
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
9720
9790
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9721
9791
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -10114,8 +10184,8 @@ function Select(_ref3) {
|
|
|
10114
10184
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10115
10185
|
}
|
|
10116
10186
|
|
|
10117
|
-
var _templateObject$
|
|
10118
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10187
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
|
|
10188
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10119
10189
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__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) {
|
|
10120
10190
|
var width = _ref.width;
|
|
10121
10191
|
if (!width) return 'none';
|
|
@@ -10254,8 +10324,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10254
10324
|
})));
|
|
10255
10325
|
};
|
|
10256
10326
|
|
|
10257
|
-
var _templateObject$
|
|
10258
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10327
|
+
var _templateObject$1c;
|
|
10328
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.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) {
|
|
10259
10329
|
var theme = _ref.theme;
|
|
10260
10330
|
return theme.colors.primary;
|
|
10261
10331
|
});
|
|
@@ -10283,8 +10353,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10283
10353
|
})));
|
|
10284
10354
|
};
|
|
10285
10355
|
|
|
10286
|
-
var _templateObject$
|
|
10287
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10356
|
+
var _templateObject$1d, _templateObject2$S;
|
|
10357
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.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) {
|
|
10288
10358
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10289
10359
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10290
10360
|
return aspectRatio;
|
|
@@ -10332,8 +10402,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10332
10402
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10333
10403
|
};
|
|
10334
10404
|
|
|
10335
|
-
var _templateObject$
|
|
10336
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10405
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$J;
|
|
10406
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10337
10407
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10338
10408
|
var displayAttribution = _ref.displayAttribution;
|
|
10339
10409
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10362,12 +10432,12 @@ var Quote = function Quote(_ref) {
|
|
|
10362
10432
|
}, attribution))));
|
|
10363
10433
|
};
|
|
10364
10434
|
|
|
10365
|
-
var _templateObject$
|
|
10366
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10435
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
|
|
10436
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
10367
10437
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10368
10438
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10369
10439
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10370
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10440
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__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);
|
|
10371
10441
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.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);
|
|
10372
10442
|
|
|
10373
10443
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -10406,8 +10476,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10406
10476
|
}, title)))));
|
|
10407
10477
|
};
|
|
10408
10478
|
|
|
10409
|
-
var _templateObject$
|
|
10410
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10479
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
|
|
10480
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.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"])));
|
|
10411
10481
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__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"])));
|
|
10412
10482
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10413
10483
|
var isVisible = _ref.isVisible;
|
|
@@ -10417,7 +10487,7 @@ var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$A ||
|
|
|
10417
10487
|
var isVisible = _ref2.isVisible;
|
|
10418
10488
|
return isVisible ? 'visible' : 'hidden';
|
|
10419
10489
|
});
|
|
10420
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10490
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__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"])));
|
|
10421
10491
|
|
|
10422
10492
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10423
10493
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10504,15 +10574,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10504
10574
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10505
10575
|
};
|
|
10506
10576
|
|
|
10507
|
-
var _templateObject$
|
|
10508
|
-
var
|
|
10509
|
-
var
|
|
10510
|
-
var
|
|
10511
|
-
var
|
|
10577
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10578
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10579
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10580
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10581
|
+
var color = _ref.color;
|
|
10582
|
+
return "var(--base-color-" + color + ")";
|
|
10583
|
+
});
|
|
10584
|
+
var BottomLine = /*#__PURE__*/styled__default.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"])));
|
|
10585
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10586
|
+
var color = _ref2.color;
|
|
10587
|
+
return "var(--base-color-" + color + ")";
|
|
10588
|
+
});
|
|
10589
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10590
|
+
var color = _ref3.color;
|
|
10591
|
+
return "var(--base-color-" + color + ")";
|
|
10592
|
+
});
|
|
10593
|
+
|
|
10594
|
+
/**
|
|
10595
|
+
* Password strength indicator component.
|
|
10596
|
+
* This renders some number of lines (6 by default)
|
|
10597
|
+
* which should become active when the user improves
|
|
10598
|
+
* the strength of the entered password.
|
|
10599
|
+
*
|
|
10600
|
+
* ## Sections
|
|
10601
|
+
* To set number of sections it should be passed
|
|
10602
|
+
* as `sections` prop.
|
|
10603
|
+
*
|
|
10604
|
+
* ## Active section
|
|
10605
|
+
* To set number of active sections it should be passed
|
|
10606
|
+
* as `activeSections` prop.
|
|
10607
|
+
*
|
|
10608
|
+
* ## Colors
|
|
10609
|
+
* Color of every element can be controlled by properties:
|
|
10610
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10611
|
+
* `textColor`, `strengthLabelColor`.
|
|
10612
|
+
*
|
|
10613
|
+
* ## Text
|
|
10614
|
+
* `text` prop is used to render some message.
|
|
10615
|
+
* For example error (together with proper red color)
|
|
10616
|
+
* or some password requirement. It can be empty.
|
|
10617
|
+
*
|
|
10618
|
+
* ## Strength label
|
|
10619
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10620
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10621
|
+
* It can be empty.
|
|
10622
|
+
*/
|
|
10623
|
+
|
|
10624
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10625
|
+
var _ref$sections = _ref.sections,
|
|
10626
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10627
|
+
_ref$activeSections = _ref.activeSections,
|
|
10628
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10629
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10630
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10631
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10632
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10633
|
+
_ref$text = _ref.text,
|
|
10634
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10635
|
+
_ref$textColor = _ref.textColor,
|
|
10636
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10637
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10638
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10639
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10640
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10641
|
+
|
|
10642
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10643
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10644
|
+
};
|
|
10645
|
+
|
|
10646
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10647
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10648
|
+
};
|
|
10649
|
+
|
|
10650
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10651
|
+
"data-testid": "password-strength-container"
|
|
10652
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10653
|
+
"data-testid": "password-strength-sections"
|
|
10654
|
+
}, Array.from({
|
|
10655
|
+
length: sections
|
|
10656
|
+
}, function (_section, i) {
|
|
10657
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10658
|
+
key: i,
|
|
10659
|
+
color: setSectionColor(i),
|
|
10660
|
+
"data-testid": setSectionDataTestId(i)
|
|
10661
|
+
});
|
|
10662
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10663
|
+
color: textColor,
|
|
10664
|
+
"data-testid": "password-strength-text"
|
|
10665
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10666
|
+
level: 6
|
|
10667
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10668
|
+
color: strengthLabelColor,
|
|
10669
|
+
"data-testid": "password-strength-label"
|
|
10670
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10671
|
+
level: 2
|
|
10672
|
+
}, strengthLabel))));
|
|
10673
|
+
};
|
|
10674
|
+
|
|
10675
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v;
|
|
10676
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10677
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$X || (_templateObject2$X = /*#__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"])), exports.Colors.LightGrey);
|
|
10678
|
+
var MobileButton = /*#__PURE__*/styled__default.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"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10679
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.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"])), exports.Colors.Black, function (_ref) {
|
|
10512
10680
|
var isActive = _ref.isActive;
|
|
10513
10681
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10514
10682
|
}, exports.Colors.MidGrey);
|
|
10515
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10683
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$v || (_templateObject5$v = /*#__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) {
|
|
10516
10684
|
var isOpen = _ref2.isOpen;
|
|
10517
10685
|
return isOpen ? 'block' : 'none';
|
|
10518
10686
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10682,106 +10850,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10682
10850
|
});
|
|
10683
10851
|
};
|
|
10684
10852
|
|
|
10685
|
-
var _templateObject$
|
|
10686
|
-
var
|
|
10687
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10688
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10689
|
-
var color = _ref.color;
|
|
10690
|
-
return "var(--base-color-" + color + ")";
|
|
10691
|
-
});
|
|
10692
|
-
var BottomLine = /*#__PURE__*/styled__default.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"])));
|
|
10693
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10694
|
-
var color = _ref2.color;
|
|
10695
|
-
return "var(--base-color-" + color + ")";
|
|
10696
|
-
});
|
|
10697
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10698
|
-
var color = _ref3.color;
|
|
10699
|
-
return "var(--base-color-" + color + ")";
|
|
10700
|
-
});
|
|
10701
|
-
|
|
10702
|
-
/**
|
|
10703
|
-
* Password strength indicator component.
|
|
10704
|
-
* This renders some number of lines (6 by default)
|
|
10705
|
-
* which should become active when the user improves
|
|
10706
|
-
* the strength of the entered password.
|
|
10707
|
-
*
|
|
10708
|
-
* ## Sections
|
|
10709
|
-
* To set number of sections it should be passed
|
|
10710
|
-
* as `sections` prop.
|
|
10711
|
-
*
|
|
10712
|
-
* ## Active section
|
|
10713
|
-
* To set number of active sections it should be passed
|
|
10714
|
-
* as `activeSections` prop.
|
|
10715
|
-
*
|
|
10716
|
-
* ## Colors
|
|
10717
|
-
* Color of every element can be controlled by properties:
|
|
10718
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10719
|
-
* `textColor`, `strengthLabelColor`.
|
|
10720
|
-
*
|
|
10721
|
-
* ## Text
|
|
10722
|
-
* `text` prop is used to render some message.
|
|
10723
|
-
* For example error (together with proper red color)
|
|
10724
|
-
* or some password requirement. It can be empty.
|
|
10725
|
-
*
|
|
10726
|
-
* ## Strength label
|
|
10727
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10728
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10729
|
-
* It can be empty.
|
|
10730
|
-
*/
|
|
10731
|
-
|
|
10732
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10733
|
-
var _ref$sections = _ref.sections,
|
|
10734
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10735
|
-
_ref$activeSections = _ref.activeSections,
|
|
10736
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10737
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10738
|
-
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10739
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10740
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10741
|
-
_ref$text = _ref.text,
|
|
10742
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10743
|
-
_ref$textColor = _ref.textColor,
|
|
10744
|
-
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10745
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10746
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10747
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10748
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10749
|
-
|
|
10750
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10751
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10752
|
-
};
|
|
10753
|
-
|
|
10754
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10755
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10756
|
-
};
|
|
10757
|
-
|
|
10758
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10759
|
-
"data-testid": "password-strength-container"
|
|
10760
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10761
|
-
"data-testid": "password-strength-sections"
|
|
10762
|
-
}, Array.from({
|
|
10763
|
-
length: sections
|
|
10764
|
-
}, function (_section, i) {
|
|
10765
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10766
|
-
key: i,
|
|
10767
|
-
color: setSectionColor(i),
|
|
10768
|
-
"data-testid": setSectionDataTestId(i)
|
|
10769
|
-
});
|
|
10770
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10771
|
-
color: textColor,
|
|
10772
|
-
"data-testid": "password-strength-text"
|
|
10773
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10774
|
-
level: 6
|
|
10775
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10776
|
-
color: strengthLabelColor,
|
|
10777
|
-
"data-testid": "password-strength-label"
|
|
10778
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10779
|
-
level: 2
|
|
10780
|
-
}, strengthLabel))));
|
|
10781
|
-
};
|
|
10782
|
-
|
|
10783
|
-
var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10784
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10853
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10854
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10785
10855
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10786
10856
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10787
10857
|
var TableHeader = /*#__PURE__*/styled__default.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) {
|
|
@@ -10789,7 +10859,7 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templa
|
|
|
10789
10859
|
}, function (props) {
|
|
10790
10860
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10791
10861
|
}, devices.tablet, devices.mobile);
|
|
10792
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
10862
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$w || (_templateObject5$w = /*#__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) {
|
|
10793
10863
|
return "var(--base-color-" + props.lineColor + ")";
|
|
10794
10864
|
}, function (props) {
|
|
10795
10865
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
@@ -11064,8 +11134,8 @@ var LiveChat = function LiveChat() {
|
|
|
11064
11134
|
});
|
|
11065
11135
|
};
|
|
11066
11136
|
|
|
11067
|
-
var _templateObject$
|
|
11068
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11137
|
+
var _templateObject$1k, _templateObject2$Z;
|
|
11138
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.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);
|
|
11069
11139
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__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) {
|
|
11070
11140
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
11071
11141
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -11094,8 +11164,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11094
11164
|
}, children)));
|
|
11095
11165
|
};
|
|
11096
11166
|
|
|
11097
|
-
var _templateObject$
|
|
11098
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11167
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$P, _templateObject4$E;
|
|
11168
|
+
var InnerModal = /*#__PURE__*/styled__default.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);
|
|
11099
11169
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$_ || (_templateObject2$_ = /*#__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);
|
|
11100
11170
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11101
11171
|
var Overlay = /*#__PURE__*/styled__default(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"])));
|
|
@@ -11218,8 +11288,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11218
11288
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11219
11289
|
};
|
|
11220
11290
|
|
|
11221
|
-
var _templateObject$
|
|
11222
|
-
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
11291
|
+
var _templateObject$1m;
|
|
11292
|
+
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
11223
11293
|
var theme = _ref.theme;
|
|
11224
11294
|
return theme.colors.primary;
|
|
11225
11295
|
}, function (_ref2) {
|
|
@@ -12180,6 +12250,7 @@ exports.Footer = Footer;
|
|
|
12180
12250
|
exports.GlobalStyles = GlobalStyles;
|
|
12181
12251
|
exports.Grid = Grid;
|
|
12182
12252
|
exports.GridItem = GridItem;
|
|
12253
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
12183
12254
|
exports.Header = Header;
|
|
12184
12255
|
exports.Icon = Icon;
|
|
12185
12256
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|