@royaloperahouse/chord 2.4.3-e-chord-development → 2.4.4
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 +10 -210
- package/README.GIT +277 -0
- package/README.md +40 -250
- package/dist/chord.cjs.development.js +329 -393
- 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 +330 -393
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/index.d.ts +1 -2
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +2 -6
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +0 -1
- package/dist/components/molecules/Table/Table.style.d.ts +1 -2
- package/dist/components/molecules/Table/components/TableCell.d.ts +3 -0
- package/dist/components/molecules/Table/components/TableHelpers.d.ts +4 -0
- package/dist/components/molecules/Table/components/TableRow.d.ts +3 -0
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/index.d.ts +2 -3
- package/dist/types/buttonTypes.d.ts +0 -4
- package/dist/types/formTypes.d.ts +9 -12
- package/dist/types/tableTypes.d.ts +1 -0
- package/package.json +2 -2
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +0 -8
|
@@ -2476,21 +2476,14 @@ var Button = function Button(_ref) {
|
|
|
2476
2476
|
};
|
|
2477
2477
|
|
|
2478
2478
|
var _templateObject$4;
|
|
2479
|
-
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n
|
|
2480
|
-
var _theme$colors;
|
|
2481
|
-
|
|
2479
|
+
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n"])), function (_ref) {
|
|
2482
2480
|
var bgColor = _ref.bgColor,
|
|
2483
2481
|
theme = _ref.theme;
|
|
2484
|
-
return bgColor ? "var(--base-color-" + bgColor + ")" : theme
|
|
2482
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2485
2483
|
}, function (_ref2) {
|
|
2486
|
-
var _theme$colors2;
|
|
2487
|
-
|
|
2488
2484
|
var bgColor = _ref2.bgColor,
|
|
2489
2485
|
theme = _ref2.theme;
|
|
2490
|
-
return bgColor ? "var(--base-color-" + bgColor + ")" : theme
|
|
2491
|
-
}, function (_ref3) {
|
|
2492
|
-
var disabled = _ref3.disabled;
|
|
2493
|
-
return disabled ? 'none' : 'auto';
|
|
2486
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2494
2487
|
});
|
|
2495
2488
|
|
|
2496
2489
|
(function (CarouselType) {
|
|
@@ -2540,16 +2533,9 @@ var AspectRatioWidth;
|
|
|
2540
2533
|
|
|
2541
2534
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
2542
2535
|
var children = _ref.children,
|
|
2543
|
-
|
|
2544
|
-
props = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "color", "bgColor"]);
|
|
2536
|
+
props = _objectWithoutPropertiesLoose(_ref, ["children"]);
|
|
2545
2537
|
|
|
2546
|
-
return
|
|
2547
|
-
color: exports.Colors.Black,
|
|
2548
|
-
bgColor: exports.Colors.MidGrey,
|
|
2549
|
-
disabled: true,
|
|
2550
|
-
"aria-disabled": "true",
|
|
2551
|
-
role: "button"
|
|
2552
|
-
}, props), children) : /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2538
|
+
return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2553
2539
|
color: exports.Colors.White
|
|
2554
2540
|
}, props), children);
|
|
2555
2541
|
};
|
|
@@ -2791,39 +2777,7 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2791
2777
|
});
|
|
2792
2778
|
|
|
2793
2779
|
var _templateObject$b;
|
|
2794
|
-
|
|
2795
|
-
* # IMPORTANT
|
|
2796
|
-
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2797
|
-
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2798
|
-
*/
|
|
2799
|
-
|
|
2800
|
-
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) {
|
|
2801
|
-
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2802
|
-
return columnStartDesktop;
|
|
2803
|
-
}, function (_ref2) {
|
|
2804
|
-
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2805
|
-
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2806
|
-
return columnSpanDesktop;
|
|
2807
|
-
}, devices.mobile, function (_ref3) {
|
|
2808
|
-
var columnStartDevice = _ref3.columnStartDevice,
|
|
2809
|
-
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2810
|
-
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2811
|
-
}, function (_ref4) {
|
|
2812
|
-
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2813
|
-
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2814
|
-
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2815
|
-
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2816
|
-
}, devices.tablet, function (_ref5) {
|
|
2817
|
-
var columnStartDevice = _ref5.columnStartDevice;
|
|
2818
|
-
return columnStartDevice;
|
|
2819
|
-
}, function (_ref6) {
|
|
2820
|
-
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2821
|
-
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2822
|
-
return columnSpanDevice;
|
|
2823
|
-
});
|
|
2824
|
-
|
|
2825
|
-
var _templateObject$c;
|
|
2826
|
-
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) {
|
|
2780
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__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) {
|
|
2827
2781
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2828
2782
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2829
2783
|
return aspectRatio;
|
|
@@ -2841,8 +2795,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c
|
|
|
2841
2795
|
return aspectRatio;
|
|
2842
2796
|
});
|
|
2843
2797
|
|
|
2844
|
-
var _templateObject$
|
|
2845
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2798
|
+
var _templateObject$c, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2799
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2846
2800
|
var height = _ref.height;
|
|
2847
2801
|
return height ? height + "px" : '6px';
|
|
2848
2802
|
});
|
|
@@ -2925,13 +2879,13 @@ var Progress = function Progress(_ref) {
|
|
|
2925
2879
|
}, renderSteps()));
|
|
2926
2880
|
};
|
|
2927
2881
|
|
|
2928
|
-
var _templateObject$
|
|
2929
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2882
|
+
var _templateObject$d, _templateObject2$4, _templateObject3$3;
|
|
2883
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2930
2884
|
var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2931
2885
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2932
2886
|
|
|
2933
|
-
var _templateObject$
|
|
2934
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2887
|
+
var _templateObject$e;
|
|
2888
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__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) {
|
|
2935
2889
|
var typography = _ref.typography;
|
|
2936
2890
|
return typography;
|
|
2937
2891
|
}, function (_ref2) {
|
|
@@ -3088,8 +3042,8 @@ var Radio = function Radio(_ref) {
|
|
|
3088
3042
|
}, error)));
|
|
3089
3043
|
};
|
|
3090
3044
|
|
|
3091
|
-
var _templateObject$
|
|
3092
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3045
|
+
var _templateObject$f, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3046
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3093
3047
|
var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3094
3048
|
var error = _ref.error,
|
|
3095
3049
|
darkMode = _ref.darkMode,
|
|
@@ -3197,8 +3151,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3197
3151
|
}, error)));
|
|
3198
3152
|
});
|
|
3199
3153
|
|
|
3200
|
-
var _templateObject$
|
|
3201
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3154
|
+
var _templateObject$g, _templateObject2$6, _templateObject3$5;
|
|
3155
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3202
3156
|
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3203
3157
|
var theme = _ref.theme;
|
|
3204
3158
|
return theme.colors.primary;
|
|
@@ -3269,8 +3223,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3269
3223
|
}, renderNextIcon()));
|
|
3270
3224
|
};
|
|
3271
3225
|
|
|
3272
|
-
var _templateObject$
|
|
3273
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3226
|
+
var _templateObject$h;
|
|
3227
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3274
3228
|
var fillColor = _ref.fillColor;
|
|
3275
3229
|
return fillColor;
|
|
3276
3230
|
});
|
|
@@ -3294,8 +3248,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3294
3248
|
})));
|
|
3295
3249
|
};
|
|
3296
3250
|
|
|
3297
|
-
var _templateObject$
|
|
3298
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3251
|
+
var _templateObject$i, _templateObject2$7;
|
|
3252
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3299
3253
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3300
3254
|
|
|
3301
3255
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3314,8 +3268,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3314
3268
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3315
3269
|
};
|
|
3316
3270
|
|
|
3317
|
-
var _templateObject$
|
|
3318
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3271
|
+
var _templateObject$j;
|
|
3272
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3319
3273
|
|
|
3320
3274
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3321
3275
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3525,8 +3479,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3525
3479
|
})))));
|
|
3526
3480
|
};
|
|
3527
3481
|
|
|
3528
|
-
var _templateObject$
|
|
3529
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3482
|
+
var _templateObject$k, _templateObject2$8;
|
|
3483
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$k || (_templateObject$k = /*#__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);
|
|
3530
3484
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3531
3485
|
|
|
3532
3486
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3559,8 +3513,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3559
3513
|
}));
|
|
3560
3514
|
};
|
|
3561
3515
|
|
|
3562
|
-
var _templateObject$
|
|
3563
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3516
|
+
var _templateObject$l, _templateObject2$9;
|
|
3517
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__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) {
|
|
3564
3518
|
if (props.withIcon === 'left') {
|
|
3565
3519
|
return "margin-left: 5px;";
|
|
3566
3520
|
}
|
|
@@ -3659,8 +3613,8 @@ var Tab = function Tab(_ref) {
|
|
|
3659
3613
|
}));
|
|
3660
3614
|
};
|
|
3661
3615
|
|
|
3662
|
-
var _templateObject$
|
|
3663
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3616
|
+
var _templateObject$m, _templateObject2$a;
|
|
3617
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__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) {
|
|
3664
3618
|
var iconName = _ref.iconName;
|
|
3665
3619
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3666
3620
|
}, function (_ref2) {
|
|
@@ -3711,8 +3665,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3711
3665
|
})) : null, children);
|
|
3712
3666
|
};
|
|
3713
3667
|
|
|
3714
|
-
var _templateObject$
|
|
3715
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3668
|
+
var _templateObject$n, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3669
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3716
3670
|
var width = _ref.width;
|
|
3717
3671
|
return width ? width + "px;" : '100%;';
|
|
3718
3672
|
}, function (_ref2) {
|
|
@@ -3835,8 +3789,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3835
3789
|
}, error))));
|
|
3836
3790
|
};
|
|
3837
3791
|
|
|
3838
|
-
var _templateObject$
|
|
3839
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3792
|
+
var _templateObject$o, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3793
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3840
3794
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3841
3795
|
var width = _ref.width;
|
|
3842
3796
|
if (!width) return 'none';
|
|
@@ -3962,8 +3916,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3962
3916
|
}, error)));
|
|
3963
3917
|
});
|
|
3964
3918
|
|
|
3965
|
-
var _templateObject$
|
|
3966
|
-
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3919
|
+
var _templateObject$p, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3920
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3967
3921
|
var textStyles = /*#__PURE__*/styled.css(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
3968
3922
|
var theme = _ref.theme;
|
|
3969
3923
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4036,8 +3990,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4036
3990
|
}, error) : null);
|
|
4037
3991
|
};
|
|
4038
3992
|
|
|
4039
|
-
var _templateObject$
|
|
4040
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3993
|
+
var _templateObject$q, _templateObject2$e;
|
|
3994
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__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) {
|
|
4041
3995
|
var iconName = _ref.iconName;
|
|
4042
3996
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4043
3997
|
}, function (_ref2) {
|
|
@@ -4073,8 +4027,8 @@ var TextLogoProduct;
|
|
|
4073
4027
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4074
4028
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4075
4029
|
|
|
4076
|
-
var _templateObject$
|
|
4077
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4030
|
+
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4031
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4078
4032
|
var dark = _ref.dark;
|
|
4079
4033
|
return dark ? 'white' : 'errorstate';
|
|
4080
4034
|
});
|
|
@@ -4195,8 +4149,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4195
4149
|
}, error)));
|
|
4196
4150
|
};
|
|
4197
4151
|
|
|
4198
|
-
var _templateObject$
|
|
4199
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4152
|
+
var _templateObject$s, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4153
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4200
4154
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4201
4155
|
var error = _ref.error,
|
|
4202
4156
|
darkMode = _ref.darkMode,
|
|
@@ -4306,8 +4260,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4306
4260
|
}, error)));
|
|
4307
4261
|
});
|
|
4308
4262
|
|
|
4309
|
-
var _templateObject$
|
|
4310
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4263
|
+
var _templateObject$t, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4264
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4311
4265
|
var color = _ref.color;
|
|
4312
4266
|
return color;
|
|
4313
4267
|
});
|
|
@@ -4415,8 +4369,8 @@ var Timer = function Timer(_ref) {
|
|
|
4415
4369
|
}));
|
|
4416
4370
|
};
|
|
4417
4371
|
|
|
4418
|
-
var _templateObject$
|
|
4419
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4372
|
+
var _templateObject$u;
|
|
4373
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$u || (_templateObject$u = /*#__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"])));
|
|
4420
4374
|
|
|
4421
4375
|
var TypeTags = function TypeTags(_ref) {
|
|
4422
4376
|
var list = _ref.list;
|
|
@@ -5158,8 +5112,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5158
5112
|
}
|
|
5159
5113
|
});
|
|
5160
5114
|
|
|
5161
|
-
var _templateObject$
|
|
5162
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5115
|
+
var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5116
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__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"])));
|
|
5163
5117
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
5164
5118
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5165
5119
|
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"])));
|
|
@@ -5378,8 +5332,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5378
5332
|
})));
|
|
5379
5333
|
};
|
|
5380
5334
|
|
|
5381
|
-
var _templateObject$
|
|
5382
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5335
|
+
var _templateObject$w, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5336
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5383
5337
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5384
5338
|
var darkMode = _ref.darkMode;
|
|
5385
5339
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5606,8 +5560,8 @@ var Component = function Component(_ref) {
|
|
|
5606
5560
|
}, error)));
|
|
5607
5561
|
};
|
|
5608
5562
|
|
|
5609
|
-
var _templateObject$
|
|
5610
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5563
|
+
var _templateObject$x, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5564
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5611
5565
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5612
5566
|
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 ";
|
|
5613
5567
|
});
|
|
@@ -5631,8 +5585,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5631
5585
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5632
5586
|
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);
|
|
5633
5587
|
|
|
5634
|
-
var _templateObject$
|
|
5635
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5588
|
+
var _templateObject$y;
|
|
5589
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5636
5590
|
|
|
5637
5591
|
var Logo = function Logo(_ref) {
|
|
5638
5592
|
var _ref$id = _ref.id,
|
|
@@ -5664,11 +5618,11 @@ var Logo = function Logo(_ref) {
|
|
|
5664
5618
|
}))));
|
|
5665
5619
|
};
|
|
5666
5620
|
|
|
5667
|
-
var _templateObject$
|
|
5668
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5621
|
+
var _templateObject$z;
|
|
5622
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__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);
|
|
5669
5623
|
|
|
5670
|
-
var _templateObject$
|
|
5671
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5624
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5625
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__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) {
|
|
5672
5626
|
var selected = _ref.selected,
|
|
5673
5627
|
colorPrimary = _ref.colorPrimary;
|
|
5674
5628
|
|
|
@@ -5856,8 +5810,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5856
5810
|
}, expiryTime ? basketText : text) : ''));
|
|
5857
5811
|
};
|
|
5858
5812
|
|
|
5859
|
-
var _templateObject$
|
|
5860
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5813
|
+
var _templateObject$B, _templateObject2$m;
|
|
5814
|
+
var SearchContainer = /*#__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 :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5861
5815
|
var selected = _ref.selected,
|
|
5862
5816
|
colorPrimary = _ref.colorPrimary;
|
|
5863
5817
|
|
|
@@ -6149,8 +6103,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6149
6103
|
}));
|
|
6150
6104
|
};
|
|
6151
6105
|
|
|
6152
|
-
var _templateObject$
|
|
6153
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6106
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6107
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6154
6108
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
6155
6109
|
if (props.showMenu) {
|
|
6156
6110
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6292,8 +6246,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6292
6246
|
}, "MENU"))));
|
|
6293
6247
|
};
|
|
6294
6248
|
|
|
6295
|
-
var _templateObject$
|
|
6296
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6249
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6250
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__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);
|
|
6297
6251
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6298
6252
|
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"])));
|
|
6299
6253
|
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);
|
|
@@ -6530,16 +6484,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6530
6484
|
})))));
|
|
6531
6485
|
};
|
|
6532
6486
|
|
|
6533
|
-
var _templateObject$
|
|
6534
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6487
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6488
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6535
6489
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
6536
6490
|
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);
|
|
6537
6491
|
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);
|
|
6538
6492
|
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);
|
|
6539
6493
|
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);
|
|
6540
6494
|
|
|
6541
|
-
var _templateObject$
|
|
6542
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6495
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j;
|
|
6496
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$F || (_templateObject$F = /*#__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);
|
|
6543
6497
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6544
6498
|
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"])));
|
|
6545
6499
|
|
|
@@ -6557,8 +6511,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6557
6511
|
}));
|
|
6558
6512
|
};
|
|
6559
6513
|
|
|
6560
|
-
var _templateObject$
|
|
6561
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6514
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6515
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__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);
|
|
6562
6516
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
6563
6517
|
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);
|
|
6564
6518
|
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);
|
|
@@ -6629,9 +6583,9 @@ var Footer = function Footer(_ref) {
|
|
|
6629
6583
|
}, additionalInfo)))));
|
|
6630
6584
|
};
|
|
6631
6585
|
|
|
6632
|
-
var _templateObject$
|
|
6586
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6633
6587
|
var LIST_ITEM_GAP = 32;
|
|
6634
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6588
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__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) {
|
|
6635
6589
|
var bottomBorder = _ref.bottomBorder;
|
|
6636
6590
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6637
6591
|
}, zIndexes.anchor);
|
|
@@ -6895,8 +6849,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6895
6849
|
})) : null) : null))));
|
|
6896
6850
|
};
|
|
6897
6851
|
|
|
6898
|
-
var _templateObject$
|
|
6899
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6852
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6853
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6900
6854
|
var sticky = _ref.sticky;
|
|
6901
6855
|
return sticky ? 'sticky' : 'initial';
|
|
6902
6856
|
}, zIndexes.anchor);
|
|
@@ -6956,8 +6910,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6956
6910
|
}, message)));
|
|
6957
6911
|
};
|
|
6958
6912
|
|
|
6959
|
-
var _templateObject$
|
|
6960
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6913
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6914
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__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);
|
|
6961
6915
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6962
6916
|
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) {
|
|
6963
6917
|
var theme = _ref.theme;
|
|
@@ -7037,8 +6991,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7037
6991
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7038
6992
|
};
|
|
7039
6993
|
|
|
7040
|
-
var _templateObject$
|
|
7041
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6994
|
+
var _templateObject$K;
|
|
6995
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__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);
|
|
7042
6996
|
|
|
7043
6997
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7044
6998
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7056,26 +7010,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7056
7010
|
}));
|
|
7057
7011
|
};
|
|
7058
7012
|
|
|
7059
|
-
var _templateObject$
|
|
7060
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7013
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o;
|
|
7014
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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) {
|
|
7061
7015
|
var theme = _ref.theme;
|
|
7062
7016
|
return theme.colors.primary;
|
|
7063
7017
|
}, devices.mobile, devices.tablet);
|
|
7064
7018
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7065
7019
|
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);
|
|
7066
7020
|
|
|
7067
|
-
var _templateObject$
|
|
7068
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7021
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
7022
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7069
7023
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7070
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n
|
|
7071
|
-
var isVisible = _ref.isVisible;
|
|
7072
|
-
return isVisible ? 'visible' : 'hidden';
|
|
7073
|
-
}, devices.mobile);
|
|
7024
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
7074
7025
|
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
7075
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n
|
|
7076
|
-
var textHeight = _ref2.textHeight;
|
|
7077
|
-
return textHeight;
|
|
7078
|
-
}, devices.mobile);
|
|
7026
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), devices.mobile);
|
|
7079
7027
|
|
|
7080
7028
|
var Accordion = function Accordion(_ref) {
|
|
7081
7029
|
var _ref$title = _ref.title,
|
|
@@ -7106,7 +7054,11 @@ var Accordion = function Accordion(_ref) {
|
|
|
7106
7054
|
setIconName = _useState3[1]; // Contents children visibility is set to prevent it from being keyboard tabbable when the accordion is closed
|
|
7107
7055
|
|
|
7108
7056
|
|
|
7109
|
-
var _useState4 = React.useState(initOpen
|
|
7057
|
+
var _useState4 = React.useState(initOpen ? {
|
|
7058
|
+
visibility: 'visible'
|
|
7059
|
+
} : {
|
|
7060
|
+
visibility: 'hidden'
|
|
7061
|
+
}),
|
|
7110
7062
|
childrenVisibility = _useState4[0],
|
|
7111
7063
|
setChildrenVisibility = _useState4[1];
|
|
7112
7064
|
|
|
@@ -7122,7 +7074,11 @@ var Accordion = function Accordion(_ref) {
|
|
|
7122
7074
|
setOpenAccordion(!openAccordion);
|
|
7123
7075
|
setTextHeight(openAccordion ? '0px' : content.current.scrollHeight + "px");
|
|
7124
7076
|
setIconName(openAccordion ? 'Expand' : 'Detract');
|
|
7125
|
-
setChildrenVisibility(
|
|
7077
|
+
setChildrenVisibility(openAccordion ? {
|
|
7078
|
+
visibility: 'hidden'
|
|
7079
|
+
} : {
|
|
7080
|
+
visibility: 'visible'
|
|
7081
|
+
});
|
|
7126
7082
|
};
|
|
7127
7083
|
|
|
7128
7084
|
var keyDown = function keyDown(e) {
|
|
@@ -7132,9 +7088,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
7132
7088
|
};
|
|
7133
7089
|
|
|
7134
7090
|
var Standfirst = function Standfirst() {
|
|
7135
|
-
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer,
|
|
7136
|
-
isVisible: childrenVisibility
|
|
7137
|
-
}, visibleStandfirst)) : null;
|
|
7091
|
+
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, visibleStandfirst)) : null;
|
|
7138
7092
|
};
|
|
7139
7093
|
|
|
7140
7094
|
var contentContainerId = title + "-accordion-content";
|
|
@@ -7184,16 +7138,18 @@ var Accordion = function Accordion(_ref) {
|
|
|
7184
7138
|
})), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
7185
7139
|
"data-testid": "richcontainer",
|
|
7186
7140
|
ref: content,
|
|
7187
|
-
|
|
7141
|
+
style: {
|
|
7142
|
+
maxHeight: "" + textHeight
|
|
7143
|
+
},
|
|
7188
7144
|
id: contentContainerId,
|
|
7189
7145
|
"aria-live": "polite"
|
|
7190
7146
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
7191
|
-
|
|
7147
|
+
style: childrenVisibility
|
|
7192
7148
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7193
7149
|
};
|
|
7194
7150
|
|
|
7195
|
-
var _templateObject$
|
|
7196
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7151
|
+
var _templateObject$N;
|
|
7152
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7197
7153
|
|
|
7198
7154
|
var Accordions = function Accordions(_ref) {
|
|
7199
7155
|
var _ref$items = _ref.items,
|
|
@@ -7211,8 +7167,7 @@ var Accordions = function Accordions(_ref) {
|
|
|
7211
7167
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7212
7168
|
contentType: accordion.contentType,
|
|
7213
7169
|
displayLevel: accordion.displayLevel,
|
|
7214
|
-
semanticLevel: accordion.semanticLevel
|
|
7215
|
-
initOpen: accordion.initOpen
|
|
7170
|
+
semanticLevel: accordion.semanticLevel
|
|
7216
7171
|
}, accordion.children);
|
|
7217
7172
|
}));
|
|
7218
7173
|
};
|
|
@@ -7226,8 +7181,8 @@ var Theme = function Theme(_ref) {
|
|
|
7226
7181
|
}, children);
|
|
7227
7182
|
};
|
|
7228
7183
|
|
|
7229
|
-
var _templateObject$
|
|
7230
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7184
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q;
|
|
7185
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
7231
7186
|
var theme = _ref.theme;
|
|
7232
7187
|
return theme.colors.primary;
|
|
7233
7188
|
}, devices.mobile);
|
|
@@ -7269,8 +7224,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7269
7224
|
}))))));
|
|
7270
7225
|
};
|
|
7271
7226
|
|
|
7272
|
-
var _templateObject$
|
|
7273
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7227
|
+
var _templateObject$P;
|
|
7228
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
7274
7229
|
var bgColor = _ref.bgColor,
|
|
7275
7230
|
theme = _ref.theme;
|
|
7276
7231
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7291,11 +7246,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7291
7246
|
}), children);
|
|
7292
7247
|
};
|
|
7293
7248
|
|
|
7294
|
-
var _templateObject$
|
|
7249
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7295
7250
|
var LENGTH_LARGE_TEXT = 28;
|
|
7296
7251
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7297
7252
|
var LENGTH_TEXT_TABLET = 10;
|
|
7298
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7253
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7299
7254
|
var isCardClickable = _ref.isCardClickable;
|
|
7300
7255
|
return isCardClickable ? 'pointer' : 'default';
|
|
7301
7256
|
}, function (_ref2) {
|
|
@@ -7577,9 +7532,9 @@ var Card = function Card(_ref) {
|
|
|
7577
7532
|
dangerouslySetInnerHTML: {
|
|
7578
7533
|
__html: truncatedText
|
|
7579
7534
|
}
|
|
7580
|
-
})
|
|
7535
|
+
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7581
7536
|
level: 1
|
|
7582
|
-
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7537
|
+
}, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7583
7538
|
fullWidth: fullWidth
|
|
7584
7539
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7585
7540
|
ref: node,
|
|
@@ -7593,8 +7548,8 @@ var Card = function Card(_ref) {
|
|
|
7593
7548
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7594
7549
|
};
|
|
7595
7550
|
|
|
7596
|
-
var _templateObject$
|
|
7597
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7551
|
+
var _templateObject$R, _templateObject2$z;
|
|
7552
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
7598
7553
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7599
7554
|
|
|
7600
7555
|
var Cards = function Cards(_ref) {
|
|
@@ -7640,8 +7595,8 @@ var Cards = function Cards(_ref) {
|
|
|
7640
7595
|
}));
|
|
7641
7596
|
};
|
|
7642
7597
|
|
|
7643
|
-
var _templateObject$
|
|
7644
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7598
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7599
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
7645
7600
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
7646
7601
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7647
7602
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7709,8 +7664,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7709
7664
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7710
7665
|
};
|
|
7711
7666
|
|
|
7712
|
-
var _templateObject$
|
|
7713
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7667
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7668
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7714
7669
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7715
7670
|
return props.clickable ? 'pointer' : 'default';
|
|
7716
7671
|
}, devices.mobile);
|
|
@@ -7792,8 +7747,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7792
7747
|
}), link.text)));
|
|
7793
7748
|
};
|
|
7794
7749
|
|
|
7795
|
-
var _templateObject$
|
|
7796
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7750
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7751
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
7797
7752
|
var imageToLeft = _ref.imageToLeft;
|
|
7798
7753
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7799
7754
|
}, devices.mobile);
|
|
@@ -7870,8 +7825,8 @@ var BackgroundColour;
|
|
|
7870
7825
|
BackgroundColour["White"] = "white";
|
|
7871
7826
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7872
7827
|
|
|
7873
|
-
var _templateObject$
|
|
7874
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7828
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7829
|
+
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"])));
|
|
7875
7830
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7876
7831
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7877
7832
|
if (!props.infoThemed) {
|
|
@@ -7997,8 +7952,8 @@ var Information = function Information(_ref) {
|
|
|
7997
7952
|
}))));
|
|
7998
7953
|
};
|
|
7999
7954
|
|
|
8000
|
-
var _templateObject$
|
|
8001
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7955
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7956
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // 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) {
|
|
8002
7957
|
var theme = _ref.theme;
|
|
8003
7958
|
return theme.colors.primary;
|
|
8004
7959
|
}, function (_ref2) {
|
|
@@ -8098,8 +8053,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8098
8053
|
})));
|
|
8099
8054
|
};
|
|
8100
8055
|
|
|
8101
|
-
var _templateObject$
|
|
8102
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8056
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
8057
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
8103
8058
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
8104
8059
|
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);
|
|
8105
8060
|
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);
|
|
@@ -8172,8 +8127,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8172
8127
|
}, "Scroll Down")) : null);
|
|
8173
8128
|
};
|
|
8174
8129
|
|
|
8175
|
-
var _templateObject$
|
|
8176
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8130
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8131
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
8177
8132
|
var color = _ref.color;
|
|
8178
8133
|
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 ";
|
|
8179
8134
|
}, devices.mobileAndTablet);
|
|
@@ -8217,8 +8172,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8217
8172
|
}))));
|
|
8218
8173
|
};
|
|
8219
8174
|
|
|
8220
|
-
var _templateObject$
|
|
8221
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8175
|
+
var _templateObject$Z;
|
|
8176
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8222
8177
|
|
|
8223
8178
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8224
8179
|
var link = _ref.link,
|
|
@@ -8238,8 +8193,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8238
8193
|
}))));
|
|
8239
8194
|
};
|
|
8240
8195
|
|
|
8241
|
-
var _templateObject
|
|
8242
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8196
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8197
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
8243
8198
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8244
8199
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8245
8200
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -8365,7 +8320,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8365
8320
|
var isIOS = function isIOS() {
|
|
8366
8321
|
try {
|
|
8367
8322
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8368
|
-
if (typeof navigator ===
|
|
8323
|
+
if (typeof navigator === undefined) return false;
|
|
8369
8324
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8370
8325
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8371
8326
|
} catch (e) {
|
|
@@ -8381,7 +8336,7 @@ var useIOS = function useIOS() {
|
|
|
8381
8336
|
setIOS = _useState[1];
|
|
8382
8337
|
|
|
8383
8338
|
React.useEffect(function () {
|
|
8384
|
-
if (typeof navigator ===
|
|
8339
|
+
if (typeof navigator === undefined) return;
|
|
8385
8340
|
setIOS(isIOS());
|
|
8386
8341
|
}, []);
|
|
8387
8342
|
return IOS;
|
|
@@ -8567,8 +8522,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8567
8522
|
}), linkText))));
|
|
8568
8523
|
};
|
|
8569
8524
|
|
|
8570
|
-
var _templateObject
|
|
8571
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8525
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8526
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8572
8527
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
8573
8528
|
|
|
8574
8529
|
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) {
|
|
@@ -8644,12 +8599,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
8644
8599
|
}))));
|
|
8645
8600
|
};
|
|
8646
8601
|
|
|
8647
|
-
var _templateObject$
|
|
8648
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8602
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8603
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
8649
8604
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8650
8605
|
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"])));
|
|
8651
8606
|
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"])));
|
|
8652
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n
|
|
8607
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8653
8608
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$h || (_templateObject6$h = /*#__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"])));
|
|
8654
8609
|
|
|
8655
8610
|
var Person = function Person(_ref) {
|
|
@@ -8701,11 +8656,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8701
8656
|
}));
|
|
8702
8657
|
};
|
|
8703
8658
|
|
|
8704
|
-
var _templateObject$
|
|
8705
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8659
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8660
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8706
8661
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8707
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8708
|
-
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"])));
|
|
8662
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
8663
|
+
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 min-height: 1.5em;\n"])));
|
|
8709
8664
|
|
|
8710
8665
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8711
8666
|
return array.reduce(function (acc, item) {
|
|
@@ -8716,18 +8671,12 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8716
8671
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8717
8672
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8718
8673
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8719
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8720
|
-
key: index
|
|
8721
|
-
}, title));
|
|
8674
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
|
|
8722
8675
|
} else if (index > 0) {
|
|
8723
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8724
|
-
key: index
|
|
8725
|
-
}, ", ", title);
|
|
8676
|
+
return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
|
|
8726
8677
|
}
|
|
8727
8678
|
|
|
8728
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8729
|
-
key: index
|
|
8730
|
-
}, title);
|
|
8679
|
+
return /*#__PURE__*/React__default.createElement("i", null, title);
|
|
8731
8680
|
}));
|
|
8732
8681
|
};
|
|
8733
8682
|
|
|
@@ -8779,14 +8728,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8779
8728
|
}));
|
|
8780
8729
|
};
|
|
8781
8730
|
|
|
8782
|
-
var _templateObject$
|
|
8731
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8783
8732
|
var LENGTH_TEXT = 28;
|
|
8784
8733
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8785
8734
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8786
8735
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8787
8736
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8788
8737
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8789
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8738
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8790
8739
|
var imageToLeft = _ref.imageToLeft;
|
|
8791
8740
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8792
8741
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9057,10 +9006,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9057
9006
|
}))));
|
|
9058
9007
|
};
|
|
9059
9008
|
|
|
9060
|
-
var _templateObject$
|
|
9009
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
9061
9010
|
var LENGTH_TEXT$2 = 28;
|
|
9062
9011
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9063
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9012
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
9064
9013
|
var imageToLeft = _ref.imageToLeft;
|
|
9065
9014
|
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'";
|
|
9066
9015
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9113,8 +9062,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
9113
9062
|
return '';
|
|
9114
9063
|
});
|
|
9115
9064
|
|
|
9116
|
-
var _templateObject$
|
|
9117
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9065
|
+
var _templateObject$14;
|
|
9066
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
9118
9067
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9119
9068
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9120
9069
|
return aspectRatio;
|
|
@@ -9318,8 +9267,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9318
9267
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9319
9268
|
};
|
|
9320
9269
|
|
|
9321
|
-
var _templateObject$
|
|
9322
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9270
|
+
var _templateObject$15;
|
|
9271
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9323
9272
|
|
|
9324
9273
|
/**
|
|
9325
9274
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9377,8 +9326,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9377
9326
|
})));
|
|
9378
9327
|
};
|
|
9379
9328
|
|
|
9380
|
-
var _templateObject$
|
|
9381
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9329
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$F;
|
|
9330
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9382
9331
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9383
9332
|
var horizontalMode = _ref.horizontalMode;
|
|
9384
9333
|
if (horizontalMode) return 'row';
|
|
@@ -9467,8 +9416,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9467
9416
|
}, error)));
|
|
9468
9417
|
};
|
|
9469
9418
|
|
|
9470
|
-
var _templateObject$
|
|
9471
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9419
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
9420
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
9472
9421
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9473
9422
|
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);
|
|
9474
9423
|
|
|
@@ -9532,8 +9481,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9532
9481
|
})))));
|
|
9533
9482
|
};
|
|
9534
9483
|
|
|
9535
|
-
var _templateObject$
|
|
9536
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9484
|
+
var _templateObject$18;
|
|
9485
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__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);
|
|
9537
9486
|
|
|
9538
9487
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9539
9488
|
var title = _ref.title,
|
|
@@ -9561,8 +9510,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9561
9510
|
}, description))));
|
|
9562
9511
|
};
|
|
9563
9512
|
|
|
9564
|
-
var _templateObject$
|
|
9565
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9513
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9514
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$19 || (_templateObject$19 = /*#__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) {
|
|
9566
9515
|
var theme = _ref.theme;
|
|
9567
9516
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9568
9517
|
}, function (_ref2) {
|
|
@@ -9984,8 +9933,8 @@ function Select(_ref3) {
|
|
|
9984
9933
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9985
9934
|
}
|
|
9986
9935
|
|
|
9987
|
-
var _templateObject$
|
|
9988
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9936
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9937
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9989
9938
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9990
9939
|
var width = _ref.width;
|
|
9991
9940
|
if (!width) return 'none';
|
|
@@ -10124,8 +10073,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10124
10073
|
})));
|
|
10125
10074
|
};
|
|
10126
10075
|
|
|
10127
|
-
var _templateObject$
|
|
10128
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10076
|
+
var _templateObject$1b;
|
|
10077
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__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) {
|
|
10129
10078
|
var theme = _ref.theme;
|
|
10130
10079
|
return theme.colors.primary;
|
|
10131
10080
|
});
|
|
@@ -10153,8 +10102,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10153
10102
|
})));
|
|
10154
10103
|
};
|
|
10155
10104
|
|
|
10156
|
-
var _templateObject$
|
|
10157
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10105
|
+
var _templateObject$1c, _templateObject2$R;
|
|
10106
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__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) {
|
|
10158
10107
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10159
10108
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10160
10109
|
return aspectRatio;
|
|
@@ -10202,8 +10151,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10202
10151
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10203
10152
|
};
|
|
10204
10153
|
|
|
10205
|
-
var _templateObject$
|
|
10206
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10154
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$J;
|
|
10155
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10207
10156
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10208
10157
|
var displayAttribution = _ref.displayAttribution;
|
|
10209
10158
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10232,8 +10181,8 @@ var Quote = function Quote(_ref) {
|
|
|
10232
10181
|
}, attribution))));
|
|
10233
10182
|
};
|
|
10234
10183
|
|
|
10235
|
-
var _templateObject$
|
|
10236
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10184
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
10185
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
10237
10186
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10238
10187
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10239
10188
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -10276,8 +10225,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10276
10225
|
}, title)))));
|
|
10277
10226
|
};
|
|
10278
10227
|
|
|
10279
|
-
var _templateObject$
|
|
10280
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10228
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10229
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10281
10230
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10282
10231
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10283
10232
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__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"])));
|
|
@@ -10378,113 +10327,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10378
10327
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10379
10328
|
};
|
|
10380
10329
|
|
|
10381
|
-
var _templateObject$
|
|
10382
|
-
var
|
|
10383
|
-
var
|
|
10384
|
-
var
|
|
10385
|
-
var color
|
|
10386
|
-
return "var(--base-color-" + color + ")";
|
|
10387
|
-
});
|
|
10388
|
-
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"])));
|
|
10389
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10390
|
-
var color = _ref2.color;
|
|
10391
|
-
return "var(--base-color-" + color + ")";
|
|
10392
|
-
});
|
|
10393
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10394
|
-
var color = _ref3.color;
|
|
10395
|
-
return "var(--base-color-" + color + ")";
|
|
10396
|
-
});
|
|
10397
|
-
|
|
10398
|
-
/**
|
|
10399
|
-
* Password strength indicator component.
|
|
10400
|
-
* This renders some number of lines (6 by default)
|
|
10401
|
-
* which should become active when the user improves
|
|
10402
|
-
* the strength of the entered password.
|
|
10403
|
-
*
|
|
10404
|
-
* ## Sections
|
|
10405
|
-
* To set number of sections it should be passed
|
|
10406
|
-
* as `sections` prop.
|
|
10407
|
-
*
|
|
10408
|
-
* ## Active section
|
|
10409
|
-
* To set number of active sections it should be passed
|
|
10410
|
-
* as `activeSections` prop.
|
|
10411
|
-
*
|
|
10412
|
-
* ## Colors
|
|
10413
|
-
* Color of every element can be controlled by properties:
|
|
10414
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10415
|
-
* `textColor`, `strengthLabelColor`.
|
|
10416
|
-
*
|
|
10417
|
-
* ## Text
|
|
10418
|
-
* `text` prop is used to render some message.
|
|
10419
|
-
* For example error (together with proper red color)
|
|
10420
|
-
* or some password requirement. It can be empty.
|
|
10421
|
-
*
|
|
10422
|
-
* ## Strength label
|
|
10423
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10424
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10425
|
-
* It can be empty.
|
|
10426
|
-
*/
|
|
10427
|
-
|
|
10428
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10429
|
-
var _ref$sections = _ref.sections,
|
|
10430
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10431
|
-
_ref$activeSections = _ref.activeSections,
|
|
10432
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10433
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10434
|
-
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10435
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10436
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10437
|
-
_ref$text = _ref.text,
|
|
10438
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10439
|
-
_ref$textColor = _ref.textColor,
|
|
10440
|
-
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10441
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10442
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10443
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10444
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10445
|
-
|
|
10446
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10447
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10448
|
-
};
|
|
10449
|
-
|
|
10450
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10451
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10452
|
-
};
|
|
10453
|
-
|
|
10454
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10455
|
-
"data-testid": "password-strength-container"
|
|
10456
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10457
|
-
"data-testid": "password-strength-sections"
|
|
10458
|
-
}, Array.from({
|
|
10459
|
-
length: sections
|
|
10460
|
-
}, function (_section, i) {
|
|
10461
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10462
|
-
key: i,
|
|
10463
|
-
color: setSectionColor(i),
|
|
10464
|
-
"data-testid": setSectionDataTestId(i)
|
|
10465
|
-
});
|
|
10466
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10467
|
-
color: textColor,
|
|
10468
|
-
"data-testid": "password-strength-text"
|
|
10469
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10470
|
-
level: 6
|
|
10471
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10472
|
-
color: strengthLabelColor,
|
|
10473
|
-
"data-testid": "password-strength-label"
|
|
10474
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10475
|
-
level: 2
|
|
10476
|
-
}, strengthLabel))));
|
|
10477
|
-
};
|
|
10478
|
-
|
|
10479
|
-
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t;
|
|
10480
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10481
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10482
|
-
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);
|
|
10483
|
-
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) {
|
|
10330
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s;
|
|
10331
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10332
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10333
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 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);
|
|
10334
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n 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) {
|
|
10484
10335
|
var isActive = _ref.isActive;
|
|
10485
10336
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10486
10337
|
}, exports.Colors.MidGrey);
|
|
10487
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10338
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$s || (_templateObject5$s = /*#__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) {
|
|
10488
10339
|
var isOpen = _ref2.isOpen;
|
|
10489
10340
|
return isOpen ? 'block' : 'none';
|
|
10490
10341
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10654,27 +10505,126 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10654
10505
|
});
|
|
10655
10506
|
};
|
|
10656
10507
|
|
|
10657
|
-
var _templateObject$
|
|
10658
|
-
var
|
|
10508
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t, _templateObject6$m;
|
|
10509
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10510
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10511
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10512
|
+
var color = _ref.color;
|
|
10513
|
+
return "var(--base-color-" + color + ")";
|
|
10514
|
+
});
|
|
10515
|
+
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"])));
|
|
10516
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10517
|
+
var color = _ref2.color;
|
|
10518
|
+
return "var(--base-color-" + color + ")";
|
|
10519
|
+
});
|
|
10520
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10521
|
+
var color = _ref3.color;
|
|
10522
|
+
return "var(--base-color-" + color + ")";
|
|
10523
|
+
});
|
|
10524
|
+
|
|
10525
|
+
/**
|
|
10526
|
+
* Password strength indicator component.
|
|
10527
|
+
* This renders some number of lines (6 by default)
|
|
10528
|
+
* which should become active when the user improves
|
|
10529
|
+
* the strength of the entered password.
|
|
10530
|
+
*
|
|
10531
|
+
* ## Sections
|
|
10532
|
+
* To set number of sections it should be passed
|
|
10533
|
+
* as `sections` prop.
|
|
10534
|
+
*
|
|
10535
|
+
* ## Active section
|
|
10536
|
+
* To set number of active sections it should be passed
|
|
10537
|
+
* as `activeSections` prop.
|
|
10538
|
+
*
|
|
10539
|
+
* ## Colors
|
|
10540
|
+
* Color of every element can be controlled by properties:
|
|
10541
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10542
|
+
* `textColor`, `strengthLabelColor`.
|
|
10543
|
+
*
|
|
10544
|
+
* ## Text
|
|
10545
|
+
* `text` prop is used to render some message.
|
|
10546
|
+
* For example error (together with proper red color)
|
|
10547
|
+
* or some password requirement. It can be empty.
|
|
10548
|
+
*
|
|
10549
|
+
* ## Strength label
|
|
10550
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10551
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10552
|
+
* It can be empty.
|
|
10553
|
+
*/
|
|
10554
|
+
|
|
10555
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10556
|
+
var _ref$sections = _ref.sections,
|
|
10557
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10558
|
+
_ref$activeSections = _ref.activeSections,
|
|
10559
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10560
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10561
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10562
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10563
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10564
|
+
_ref$text = _ref.text,
|
|
10565
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10566
|
+
_ref$textColor = _ref.textColor,
|
|
10567
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10568
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10569
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10570
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10571
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10572
|
+
|
|
10573
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10574
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10575
|
+
};
|
|
10576
|
+
|
|
10577
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10578
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10579
|
+
};
|
|
10580
|
+
|
|
10581
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10582
|
+
"data-testid": "password-strength-container"
|
|
10583
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10584
|
+
"data-testid": "password-strength-sections"
|
|
10585
|
+
}, Array.from({
|
|
10586
|
+
length: sections
|
|
10587
|
+
}, function (_section, i) {
|
|
10588
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10589
|
+
key: i,
|
|
10590
|
+
color: setSectionColor(i),
|
|
10591
|
+
"data-testid": setSectionDataTestId(i)
|
|
10592
|
+
});
|
|
10593
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10594
|
+
color: textColor,
|
|
10595
|
+
"data-testid": "password-strength-text"
|
|
10596
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10597
|
+
level: 6
|
|
10598
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10599
|
+
color: strengthLabelColor,
|
|
10600
|
+
"data-testid": "password-strength-label"
|
|
10601
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10602
|
+
level: 2
|
|
10603
|
+
}, strengthLabel))));
|
|
10604
|
+
};
|
|
10605
|
+
|
|
10606
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10607
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10659
10608
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10660
10609
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10661
|
-
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\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) {
|
|
10610
|
+
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) {
|
|
10611
|
+
return "var(--base-color-" + props.lineColor + ")";
|
|
10612
|
+
}, function (props) {
|
|
10662
10613
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10663
10614
|
}, devices.tablet, devices.mobile);
|
|
10664
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$u || (_templateObject5$u = /*#__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\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) {
|
|
10615
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$u || (_templateObject5$u = /*#__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) {
|
|
10616
|
+
return "var(--base-color-" + props.lineColor + ")";
|
|
10617
|
+
}, function (props) {
|
|
10665
10618
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10666
10619
|
}, devices.mobile);
|
|
10667
|
-
var
|
|
10668
|
-
|
|
10669
|
-
});
|
|
10670
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
10671
|
-
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
10620
|
+
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
10621
|
+
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
10672
10622
|
var active = _ref.active;
|
|
10673
10623
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
10674
10624
|
});
|
|
10675
|
-
var Next = /*#__PURE__*/styled__default.span(
|
|
10676
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(
|
|
10677
|
-
var AriaDescription = /*#__PURE__*/styled__default.span(
|
|
10625
|
+
var Next = /*#__PURE__*/styled__default.span(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
10626
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
|
|
10627
|
+
var AriaDescription = /*#__PURE__*/styled__default.span(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
10678
10628
|
|
|
10679
10629
|
var Content = function Content(_ref) {
|
|
10680
10630
|
var content = _ref.content;
|
|
@@ -10684,25 +10634,37 @@ var Content = function Content(_ref) {
|
|
|
10684
10634
|
}
|
|
10685
10635
|
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10686
10636
|
};
|
|
10637
|
+
var scrollTable = function scrollTable(tableRef, direction) {
|
|
10638
|
+
if (tableRef.current) {
|
|
10639
|
+
var currentScroll = tableRef.current.scrollLeft;
|
|
10640
|
+
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10641
|
+
tableRef.current.scrollTo({
|
|
10642
|
+
left: currentScroll + scrollAmount,
|
|
10643
|
+
behavior: 'smooth'
|
|
10644
|
+
});
|
|
10645
|
+
}
|
|
10646
|
+
};
|
|
10687
10647
|
|
|
10688
|
-
var Cell = function Cell(
|
|
10689
|
-
var cell =
|
|
10690
|
-
cellIndex =
|
|
10691
|
-
columns =
|
|
10648
|
+
var Cell = function Cell(_ref) {
|
|
10649
|
+
var cell = _ref.cell,
|
|
10650
|
+
cellIndex = _ref.cellIndex,
|
|
10651
|
+
columns = _ref.columns,
|
|
10652
|
+
lineColor = _ref.lineColor;
|
|
10692
10653
|
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10693
10654
|
key: cellIndex,
|
|
10694
10655
|
columns: columns,
|
|
10695
|
-
role: "gridcell"
|
|
10656
|
+
role: "gridcell",
|
|
10657
|
+
lineColor: lineColor
|
|
10696
10658
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10697
10659
|
content: cell
|
|
10698
10660
|
}));
|
|
10699
10661
|
};
|
|
10700
10662
|
|
|
10701
|
-
var Row = function Row(
|
|
10702
|
-
var row =
|
|
10703
|
-
rowIndex =
|
|
10704
|
-
columns =
|
|
10705
|
-
lineColor =
|
|
10663
|
+
var Row = function Row(_ref) {
|
|
10664
|
+
var row = _ref.row,
|
|
10665
|
+
rowIndex = _ref.rowIndex,
|
|
10666
|
+
columns = _ref.columns,
|
|
10667
|
+
lineColor = _ref.lineColor;
|
|
10706
10668
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10707
10669
|
key: rowIndex
|
|
10708
10670
|
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
@@ -10710,37 +10672,20 @@ var Row = function Row(_ref3) {
|
|
|
10710
10672
|
key: index,
|
|
10711
10673
|
cell: cell,
|
|
10712
10674
|
cellIndex: index,
|
|
10713
|
-
columns: columns
|
|
10714
|
-
|
|
10715
|
-
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10716
|
-
"aria-hidden": "true"
|
|
10717
|
-
}, /*#__PURE__*/React__default.createElement("td", {
|
|
10718
|
-
colSpan: columns,
|
|
10719
|
-
"aria-hidden": "true"
|
|
10720
|
-
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10721
|
-
lineColor: lineColor
|
|
10722
|
-
}))));
|
|
10723
|
-
};
|
|
10724
|
-
|
|
10725
|
-
var scrollTable = function scrollTable(tableRef, direction) {
|
|
10726
|
-
if (tableRef.current) {
|
|
10727
|
-
var currentScroll = tableRef.current.scrollLeft;
|
|
10728
|
-
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10729
|
-
tableRef.current.scrollTo({
|
|
10730
|
-
left: currentScroll + scrollAmount,
|
|
10731
|
-
behavior: 'smooth'
|
|
10675
|
+
columns: columns,
|
|
10676
|
+
lineColor: lineColor
|
|
10732
10677
|
});
|
|
10733
|
-
}
|
|
10678
|
+
})));
|
|
10734
10679
|
};
|
|
10735
10680
|
|
|
10736
|
-
var Table = function Table(
|
|
10737
|
-
var columns =
|
|
10738
|
-
headings =
|
|
10739
|
-
children =
|
|
10740
|
-
lineColors =
|
|
10741
|
-
rowsPerPage =
|
|
10742
|
-
pagination =
|
|
10743
|
-
description =
|
|
10681
|
+
var Table = function Table(_ref) {
|
|
10682
|
+
var columns = _ref.columns,
|
|
10683
|
+
headings = _ref.headings,
|
|
10684
|
+
children = _ref.children,
|
|
10685
|
+
lineColors = _ref.lineColors,
|
|
10686
|
+
rowsPerPage = _ref.rowsPerPage,
|
|
10687
|
+
pagination = _ref.pagination,
|
|
10688
|
+
description = _ref.description;
|
|
10744
10689
|
|
|
10745
10690
|
var _useState = React.useState(0),
|
|
10746
10691
|
currentPage = _useState[0],
|
|
@@ -10761,7 +10706,6 @@ var Table = function Table(_ref4) {
|
|
|
10761
10706
|
|
|
10762
10707
|
horizontalScroll();
|
|
10763
10708
|
window.addEventListener('resize', horizontalScroll);
|
|
10764
|
-
console.log('~~~ horizontal Scroll ~~~');
|
|
10765
10709
|
return function () {
|
|
10766
10710
|
return window.removeEventListener('resize', horizontalScroll);
|
|
10767
10711
|
};
|
|
@@ -10800,19 +10744,12 @@ var Table = function Table(_ref4) {
|
|
|
10800
10744
|
key: index,
|
|
10801
10745
|
role: "columnheader",
|
|
10802
10746
|
scope: "col",
|
|
10803
|
-
columns: columns
|
|
10747
|
+
columns: columns,
|
|
10748
|
+
lineColor: lineColor
|
|
10804
10749
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10805
10750
|
content: heading
|
|
10806
10751
|
}));
|
|
10807
|
-
})), /*#__PURE__*/React__default.createElement("
|
|
10808
|
-
"aria-hidden": "true"
|
|
10809
|
-
}, ' ', /*#__PURE__*/React__default.createElement("td", {
|
|
10810
|
-
colSpan: columns,
|
|
10811
|
-
"aria-hidden": "true"
|
|
10812
|
-
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10813
|
-
lineColor: lineColor,
|
|
10814
|
-
role: "presentation"
|
|
10815
|
-
})))), /*#__PURE__*/React__default.createElement("tbody", {
|
|
10752
|
+
}))), /*#__PURE__*/React__default.createElement("tbody", {
|
|
10816
10753
|
role: "rowgroup"
|
|
10817
10754
|
}, ' ', Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10818
10755
|
return /*#__PURE__*/React__default.createElement(Row, {
|
|
@@ -10950,8 +10887,8 @@ var LiveChat = function LiveChat() {
|
|
|
10950
10887
|
});
|
|
10951
10888
|
};
|
|
10952
10889
|
|
|
10953
|
-
var _templateObject$
|
|
10954
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10890
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
10891
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10955
10892
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
10956
10893
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10957
10894
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10980,8 +10917,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10980
10917
|
}, children)));
|
|
10981
10918
|
};
|
|
10982
10919
|
|
|
10983
|
-
var _templateObject$
|
|
10984
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10920
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10921
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__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);
|
|
10985
10922
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
10986
10923
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10987
10924
|
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"])));
|
|
@@ -11104,8 +11041,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11104
11041
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11105
11042
|
};
|
|
11106
11043
|
|
|
11107
|
-
var _templateObject$
|
|
11108
|
-
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) {
|
|
11044
|
+
var _templateObject$1l;
|
|
11045
|
+
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) {
|
|
11109
11046
|
var theme = _ref.theme;
|
|
11110
11047
|
return theme.colors.primary;
|
|
11111
11048
|
}, function (_ref2) {
|
|
@@ -12066,7 +12003,6 @@ exports.Footer = Footer;
|
|
|
12066
12003
|
exports.GlobalStyles = GlobalStyles;
|
|
12067
12004
|
exports.Grid = Grid;
|
|
12068
12005
|
exports.GridItem = GridItem;
|
|
12069
|
-
exports.GridItemLegacy = GridItemLegacy;
|
|
12070
12006
|
exports.Header = Header;
|
|
12071
12007
|
exports.Icon = Icon;
|
|
12072
12008
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|