@royaloperahouse/chord 2.2.13 → 2.2.14-a-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +213 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +516 -398
- 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 +514 -399
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
- package/dist/components/atoms/Grid/index.d.ts +2 -1
- package/dist/components/atoms/TextField/TextFieldLegacy.d.ts +8 -0
- package/dist/components/atoms/TextField/TextFieldLegacy.style.d.ts +5 -0
- package/dist/components/atoms/TextField/index.d.ts +2 -1
- package/dist/components/atoms/index.d.ts +3 -3
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/Table/Table.style.d.ts +6 -3
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/types/formTypes.d.ts +12 -9
- package/package.json +2 -2
- package/README.GIT +0 -277
|
@@ -2586,7 +2586,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2586
2586
|
});
|
|
2587
2587
|
|
|
2588
2588
|
var _templateObject$b;
|
|
2589
|
-
|
|
2589
|
+
/**
|
|
2590
|
+
* # IMPORTANT
|
|
2591
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2592
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2593
|
+
*/
|
|
2594
|
+
|
|
2595
|
+
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) {
|
|
2596
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2597
|
+
return columnStartDesktop;
|
|
2598
|
+
}, function (_ref2) {
|
|
2599
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2600
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2601
|
+
return columnSpanDesktop;
|
|
2602
|
+
}, devices.mobile, function (_ref3) {
|
|
2603
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2604
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2605
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2606
|
+
}, function (_ref4) {
|
|
2607
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2608
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2609
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2610
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2611
|
+
}, devices.tablet, function (_ref5) {
|
|
2612
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
2613
|
+
return columnStartDevice;
|
|
2614
|
+
}, function (_ref6) {
|
|
2615
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2616
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2617
|
+
return columnSpanDevice;
|
|
2618
|
+
});
|
|
2619
|
+
|
|
2620
|
+
var _templateObject$c;
|
|
2621
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n position: relative;\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) {
|
|
2590
2622
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2591
2623
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2592
2624
|
return aspectRatio;
|
|
@@ -2604,8 +2636,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
|
|
|
2604
2636
|
return aspectRatio;
|
|
2605
2637
|
});
|
|
2606
2638
|
|
|
2607
|
-
var _templateObject$
|
|
2608
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2639
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2640
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2609
2641
|
var height = _ref.height;
|
|
2610
2642
|
return height ? height + "px" : '6px';
|
|
2611
2643
|
});
|
|
@@ -2688,13 +2720,13 @@ var Progress = function Progress(_ref) {
|
|
|
2688
2720
|
}, renderSteps()));
|
|
2689
2721
|
};
|
|
2690
2722
|
|
|
2691
|
-
var _templateObject$
|
|
2692
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2723
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2724
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2693
2725
|
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"])));
|
|
2694
2726
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2695
2727
|
|
|
2696
|
-
var _templateObject$
|
|
2697
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2728
|
+
var _templateObject$f;
|
|
2729
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2698
2730
|
var typography = _ref.typography;
|
|
2699
2731
|
return typography;
|
|
2700
2732
|
}, function (_ref2) {
|
|
@@ -2850,8 +2882,8 @@ var Radio = function Radio(_ref) {
|
|
|
2850
2882
|
}, error)));
|
|
2851
2883
|
};
|
|
2852
2884
|
|
|
2853
|
-
var _templateObject$
|
|
2854
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2885
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
2886
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
2855
2887
|
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) {
|
|
2856
2888
|
var error = _ref.error,
|
|
2857
2889
|
darkMode = _ref.darkMode,
|
|
@@ -2959,8 +2991,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2959
2991
|
}, error)));
|
|
2960
2992
|
});
|
|
2961
2993
|
|
|
2962
|
-
var _templateObject$
|
|
2963
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2994
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
2995
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2964
2996
|
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) {
|
|
2965
2997
|
var theme = _ref.theme;
|
|
2966
2998
|
return theme.colors.primary;
|
|
@@ -3031,8 +3063,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3031
3063
|
}, renderNextIcon()));
|
|
3032
3064
|
};
|
|
3033
3065
|
|
|
3034
|
-
var _templateObject$
|
|
3035
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3066
|
+
var _templateObject$i;
|
|
3067
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3036
3068
|
var fillColor = _ref.fillColor;
|
|
3037
3069
|
return fillColor;
|
|
3038
3070
|
});
|
|
@@ -3056,8 +3088,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3056
3088
|
})));
|
|
3057
3089
|
};
|
|
3058
3090
|
|
|
3059
|
-
var _templateObject$
|
|
3060
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3091
|
+
var _templateObject$j, _templateObject2$7;
|
|
3092
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3061
3093
|
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"])));
|
|
3062
3094
|
|
|
3063
3095
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3076,8 +3108,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3076
3108
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3077
3109
|
};
|
|
3078
3110
|
|
|
3079
|
-
var _templateObject$
|
|
3080
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3111
|
+
var _templateObject$k;
|
|
3112
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3081
3113
|
|
|
3082
3114
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3083
3115
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3287,11 +3319,11 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3287
3319
|
})))));
|
|
3288
3320
|
};
|
|
3289
3321
|
|
|
3290
|
-
var _templateObject$
|
|
3291
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3322
|
+
var _templateObject$l, _templateObject2$8;
|
|
3323
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3292
3324
|
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);
|
|
3293
3325
|
|
|
3294
|
-
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/
|
|
3326
|
+
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
3295
3327
|
var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
|
|
3296
3328
|
var DEFAULT_DATA_ROH = 'ImgAdvert';
|
|
3297
3329
|
var DEFAULT_SPONSORSHIP_ALT_TEXT = "Sponsor's logo";
|
|
@@ -3321,8 +3353,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3321
3353
|
}));
|
|
3322
3354
|
};
|
|
3323
3355
|
|
|
3324
|
-
var _templateObject$
|
|
3325
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3356
|
+
var _templateObject$m, _templateObject2$9;
|
|
3357
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3326
3358
|
if (props.withIcon === 'left') {
|
|
3327
3359
|
return "margin-left: 5px;";
|
|
3328
3360
|
}
|
|
@@ -3421,8 +3453,8 @@ var Tab = function Tab(_ref) {
|
|
|
3421
3453
|
}));
|
|
3422
3454
|
};
|
|
3423
3455
|
|
|
3424
|
-
var _templateObject$
|
|
3425
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3456
|
+
var _templateObject$n, _templateObject2$a;
|
|
3457
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3426
3458
|
var iconName = _ref.iconName;
|
|
3427
3459
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3428
3460
|
}, function (_ref2) {
|
|
@@ -3473,8 +3505,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3473
3505
|
})) : null, children);
|
|
3474
3506
|
};
|
|
3475
3507
|
|
|
3476
|
-
var _templateObject$
|
|
3477
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3508
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3509
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3478
3510
|
var width = _ref.width;
|
|
3479
3511
|
return width ? width + "px;" : '100%;';
|
|
3480
3512
|
}, function (_ref2) {
|
|
@@ -3597,8 +3629,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3597
3629
|
}, error))));
|
|
3598
3630
|
};
|
|
3599
3631
|
|
|
3600
|
-
var _templateObject$
|
|
3601
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3632
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3633
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3602
3634
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3603
3635
|
var width = _ref.width;
|
|
3604
3636
|
if (!width) return 'none';
|
|
@@ -3724,15 +3756,87 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3724
3756
|
}, error)));
|
|
3725
3757
|
});
|
|
3726
3758
|
|
|
3727
|
-
var _templateObject$
|
|
3728
|
-
var
|
|
3759
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3760
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3761
|
+
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) {
|
|
3762
|
+
var theme = _ref.theme;
|
|
3763
|
+
return theme.fonts.desktop.weights.body[1];
|
|
3764
|
+
}, function (_ref2) {
|
|
3765
|
+
var theme = _ref2.theme;
|
|
3766
|
+
return theme.fonts.desktop.sizes.altHeaders[6];
|
|
3767
|
+
}, function (_ref3) {
|
|
3768
|
+
var theme = _ref3.theme;
|
|
3769
|
+
return theme.spacing[7];
|
|
3770
|
+
});
|
|
3771
|
+
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
|
|
3772
|
+
var width = _ref4.width;
|
|
3773
|
+
return width ? width + 'px' : '196px';
|
|
3774
|
+
}, function (_ref5) {
|
|
3775
|
+
var theme = _ref5.theme;
|
|
3776
|
+
return theme.colors.darkgrey;
|
|
3777
|
+
}, function (_ref6) {
|
|
3778
|
+
var error = _ref6.error,
|
|
3779
|
+
theme = _ref6.theme;
|
|
3780
|
+
if (!error) return;
|
|
3781
|
+
return "\n border: 1px solid " + theme.colors.error + ";\n ";
|
|
3782
|
+
}, function (_ref7) {
|
|
3783
|
+
var theme = _ref7.theme;
|
|
3784
|
+
return theme.colors.lightgrey;
|
|
3785
|
+
}, function (_ref8) {
|
|
3786
|
+
var darkMode = _ref8.darkMode,
|
|
3787
|
+
theme = _ref8.theme;
|
|
3788
|
+
if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
|
|
3789
|
+
return "3px solid " + theme.colors.lapisLazuli;
|
|
3790
|
+
});
|
|
3791
|
+
var TextLabel$2 = /*#__PURE__*/styled__default.p(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref9) {
|
|
3792
|
+
var darkMode = _ref9.darkMode,
|
|
3793
|
+
theme = _ref9.theme;
|
|
3794
|
+
return darkMode ? theme.colors.white : theme.colors.black;
|
|
3795
|
+
});
|
|
3796
|
+
var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref10) {
|
|
3797
|
+
var darkMode = _ref10.darkMode,
|
|
3798
|
+
theme = _ref10.theme;
|
|
3799
|
+
return darkMode ? theme.colors.white : theme.colors.error;
|
|
3800
|
+
});
|
|
3801
|
+
|
|
3802
|
+
/**
|
|
3803
|
+
* # IMPORTANT
|
|
3804
|
+
* Please use the `<TextField />` component instead of this component if possible.
|
|
3805
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3806
|
+
* */
|
|
3807
|
+
|
|
3808
|
+
var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
3809
|
+
var label = _ref.label,
|
|
3810
|
+
error = _ref.error,
|
|
3811
|
+
_ref$darkMode = _ref.darkMode,
|
|
3812
|
+
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
3813
|
+
width = _ref.width,
|
|
3814
|
+
inputProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "darkMode", "width"]);
|
|
3815
|
+
|
|
3816
|
+
return /*#__PURE__*/React__default.createElement(TextFieldContainer, null, /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(TextLabel$2, {
|
|
3817
|
+
darkMode: darkMode,
|
|
3818
|
+
"data-testid": "text-field-text-label"
|
|
3819
|
+
}, label), /*#__PURE__*/React__default.createElement(Input$1, Object.assign({
|
|
3820
|
+
type: "text",
|
|
3821
|
+
error: error,
|
|
3822
|
+
darkMode: darkMode,
|
|
3823
|
+
"data-testid": "text-field-input",
|
|
3824
|
+
width: width
|
|
3825
|
+
}, inputProps))), error ? /*#__PURE__*/React__default.createElement(ErrorLabel$2, {
|
|
3826
|
+
darkMode: darkMode,
|
|
3827
|
+
"data-testid": "text-field-error-label"
|
|
3828
|
+
}, error) : null);
|
|
3829
|
+
};
|
|
3830
|
+
|
|
3831
|
+
var _templateObject$r, _templateObject2$e;
|
|
3832
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
3729
3833
|
var iconName = _ref.iconName;
|
|
3730
3834
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3731
3835
|
}, function (_ref2) {
|
|
3732
3836
|
var color = _ref2.color;
|
|
3733
3837
|
return color;
|
|
3734
3838
|
});
|
|
3735
|
-
var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
3839
|
+
var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
3736
3840
|
|
|
3737
3841
|
var TextLink = function TextLink(_ref) {
|
|
3738
3842
|
var children = _ref.children,
|
|
@@ -3754,20 +3858,20 @@ var TextLink = function TextLink(_ref) {
|
|
|
3754
3858
|
})) : null);
|
|
3755
3859
|
};
|
|
3756
3860
|
|
|
3757
|
-
var _templateObject$
|
|
3758
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3861
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3862
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 10px;\n margin-top: 140px;\n display: grid;\n grid-template-columns: repeat(2, auto);\n font-family: var(--font-family-header);\n font-size: ", ";\n color: ", ";\n width: auto;\n margin: auto;\n"])), function (_ref) {
|
|
3759
3863
|
var fontSize = _ref.fontSize;
|
|
3760
3864
|
return fontSize + 'px';
|
|
3761
3865
|
}, function (_ref2) {
|
|
3762
3866
|
var color = _ref2.color;
|
|
3763
3867
|
return color;
|
|
3764
3868
|
});
|
|
3765
|
-
var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3766
|
-
var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3869
|
+
var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n font-weight: 500;\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
3870
|
+
var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-right: 1px solid ", ";\n padding-right: 10px;\n letter-spacing: 2px;\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
|
|
3767
3871
|
var color = _ref3.color;
|
|
3768
3872
|
return color;
|
|
3769
3873
|
});
|
|
3770
|
-
var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3874
|
+
var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n font-weight: 400;\n"])));
|
|
3771
3875
|
|
|
3772
3876
|
var TextLogoProduct;
|
|
3773
3877
|
|
|
@@ -3789,12 +3893,12 @@ var Logo = function Logo(_ref) {
|
|
|
3789
3893
|
}, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
|
|
3790
3894
|
};
|
|
3791
3895
|
|
|
3792
|
-
var _templateObject$
|
|
3793
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3896
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7;
|
|
3897
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3794
3898
|
var dark = _ref.dark;
|
|
3795
3899
|
return dark ? 'white' : 'errorstate';
|
|
3796
3900
|
});
|
|
3797
|
-
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
3901
|
+
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(\n --base-color-", "\n );\n cursor: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n div {\n margin-left: -32px;\n }\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref2) {
|
|
3798
3902
|
var dark = _ref2.dark,
|
|
3799
3903
|
disabled = _ref2.disabled;
|
|
3800
3904
|
if (dark) return disabled ? 'lightgrey' : 'white';
|
|
@@ -3803,7 +3907,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$f || (_
|
|
|
3803
3907
|
var disabled = _ref3.disabled;
|
|
3804
3908
|
return disabled ? 'not-allowed' : 'pointer';
|
|
3805
3909
|
}, devices.mobileAndTablet);
|
|
3806
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
3910
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
|
|
3807
3911
|
var dark = _ref4.dark,
|
|
3808
3912
|
disabled = _ref4.disabled,
|
|
3809
3913
|
error = _ref4.error;
|
|
@@ -3819,7 +3923,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (
|
|
|
3819
3923
|
dark = _ref6.dark;
|
|
3820
3924
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
3821
3925
|
}, devices.mobile);
|
|
3822
|
-
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
3926
|
+
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(\n --base-color-", "\n );\n & svg {\n display: block;\n path {\n fill: var(\n --base-color-", "\n );\n }\n }\n }\n"])), TickboxCheckmark, function (_ref7) {
|
|
3823
3927
|
var dark = _ref7.dark,
|
|
3824
3928
|
whiteBox = _ref7.whiteBox,
|
|
3825
3929
|
disabled = _ref7.disabled;
|
|
@@ -3911,9 +4015,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3911
4015
|
}, error)));
|
|
3912
4016
|
};
|
|
3913
4017
|
|
|
3914
|
-
var _templateObject$
|
|
3915
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3916
|
-
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4018
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$4, _templateObject6$2;
|
|
4019
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4020
|
+
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3917
4021
|
var error = _ref.error,
|
|
3918
4022
|
darkMode = _ref.darkMode,
|
|
3919
4023
|
disabled = _ref.disabled;
|
|
@@ -3936,7 +4040,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templat
|
|
|
3936
4040
|
if (blackBox) return 'var(--base-color-white)';
|
|
3937
4041
|
return ' var(--base-color-black)';
|
|
3938
4042
|
});
|
|
3939
|
-
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
4043
|
+
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
|
|
3940
4044
|
var blackBox = _ref4.blackBox,
|
|
3941
4045
|
darkMode = _ref4.darkMode;
|
|
3942
4046
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -3947,8 +4051,8 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_
|
|
|
3947
4051
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
3948
4052
|
return '3px solid var(--base-color-lapislazuli)';
|
|
3949
4053
|
});
|
|
3950
|
-
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3951
|
-
var TextLabel$
|
|
4054
|
+
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n color: inherit;\n svg {\n font-size: 12px;\n width: 1em;\n height: 1em;\n fill: currentColor;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n input[type='checkbox']:checked + ", " & {\n display: block;\n }\n"])), Tickbox$1);
|
|
4055
|
+
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
3952
4056
|
var darkMode = _ref6.darkMode,
|
|
3953
4057
|
disabled = _ref6.disabled;
|
|
3954
4058
|
if (darkMode && disabled) return 'var(--base-color-lightgrey)';
|
|
@@ -3956,7 +4060,7 @@ var TextLabel$2 = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templ
|
|
|
3956
4060
|
if (disabled) return 'var(--base-color-darkgrey)';
|
|
3957
4061
|
return 'var(--base-color-black)';
|
|
3958
4062
|
});
|
|
3959
|
-
var ErrorLabel$
|
|
4063
|
+
var ErrorLabel$3 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref7) {
|
|
3960
4064
|
var darkMode = _ref7.darkMode;
|
|
3961
4065
|
if (darkMode) return 'var(--base-color-white)';
|
|
3962
4066
|
return 'var(--base-color-errorstate)';
|
|
@@ -4008,13 +4112,13 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4008
4112
|
blackBox: blackBox
|
|
4009
4113
|
}, /*#__PURE__*/React__default.createElement(TickboxIcon, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
4010
4114
|
iconName: "Tick"
|
|
4011
|
-
}))), /*#__PURE__*/React__default.createElement(TextLabel$
|
|
4115
|
+
}))), /*#__PURE__*/React__default.createElement(TextLabel$3, {
|
|
4012
4116
|
disabled: disabled,
|
|
4013
4117
|
darkMode: darkMode,
|
|
4014
4118
|
"data-testid": "tickbox-content"
|
|
4015
4119
|
}, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
4016
4120
|
level: 1
|
|
4017
|
-
}, children))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
4121
|
+
}, children))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$3, {
|
|
4018
4122
|
darkMode: darkMode,
|
|
4019
4123
|
"data-testid": "tickbox-error-label"
|
|
4020
4124
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -4022,18 +4126,18 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4022
4126
|
}, error)));
|
|
4023
4127
|
});
|
|
4024
4128
|
|
|
4025
|
-
var _templateObject$
|
|
4026
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4129
|
+
var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4130
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4027
4131
|
var color = _ref.color;
|
|
4028
4132
|
return color;
|
|
4029
4133
|
});
|
|
4030
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4134
|
+
var Line = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: var(--base-color-", ");\n margin-top: 32px;\n\n @media ", " {\n margin-top: 20px;\n }\n"])), function (_ref2) {
|
|
4031
4135
|
var color = _ref2.color;
|
|
4032
4136
|
return color;
|
|
4033
4137
|
}, devices.mobileAndTablet);
|
|
4034
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4035
|
-
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4036
|
-
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4138
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4139
|
+
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
|
|
4140
|
+
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__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 margin-top: 4px;\n"])));
|
|
4037
4141
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
4038
4142
|
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4039
4143
|
var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4131,8 +4235,8 @@ var Timer = function Timer(_ref) {
|
|
|
4131
4235
|
}));
|
|
4132
4236
|
};
|
|
4133
4237
|
|
|
4134
|
-
var _templateObject$
|
|
4135
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4238
|
+
var _templateObject$w;
|
|
4239
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$w || (_templateObject$w = /*#__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"])));
|
|
4136
4240
|
|
|
4137
4241
|
var TypeTags = function TypeTags(_ref) {
|
|
4138
4242
|
var list = _ref.list;
|
|
@@ -4145,12 +4249,12 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4145
4249
|
}));
|
|
4146
4250
|
};
|
|
4147
4251
|
|
|
4148
|
-
var _templateObject$
|
|
4149
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
4150
|
-
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4151
|
-
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
4152
|
-
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
4153
|
-
var thumbStyes = /*#__PURE__*/styled.css(_templateObject5$
|
|
4252
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$1;
|
|
4253
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n"])));
|
|
4254
|
+
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50px;\n bottom: 24px;\n display: flex;\n align-items: center;\n @media ", " {\n left: 20px;\n bottom: 12px;\n }\n"])), devices.mobile);
|
|
4255
|
+
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4256
|
+
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
4257
|
+
var thumbStyes = /*#__PURE__*/styled.css(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n appearance: none;\n border: none;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: #ffffff;\n border: none;\n transform: translateY(-25%);\n"])));
|
|
4154
4258
|
var trackStyles = /*#__PURE__*/styled.css(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n height: 4px;\n cursor: pointer;\n background: rgb(241, 241, 241, 0.5);\n border-radius: 1.3px;\n border: none;\n"])));
|
|
4155
4259
|
var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin: 12px 12px;\n padding: 0;\n background-color: rgb(26, 26, 26, 0.6);\n height: 36px;\n width: ", ";\n align-items: center;\n justify-content: center;\n\n /* Range slider overrides */\n input[type='range' i] {\n -webkit-appearance: none;\n appearance: none;\n width: 42px;\n margin: 0;\n margin-left: 7px;\n background: transparent; /* Otherwise white in Chrome */\n\n ::-webkit-slider-runnable-track {\n ", "\n }\n ::-moz-range-track {\n ", "\n }\n ::-ms-track {\n ", "\n }\n ::-ms-fill-lower {\n ", "\n }\n ::-ms-fill-upper {\n ", "\n }\n\n ::-webkit-slider-thumb {\n ", "\n }\n ::-moz-range-thumb {\n ", "\n }\n ::-ms-thumb {\n ", "\n }\n }\n"])), function (_ref) {
|
|
4156
4260
|
var volumeHidden = _ref.volumeHidden;
|
|
@@ -4257,13 +4361,13 @@ var VideoControls = function VideoControls(_ref) {
|
|
|
4257
4361
|
})));
|
|
4258
4362
|
};
|
|
4259
4363
|
|
|
4260
|
-
var _templateObject$
|
|
4261
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4262
|
-
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4364
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7;
|
|
4365
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
4366
|
+
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
4263
4367
|
var darkMode = _ref.darkMode;
|
|
4264
4368
|
return darkMode ? 'white' : 'errorstate';
|
|
4265
4369
|
});
|
|
4266
|
-
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4370
|
+
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
|
|
4267
4371
|
var darkMode = _ref2.darkMode,
|
|
4268
4372
|
disabled = _ref2.disabled,
|
|
4269
4373
|
error = _ref2.error;
|
|
@@ -4285,11 +4389,11 @@ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templa
|
|
|
4285
4389
|
var disabled = _ref6.disabled;
|
|
4286
4390
|
return disabled ? 'midgrey' : 'black';
|
|
4287
4391
|
});
|
|
4288
|
-
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
4392
|
+
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 51px;\n border: 0;\n text-align: center;\n font-family: var(--font-family-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n background-color: transparent;\n cursor: ", ";\n"])), function (_ref7) {
|
|
4289
4393
|
var disabled = _ref7.disabled;
|
|
4290
4394
|
return disabled ? 'not-allowed' : 'text';
|
|
4291
4395
|
});
|
|
4292
|
-
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4396
|
+
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n\n span {\n display: flex;\n justify-content: center;\n }\n\n svg {\n width: 40%;\n height: auto;\n }\n"])), function (_ref8) {
|
|
4293
4397
|
var disabled = _ref8.disabled;
|
|
4294
4398
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4295
4399
|
});
|
|
@@ -4485,18 +4589,18 @@ var Component = function Component(_ref) {
|
|
|
4485
4589
|
}, error)));
|
|
4486
4590
|
};
|
|
4487
4591
|
|
|
4488
|
-
var _templateObject$
|
|
4489
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4592
|
+
var _templateObject$z, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
4593
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
4490
4594
|
var isMenuOpen = _ref.isMenuOpen;
|
|
4491
4595
|
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 ";
|
|
4492
4596
|
});
|
|
4493
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4494
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
4495
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4597
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
|
|
4598
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
|
|
4599
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
|
|
4496
4600
|
var visible = _ref2.visible;
|
|
4497
4601
|
return visible ? 'visible' : 'hidden';
|
|
4498
4602
|
}, zIndexes.search, devices.mobile);
|
|
4499
|
-
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
4603
|
+
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n height: 100px;\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref3) {
|
|
4500
4604
|
var visible = _ref3.visible;
|
|
4501
4605
|
return visible ? 'visible' : 'hidden';
|
|
4502
4606
|
}, zIndexes.search, devices.mobile);
|
|
@@ -4510,8 +4614,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9 || (_templa
|
|
|
4510
4614
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
4511
4615
|
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);
|
|
4512
4616
|
|
|
4513
|
-
var _templateObject$
|
|
4514
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4617
|
+
var _templateObject$A;
|
|
4618
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
4515
4619
|
|
|
4516
4620
|
var Logo$1 = function Logo(_ref) {
|
|
4517
4621
|
var _ref$id = _ref.id,
|
|
@@ -4540,11 +4644,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
4540
4644
|
}))));
|
|
4541
4645
|
};
|
|
4542
4646
|
|
|
4543
|
-
var _templateObject$
|
|
4544
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4647
|
+
var _templateObject$B;
|
|
4648
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__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);
|
|
4545
4649
|
|
|
4546
|
-
var _templateObject$
|
|
4547
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4650
|
+
var _templateObject$C, _templateObject2$m, _templateObject3$g, _templateObject4$d;
|
|
4651
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\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) {
|
|
4548
4652
|
var selected = _ref.selected,
|
|
4549
4653
|
colorPrimary = _ref.colorPrimary;
|
|
4550
4654
|
|
|
@@ -4572,9 +4676,9 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_te
|
|
|
4572
4676
|
|
|
4573
4677
|
return '';
|
|
4574
4678
|
});
|
|
4575
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4576
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4577
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
4679
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
4680
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
|
|
4681
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
4578
4682
|
|
|
4579
4683
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
4580
4684
|
if (!expiryUnixTimestamp) return 0;
|
|
@@ -4732,8 +4836,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
4732
4836
|
}, expiryTime ? basketText : text) : ''));
|
|
4733
4837
|
};
|
|
4734
4838
|
|
|
4735
|
-
var _templateObject$
|
|
4736
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4839
|
+
var _templateObject$D, _templateObject2$n;
|
|
4840
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__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) {
|
|
4737
4841
|
var selected = _ref.selected,
|
|
4738
4842
|
colorPrimary = _ref.colorPrimary;
|
|
4739
4843
|
|
|
@@ -4749,7 +4853,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_te
|
|
|
4749
4853
|
var colorPrimary = _ref3.colorPrimary;
|
|
4750
4854
|
return colorPrimary;
|
|
4751
4855
|
});
|
|
4752
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4856
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
4753
4857
|
|
|
4754
4858
|
var Search$1 = function Search(_ref) {
|
|
4755
4859
|
var _ref$selected = _ref.selected,
|
|
@@ -5025,23 +5129,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
5025
5129
|
}));
|
|
5026
5130
|
};
|
|
5027
5131
|
|
|
5028
|
-
var _templateObject$
|
|
5029
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5030
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5132
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject4$e;
|
|
5133
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5134
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
5031
5135
|
if (props.showMenu) {
|
|
5032
5136
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
5033
5137
|
}
|
|
5034
5138
|
|
|
5035
5139
|
return "display: none;";
|
|
5036
5140
|
});
|
|
5037
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5141
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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 text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
5038
5142
|
var colorPrimary = _ref.colorPrimary;
|
|
5039
5143
|
return colorPrimary;
|
|
5040
5144
|
}, function (_ref2) {
|
|
5041
5145
|
var colorPrimary = _ref2.colorPrimary;
|
|
5042
5146
|
return colorPrimary;
|
|
5043
5147
|
}, devices.mobileAndTablet);
|
|
5044
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5148
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5045
5149
|
|
|
5046
5150
|
var Tabs = function Tabs(_ref) {
|
|
5047
5151
|
var _ref$items = _ref.items,
|
|
@@ -5168,11 +5272,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
5168
5272
|
}, "MENU"))));
|
|
5169
5273
|
};
|
|
5170
5274
|
|
|
5171
|
-
var _templateObject$
|
|
5172
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5173
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5174
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5175
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5275
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
5276
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__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);
|
|
5277
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5278
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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"])));
|
|
5279
|
+
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);
|
|
5176
5280
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5177
5281
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5178
5282
|
|
|
@@ -5406,18 +5510,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
5406
5510
|
})))));
|
|
5407
5511
|
};
|
|
5408
5512
|
|
|
5409
|
-
var _templateObject$
|
|
5410
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
5411
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5412
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5413
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5414
|
-
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5513
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j, _templateObject4$f, _templateObject5$a, _templateObject6$7;
|
|
5514
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
5515
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
5516
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__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);
|
|
5517
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
5518
|
+
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);
|
|
5415
5519
|
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);
|
|
5416
5520
|
|
|
5417
|
-
var _templateObject$
|
|
5418
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
5419
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
5420
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
5521
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k;
|
|
5522
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$H || (_templateObject$H = /*#__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);
|
|
5523
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
5524
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
5421
5525
|
|
|
5422
5526
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
5423
5527
|
var _ref$items = _ref.items,
|
|
@@ -5433,12 +5537,12 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
5433
5537
|
}));
|
|
5434
5538
|
};
|
|
5435
5539
|
|
|
5436
|
-
var _templateObject$
|
|
5437
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5438
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5439
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5440
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
5441
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5540
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$2;
|
|
5541
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__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);
|
|
5542
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
5543
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__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);
|
|
5544
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$g || (_templateObject4$g = /*#__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);
|
|
5545
|
+
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\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);
|
|
5442
5546
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
5443
5547
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
5444
5548
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\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 }\n"])));
|
|
@@ -5505,15 +5609,15 @@ var Footer = function Footer(_ref) {
|
|
|
5505
5609
|
}, additionalInfo)))));
|
|
5506
5610
|
};
|
|
5507
5611
|
|
|
5508
|
-
var _templateObject$
|
|
5612
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject5$c, _templateObject6$9;
|
|
5509
5613
|
var LIST_ITEM_GAP = 32;
|
|
5510
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5614
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__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) {
|
|
5511
5615
|
var bottomBorder = _ref.bottomBorder;
|
|
5512
5616
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
5513
5617
|
}, zIndexes.anchor);
|
|
5514
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5515
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5516
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
5618
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
5619
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
5620
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
|
|
5517
5621
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
5518
5622
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
5519
5623
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -5524,7 +5628,7 @@ var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateO
|
|
|
5524
5628
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
5525
5629
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
5526
5630
|
});
|
|
5527
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5631
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: var(--anchor-tabs-height);\n background-color: var(--base-color-white);\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n"])), function (_ref5) {
|
|
5528
5632
|
var fullWidth = _ref5.fullWidth;
|
|
5529
5633
|
return fullWidth ? '74px' : '46px';
|
|
5530
5634
|
});
|
|
@@ -5771,17 +5875,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5771
5875
|
})) : null) : null))));
|
|
5772
5876
|
};
|
|
5773
5877
|
|
|
5774
|
-
var _templateObject$
|
|
5775
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5878
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject6$a, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1;
|
|
5879
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5776
5880
|
var sticky = _ref.sticky;
|
|
5777
5881
|
return sticky ? 'sticky' : 'initial';
|
|
5778
5882
|
}, zIndexes.anchor);
|
|
5779
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5780
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5883
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5884
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
5781
5885
|
var title = _ref2.title;
|
|
5782
5886
|
return title ? 'row' : 'row-reverse';
|
|
5783
5887
|
}, devices.tablet, devices.mobile);
|
|
5784
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5888
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
5785
5889
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
5786
5890
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5787
5891
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -5832,15 +5936,15 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5832
5936
|
}, message)));
|
|
5833
5937
|
};
|
|
5834
5938
|
|
|
5835
|
-
var _templateObject$
|
|
5836
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5837
|
-
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5838
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5939
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o, _templateObject4$j, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$4;
|
|
5940
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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);
|
|
5941
|
+
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
5942
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__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) {
|
|
5839
5943
|
var theme = _ref.theme;
|
|
5840
5944
|
return theme.colors.primary;
|
|
5841
5945
|
}, exports.Colors.White);
|
|
5842
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5843
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5946
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5947
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5844
5948
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5845
5949
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
5846
5950
|
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
@@ -5913,8 +6017,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
5913
6017
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
5914
6018
|
};
|
|
5915
6019
|
|
|
5916
|
-
var _templateObject$
|
|
5917
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6020
|
+
var _templateObject$M;
|
|
6021
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__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);
|
|
5918
6022
|
|
|
5919
6023
|
var UpsellCards = function UpsellCards(_ref) {
|
|
5920
6024
|
var upsellCards = _ref.upsellCards;
|
|
@@ -5932,20 +6036,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
5932
6036
|
}));
|
|
5933
6037
|
};
|
|
5934
6038
|
|
|
5935
|
-
var _templateObject$
|
|
5936
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6039
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p;
|
|
6040
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__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) {
|
|
5937
6041
|
var theme = _ref.theme;
|
|
5938
6042
|
return theme.colors.primary;
|
|
5939
6043
|
}, devices.mobile, devices.tablet);
|
|
5940
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5941
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6044
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
6045
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__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);
|
|
5942
6046
|
|
|
5943
|
-
var _templateObject$
|
|
5944
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5945
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5946
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5947
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5948
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6047
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q, _templateObject4$k, _templateObject5$e;
|
|
6048
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
6049
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
6050
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
6051
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__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);
|
|
6052
|
+
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);
|
|
5949
6053
|
|
|
5950
6054
|
var Accordion = function Accordion(_ref) {
|
|
5951
6055
|
var _ref$title = _ref.title,
|
|
@@ -6070,8 +6174,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6070
6174
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6071
6175
|
};
|
|
6072
6176
|
|
|
6073
|
-
var _templateObject$
|
|
6074
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6177
|
+
var _templateObject$P;
|
|
6178
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6075
6179
|
|
|
6076
6180
|
var Accordions = function Accordions(_ref) {
|
|
6077
6181
|
var _ref$items = _ref.items,
|
|
@@ -6089,7 +6193,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6089
6193
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6090
6194
|
contentType: accordion.contentType,
|
|
6091
6195
|
displayLevel: accordion.displayLevel,
|
|
6092
|
-
semanticLevel: accordion.semanticLevel
|
|
6196
|
+
semanticLevel: accordion.semanticLevel,
|
|
6197
|
+
initOpen: accordion.initOpen
|
|
6093
6198
|
}, accordion.children);
|
|
6094
6199
|
}));
|
|
6095
6200
|
};
|
|
@@ -6103,13 +6208,13 @@ var Theme = function Theme(_ref) {
|
|
|
6103
6208
|
}, children);
|
|
6104
6209
|
};
|
|
6105
6210
|
|
|
6106
|
-
var _templateObject$
|
|
6107
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6211
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r;
|
|
6212
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__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) {
|
|
6108
6213
|
var theme = _ref.theme;
|
|
6109
6214
|
return theme.colors.primary;
|
|
6110
6215
|
}, devices.mobile);
|
|
6111
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6112
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6216
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
6217
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__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 color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
6113
6218
|
|
|
6114
6219
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
6115
6220
|
var title = _ref.title,
|
|
@@ -6146,8 +6251,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6146
6251
|
}))))));
|
|
6147
6252
|
};
|
|
6148
6253
|
|
|
6149
|
-
var _templateObject$
|
|
6150
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
6254
|
+
var _templateObject$R;
|
|
6255
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$R || (_templateObject$R = /*#__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) {
|
|
6151
6256
|
var bgColor = _ref.bgColor,
|
|
6152
6257
|
theme = _ref.theme;
|
|
6153
6258
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -6168,32 +6273,32 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
6168
6273
|
}), children);
|
|
6169
6274
|
};
|
|
6170
6275
|
|
|
6171
|
-
var _templateObject$
|
|
6276
|
+
var _templateObject$S, _templateObject2$z, _templateObject3$s, _templateObject4$l, _templateObject5$f, _templateObject6$c, _templateObject7$7, _templateObject8$5, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
6172
6277
|
var LENGTH_LARGE_TEXT = 28;
|
|
6173
6278
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6174
6279
|
var LENGTH_TEXT_TABLET = 10;
|
|
6175
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6280
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
6176
6281
|
var isCardClickable = _ref.isCardClickable;
|
|
6177
6282
|
return isCardClickable ? 'pointer' : 'default';
|
|
6178
6283
|
}, function (_ref2) {
|
|
6179
6284
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
6180
6285
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
6181
6286
|
});
|
|
6182
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6287
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
6183
6288
|
var lineColor = _ref3.lineColor,
|
|
6184
6289
|
theme = _ref3.theme;
|
|
6185
6290
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
6186
6291
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
6187
6292
|
}, zIndexes.contentOverlay);
|
|
6188
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6189
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6293
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
6294
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
6190
6295
|
var fullWidth = _ref4.fullWidth;
|
|
6191
6296
|
return fullWidth ? '0' : '20px';
|
|
6192
6297
|
}, function (_ref5) {
|
|
6193
6298
|
var fullWidth = _ref5.fullWidth;
|
|
6194
6299
|
return fullWidth ? '0' : '20px';
|
|
6195
6300
|
});
|
|
6196
|
-
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6301
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
6197
6302
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
6198
6303
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
6199
6304
|
var HighlightTextContainer = /*#__PURE__*/styled__default(TextContainer$1)(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
@@ -6454,9 +6559,9 @@ var Card = function Card(_ref) {
|
|
|
6454
6559
|
dangerouslySetInnerHTML: {
|
|
6455
6560
|
__html: truncatedText
|
|
6456
6561
|
}
|
|
6457
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6562
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6458
6563
|
level: 1
|
|
6459
|
-
}, highlightText))
|
|
6564
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
6460
6565
|
fullWidth: fullWidth
|
|
6461
6566
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6462
6567
|
ref: node,
|
|
@@ -6470,9 +6575,9 @@ var Card = function Card(_ref) {
|
|
|
6470
6575
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6471
6576
|
};
|
|
6472
6577
|
|
|
6473
|
-
var _templateObject$
|
|
6474
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6475
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
6578
|
+
var _templateObject$T, _templateObject2$A;
|
|
6579
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$T || (_templateObject$T = /*#__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);
|
|
6580
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6476
6581
|
|
|
6477
6582
|
var Cards = function Cards(_ref) {
|
|
6478
6583
|
var cards = _ref.cards,
|
|
@@ -6517,18 +6622,18 @@ var Cards = function Cards(_ref) {
|
|
|
6517
6622
|
}));
|
|
6518
6623
|
};
|
|
6519
6624
|
|
|
6520
|
-
var _templateObject$
|
|
6521
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6522
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6625
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g;
|
|
6626
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__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);
|
|
6627
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
6523
6628
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6524
6629
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6525
6630
|
}, function (_ref2) {
|
|
6526
6631
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
6527
6632
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6528
6633
|
}, devices.mobileAndTablet);
|
|
6529
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6530
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6531
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6634
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6635
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
6636
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\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 color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
6532
6637
|
|
|
6533
6638
|
var divideAddressString = function divideAddressString(address) {
|
|
6534
6639
|
return address.split(',').map(function (chunk, i) {
|
|
@@ -6586,16 +6691,16 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6586
6691
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6587
6692
|
};
|
|
6588
6693
|
|
|
6589
|
-
var _templateObject$
|
|
6590
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
6591
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
6694
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
6695
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6696
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
6592
6697
|
return props.clickable ? 'pointer' : 'default';
|
|
6593
6698
|
}, devices.mobile);
|
|
6594
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6595
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6699
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
6700
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
6596
6701
|
return props.showImage ? 2 : '1 / span 4';
|
|
6597
6702
|
}, devices.mobile);
|
|
6598
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6703
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
6599
6704
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
6600
6705
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
6601
6706
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
@@ -6669,21 +6774,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6669
6774
|
}), link.text)));
|
|
6670
6775
|
};
|
|
6671
6776
|
|
|
6672
|
-
var _templateObject$
|
|
6673
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6777
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o, _templateObject5$i;
|
|
6778
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__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) {
|
|
6674
6779
|
var imageToLeft = _ref.imageToLeft;
|
|
6675
6780
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6676
6781
|
}, devices.mobile);
|
|
6677
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6782
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
6678
6783
|
var imageToLeft = _ref2.imageToLeft;
|
|
6679
6784
|
return imageToLeft ? 'left' : 'right';
|
|
6680
6785
|
}, devices.mobile);
|
|
6681
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6786
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
6682
6787
|
var imageToLeft = _ref3.imageToLeft;
|
|
6683
6788
|
return imageToLeft ? 'right' : 'left';
|
|
6684
6789
|
}, devices.mobile);
|
|
6685
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
6686
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6790
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6791
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
6687
6792
|
|
|
6688
6793
|
var Editorial = function Editorial(_ref) {
|
|
6689
6794
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -6747,10 +6852,10 @@ var BackgroundColour;
|
|
|
6747
6852
|
BackgroundColour["White"] = "white";
|
|
6748
6853
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6749
6854
|
|
|
6750
|
-
var _templateObject$
|
|
6751
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6752
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
6753
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
6855
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p;
|
|
6856
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$X || (_templateObject$X = /*#__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"])));
|
|
6857
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6858
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6754
6859
|
if (!props.infoThemed) {
|
|
6755
6860
|
return;
|
|
6756
6861
|
} else {
|
|
@@ -6761,7 +6866,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (
|
|
|
6761
6866
|
}
|
|
6762
6867
|
}
|
|
6763
6868
|
});
|
|
6764
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
6869
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
6765
6870
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
6766
6871
|
}, function (props) {
|
|
6767
6872
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6874,24 +6979,24 @@ var Information = function Information(_ref) {
|
|
|
6874
6979
|
}))));
|
|
6875
6980
|
};
|
|
6876
6981
|
|
|
6877
|
-
var _templateObject$
|
|
6878
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6982
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6983
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
6879
6984
|
var theme = _ref.theme;
|
|
6880
6985
|
return theme.colors.primary;
|
|
6881
6986
|
}, function (_ref2) {
|
|
6882
6987
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6883
6988
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6884
6989
|
}, devices.mobile);
|
|
6885
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6886
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6990
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title 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\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
6991
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
6887
6992
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6888
6993
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6889
6994
|
}, devices.mobile);
|
|
6890
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6995
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n ", ";\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), function (_ref4) {
|
|
6891
6996
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6892
6997
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6893
6998
|
}, devices.mobile);
|
|
6894
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6999
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
6895
7000
|
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6896
7001
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
6897
7002
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
@@ -6966,12 +7071,12 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6966
7071
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6967
7072
|
};
|
|
6968
7073
|
|
|
6969
|
-
var _templateObject$
|
|
6970
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6971
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6972
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
6973
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6974
|
-
var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7074
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
7075
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__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);
|
|
7076
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
7077
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__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);
|
|
7078
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__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);
|
|
7079
|
+
var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6975
7080
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
6976
7081
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6977
7082
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
@@ -7037,21 +7142,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7037
7142
|
}, "Scroll Down")) : null);
|
|
7038
7143
|
};
|
|
7039
7144
|
|
|
7040
|
-
var _templateObject$
|
|
7041
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7145
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject4$s, _templateObject5$l;
|
|
7146
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__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) {
|
|
7042
7147
|
var color = _ref.color;
|
|
7043
7148
|
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 ";
|
|
7044
7149
|
}, devices.mobileAndTablet);
|
|
7045
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7150
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
7046
7151
|
var hasImage = _ref2.hasImage;
|
|
7047
7152
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7048
7153
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7049
7154
|
var hasImage = _ref3.hasImage;
|
|
7050
7155
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7051
7156
|
});
|
|
7052
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7053
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7054
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7157
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
7158
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
7159
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7055
7160
|
|
|
7056
7161
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
7057
7162
|
var _image$src, _image$alt;
|
|
@@ -7082,8 +7187,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7082
7187
|
}))));
|
|
7083
7188
|
};
|
|
7084
7189
|
|
|
7085
|
-
var _templateObject
|
|
7086
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
7190
|
+
var _templateObject$$;
|
|
7191
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7087
7192
|
|
|
7088
7193
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7089
7194
|
var link = _ref.link,
|
|
@@ -7101,11 +7206,11 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7101
7206
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7102
7207
|
};
|
|
7103
7208
|
|
|
7104
|
-
var _templateObject$
|
|
7105
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7106
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
7107
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7108
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7209
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7210
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__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);
|
|
7211
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
7212
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7213
|
+
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);
|
|
7109
7214
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n max-width: 155px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n }\n"])), function (_ref) {
|
|
7110
7215
|
var invert = _ref.invert,
|
|
7111
7216
|
theme = _ref.theme;
|
|
@@ -7236,7 +7341,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7236
7341
|
var isIOS = function isIOS() {
|
|
7237
7342
|
try {
|
|
7238
7343
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7239
|
-
if (typeof navigator === undefined) return false;
|
|
7344
|
+
if (typeof navigator === 'undefined') return false;
|
|
7240
7345
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7241
7346
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7242
7347
|
} catch (e) {
|
|
@@ -7252,7 +7357,7 @@ var useIOS = function useIOS() {
|
|
|
7252
7357
|
setIOS = _useState[1];
|
|
7253
7358
|
|
|
7254
7359
|
React.useEffect(function () {
|
|
7255
|
-
if (typeof navigator === undefined) return;
|
|
7360
|
+
if (typeof navigator === 'undefined') return;
|
|
7256
7361
|
setIOS(isIOS());
|
|
7257
7362
|
}, []);
|
|
7258
7363
|
return IOS;
|
|
@@ -7434,15 +7539,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7434
7539
|
}), linkText))));
|
|
7435
7540
|
};
|
|
7436
7541
|
|
|
7437
|
-
var _templateObject
|
|
7438
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
7439
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
7542
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t;
|
|
7543
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7544
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
7440
7545
|
|
|
7441
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
7546
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$B || (_templateObject3$B = /*#__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) {
|
|
7442
7547
|
var active = _ref.active;
|
|
7443
7548
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
7444
7549
|
});
|
|
7445
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
7550
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$t || (_templateObject4$t = /*#__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"])));
|
|
7446
7551
|
|
|
7447
7552
|
var reducePages = function reducePages(pages, currentPage) {
|
|
7448
7553
|
// If there are less than 6 pages, return all pages
|
|
@@ -7511,12 +7616,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
7511
7616
|
}))));
|
|
7512
7617
|
};
|
|
7513
7618
|
|
|
7514
|
-
var _templateObject$
|
|
7515
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7516
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7517
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7518
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7519
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7619
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u, _templateObject5$n, _templateObject6$h;
|
|
7620
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__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);
|
|
7621
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
7622
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7623
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
7624
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
7520
7625
|
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"])));
|
|
7521
7626
|
|
|
7522
7627
|
var Person = function Person(_ref) {
|
|
@@ -7568,11 +7673,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7568
7673
|
}));
|
|
7569
7674
|
};
|
|
7570
7675
|
|
|
7571
|
-
var _templateObject$
|
|
7572
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7573
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
7574
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7575
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7676
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v;
|
|
7677
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7678
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7679
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
7680
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
7576
7681
|
|
|
7577
7682
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7578
7683
|
return array.reduce(function (acc, item) {
|
|
@@ -7583,12 +7688,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7583
7688
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7584
7689
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7585
7690
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7586
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7691
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7692
|
+
key: index
|
|
7693
|
+
}, title));
|
|
7587
7694
|
} else if (index > 0) {
|
|
7588
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7695
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7696
|
+
key: index
|
|
7697
|
+
}, ", ", title);
|
|
7589
7698
|
}
|
|
7590
7699
|
|
|
7591
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7700
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7701
|
+
key: index
|
|
7702
|
+
}, title);
|
|
7592
7703
|
}));
|
|
7593
7704
|
};
|
|
7594
7705
|
|
|
@@ -7640,14 +7751,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7640
7751
|
}));
|
|
7641
7752
|
};
|
|
7642
7753
|
|
|
7643
|
-
var _templateObject$
|
|
7754
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$i, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
7644
7755
|
var LENGTH_TEXT = 28;
|
|
7645
7756
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7646
7757
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7647
7758
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7648
7759
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7649
7760
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7650
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7761
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
7651
7762
|
var imageToLeft = _ref.imageToLeft;
|
|
7652
7763
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7653
7764
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7657,8 +7768,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 ||
|
|
|
7657
7768
|
var asCard = _ref3.asCard;
|
|
7658
7769
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
7659
7770
|
});
|
|
7660
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7661
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7771
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7772
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
|
|
7662
7773
|
var theme = _ref4.theme;
|
|
7663
7774
|
return theme.colors.black;
|
|
7664
7775
|
}, function (_ref5) {
|
|
@@ -7668,7 +7779,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (
|
|
|
7668
7779
|
var theme = _ref6.theme;
|
|
7669
7780
|
return theme.colors.primary;
|
|
7670
7781
|
});
|
|
7671
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7782
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref7) {
|
|
7672
7783
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
7673
7784
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
7674
7785
|
}, function (_ref8) {
|
|
@@ -7696,7 +7807,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v ||
|
|
|
7696
7807
|
|
|
7697
7808
|
return '';
|
|
7698
7809
|
});
|
|
7699
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7810
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
7700
7811
|
var marginBottom = _ref10.marginBottom;
|
|
7701
7812
|
return marginBottom + "px";
|
|
7702
7813
|
});
|
|
@@ -7918,26 +8029,26 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7918
8029
|
}))));
|
|
7919
8030
|
};
|
|
7920
8031
|
|
|
7921
|
-
var _templateObject$
|
|
8032
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$F, _templateObject4$x, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
7922
8033
|
var LENGTH_TEXT$2 = 28;
|
|
7923
8034
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7924
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8035
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__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) {
|
|
7925
8036
|
var imageToLeft = _ref.imageToLeft;
|
|
7926
8037
|
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'";
|
|
7927
8038
|
}, devices.tablet, function (_ref2) {
|
|
7928
8039
|
var imageToLeft = _ref2.imageToLeft;
|
|
7929
8040
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
7930
8041
|
}, devices.mobile);
|
|
7931
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8042
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
7932
8043
|
var imageToLeft = _ref3.imageToLeft;
|
|
7933
8044
|
return imageToLeft ? 'left' : 'right';
|
|
7934
8045
|
}, devices.mobile);
|
|
7935
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8046
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
7936
8047
|
var imageToLeft = _ref4.imageToLeft;
|
|
7937
8048
|
return imageToLeft ? 'right' : 'left';
|
|
7938
8049
|
}, devices.mobile);
|
|
7939
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7940
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
8050
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
8051
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7941
8052
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
7942
8053
|
var theme = _ref5.theme;
|
|
7943
8054
|
return theme.colors.black;
|
|
@@ -8033,8 +8144,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8033
8144
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8034
8145
|
};
|
|
8035
8146
|
|
|
8036
|
-
var _templateObject$
|
|
8037
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8147
|
+
var _templateObject$16;
|
|
8148
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8038
8149
|
|
|
8039
8150
|
/**
|
|
8040
8151
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8092,9 +8203,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8092
8203
|
})));
|
|
8093
8204
|
};
|
|
8094
8205
|
|
|
8095
|
-
var _templateObject$
|
|
8096
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8097
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8206
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
8207
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8208
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
8098
8209
|
var horizontalMode = _ref.horizontalMode;
|
|
8099
8210
|
if (horizontalMode) return 'row';
|
|
8100
8211
|
return 'column';
|
|
@@ -8102,7 +8213,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_temp
|
|
|
8102
8213
|
var gap = _ref2.gap;
|
|
8103
8214
|
return gap + "px";
|
|
8104
8215
|
});
|
|
8105
|
-
var ErrorLabel$
|
|
8216
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
8106
8217
|
var darkMode = _ref3.darkMode;
|
|
8107
8218
|
if (darkMode) return 'var(--base-color-white)';
|
|
8108
8219
|
return 'var(--base-color-errorstate)';
|
|
@@ -8174,7 +8285,7 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8174
8285
|
error: error !== undefined ? '' : undefined,
|
|
8175
8286
|
onChange: changeHandler
|
|
8176
8287
|
}, radio.content);
|
|
8177
|
-
})), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
8288
|
+
})), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$4, {
|
|
8178
8289
|
darkMode: darkMode,
|
|
8179
8290
|
"data-testid": "radio-group-error-label"
|
|
8180
8291
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -8182,10 +8293,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8182
8293
|
}, error)));
|
|
8183
8294
|
};
|
|
8184
8295
|
|
|
8185
|
-
var _templateObject$
|
|
8186
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8187
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8188
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8296
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H;
|
|
8297
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
8298
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
8299
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__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);
|
|
8189
8300
|
|
|
8190
8301
|
var StatusBanner = function StatusBanner(_ref) {
|
|
8191
8302
|
var statusText = _ref.statusText,
|
|
@@ -8247,8 +8358,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8247
8358
|
})))));
|
|
8248
8359
|
};
|
|
8249
8360
|
|
|
8250
|
-
var _templateObject$
|
|
8251
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8361
|
+
var _templateObject$19;
|
|
8362
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
8252
8363
|
|
|
8253
8364
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8254
8365
|
var title = _ref.title,
|
|
@@ -8274,8 +8385,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8274
8385
|
}, description))));
|
|
8275
8386
|
};
|
|
8276
8387
|
|
|
8277
|
-
var _templateObject$
|
|
8278
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8388
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8389
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
8279
8390
|
var theme = _ref.theme;
|
|
8280
8391
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8281
8392
|
}, function (_ref2) {
|
|
@@ -8285,12 +8396,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$18 || (_templateObject
|
|
|
8285
8396
|
var theme = _ref3.theme;
|
|
8286
8397
|
return theme.colors.lightgrey;
|
|
8287
8398
|
});
|
|
8288
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
8399
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
8289
8400
|
var theme = _ref4.theme;
|
|
8290
8401
|
return theme.colors.darkgrey;
|
|
8291
8402
|
});
|
|
8292
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
8293
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
8403
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
8404
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
8294
8405
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
8295
8406
|
var theme = _ref5.theme;
|
|
8296
8407
|
return {
|
|
@@ -8298,7 +8409,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
8298
8409
|
color: theme.colors.black,
|
|
8299
8410
|
title: 'Select Arrow'
|
|
8300
8411
|
};
|
|
8301
|
-
})(_templateObject5$
|
|
8412
|
+
})(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
8302
8413
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
8303
8414
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
8304
8415
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -8697,9 +8808,9 @@ function Select(_ref3) {
|
|
|
8697
8808
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8698
8809
|
}
|
|
8699
8810
|
|
|
8700
|
-
var _templateObject$
|
|
8701
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8702
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8811
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$J, _templateObject4$z;
|
|
8812
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
8813
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
8703
8814
|
var width = _ref.width;
|
|
8704
8815
|
if (!width) return 'none';
|
|
8705
8816
|
return width + 'px';
|
|
@@ -8716,12 +8827,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_t
|
|
|
8716
8827
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
8717
8828
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
8718
8829
|
});
|
|
8719
|
-
var TextLabel$
|
|
8830
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
8720
8831
|
var darkMode = _ref5.darkMode;
|
|
8721
8832
|
if (darkMode) return "var(--base-color-white)";
|
|
8722
8833
|
return "var(--base-color-black)";
|
|
8723
8834
|
});
|
|
8724
|
-
var ErrorLabel$
|
|
8835
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
8725
8836
|
var darkMode = _ref6.darkMode;
|
|
8726
8837
|
if (darkMode) return "var(--base-color-white)";
|
|
8727
8838
|
return "var(--base-color-errorstate)";
|
|
@@ -8738,7 +8849,7 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
8738
8849
|
width = _ref.width,
|
|
8739
8850
|
darkMode = _ref.darkMode,
|
|
8740
8851
|
children = _ref.children;
|
|
8741
|
-
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$
|
|
8852
|
+
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$4, {
|
|
8742
8853
|
darkMode: darkMode,
|
|
8743
8854
|
"data-testid": "select2-text-label"
|
|
8744
8855
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -8747,7 +8858,7 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
8747
8858
|
width: width,
|
|
8748
8859
|
error: error,
|
|
8749
8860
|
darkMode: darkMode
|
|
8750
|
-
}, children)), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
8861
|
+
}, children)), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$5, {
|
|
8751
8862
|
darkMode: darkMode,
|
|
8752
8863
|
"data-testid": "select2-error-label"
|
|
8753
8864
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -8837,8 +8948,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
8837
8948
|
})));
|
|
8838
8949
|
};
|
|
8839
8950
|
|
|
8840
|
-
var _templateObject$
|
|
8841
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8951
|
+
var _templateObject$1c;
|
|
8952
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8842
8953
|
var theme = _ref.theme;
|
|
8843
8954
|
return theme.colors.primary;
|
|
8844
8955
|
});
|
|
@@ -8866,8 +8977,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8866
8977
|
})));
|
|
8867
8978
|
};
|
|
8868
8979
|
|
|
8869
|
-
var _templateObject$
|
|
8870
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8980
|
+
var _templateObject$1d, _templateObject2$S;
|
|
8981
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
8871
8982
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8872
8983
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8873
8984
|
return aspectRatio;
|
|
@@ -8877,7 +8988,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templat
|
|
|
8877
8988
|
height = _ref2.height;
|
|
8878
8989
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
8879
8990
|
});
|
|
8880
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8991
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
8881
8992
|
|
|
8882
8993
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
8883
8994
|
var caption = _ref.caption,
|
|
@@ -8915,13 +9026,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8915
9026
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8916
9027
|
};
|
|
8917
9028
|
|
|
8918
|
-
var _templateObject$
|
|
8919
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8920
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9029
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K;
|
|
9030
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
9031
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8921
9032
|
var displayAttribution = _ref.displayAttribution;
|
|
8922
9033
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
8923
9034
|
});
|
|
8924
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9035
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
8925
9036
|
|
|
8926
9037
|
var Quote = function Quote(_ref) {
|
|
8927
9038
|
var text = _ref.text,
|
|
@@ -8945,12 +9056,12 @@ var Quote = function Quote(_ref) {
|
|
|
8945
9056
|
}, attribution))));
|
|
8946
9057
|
};
|
|
8947
9058
|
|
|
8948
|
-
var _templateObject$
|
|
8949
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8950
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8951
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
8952
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8953
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9059
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$l;
|
|
9060
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
9061
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
9062
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
9063
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
9064
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
8954
9065
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
8955
9066
|
|
|
8956
9067
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -8989,11 +9100,11 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8989
9100
|
}, title)))));
|
|
8990
9101
|
};
|
|
8991
9102
|
|
|
8992
|
-
var _templateObject$
|
|
8993
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8994
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8995
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8996
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9103
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B;
|
|
9104
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
9105
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
9106
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9107
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__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"])));
|
|
8997
9108
|
|
|
8998
9109
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
8999
9110
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -9091,97 +9202,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
9091
9202
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
9092
9203
|
};
|
|
9093
9204
|
|
|
9094
|
-
var _templateObject$
|
|
9095
|
-
var
|
|
9096
|
-
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 @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9097
|
-
var mobileOpen = _ref.mobileOpen;
|
|
9098
|
-
return mobileOpen ? "block" : 'none';
|
|
9099
|
-
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
9100
|
-
var MenuItem$1 = /*#__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 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
|
|
9101
|
-
var active = _ref2.active;
|
|
9102
|
-
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
9103
|
-
}, exports.Colors.MidGrey, devices.mobile);
|
|
9104
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
|
|
9105
|
-
|
|
9106
|
-
/**
|
|
9107
|
-
* Vertical menu component uses for navigation
|
|
9108
|
-
* inside website chapter. It looks like a vertical
|
|
9109
|
-
* list with clickable items on desktop and dropdown
|
|
9110
|
-
* list on mobile.
|
|
9111
|
-
*
|
|
9112
|
-
* ## Menu items
|
|
9113
|
-
* Menu items should be passed as `items` prop. This
|
|
9114
|
-
* should be an array of objects. Each object should
|
|
9115
|
-
* have `text` (text displayed as a menu item) and
|
|
9116
|
-
* `onClick` (click handler function)
|
|
9117
|
-
*
|
|
9118
|
-
* ## Active menu item
|
|
9119
|
-
* Active menu item should be passed as component `activeItem`
|
|
9120
|
-
* prop. This indicates on which menu item should be highlighted
|
|
9121
|
-
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9122
|
-
*/
|
|
9123
|
-
|
|
9124
|
-
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9125
|
-
var items = _ref.items,
|
|
9126
|
-
activeItem = _ref.activeItem;
|
|
9127
|
-
|
|
9128
|
-
var _useState = React.useState(false),
|
|
9129
|
-
mobileOpen = _useState[0],
|
|
9130
|
-
setMobileOpen = _useState[1];
|
|
9131
|
-
|
|
9132
|
-
var containerRef = React.useRef(null);
|
|
9133
|
-
|
|
9134
|
-
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9135
|
-
setMobileOpen(function (prev) {
|
|
9136
|
-
return !prev;
|
|
9137
|
-
});
|
|
9138
|
-
};
|
|
9139
|
-
|
|
9140
|
-
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9141
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9142
|
-
setMobileOpen(false);
|
|
9143
|
-
}
|
|
9144
|
-
};
|
|
9145
|
-
|
|
9146
|
-
React.useEffect(function () {
|
|
9147
|
-
document.addEventListener('mousedown', outsideClickHandler);
|
|
9148
|
-
return function () {
|
|
9149
|
-
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9150
|
-
};
|
|
9151
|
-
}, [containerRef]);
|
|
9152
|
-
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9153
|
-
ref: containerRef,
|
|
9154
|
-
"data-testid": "nav-menu-container"
|
|
9155
|
-
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9156
|
-
mobileOpen: mobileOpen,
|
|
9157
|
-
onClick: mobileButtonClickHandler,
|
|
9158
|
-
"data-testid": "nav-menu-mobile-button"
|
|
9159
|
-
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9160
|
-
iconName: "DropdownArrow",
|
|
9161
|
-
direction: mobileOpen ? 'left' : 'right'
|
|
9162
|
-
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9163
|
-
mobileOpen: mobileOpen,
|
|
9164
|
-
"data-testid": "nav-menu-list"
|
|
9165
|
-
}, items.map(function (item, idx) {
|
|
9166
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
9167
|
-
key: item.text + "-" + idx
|
|
9168
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9169
|
-
onClick: item.onClick,
|
|
9170
|
-
active: item.text === activeItem,
|
|
9171
|
-
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9172
|
-
}, item.text));
|
|
9173
|
-
})));
|
|
9174
|
-
};
|
|
9175
|
-
|
|
9176
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$r, _templateObject6$m;
|
|
9177
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9205
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$s, _templateObject6$m;
|
|
9206
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9178
9207
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
9179
9208
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
9180
9209
|
var color = _ref.color;
|
|
9181
9210
|
return "var(--base-color-" + color + ")";
|
|
9182
9211
|
});
|
|
9183
9212
|
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"])));
|
|
9184
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9213
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9185
9214
|
var color = _ref2.color;
|
|
9186
9215
|
return "var(--base-color-" + color + ")";
|
|
9187
9216
|
});
|
|
@@ -9271,23 +9300,108 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9271
9300
|
}, strengthLabel))));
|
|
9272
9301
|
};
|
|
9273
9302
|
|
|
9274
|
-
var _templateObject$
|
|
9275
|
-
var
|
|
9276
|
-
var
|
|
9303
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D;
|
|
9304
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9305
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9306
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9307
|
+
return mobileOpen ? "block" : 'none';
|
|
9308
|
+
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
9309
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
|
|
9310
|
+
var active = _ref2.active;
|
|
9311
|
+
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
9312
|
+
}, exports.Colors.MidGrey, devices.mobile);
|
|
9313
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
|
|
9314
|
+
|
|
9315
|
+
/**
|
|
9316
|
+
* Vertical menu component uses for navigation
|
|
9317
|
+
* inside website chapter. It looks like a vertical
|
|
9318
|
+
* list with clickable items on desktop and dropdown
|
|
9319
|
+
* list on mobile.
|
|
9320
|
+
*
|
|
9321
|
+
* ## Menu items
|
|
9322
|
+
* Menu items should be passed as `items` prop. This
|
|
9323
|
+
* should be an array of objects. Each object should
|
|
9324
|
+
* have `text` (text displayed as a menu item) and
|
|
9325
|
+
* `onClick` (click handler function)
|
|
9326
|
+
*
|
|
9327
|
+
* ## Active menu item
|
|
9328
|
+
* Active menu item should be passed as component `activeItem`
|
|
9329
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9330
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9331
|
+
*/
|
|
9332
|
+
|
|
9333
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9334
|
+
var items = _ref.items,
|
|
9335
|
+
activeItem = _ref.activeItem;
|
|
9336
|
+
|
|
9337
|
+
var _useState = React.useState(false),
|
|
9338
|
+
mobileOpen = _useState[0],
|
|
9339
|
+
setMobileOpen = _useState[1];
|
|
9340
|
+
|
|
9341
|
+
var containerRef = React.useRef(null);
|
|
9342
|
+
|
|
9343
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9344
|
+
setMobileOpen(function (prev) {
|
|
9345
|
+
return !prev;
|
|
9346
|
+
});
|
|
9347
|
+
};
|
|
9348
|
+
|
|
9349
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9350
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9351
|
+
setMobileOpen(false);
|
|
9352
|
+
}
|
|
9353
|
+
};
|
|
9354
|
+
|
|
9355
|
+
React.useEffect(function () {
|
|
9356
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9357
|
+
return function () {
|
|
9358
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9359
|
+
};
|
|
9360
|
+
}, [containerRef]);
|
|
9361
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9362
|
+
ref: containerRef,
|
|
9363
|
+
"data-testid": "nav-menu-container"
|
|
9364
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9365
|
+
mobileOpen: mobileOpen,
|
|
9366
|
+
onClick: mobileButtonClickHandler,
|
|
9367
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9368
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9369
|
+
iconName: "DropdownArrow",
|
|
9370
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9371
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9372
|
+
mobileOpen: mobileOpen,
|
|
9373
|
+
"data-testid": "nav-menu-list"
|
|
9374
|
+
}, items.map(function (item, idx) {
|
|
9375
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9376
|
+
key: item.text + "-" + idx
|
|
9377
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9378
|
+
onClick: item.onClick,
|
|
9379
|
+
active: item.text === activeItem,
|
|
9380
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9381
|
+
}, item.text));
|
|
9382
|
+
})));
|
|
9383
|
+
};
|
|
9384
|
+
|
|
9385
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$E, _templateObject5$t, _templateObject6$n, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9386
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9387
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9388
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9389
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$E || (_templateObject4$E = /*#__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) {
|
|
9277
9390
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9278
|
-
});
|
|
9279
|
-
var
|
|
9391
|
+
}, devices.tablet, devices.mobile);
|
|
9392
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$t || (_templateObject5$t = /*#__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) {
|
|
9393
|
+
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9394
|
+
}, devices.mobile);
|
|
9395
|
+
var LineContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: ", ";\n width: 100%;\n"])), function (props) {
|
|
9280
9396
|
return "var(--base-color-" + props.lineColor + ")";
|
|
9281
9397
|
});
|
|
9282
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(
|
|
9283
|
-
var PageNumber$1 = /*#__PURE__*/styled__default.button(
|
|
9398
|
+
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"])));
|
|
9399
|
+
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject8$b || (_templateObject8$b = /*#__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) {
|
|
9284
9400
|
var active = _ref.active;
|
|
9285
9401
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
9286
9402
|
});
|
|
9287
|
-
var Next = /*#__PURE__*/styled__default.span(
|
|
9288
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(
|
|
9289
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9290
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9403
|
+
var Next = /*#__PURE__*/styled__default.span(_templateObject9$6 || (_templateObject9$6 = /*#__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"])));
|
|
9404
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject10$6 || (_templateObject10$6 = /*#__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"])));
|
|
9291
9405
|
|
|
9292
9406
|
var Table = function Table(_ref) {
|
|
9293
9407
|
var columns = _ref.columns,
|
|
@@ -9390,7 +9504,7 @@ var Table = function Table(_ref) {
|
|
|
9390
9504
|
return i;
|
|
9391
9505
|
});
|
|
9392
9506
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9393
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9507
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
9394
9508
|
onClickPrev: function onClickPrev() {
|
|
9395
9509
|
return scrollTable('left');
|
|
9396
9510
|
},
|
|
@@ -9409,7 +9523,8 @@ var Table = function Table(_ref) {
|
|
|
9409
9523
|
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
9410
9524
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9411
9525
|
key: index,
|
|
9412
|
-
role: "columnheader"
|
|
9526
|
+
role: "columnheader",
|
|
9527
|
+
columns: columns
|
|
9413
9528
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
9414
9529
|
content: heading
|
|
9415
9530
|
}));
|
|
@@ -9552,9 +9667,9 @@ var LiveChat = function LiveChat() {
|
|
|
9552
9667
|
});
|
|
9553
9668
|
};
|
|
9554
9669
|
|
|
9555
|
-
var _templateObject$
|
|
9556
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9557
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
9670
|
+
var _templateObject$1k, _templateObject2$Z;
|
|
9671
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
9672
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
9558
9673
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9559
9674
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
9560
9675
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -9582,11 +9697,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9582
9697
|
}, children)));
|
|
9583
9698
|
};
|
|
9584
9699
|
|
|
9585
|
-
var _templateObject$
|
|
9586
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9587
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9588
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9589
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
9700
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$Q, _templateObject4$F;
|
|
9701
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
9702
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
9703
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9704
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$F || (_templateObject4$F = /*#__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"])));
|
|
9590
9705
|
|
|
9591
9706
|
var MAX_Z_INDEX = 9999999999;
|
|
9592
9707
|
|
|
@@ -9706,8 +9821,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9706
9821
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9707
9822
|
};
|
|
9708
9823
|
|
|
9709
|
-
var _templateObject$
|
|
9710
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1k || (_templateObject$1k = /*#__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) {
|
|
9824
|
+
var _templateObject$1m;
|
|
9825
|
+
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) {
|
|
9711
9826
|
var theme = _ref.theme;
|
|
9712
9827
|
return theme.colors.primary;
|
|
9713
9828
|
}, function (_ref2) {
|
|
@@ -10668,6 +10783,7 @@ exports.Footer = Footer;
|
|
|
10668
10783
|
exports.GlobalStyles = GlobalStyles;
|
|
10669
10784
|
exports.Grid = Grid;
|
|
10670
10785
|
exports.GridItem = GridItem;
|
|
10786
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
10671
10787
|
exports.Header = Header;
|
|
10672
10788
|
exports.Icon = Icon;
|
|
10673
10789
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
@@ -10719,6 +10835,7 @@ exports.Tabs = Tabs;
|
|
|
10719
10835
|
exports.TertiaryButton = Button$1;
|
|
10720
10836
|
exports.TextArea = TextArea;
|
|
10721
10837
|
exports.TextField = TextField;
|
|
10838
|
+
exports.TextFieldLegacy = TextFieldLegacy;
|
|
10722
10839
|
exports.TextLink = TextLink;
|
|
10723
10840
|
exports.TextOnly = TextOnly;
|
|
10724
10841
|
exports.ThemeProvider = Theme;
|
|
@@ -10729,6 +10846,7 @@ exports.TitleWithCTA = TitleWithCTA;
|
|
|
10729
10846
|
exports.TypeTags = TypeTags;
|
|
10730
10847
|
exports.UpsellCard = UpsellCard;
|
|
10731
10848
|
exports.UpsellSection = UpsellSection;
|
|
10849
|
+
exports.VideoControls = VideoControls;
|
|
10732
10850
|
exports.breakpoints = breakpoints;
|
|
10733
10851
|
exports.devices = devices;
|
|
10734
10852
|
exports.zIndexes = zIndexes;
|