@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
package/dist/chord.esm.js
CHANGED
|
@@ -2589,7 +2589,39 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
|
|
|
2589
2589
|
});
|
|
2590
2590
|
|
|
2591
2591
|
var _templateObject$b;
|
|
2592
|
-
|
|
2592
|
+
/**
|
|
2593
|
+
* # IMPORTANT
|
|
2594
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2595
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2596
|
+
*/
|
|
2597
|
+
|
|
2598
|
+
var GridItemLegacy = /*#__PURE__*/styled.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
2599
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2600
|
+
return columnStartDesktop;
|
|
2601
|
+
}, function (_ref2) {
|
|
2602
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2603
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2604
|
+
return columnSpanDesktop;
|
|
2605
|
+
}, devices.mobile, function (_ref3) {
|
|
2606
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2607
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2608
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2609
|
+
}, function (_ref4) {
|
|
2610
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2611
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2612
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2613
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2614
|
+
}, devices.tablet, function (_ref5) {
|
|
2615
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
2616
|
+
return columnStartDevice;
|
|
2617
|
+
}, function (_ref6) {
|
|
2618
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2619
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2620
|
+
return columnSpanDevice;
|
|
2621
|
+
});
|
|
2622
|
+
|
|
2623
|
+
var _templateObject$c;
|
|
2624
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled.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) {
|
|
2593
2625
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2594
2626
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2595
2627
|
return aspectRatio;
|
|
@@ -2607,8 +2639,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$b || (_tem
|
|
|
2607
2639
|
return aspectRatio;
|
|
2608
2640
|
});
|
|
2609
2641
|
|
|
2610
|
-
var _templateObject$
|
|
2611
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
2642
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2643
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2612
2644
|
var height = _ref.height;
|
|
2613
2645
|
return height ? height + "px" : '6px';
|
|
2614
2646
|
});
|
|
@@ -2691,13 +2723,13 @@ var Progress = function Progress(_ref) {
|
|
|
2691
2723
|
}, renderSteps()));
|
|
2692
2724
|
};
|
|
2693
2725
|
|
|
2694
|
-
var _templateObject$
|
|
2695
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
2726
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2727
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2696
2728
|
var RadioLine = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2697
2729
|
var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2698
2730
|
|
|
2699
|
-
var _templateObject$
|
|
2700
|
-
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
2731
|
+
var _templateObject$f;
|
|
2732
|
+
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2701
2733
|
var typography = _ref.typography;
|
|
2702
2734
|
return typography;
|
|
2703
2735
|
}, function (_ref2) {
|
|
@@ -2853,8 +2885,8 @@ var Radio = function Radio(_ref) {
|
|
|
2853
2885
|
}, error)));
|
|
2854
2886
|
};
|
|
2855
2887
|
|
|
2856
|
-
var _templateObject$
|
|
2857
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$
|
|
2888
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
2889
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
2858
2890
|
var Radio$1 = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
2859
2891
|
var error = _ref.error,
|
|
2860
2892
|
darkMode = _ref.darkMode,
|
|
@@ -2962,8 +2994,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2962
2994
|
}, error)));
|
|
2963
2995
|
});
|
|
2964
2996
|
|
|
2965
|
-
var _templateObject$
|
|
2966
|
-
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
2997
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
2998
|
+
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2967
2999
|
var IconWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
2968
3000
|
var theme = _ref.theme;
|
|
2969
3001
|
return theme.colors.primary;
|
|
@@ -3034,8 +3066,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3034
3066
|
}, renderNextIcon()));
|
|
3035
3067
|
};
|
|
3036
3068
|
|
|
3037
|
-
var _templateObject$
|
|
3038
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$
|
|
3069
|
+
var _templateObject$i;
|
|
3070
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3039
3071
|
var fillColor = _ref.fillColor;
|
|
3040
3072
|
return fillColor;
|
|
3041
3073
|
});
|
|
@@ -3059,8 +3091,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3059
3091
|
})));
|
|
3060
3092
|
};
|
|
3061
3093
|
|
|
3062
|
-
var _templateObject$
|
|
3063
|
-
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
3094
|
+
var _templateObject$j, _templateObject2$7;
|
|
3095
|
+
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3064
3096
|
var Splitter = /*#__PURE__*/styled.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3065
3097
|
|
|
3066
3098
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3079,8 +3111,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3079
3111
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3080
3112
|
};
|
|
3081
3113
|
|
|
3082
|
-
var _templateObject$
|
|
3083
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3114
|
+
var _templateObject$k;
|
|
3115
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3084
3116
|
|
|
3085
3117
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3086
3118
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3290,11 +3322,11 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3290
3322
|
})))));
|
|
3291
3323
|
};
|
|
3292
3324
|
|
|
3293
|
-
var _templateObject$
|
|
3294
|
-
var CustomImage = /*#__PURE__*/styled.img(_templateObject$
|
|
3325
|
+
var _templateObject$l, _templateObject2$8;
|
|
3326
|
+
var CustomImage = /*#__PURE__*/styled.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3295
3327
|
var SponsorshipStyledIframe = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3296
3328
|
|
|
3297
|
-
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/
|
|
3329
|
+
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
3298
3330
|
var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
|
|
3299
3331
|
var DEFAULT_DATA_ROH = 'ImgAdvert';
|
|
3300
3332
|
var DEFAULT_SPONSORSHIP_ALT_TEXT = "Sponsor's logo";
|
|
@@ -3324,8 +3356,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3324
3356
|
}));
|
|
3325
3357
|
};
|
|
3326
3358
|
|
|
3327
|
-
var _templateObject$
|
|
3328
|
-
var TabText = /*#__PURE__*/styled.a(_templateObject$
|
|
3359
|
+
var _templateObject$m, _templateObject2$9;
|
|
3360
|
+
var TabText = /*#__PURE__*/styled.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3329
3361
|
if (props.withIcon === 'left') {
|
|
3330
3362
|
return "margin-left: 5px;";
|
|
3331
3363
|
}
|
|
@@ -3424,8 +3456,8 @@ var Tab = function Tab(_ref) {
|
|
|
3424
3456
|
}));
|
|
3425
3457
|
};
|
|
3426
3458
|
|
|
3427
|
-
var _templateObject$
|
|
3428
|
-
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3459
|
+
var _templateObject$n, _templateObject2$a;
|
|
3460
|
+
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3429
3461
|
var iconName = _ref.iconName;
|
|
3430
3462
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3431
3463
|
}, function (_ref2) {
|
|
@@ -3476,8 +3508,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3476
3508
|
})) : null, children);
|
|
3477
3509
|
};
|
|
3478
3510
|
|
|
3479
|
-
var _templateObject$
|
|
3480
|
-
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3511
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3512
|
+
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3481
3513
|
var width = _ref.width;
|
|
3482
3514
|
return width ? width + "px;" : '100%;';
|
|
3483
3515
|
}, function (_ref2) {
|
|
@@ -3600,8 +3632,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3600
3632
|
}, error))));
|
|
3601
3633
|
};
|
|
3602
3634
|
|
|
3603
|
-
var _templateObject$
|
|
3604
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3635
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3636
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3605
3637
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3606
3638
|
var width = _ref.width;
|
|
3607
3639
|
if (!width) return 'none';
|
|
@@ -3727,15 +3759,87 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3727
3759
|
}, error)));
|
|
3728
3760
|
});
|
|
3729
3761
|
|
|
3730
|
-
var _templateObject$
|
|
3731
|
-
var
|
|
3762
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3763
|
+
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3764
|
+
var textStyles = /*#__PURE__*/css(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
3765
|
+
var theme = _ref.theme;
|
|
3766
|
+
return theme.fonts.desktop.weights.body[1];
|
|
3767
|
+
}, function (_ref2) {
|
|
3768
|
+
var theme = _ref2.theme;
|
|
3769
|
+
return theme.fonts.desktop.sizes.altHeaders[6];
|
|
3770
|
+
}, function (_ref3) {
|
|
3771
|
+
var theme = _ref3.theme;
|
|
3772
|
+
return theme.spacing[7];
|
|
3773
|
+
});
|
|
3774
|
+
var Input$1 = /*#__PURE__*/styled.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) {
|
|
3775
|
+
var width = _ref4.width;
|
|
3776
|
+
return width ? width + 'px' : '196px';
|
|
3777
|
+
}, function (_ref5) {
|
|
3778
|
+
var theme = _ref5.theme;
|
|
3779
|
+
return theme.colors.darkgrey;
|
|
3780
|
+
}, function (_ref6) {
|
|
3781
|
+
var error = _ref6.error,
|
|
3782
|
+
theme = _ref6.theme;
|
|
3783
|
+
if (!error) return;
|
|
3784
|
+
return "\n border: 1px solid " + theme.colors.error + ";\n ";
|
|
3785
|
+
}, function (_ref7) {
|
|
3786
|
+
var theme = _ref7.theme;
|
|
3787
|
+
return theme.colors.lightgrey;
|
|
3788
|
+
}, function (_ref8) {
|
|
3789
|
+
var darkMode = _ref8.darkMode,
|
|
3790
|
+
theme = _ref8.theme;
|
|
3791
|
+
if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
|
|
3792
|
+
return "3px solid " + theme.colors.lapisLazuli;
|
|
3793
|
+
});
|
|
3794
|
+
var TextLabel$2 = /*#__PURE__*/styled.p(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref9) {
|
|
3795
|
+
var darkMode = _ref9.darkMode,
|
|
3796
|
+
theme = _ref9.theme;
|
|
3797
|
+
return darkMode ? theme.colors.white : theme.colors.black;
|
|
3798
|
+
});
|
|
3799
|
+
var ErrorLabel$2 = /*#__PURE__*/styled.p(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref10) {
|
|
3800
|
+
var darkMode = _ref10.darkMode,
|
|
3801
|
+
theme = _ref10.theme;
|
|
3802
|
+
return darkMode ? theme.colors.white : theme.colors.error;
|
|
3803
|
+
});
|
|
3804
|
+
|
|
3805
|
+
/**
|
|
3806
|
+
* # IMPORTANT
|
|
3807
|
+
* Please use the `<TextField />` component instead of this component if possible.
|
|
3808
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3809
|
+
* */
|
|
3810
|
+
|
|
3811
|
+
var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
3812
|
+
var label = _ref.label,
|
|
3813
|
+
error = _ref.error,
|
|
3814
|
+
_ref$darkMode = _ref.darkMode,
|
|
3815
|
+
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
3816
|
+
width = _ref.width,
|
|
3817
|
+
inputProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "darkMode", "width"]);
|
|
3818
|
+
|
|
3819
|
+
return /*#__PURE__*/React__default.createElement(TextFieldContainer, null, /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(TextLabel$2, {
|
|
3820
|
+
darkMode: darkMode,
|
|
3821
|
+
"data-testid": "text-field-text-label"
|
|
3822
|
+
}, label), /*#__PURE__*/React__default.createElement(Input$1, Object.assign({
|
|
3823
|
+
type: "text",
|
|
3824
|
+
error: error,
|
|
3825
|
+
darkMode: darkMode,
|
|
3826
|
+
"data-testid": "text-field-input",
|
|
3827
|
+
width: width
|
|
3828
|
+
}, inputProps))), error ? /*#__PURE__*/React__default.createElement(ErrorLabel$2, {
|
|
3829
|
+
darkMode: darkMode,
|
|
3830
|
+
"data-testid": "text-field-error-label"
|
|
3831
|
+
}, error) : null);
|
|
3832
|
+
};
|
|
3833
|
+
|
|
3834
|
+
var _templateObject$r, _templateObject2$e;
|
|
3835
|
+
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
3732
3836
|
var iconName = _ref.iconName;
|
|
3733
3837
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3734
3838
|
}, function (_ref2) {
|
|
3735
3839
|
var color = _ref2.color;
|
|
3736
3840
|
return color;
|
|
3737
3841
|
});
|
|
3738
|
-
var TextLinkIconWrapper = /*#__PURE__*/styled.span(_templateObject2$
|
|
3842
|
+
var TextLinkIconWrapper = /*#__PURE__*/styled.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"])));
|
|
3739
3843
|
|
|
3740
3844
|
var TextLink = function TextLink(_ref) {
|
|
3741
3845
|
var children = _ref.children,
|
|
@@ -3757,20 +3861,20 @@ var TextLink = function TextLink(_ref) {
|
|
|
3757
3861
|
})) : null);
|
|
3758
3862
|
};
|
|
3759
3863
|
|
|
3760
|
-
var _templateObject$
|
|
3761
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3864
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3865
|
+
var LogoWrapper = /*#__PURE__*/styled.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) {
|
|
3762
3866
|
var fontSize = _ref.fontSize;
|
|
3763
3867
|
return fontSize + 'px';
|
|
3764
3868
|
}, function (_ref2) {
|
|
3765
3869
|
var color = _ref2.color;
|
|
3766
3870
|
return color;
|
|
3767
3871
|
});
|
|
3768
|
-
var LogoRightSide = /*#__PURE__*/styled.div(_templateObject2$
|
|
3769
|
-
var LogoLeftSide = /*#__PURE__*/styled.div(_templateObject3$
|
|
3872
|
+
var LogoRightSide = /*#__PURE__*/styled.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"])));
|
|
3873
|
+
var LogoLeftSide = /*#__PURE__*/styled.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) {
|
|
3770
3874
|
var color = _ref3.color;
|
|
3771
3875
|
return color;
|
|
3772
3876
|
});
|
|
3773
|
-
var LogoLeftSideRow = /*#__PURE__*/styled.div(_templateObject4$
|
|
3877
|
+
var LogoLeftSideRow = /*#__PURE__*/styled.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n font-weight: 400;\n"])));
|
|
3774
3878
|
|
|
3775
3879
|
var TextLogoProduct;
|
|
3776
3880
|
|
|
@@ -3792,12 +3896,12 @@ var Logo = function Logo(_ref) {
|
|
|
3792
3896
|
}, /*#__PURE__*/createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/createElement(LogoRightSide, null, productName));
|
|
3793
3897
|
};
|
|
3794
3898
|
|
|
3795
|
-
var _templateObject$
|
|
3796
|
-
var TickboxError = /*#__PURE__*/styled.div(_templateObject$
|
|
3899
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7;
|
|
3900
|
+
var TickboxError = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3797
3901
|
var dark = _ref.dark;
|
|
3798
3902
|
return dark ? 'white' : 'errorstate';
|
|
3799
3903
|
});
|
|
3800
|
-
var TickboxLabel$1 = /*#__PURE__*/styled.label(_templateObject2$
|
|
3904
|
+
var TickboxLabel$1 = /*#__PURE__*/styled.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) {
|
|
3801
3905
|
var dark = _ref2.dark,
|
|
3802
3906
|
disabled = _ref2.disabled;
|
|
3803
3907
|
if (dark) return disabled ? 'lightgrey' : 'white';
|
|
@@ -3806,7 +3910,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled.label(_templateObject2$f || (_templateO
|
|
|
3806
3910
|
var disabled = _ref3.disabled;
|
|
3807
3911
|
return disabled ? 'not-allowed' : 'pointer';
|
|
3808
3912
|
}, devices.mobileAndTablet);
|
|
3809
|
-
var TickboxCheckmark = /*#__PURE__*/styled.span(_templateObject3$
|
|
3913
|
+
var TickboxCheckmark = /*#__PURE__*/styled.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) {
|
|
3810
3914
|
var dark = _ref4.dark,
|
|
3811
3915
|
disabled = _ref4.disabled,
|
|
3812
3916
|
error = _ref4.error;
|
|
@@ -3822,7 +3926,7 @@ var TickboxCheckmark = /*#__PURE__*/styled.span(_templateObject3$9 || (_template
|
|
|
3822
3926
|
dark = _ref6.dark;
|
|
3823
3927
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
3824
3928
|
}, devices.mobile);
|
|
3825
|
-
var TickboxInput = /*#__PURE__*/styled.input(_templateObject4$
|
|
3929
|
+
var TickboxInput = /*#__PURE__*/styled.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) {
|
|
3826
3930
|
var dark = _ref7.dark,
|
|
3827
3931
|
whiteBox = _ref7.whiteBox,
|
|
3828
3932
|
disabled = _ref7.disabled;
|
|
@@ -3914,9 +4018,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3914
4018
|
}, error)));
|
|
3915
4019
|
};
|
|
3916
4020
|
|
|
3917
|
-
var _templateObject$
|
|
3918
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
3919
|
-
var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4021
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$4, _templateObject6$2;
|
|
4022
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4023
|
+
var Tickbox$1 = /*#__PURE__*/styled.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) {
|
|
3920
4024
|
var error = _ref.error,
|
|
3921
4025
|
darkMode = _ref.darkMode,
|
|
3922
4026
|
disabled = _ref.disabled;
|
|
@@ -3939,7 +4043,7 @@ var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$
|
|
|
3939
4043
|
if (blackBox) return 'var(--base-color-white)';
|
|
3940
4044
|
return ' var(--base-color-black)';
|
|
3941
4045
|
});
|
|
3942
|
-
var TickboxLabel$2 = /*#__PURE__*/styled.label(_templateObject3$
|
|
4046
|
+
var TickboxLabel$2 = /*#__PURE__*/styled.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) {
|
|
3943
4047
|
var blackBox = _ref4.blackBox,
|
|
3944
4048
|
darkMode = _ref4.darkMode;
|
|
3945
4049
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -3950,8 +4054,8 @@ var TickboxLabel$2 = /*#__PURE__*/styled.label(_templateObject3$a || (_templateO
|
|
|
3950
4054
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
3951
4055
|
return '3px solid var(--base-color-lapislazuli)';
|
|
3952
4056
|
});
|
|
3953
|
-
var TickboxIcon = /*#__PURE__*/styled.div(_templateObject4$
|
|
3954
|
-
var TextLabel$
|
|
4057
|
+
var TickboxIcon = /*#__PURE__*/styled.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);
|
|
4058
|
+
var TextLabel$3 = /*#__PURE__*/styled.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
3955
4059
|
var darkMode = _ref6.darkMode,
|
|
3956
4060
|
disabled = _ref6.disabled;
|
|
3957
4061
|
if (darkMode && disabled) return 'var(--base-color-lightgrey)';
|
|
@@ -3959,7 +4063,7 @@ var TextLabel$2 = /*#__PURE__*/styled.div(_templateObject5$3 || (_templateObject
|
|
|
3959
4063
|
if (disabled) return 'var(--base-color-darkgrey)';
|
|
3960
4064
|
return 'var(--base-color-black)';
|
|
3961
4065
|
});
|
|
3962
|
-
var ErrorLabel$
|
|
4066
|
+
var ErrorLabel$3 = /*#__PURE__*/styled.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref7) {
|
|
3963
4067
|
var darkMode = _ref7.darkMode;
|
|
3964
4068
|
if (darkMode) return 'var(--base-color-white)';
|
|
3965
4069
|
return 'var(--base-color-errorstate)';
|
|
@@ -4011,13 +4115,13 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4011
4115
|
blackBox: blackBox
|
|
4012
4116
|
}, /*#__PURE__*/React__default.createElement(TickboxIcon, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
4013
4117
|
iconName: "Tick"
|
|
4014
|
-
}))), /*#__PURE__*/React__default.createElement(TextLabel$
|
|
4118
|
+
}))), /*#__PURE__*/React__default.createElement(TextLabel$3, {
|
|
4015
4119
|
disabled: disabled,
|
|
4016
4120
|
darkMode: darkMode,
|
|
4017
4121
|
"data-testid": "tickbox-content"
|
|
4018
4122
|
}, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
4019
4123
|
level: 1
|
|
4020
|
-
}, children))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
4124
|
+
}, children))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$3, {
|
|
4021
4125
|
darkMode: darkMode,
|
|
4022
4126
|
"data-testid": "tickbox-error-label"
|
|
4023
4127
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -4025,18 +4129,18 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4025
4129
|
}, error)));
|
|
4026
4130
|
});
|
|
4027
4131
|
|
|
4028
|
-
var _templateObject$
|
|
4029
|
-
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4132
|
+
var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4133
|
+
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4030
4134
|
var color = _ref.color;
|
|
4031
4135
|
return color;
|
|
4032
4136
|
});
|
|
4033
|
-
var Line = /*#__PURE__*/styled.div(_templateObject2$
|
|
4137
|
+
var Line = /*#__PURE__*/styled.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) {
|
|
4034
4138
|
var color = _ref2.color;
|
|
4035
4139
|
return color;
|
|
4036
4140
|
}, devices.mobileAndTablet);
|
|
4037
|
-
var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4038
|
-
var ValuesWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4039
|
-
var TimerLabel = /*#__PURE__*/styled.div(_templateObject5$
|
|
4141
|
+
var TitleWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4142
|
+
var ValuesWrapper = /*#__PURE__*/styled.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);
|
|
4143
|
+
var TimerLabel = /*#__PURE__*/styled.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"])));
|
|
4040
4144
|
var TimerValueSeparator = /*#__PURE__*/styled.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);
|
|
4041
4145
|
var TimerValueWrapper = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4042
4146
|
var TimerValue = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4134,8 +4238,8 @@ var Timer = function Timer(_ref) {
|
|
|
4134
4238
|
}));
|
|
4135
4239
|
};
|
|
4136
4240
|
|
|
4137
|
-
var _templateObject$
|
|
4138
|
-
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$
|
|
4241
|
+
var _templateObject$w;
|
|
4242
|
+
var TypeTagsContainer = /*#__PURE__*/styled.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"])));
|
|
4139
4243
|
|
|
4140
4244
|
var TypeTags = function TypeTags(_ref) {
|
|
4141
4245
|
var list = _ref.list;
|
|
@@ -4148,12 +4252,12 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4148
4252
|
}));
|
|
4149
4253
|
};
|
|
4150
4254
|
|
|
4151
|
-
var _templateObject$
|
|
4152
|
-
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$
|
|
4153
|
-
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
4154
|
-
var VideoVolume = /*#__PURE__*/styled.input(_templateObject3$
|
|
4155
|
-
var VideoMute = /*#__PURE__*/styled.button(_templateObject4$
|
|
4156
|
-
var thumbStyes = /*#__PURE__*/css(_templateObject5$
|
|
4255
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$1;
|
|
4256
|
+
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
4257
|
+
var VideoControlsWrapper = /*#__PURE__*/styled.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);
|
|
4258
|
+
var VideoVolume = /*#__PURE__*/styled.input(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4259
|
+
var VideoMute = /*#__PURE__*/styled.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"])));
|
|
4260
|
+
var thumbStyes = /*#__PURE__*/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"])));
|
|
4157
4261
|
var trackStyles = /*#__PURE__*/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"])));
|
|
4158
4262
|
var VolumeControlsWrapper = /*#__PURE__*/styled.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) {
|
|
4159
4263
|
var volumeHidden = _ref.volumeHidden;
|
|
@@ -4260,13 +4364,13 @@ var VideoControls = function VideoControls(_ref) {
|
|
|
4260
4364
|
})));
|
|
4261
4365
|
};
|
|
4262
4366
|
|
|
4263
|
-
var _templateObject$
|
|
4264
|
-
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4265
|
-
var StepperError = /*#__PURE__*/styled.div(_templateObject2$
|
|
4367
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7;
|
|
4368
|
+
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
4369
|
+
var StepperError = /*#__PURE__*/styled.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) {
|
|
4266
4370
|
var darkMode = _ref.darkMode;
|
|
4267
4371
|
return darkMode ? 'white' : 'errorstate';
|
|
4268
4372
|
});
|
|
4269
|
-
var StepperBox = /*#__PURE__*/styled.div(_templateObject3$
|
|
4373
|
+
var StepperBox = /*#__PURE__*/styled.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) {
|
|
4270
4374
|
var darkMode = _ref2.darkMode,
|
|
4271
4375
|
disabled = _ref2.disabled,
|
|
4272
4376
|
error = _ref2.error;
|
|
@@ -4288,11 +4392,11 @@ var StepperBox = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3
|
|
|
4288
4392
|
var disabled = _ref6.disabled;
|
|
4289
4393
|
return disabled ? 'midgrey' : 'black';
|
|
4290
4394
|
});
|
|
4291
|
-
var StepperValue = /*#__PURE__*/styled.input(_templateObject4$
|
|
4395
|
+
var StepperValue = /*#__PURE__*/styled.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) {
|
|
4292
4396
|
var disabled = _ref7.disabled;
|
|
4293
4397
|
return disabled ? 'not-allowed' : 'text';
|
|
4294
4398
|
});
|
|
4295
|
-
var StepperButton = /*#__PURE__*/styled.div(_templateObject5$
|
|
4399
|
+
var StepperButton = /*#__PURE__*/styled.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) {
|
|
4296
4400
|
var disabled = _ref8.disabled;
|
|
4297
4401
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4298
4402
|
});
|
|
@@ -4488,18 +4592,18 @@ var Component = function Component(_ref) {
|
|
|
4488
4592
|
}, error)));
|
|
4489
4593
|
};
|
|
4490
4594
|
|
|
4491
|
-
var _templateObject$
|
|
4492
|
-
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4595
|
+
var _templateObject$z, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
4596
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
4493
4597
|
var isMenuOpen = _ref.isMenuOpen;
|
|
4494
4598
|
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 ";
|
|
4495
4599
|
});
|
|
4496
|
-
var FullScreenContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
4497
|
-
var NavigationGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
4498
|
-
var SearchBackground = /*#__PURE__*/styled.div(_templateObject4$
|
|
4600
|
+
var FullScreenContainer = /*#__PURE__*/styled.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);
|
|
4601
|
+
var NavigationGrid = /*#__PURE__*/styled(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);
|
|
4602
|
+
var SearchBackground = /*#__PURE__*/styled.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) {
|
|
4499
4603
|
var visible = _ref2.visible;
|
|
4500
4604
|
return visible ? 'visible' : 'hidden';
|
|
4501
4605
|
}, zIndexes.search, devices.mobile);
|
|
4502
|
-
var GridItemSearch = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
4606
|
+
var GridItemSearch = /*#__PURE__*/styled(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) {
|
|
4503
4607
|
var visible = _ref3.visible;
|
|
4504
4608
|
return visible ? 'visible' : 'hidden';
|
|
4505
4609
|
}, zIndexes.search, devices.mobile);
|
|
@@ -4513,8 +4617,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9
|
|
|
4513
4617
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
4514
4618
|
var NavTopContainer = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
4515
4619
|
|
|
4516
|
-
var _templateObject$
|
|
4517
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4620
|
+
var _templateObject$A;
|
|
4621
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
4518
4622
|
|
|
4519
4623
|
var Logo$1 = function Logo(_ref) {
|
|
4520
4624
|
var _ref$id = _ref.id,
|
|
@@ -4543,11 +4647,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
4543
4647
|
}))));
|
|
4544
4648
|
};
|
|
4545
4649
|
|
|
4546
|
-
var _templateObject$
|
|
4547
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4650
|
+
var _templateObject$B;
|
|
4651
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
4548
4652
|
|
|
4549
|
-
var _templateObject$
|
|
4550
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4653
|
+
var _templateObject$C, _templateObject2$m, _templateObject3$g, _templateObject4$d;
|
|
4654
|
+
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\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) {
|
|
4551
4655
|
var selected = _ref.selected,
|
|
4552
4656
|
colorPrimary = _ref.colorPrimary;
|
|
4553
4657
|
|
|
@@ -4575,9 +4679,9 @@ var BasketContainer = /*#__PURE__*/styled.div(_templateObject$A || (_templateObj
|
|
|
4575
4679
|
|
|
4576
4680
|
return '';
|
|
4577
4681
|
});
|
|
4578
|
-
var SvgContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
4579
|
-
var NumContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
4580
|
-
var BasketText = /*#__PURE__*/styled.a(_templateObject4$
|
|
4682
|
+
var SvgContainer = /*#__PURE__*/styled.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"])));
|
|
4683
|
+
var NumContainer = /*#__PURE__*/styled.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"])));
|
|
4684
|
+
var BasketText = /*#__PURE__*/styled.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"])));
|
|
4581
4685
|
|
|
4582
4686
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
4583
4687
|
if (!expiryUnixTimestamp) return 0;
|
|
@@ -4735,8 +4839,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
4735
4839
|
}, expiryTime ? basketText : text) : ''));
|
|
4736
4840
|
};
|
|
4737
4841
|
|
|
4738
|
-
var _templateObject$
|
|
4739
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4842
|
+
var _templateObject$D, _templateObject2$n;
|
|
4843
|
+
var SearchContainer = /*#__PURE__*/styled.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) {
|
|
4740
4844
|
var selected = _ref.selected,
|
|
4741
4845
|
colorPrimary = _ref.colorPrimary;
|
|
4742
4846
|
|
|
@@ -4752,7 +4856,7 @@ var SearchContainer = /*#__PURE__*/styled.div(_templateObject$B || (_templateObj
|
|
|
4752
4856
|
var colorPrimary = _ref3.colorPrimary;
|
|
4753
4857
|
return colorPrimary;
|
|
4754
4858
|
});
|
|
4755
|
-
var SvgContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4859
|
+
var SvgContainer$1 = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
4756
4860
|
|
|
4757
4861
|
var Search$1 = function Search(_ref) {
|
|
4758
4862
|
var _ref$selected = _ref.selected,
|
|
@@ -5028,23 +5132,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
5028
5132
|
}));
|
|
5029
5133
|
};
|
|
5030
5134
|
|
|
5031
|
-
var _templateObject$
|
|
5032
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5033
|
-
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5135
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject4$e;
|
|
5136
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5137
|
+
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
5034
5138
|
if (props.showMenu) {
|
|
5035
5139
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
5036
5140
|
}
|
|
5037
5141
|
|
|
5038
5142
|
return "display: none;";
|
|
5039
5143
|
});
|
|
5040
|
-
var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
5144
|
+
var MenuContainer$1 = /*#__PURE__*/styled.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) {
|
|
5041
5145
|
var colorPrimary = _ref.colorPrimary;
|
|
5042
5146
|
return colorPrimary;
|
|
5043
5147
|
}, function (_ref2) {
|
|
5044
5148
|
var colorPrimary = _ref2.colorPrimary;
|
|
5045
5149
|
return colorPrimary;
|
|
5046
5150
|
}, devices.mobileAndTablet);
|
|
5047
|
-
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$
|
|
5151
|
+
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5048
5152
|
|
|
5049
5153
|
var Tabs = function Tabs(_ref) {
|
|
5050
5154
|
var _ref$items = _ref.items,
|
|
@@ -5171,11 +5275,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
5171
5275
|
}, "MENU"))));
|
|
5172
5276
|
};
|
|
5173
5277
|
|
|
5174
|
-
var _templateObject$
|
|
5175
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5176
|
-
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$
|
|
5177
|
-
var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$
|
|
5178
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
5278
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
5279
|
+
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
5280
|
+
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5281
|
+
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
5282
|
+
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
5179
5283
|
var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5180
5284
|
var SearchArrowContainer = /*#__PURE__*/styled.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);
|
|
5181
5285
|
|
|
@@ -5409,18 +5513,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
5409
5513
|
})))));
|
|
5410
5514
|
};
|
|
5411
5515
|
|
|
5412
|
-
var _templateObject$
|
|
5413
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
5414
|
-
var FooterContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5415
|
-
var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$
|
|
5416
|
-
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$
|
|
5417
|
-
var ArtsLogoRow = /*#__PURE__*/styled.div(_templateObject5$
|
|
5516
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j, _templateObject4$f, _templateObject5$a, _templateObject6$7;
|
|
5517
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
5518
|
+
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
5519
|
+
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
5520
|
+
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
5521
|
+
var ArtsLogoRow = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
5418
5522
|
var AdditionalInfo = /*#__PURE__*/styled.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
5419
5523
|
|
|
5420
|
-
var _templateObject$
|
|
5421
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
5422
|
-
var PolicyLinkItem = /*#__PURE__*/styled.li(_templateObject2$
|
|
5423
|
-
var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
5524
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k;
|
|
5525
|
+
var PolicyLinksList = /*#__PURE__*/styled.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);
|
|
5526
|
+
var PolicyLinkItem = /*#__PURE__*/styled.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);
|
|
5527
|
+
var PolicyLink = /*#__PURE__*/styled.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"])));
|
|
5424
5528
|
|
|
5425
5529
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
5426
5530
|
var _ref$items = _ref.items,
|
|
@@ -5436,12 +5540,12 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
5436
5540
|
}));
|
|
5437
5541
|
};
|
|
5438
5542
|
|
|
5439
|
-
var _templateObject$
|
|
5440
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5441
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$
|
|
5442
|
-
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
5443
|
-
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$
|
|
5444
|
-
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
5543
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$2;
|
|
5544
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
5545
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
5546
|
+
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
5547
|
+
var SignUpText = /*#__PURE__*/styled.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);
|
|
5548
|
+
var ContactWrapper = /*#__PURE__*/styled.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);
|
|
5445
5549
|
var MediaLinksWrapper = /*#__PURE__*/styled.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);
|
|
5446
5550
|
var MediaIconWrapper = /*#__PURE__*/styled.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
5447
5551
|
var TextLinkWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
@@ -5508,15 +5612,15 @@ var Footer = function Footer(_ref) {
|
|
|
5508
5612
|
}, additionalInfo)))));
|
|
5509
5613
|
};
|
|
5510
5614
|
|
|
5511
|
-
var _templateObject$
|
|
5615
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject5$c, _templateObject6$9;
|
|
5512
5616
|
var LIST_ITEM_GAP = 32;
|
|
5513
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5617
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
5514
5618
|
var bottomBorder = _ref.bottomBorder;
|
|
5515
5619
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
5516
5620
|
}, zIndexes.anchor);
|
|
5517
|
-
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
5518
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
5519
|
-
var TabsList = /*#__PURE__*/styled.ul(_templateObject4$
|
|
5621
|
+
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
5622
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
5623
|
+
var TabsList = /*#__PURE__*/styled.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) {
|
|
5520
5624
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
5521
5625
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
5522
5626
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -5527,7 +5631,7 @@ var TabsList = /*#__PURE__*/styled.ul(_templateObject4$g || (_templateObject4$g
|
|
|
5527
5631
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
5528
5632
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
5529
5633
|
});
|
|
5530
|
-
var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
5634
|
+
var ArrowsContainer = /*#__PURE__*/styled.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) {
|
|
5531
5635
|
var fullWidth = _ref5.fullWidth;
|
|
5532
5636
|
return fullWidth ? '74px' : '46px';
|
|
5533
5637
|
});
|
|
@@ -5774,17 +5878,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5774
5878
|
})) : null) : null))));
|
|
5775
5879
|
};
|
|
5776
5880
|
|
|
5777
|
-
var _templateObject$
|
|
5778
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5881
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject6$a, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1;
|
|
5882
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
5779
5883
|
var sticky = _ref.sticky;
|
|
5780
5884
|
return sticky ? 'sticky' : 'initial';
|
|
5781
5885
|
}, zIndexes.anchor);
|
|
5782
|
-
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
5783
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
5886
|
+
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5887
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.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) {
|
|
5784
5888
|
var title = _ref2.title;
|
|
5785
5889
|
return title ? 'row' : 'row-reverse';
|
|
5786
5890
|
}, devices.tablet, devices.mobile);
|
|
5787
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
5891
|
+
var AnchorTitle = /*#__PURE__*/styled.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);
|
|
5788
5892
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled.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);
|
|
5789
5893
|
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5790
5894
|
var PrimaryButtonReverse = /*#__PURE__*/styled(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) {
|
|
@@ -5835,15 +5939,15 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5835
5939
|
}, message)));
|
|
5836
5940
|
};
|
|
5837
5941
|
|
|
5838
|
-
var _templateObject$
|
|
5839
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
5840
|
-
var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5841
|
-
var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$
|
|
5942
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o, _templateObject4$j, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$4;
|
|
5943
|
+
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
5944
|
+
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
5945
|
+
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
5842
5946
|
var theme = _ref.theme;
|
|
5843
5947
|
return theme.colors.primary;
|
|
5844
5948
|
}, Colors.White);
|
|
5845
|
-
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
5846
|
-
var TitleContainer$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
5949
|
+
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5950
|
+
var TitleContainer$1 = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5847
5951
|
var OfferTextWrapper = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5848
5952
|
var PriceRow = /*#__PURE__*/styled.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"])));
|
|
5849
5953
|
var LineThrough = /*#__PURE__*/styled.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
@@ -5916,8 +6020,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
5916
6020
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
5917
6021
|
};
|
|
5918
6022
|
|
|
5919
|
-
var _templateObject$
|
|
5920
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
6023
|
+
var _templateObject$M;
|
|
6024
|
+
var Wrapper$3 = /*#__PURE__*/styled.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);
|
|
5921
6025
|
|
|
5922
6026
|
var UpsellCards = function UpsellCards(_ref) {
|
|
5923
6027
|
var upsellCards = _ref.upsellCards;
|
|
@@ -5935,20 +6039,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
5935
6039
|
}));
|
|
5936
6040
|
};
|
|
5937
6041
|
|
|
5938
|
-
var _templateObject$
|
|
5939
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
6042
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p;
|
|
6043
|
+
var UpsellBorderBox = /*#__PURE__*/styled.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) {
|
|
5940
6044
|
var theme = _ref.theme;
|
|
5941
6045
|
return theme.colors.primary;
|
|
5942
6046
|
}, devices.mobile, devices.tablet);
|
|
5943
|
-
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5944
|
-
var TextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6047
|
+
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
6048
|
+
var TextContainer = /*#__PURE__*/styled.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);
|
|
5945
6049
|
|
|
5946
|
-
var _templateObject$
|
|
5947
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5948
|
-
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5949
|
-
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
5950
|
-
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject4$
|
|
5951
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
6050
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q, _templateObject4$k, _templateObject5$e;
|
|
6051
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
6052
|
+
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
6053
|
+
var ChildrenContainer = /*#__PURE__*/styled.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);
|
|
6054
|
+
var TitleContainer$3 = /*#__PURE__*/styled.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);
|
|
6055
|
+
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), devices.mobile);
|
|
5952
6056
|
|
|
5953
6057
|
var Accordion = function Accordion(_ref) {
|
|
5954
6058
|
var _ref$title = _ref.title,
|
|
@@ -6073,8 +6177,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6073
6177
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6074
6178
|
};
|
|
6075
6179
|
|
|
6076
|
-
var _templateObject$
|
|
6077
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6180
|
+
var _templateObject$P;
|
|
6181
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6078
6182
|
|
|
6079
6183
|
var Accordions = function Accordions(_ref) {
|
|
6080
6184
|
var _ref$items = _ref.items,
|
|
@@ -6092,7 +6196,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6092
6196
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6093
6197
|
contentType: accordion.contentType,
|
|
6094
6198
|
displayLevel: accordion.displayLevel,
|
|
6095
|
-
semanticLevel: accordion.semanticLevel
|
|
6199
|
+
semanticLevel: accordion.semanticLevel,
|
|
6200
|
+
initOpen: accordion.initOpen
|
|
6096
6201
|
}, accordion.children);
|
|
6097
6202
|
}));
|
|
6098
6203
|
};
|
|
@@ -6106,13 +6211,13 @@ var Theme = function Theme(_ref) {
|
|
|
6106
6211
|
}, children);
|
|
6107
6212
|
};
|
|
6108
6213
|
|
|
6109
|
-
var _templateObject$
|
|
6110
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6214
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r;
|
|
6215
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
6111
6216
|
var theme = _ref.theme;
|
|
6112
6217
|
return theme.colors.primary;
|
|
6113
6218
|
}, devices.mobile);
|
|
6114
|
-
var SvgContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6115
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6219
|
+
var SvgContainer$2 = /*#__PURE__*/styled.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);
|
|
6220
|
+
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
6116
6221
|
|
|
6117
6222
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
6118
6223
|
var title = _ref.title,
|
|
@@ -6149,8 +6254,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6149
6254
|
}))))));
|
|
6150
6255
|
};
|
|
6151
6256
|
|
|
6152
|
-
var _templateObject$
|
|
6153
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$
|
|
6257
|
+
var _templateObject$R;
|
|
6258
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
|
|
6154
6259
|
var bgColor = _ref.bgColor,
|
|
6155
6260
|
theme = _ref.theme;
|
|
6156
6261
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -6171,32 +6276,32 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
6171
6276
|
}), children);
|
|
6172
6277
|
};
|
|
6173
6278
|
|
|
6174
|
-
var _templateObject$
|
|
6279
|
+
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;
|
|
6175
6280
|
var LENGTH_LARGE_TEXT = 28;
|
|
6176
6281
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6177
6282
|
var LENGTH_TEXT_TABLET = 10;
|
|
6178
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6283
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
6179
6284
|
var isCardClickable = _ref.isCardClickable;
|
|
6180
6285
|
return isCardClickable ? 'pointer' : 'default';
|
|
6181
6286
|
}, function (_ref2) {
|
|
6182
6287
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
6183
6288
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
6184
6289
|
});
|
|
6185
|
-
var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6290
|
+
var HoverContainer = /*#__PURE__*/styled.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) {
|
|
6186
6291
|
var lineColor = _ref3.lineColor,
|
|
6187
6292
|
theme = _ref3.theme;
|
|
6188
6293
|
if (lineColor === Colors.Cinema) return 'var(--base-color-white)';
|
|
6189
6294
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
6190
6295
|
}, zIndexes.contentOverlay);
|
|
6191
|
-
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6192
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
6296
|
+
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
6297
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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) {
|
|
6193
6298
|
var fullWidth = _ref4.fullWidth;
|
|
6194
6299
|
return fullWidth ? '0' : '20px';
|
|
6195
6300
|
}, function (_ref5) {
|
|
6196
6301
|
var fullWidth = _ref5.fullWidth;
|
|
6197
6302
|
return fullWidth ? '0' : '20px';
|
|
6198
6303
|
});
|
|
6199
|
-
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6304
|
+
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
6200
6305
|
var TitleContainerMobile = /*#__PURE__*/styled.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);
|
|
6201
6306
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
6202
6307
|
var HighlightTextContainer = /*#__PURE__*/styled(TextContainer$1)(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
@@ -6457,9 +6562,9 @@ var Card = function Card(_ref) {
|
|
|
6457
6562
|
dangerouslySetInnerHTML: {
|
|
6458
6563
|
__html: truncatedText
|
|
6459
6564
|
}
|
|
6460
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6565
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6461
6566
|
level: 1
|
|
6462
|
-
}, highlightText))
|
|
6567
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
6463
6568
|
fullWidth: fullWidth
|
|
6464
6569
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6465
6570
|
ref: node,
|
|
@@ -6473,9 +6578,9 @@ var Card = function Card(_ref) {
|
|
|
6473
6578
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6474
6579
|
};
|
|
6475
6580
|
|
|
6476
|
-
var _templateObject$
|
|
6477
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6478
|
-
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
6581
|
+
var _templateObject$T, _templateObject2$A;
|
|
6582
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
6583
|
+
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6479
6584
|
|
|
6480
6585
|
var Cards = function Cards(_ref) {
|
|
6481
6586
|
var cards = _ref.cards,
|
|
@@ -6520,18 +6625,18 @@ var Cards = function Cards(_ref) {
|
|
|
6520
6625
|
}));
|
|
6521
6626
|
};
|
|
6522
6627
|
|
|
6523
|
-
var _templateObject$
|
|
6524
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6525
|
-
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6628
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g;
|
|
6629
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
6630
|
+
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
6526
6631
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6527
6632
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6528
6633
|
}, function (_ref2) {
|
|
6529
6634
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
6530
6635
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6531
6636
|
}, devices.mobileAndTablet);
|
|
6532
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$
|
|
6533
|
-
var AddressWrapperMobile = /*#__PURE__*/styled.div(_templateObject4$
|
|
6534
|
-
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6637
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6638
|
+
var AddressWrapperMobile = /*#__PURE__*/styled.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);
|
|
6639
|
+
var DetailsWrapper = /*#__PURE__*/styled.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);
|
|
6535
6640
|
|
|
6536
6641
|
var divideAddressString = function divideAddressString(address) {
|
|
6537
6642
|
return address.split(',').map(function (chunk, i) {
|
|
@@ -6589,16 +6694,16 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6589
6694
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6590
6695
|
};
|
|
6591
6696
|
|
|
6592
|
-
var _templateObject$
|
|
6593
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
6594
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$
|
|
6697
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
6698
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6699
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
6595
6700
|
return props.clickable ? 'pointer' : 'default';
|
|
6596
6701
|
}, devices.mobile);
|
|
6597
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6598
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6702
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
6703
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled.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) {
|
|
6599
6704
|
return props.showImage ? 2 : '1 / span 4';
|
|
6600
6705
|
}, devices.mobile);
|
|
6601
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6706
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
6602
6707
|
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
6603
6708
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
6604
6709
|
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 ";
|
|
@@ -6672,21 +6777,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6672
6777
|
}), link.text)));
|
|
6673
6778
|
};
|
|
6674
6779
|
|
|
6675
|
-
var _templateObject$
|
|
6676
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
6780
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o, _templateObject5$i;
|
|
6781
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
6677
6782
|
var imageToLeft = _ref.imageToLeft;
|
|
6678
6783
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6679
6784
|
}, devices.mobile);
|
|
6680
|
-
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6785
|
+
var EditorialImageWrapper = /*#__PURE__*/styled.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) {
|
|
6681
6786
|
var imageToLeft = _ref2.imageToLeft;
|
|
6682
6787
|
return imageToLeft ? 'left' : 'right';
|
|
6683
6788
|
}, devices.mobile);
|
|
6684
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6789
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.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) {
|
|
6685
6790
|
var imageToLeft = _ref3.imageToLeft;
|
|
6686
6791
|
return imageToLeft ? 'right' : 'left';
|
|
6687
6792
|
}, devices.mobile);
|
|
6688
|
-
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$
|
|
6689
|
-
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$
|
|
6793
|
+
var EditorialSubtitle = /*#__PURE__*/styled.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"])));
|
|
6794
|
+
var EditorialText = /*#__PURE__*/styled.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"])));
|
|
6690
6795
|
|
|
6691
6796
|
var Editorial = function Editorial(_ref) {
|
|
6692
6797
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -6750,10 +6855,10 @@ var BackgroundColour;
|
|
|
6750
6855
|
BackgroundColour["White"] = "white";
|
|
6751
6856
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6752
6857
|
|
|
6753
|
-
var _templateObject$
|
|
6754
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
6755
|
-
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$
|
|
6756
|
-
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
6858
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p;
|
|
6859
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
6860
|
+
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6861
|
+
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6757
6862
|
if (!props.infoThemed) {
|
|
6758
6863
|
return;
|
|
6759
6864
|
} else {
|
|
@@ -6764,7 +6869,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_template
|
|
|
6764
6869
|
}
|
|
6765
6870
|
}
|
|
6766
6871
|
});
|
|
6767
|
-
var InfoWrapper = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
6872
|
+
var InfoWrapper = /*#__PURE__*/styled(Grid)(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
6768
6873
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
6769
6874
|
}, function (props) {
|
|
6770
6875
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6877,24 +6982,24 @@ var Information = function Information(_ref) {
|
|
|
6877
6982
|
}))));
|
|
6878
6983
|
};
|
|
6879
6984
|
|
|
6880
|
-
var _templateObject$
|
|
6881
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6985
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6986
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
6882
6987
|
var theme = _ref.theme;
|
|
6883
6988
|
return theme.colors.primary;
|
|
6884
6989
|
}, function (_ref2) {
|
|
6885
6990
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6886
6991
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6887
6992
|
}, devices.mobile);
|
|
6888
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
6889
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6993
|
+
var PageHeadingGrid = /*#__PURE__*/styled(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);
|
|
6994
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.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) {
|
|
6890
6995
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6891
6996
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6892
6997
|
}, devices.mobile);
|
|
6893
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6998
|
+
var ChildrenWrapper = /*#__PURE__*/styled.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) {
|
|
6894
6999
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6895
7000
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6896
7001
|
}, devices.mobile);
|
|
6897
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7002
|
+
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
6898
7003
|
var LogoWrapper$2 = /*#__PURE__*/styled.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);
|
|
6899
7004
|
var ButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
6900
7005
|
var PageHeadingText = /*#__PURE__*/styled.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"])));
|
|
@@ -6969,12 +7074,12 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6969
7074
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6970
7075
|
};
|
|
6971
7076
|
|
|
6972
|
-
var _templateObject$
|
|
6973
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6974
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6975
|
-
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
6976
|
-
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6977
|
-
var LogoWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7077
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
7078
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
7079
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
7080
|
+
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
7081
|
+
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
7082
|
+
var LogoWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6978
7083
|
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
6979
7084
|
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6980
7085
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
@@ -7040,21 +7145,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7040
7145
|
}, "Scroll Down")) : null);
|
|
7041
7146
|
};
|
|
7042
7147
|
|
|
7043
|
-
var _templateObject$
|
|
7044
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7148
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject4$s, _templateObject5$l;
|
|
7149
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
7045
7150
|
var color = _ref.color;
|
|
7046
7151
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7047
7152
|
}, devices.mobileAndTablet);
|
|
7048
|
-
var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$
|
|
7153
|
+
var LeftPanel = /*#__PURE__*/styled.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) {
|
|
7049
7154
|
var hasImage = _ref2.hasImage;
|
|
7050
7155
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7051
7156
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7052
7157
|
var hasImage = _ref3.hasImage;
|
|
7053
7158
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7054
7159
|
});
|
|
7055
|
-
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$
|
|
7056
|
-
var InfoWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7057
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7160
|
+
var RightPanel = /*#__PURE__*/styled.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);
|
|
7161
|
+
var InfoWrapper$1 = /*#__PURE__*/styled.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);
|
|
7162
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled.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);
|
|
7058
7163
|
|
|
7059
7164
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
7060
7165
|
var _image$src, _image$alt;
|
|
@@ -7085,8 +7190,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7085
7190
|
}))));
|
|
7086
7191
|
};
|
|
7087
7192
|
|
|
7088
|
-
var _templateObject
|
|
7089
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject
|
|
7193
|
+
var _templateObject$$;
|
|
7194
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7090
7195
|
|
|
7091
7196
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7092
7197
|
var link = _ref.link,
|
|
@@ -7104,11 +7209,11 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7104
7209
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7105
7210
|
};
|
|
7106
7211
|
|
|
7107
|
-
var _templateObject$
|
|
7108
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$
|
|
7109
|
-
var BrandingTextBody = /*#__PURE__*/styled.p(_templateObject2$
|
|
7110
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7111
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7212
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7213
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
7214
|
+
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
7215
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7216
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
7112
7217
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(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) {
|
|
7113
7218
|
var invert = _ref.invert,
|
|
7114
7219
|
theme = _ref.theme;
|
|
@@ -7239,7 +7344,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7239
7344
|
var isIOS = function isIOS() {
|
|
7240
7345
|
try {
|
|
7241
7346
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7242
|
-
if (typeof navigator === undefined) return false;
|
|
7347
|
+
if (typeof navigator === 'undefined') return false;
|
|
7243
7348
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7244
7349
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7245
7350
|
} catch (e) {
|
|
@@ -7255,7 +7360,7 @@ var useIOS = function useIOS() {
|
|
|
7255
7360
|
setIOS = _useState[1];
|
|
7256
7361
|
|
|
7257
7362
|
useEffect(function () {
|
|
7258
|
-
if (typeof navigator === undefined) return;
|
|
7363
|
+
if (typeof navigator === 'undefined') return;
|
|
7259
7364
|
setIOS(isIOS());
|
|
7260
7365
|
}, []);
|
|
7261
7366
|
return IOS;
|
|
@@ -7437,15 +7542,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7437
7542
|
}), linkText))));
|
|
7438
7543
|
};
|
|
7439
7544
|
|
|
7440
|
-
var _templateObject
|
|
7441
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
7442
|
-
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject2$
|
|
7545
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t;
|
|
7546
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7547
|
+
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
7443
7548
|
|
|
7444
|
-
var PageNumber = /*#__PURE__*/styled.a(_templateObject3$
|
|
7549
|
+
var PageNumber = /*#__PURE__*/styled.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) {
|
|
7445
7550
|
var active = _ref.active;
|
|
7446
7551
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
7447
7552
|
});
|
|
7448
|
-
var NextPage = /*#__PURE__*/styled(PageNumber)(_templateObject4$
|
|
7553
|
+
var NextPage = /*#__PURE__*/styled(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"])));
|
|
7449
7554
|
|
|
7450
7555
|
var reducePages = function reducePages(pages, currentPage) {
|
|
7451
7556
|
// If there are less than 6 pages, return all pages
|
|
@@ -7514,12 +7619,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
7514
7619
|
}))));
|
|
7515
7620
|
};
|
|
7516
7621
|
|
|
7517
|
-
var _templateObject$
|
|
7518
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7519
|
-
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7520
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7521
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
7522
|
-
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7622
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u, _templateObject5$n, _templateObject6$h;
|
|
7623
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
7624
|
+
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
7625
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7626
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
7627
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
7523
7628
|
var PersonLink = /*#__PURE__*/styled.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"])));
|
|
7524
7629
|
|
|
7525
7630
|
var Person = function Person(_ref) {
|
|
@@ -7571,11 +7676,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7571
7676
|
}));
|
|
7572
7677
|
};
|
|
7573
7678
|
|
|
7574
|
-
var _templateObject$
|
|
7575
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7576
|
-
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$
|
|
7577
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7578
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7679
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v;
|
|
7680
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7681
|
+
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7682
|
+
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
7683
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
7579
7684
|
|
|
7580
7685
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7581
7686
|
return array.reduce(function (acc, item) {
|
|
@@ -7586,12 +7691,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7586
7691
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7587
7692
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7588
7693
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7589
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7694
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7695
|
+
key: index
|
|
7696
|
+
}, title));
|
|
7590
7697
|
} else if (index > 0) {
|
|
7591
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7698
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7699
|
+
key: index
|
|
7700
|
+
}, ", ", title);
|
|
7592
7701
|
}
|
|
7593
7702
|
|
|
7594
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7703
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7704
|
+
key: index
|
|
7705
|
+
}, title);
|
|
7595
7706
|
}));
|
|
7596
7707
|
};
|
|
7597
7708
|
|
|
@@ -7643,14 +7754,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7643
7754
|
}));
|
|
7644
7755
|
};
|
|
7645
7756
|
|
|
7646
|
-
var _templateObject$
|
|
7757
|
+
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;
|
|
7647
7758
|
var LENGTH_TEXT = 28;
|
|
7648
7759
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7649
7760
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7650
7761
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7651
7762
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7652
7763
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7653
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7764
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
7654
7765
|
var imageToLeft = _ref.imageToLeft;
|
|
7655
7766
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7656
7767
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7660,8 +7771,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$12 || (_templa
|
|
|
7660
7771
|
var asCard = _ref3.asCard;
|
|
7661
7772
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
7662
7773
|
});
|
|
7663
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject2$
|
|
7664
|
-
var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$
|
|
7774
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled.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"])));
|
|
7775
|
+
var PromoWithTagsText = /*#__PURE__*/styled.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) {
|
|
7665
7776
|
var theme = _ref4.theme;
|
|
7666
7777
|
return theme.colors.black;
|
|
7667
7778
|
}, function (_ref5) {
|
|
@@ -7671,7 +7782,7 @@ var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$D || (_template
|
|
|
7671
7782
|
var theme = _ref6.theme;
|
|
7672
7783
|
return theme.colors.primary;
|
|
7673
7784
|
});
|
|
7674
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7785
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.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) {
|
|
7675
7786
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
7676
7787
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
7677
7788
|
}, function (_ref8) {
|
|
@@ -7699,7 +7810,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$v || (_templat
|
|
|
7699
7810
|
|
|
7700
7811
|
return '';
|
|
7701
7812
|
});
|
|
7702
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7813
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
7703
7814
|
var marginBottom = _ref10.marginBottom;
|
|
7704
7815
|
return marginBottom + "px";
|
|
7705
7816
|
});
|
|
@@ -7921,26 +8032,26 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7921
8032
|
}))));
|
|
7922
8033
|
};
|
|
7923
8034
|
|
|
7924
|
-
var _templateObject$
|
|
8035
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$F, _templateObject4$x, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
7925
8036
|
var LENGTH_TEXT$2 = 28;
|
|
7926
8037
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7927
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8038
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
7928
8039
|
var imageToLeft = _ref.imageToLeft;
|
|
7929
8040
|
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'";
|
|
7930
8041
|
}, devices.tablet, function (_ref2) {
|
|
7931
8042
|
var imageToLeft = _ref2.imageToLeft;
|
|
7932
8043
|
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'";
|
|
7933
8044
|
}, devices.mobile);
|
|
7934
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8045
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.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) {
|
|
7935
8046
|
var imageToLeft = _ref3.imageToLeft;
|
|
7936
8047
|
return imageToLeft ? 'left' : 'right';
|
|
7937
8048
|
}, devices.mobile);
|
|
7938
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8049
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.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) {
|
|
7939
8050
|
var imageToLeft = _ref4.imageToLeft;
|
|
7940
8051
|
return imageToLeft ? 'right' : 'left';
|
|
7941
8052
|
}, devices.mobile);
|
|
7942
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
7943
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$
|
|
8053
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled.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);
|
|
8054
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7944
8055
|
var PromoWithTitleText = /*#__PURE__*/styled.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) {
|
|
7945
8056
|
var theme = _ref5.theme;
|
|
7946
8057
|
return theme.colors.black;
|
|
@@ -8036,8 +8147,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8036
8147
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8037
8148
|
};
|
|
8038
8149
|
|
|
8039
|
-
var _templateObject$
|
|
8040
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8150
|
+
var _templateObject$16;
|
|
8151
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8041
8152
|
|
|
8042
8153
|
/**
|
|
8043
8154
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8095,9 +8206,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8095
8206
|
})));
|
|
8096
8207
|
};
|
|
8097
8208
|
|
|
8098
|
-
var _templateObject$
|
|
8099
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8100
|
-
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8209
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
8210
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8211
|
+
var RadioGroup$1 = /*#__PURE__*/styled.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) {
|
|
8101
8212
|
var horizontalMode = _ref.horizontalMode;
|
|
8102
8213
|
if (horizontalMode) return 'row';
|
|
8103
8214
|
return 'column';
|
|
@@ -8105,7 +8216,7 @@ var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObjec
|
|
|
8105
8216
|
var gap = _ref2.gap;
|
|
8106
8217
|
return gap + "px";
|
|
8107
8218
|
});
|
|
8108
|
-
var ErrorLabel$
|
|
8219
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
8109
8220
|
var darkMode = _ref3.darkMode;
|
|
8110
8221
|
if (darkMode) return 'var(--base-color-white)';
|
|
8111
8222
|
return 'var(--base-color-errorstate)';
|
|
@@ -8177,7 +8288,7 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8177
8288
|
error: error !== undefined ? '' : undefined,
|
|
8178
8289
|
onChange: changeHandler
|
|
8179
8290
|
}, radio.content);
|
|
8180
|
-
})), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
8291
|
+
})), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$4, {
|
|
8181
8292
|
darkMode: darkMode,
|
|
8182
8293
|
"data-testid": "radio-group-error-label"
|
|
8183
8294
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -8185,10 +8296,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8185
8296
|
}, error)));
|
|
8186
8297
|
};
|
|
8187
8298
|
|
|
8188
|
-
var _templateObject$
|
|
8189
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8190
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8191
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8299
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$H;
|
|
8300
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
8301
|
+
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
8302
|
+
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
8192
8303
|
|
|
8193
8304
|
var StatusBanner = function StatusBanner(_ref) {
|
|
8194
8305
|
var statusText = _ref.statusText,
|
|
@@ -8250,8 +8361,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8250
8361
|
})))));
|
|
8251
8362
|
};
|
|
8252
8363
|
|
|
8253
|
-
var _templateObject$
|
|
8254
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8364
|
+
var _templateObject$19;
|
|
8365
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
8255
8366
|
|
|
8256
8367
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8257
8368
|
var title = _ref.title,
|
|
@@ -8277,8 +8388,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8277
8388
|
}, description))));
|
|
8278
8389
|
};
|
|
8279
8390
|
|
|
8280
|
-
var _templateObject$
|
|
8281
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
8391
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8392
|
+
var stateStyles = /*#__PURE__*/css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
8282
8393
|
var theme = _ref.theme;
|
|
8283
8394
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8284
8395
|
}, function (_ref2) {
|
|
@@ -8288,12 +8399,12 @@ var stateStyles = /*#__PURE__*/css(_templateObject$18 || (_templateObject$18 = /
|
|
|
8288
8399
|
var theme = _ref3.theme;
|
|
8289
8400
|
return theme.colors.lightgrey;
|
|
8290
8401
|
});
|
|
8291
|
-
var borderStyles = /*#__PURE__*/css(_templateObject2$
|
|
8402
|
+
var borderStyles = /*#__PURE__*/css(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
8292
8403
|
var theme = _ref4.theme;
|
|
8293
8404
|
return theme.colors.darkgrey;
|
|
8294
8405
|
});
|
|
8295
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
8296
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
8406
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
8407
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
8297
8408
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
8298
8409
|
var theme = _ref5.theme;
|
|
8299
8410
|
return {
|
|
@@ -8301,7 +8412,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
8301
8412
|
color: theme.colors.black,
|
|
8302
8413
|
title: 'Select Arrow'
|
|
8303
8414
|
};
|
|
8304
|
-
})(_templateObject5$
|
|
8415
|
+
})(_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"])));
|
|
8305
8416
|
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
8306
8417
|
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
8307
8418
|
var Options = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -8700,9 +8811,9 @@ function Select(_ref3) {
|
|
|
8700
8811
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8701
8812
|
}
|
|
8702
8813
|
|
|
8703
|
-
var _templateObject$
|
|
8704
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
8705
|
-
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8814
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$J, _templateObject4$z;
|
|
8815
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
8816
|
+
var SelectWrapper$1 = /*#__PURE__*/styled.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) {
|
|
8706
8817
|
var width = _ref.width;
|
|
8707
8818
|
if (!width) return 'none';
|
|
8708
8819
|
return width + 'px';
|
|
@@ -8719,12 +8830,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateOb
|
|
|
8719
8830
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
8720
8831
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
8721
8832
|
});
|
|
8722
|
-
var TextLabel$
|
|
8833
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
8723
8834
|
var darkMode = _ref5.darkMode;
|
|
8724
8835
|
if (darkMode) return "var(--base-color-white)";
|
|
8725
8836
|
return "var(--base-color-black)";
|
|
8726
8837
|
});
|
|
8727
|
-
var ErrorLabel$
|
|
8838
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
8728
8839
|
var darkMode = _ref6.darkMode;
|
|
8729
8840
|
if (darkMode) return "var(--base-color-white)";
|
|
8730
8841
|
return "var(--base-color-errorstate)";
|
|
@@ -8741,7 +8852,7 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
8741
8852
|
width = _ref.width,
|
|
8742
8853
|
darkMode = _ref.darkMode,
|
|
8743
8854
|
children = _ref.children;
|
|
8744
|
-
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$
|
|
8855
|
+
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$4, {
|
|
8745
8856
|
darkMode: darkMode,
|
|
8746
8857
|
"data-testid": "select2-text-label"
|
|
8747
8858
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -8750,7 +8861,7 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
8750
8861
|
width: width,
|
|
8751
8862
|
error: error,
|
|
8752
8863
|
darkMode: darkMode
|
|
8753
|
-
}, children)), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
8864
|
+
}, children)), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$5, {
|
|
8754
8865
|
darkMode: darkMode,
|
|
8755
8866
|
"data-testid": "select2-error-label"
|
|
8756
8867
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -8840,8 +8951,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
8840
8951
|
})));
|
|
8841
8952
|
};
|
|
8842
8953
|
|
|
8843
|
-
var _templateObject$
|
|
8844
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
8954
|
+
var _templateObject$1c;
|
|
8955
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8845
8956
|
var theme = _ref.theme;
|
|
8846
8957
|
return theme.colors.primary;
|
|
8847
8958
|
});
|
|
@@ -8869,8 +8980,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8869
8980
|
})));
|
|
8870
8981
|
};
|
|
8871
8982
|
|
|
8872
|
-
var _templateObject$
|
|
8873
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8983
|
+
var _templateObject$1d, _templateObject2$S;
|
|
8984
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
8874
8985
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8875
8986
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8876
8987
|
return aspectRatio;
|
|
@@ -8880,7 +8991,7 @@ var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1
|
|
|
8880
8991
|
height = _ref2.height;
|
|
8881
8992
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
8882
8993
|
});
|
|
8883
|
-
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8994
|
+
var CaptionWrapper = /*#__PURE__*/styled.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"])));
|
|
8884
8995
|
|
|
8885
8996
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
8886
8997
|
var caption = _ref.caption,
|
|
@@ -8918,13 +9029,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8918
9029
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8919
9030
|
};
|
|
8920
9031
|
|
|
8921
|
-
var _templateObject$
|
|
8922
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8923
|
-
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9032
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K;
|
|
9033
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
9034
|
+
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8924
9035
|
var displayAttribution = _ref.displayAttribution;
|
|
8925
9036
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
8926
9037
|
});
|
|
8927
|
-
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9038
|
+
var Line$1 = /*#__PURE__*/styled.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);
|
|
8928
9039
|
|
|
8929
9040
|
var Quote = function Quote(_ref) {
|
|
8930
9041
|
var text = _ref.text,
|
|
@@ -8948,12 +9059,12 @@ var Quote = function Quote(_ref) {
|
|
|
8948
9059
|
}, attribution))));
|
|
8949
9060
|
};
|
|
8950
9061
|
|
|
8951
|
-
var _templateObject$
|
|
8952
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8953
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8954
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
8955
|
-
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
8956
|
-
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9062
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$l;
|
|
9063
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
9064
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
9065
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
9066
|
+
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
9067
|
+
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
8957
9068
|
var TitleWrapper$2 = /*#__PURE__*/styled.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);
|
|
8958
9069
|
|
|
8959
9070
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -8992,11 +9103,11 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8992
9103
|
}, title)))));
|
|
8993
9104
|
};
|
|
8994
9105
|
|
|
8995
|
-
var _templateObject$
|
|
8996
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8997
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
8998
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
8999
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9106
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B;
|
|
9107
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
9108
|
+
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
9109
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9110
|
+
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
9000
9111
|
|
|
9001
9112
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
9002
9113
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -9094,97 +9205,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
9094
9205
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
9095
9206
|
};
|
|
9096
9207
|
|
|
9097
|
-
var _templateObject$
|
|
9098
|
-
var
|
|
9099
|
-
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9100
|
-
var mobileOpen = _ref.mobileOpen;
|
|
9101
|
-
return mobileOpen ? "block" : 'none';
|
|
9102
|
-
}, Colors.White, Colors.DarkGrey);
|
|
9103
|
-
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref2) {
|
|
9104
|
-
var active = _ref2.active;
|
|
9105
|
-
return active ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
9106
|
-
}, Colors.MidGrey, devices.mobile);
|
|
9107
|
-
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey, devices.mobile);
|
|
9108
|
-
|
|
9109
|
-
/**
|
|
9110
|
-
* Vertical menu component uses for navigation
|
|
9111
|
-
* inside website chapter. It looks like a vertical
|
|
9112
|
-
* list with clickable items on desktop and dropdown
|
|
9113
|
-
* list on mobile.
|
|
9114
|
-
*
|
|
9115
|
-
* ## Menu items
|
|
9116
|
-
* Menu items should be passed as `items` prop. This
|
|
9117
|
-
* should be an array of objects. Each object should
|
|
9118
|
-
* have `text` (text displayed as a menu item) and
|
|
9119
|
-
* `onClick` (click handler function)
|
|
9120
|
-
*
|
|
9121
|
-
* ## Active menu item
|
|
9122
|
-
* Active menu item should be passed as component `activeItem`
|
|
9123
|
-
* prop. This indicates on which menu item should be highlighted
|
|
9124
|
-
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9125
|
-
*/
|
|
9126
|
-
|
|
9127
|
-
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9128
|
-
var items = _ref.items,
|
|
9129
|
-
activeItem = _ref.activeItem;
|
|
9130
|
-
|
|
9131
|
-
var _useState = useState(false),
|
|
9132
|
-
mobileOpen = _useState[0],
|
|
9133
|
-
setMobileOpen = _useState[1];
|
|
9134
|
-
|
|
9135
|
-
var containerRef = useRef(null);
|
|
9136
|
-
|
|
9137
|
-
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9138
|
-
setMobileOpen(function (prev) {
|
|
9139
|
-
return !prev;
|
|
9140
|
-
});
|
|
9141
|
-
};
|
|
9142
|
-
|
|
9143
|
-
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9144
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9145
|
-
setMobileOpen(false);
|
|
9146
|
-
}
|
|
9147
|
-
};
|
|
9148
|
-
|
|
9149
|
-
useEffect(function () {
|
|
9150
|
-
document.addEventListener('mousedown', outsideClickHandler);
|
|
9151
|
-
return function () {
|
|
9152
|
-
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9153
|
-
};
|
|
9154
|
-
}, [containerRef]);
|
|
9155
|
-
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9156
|
-
ref: containerRef,
|
|
9157
|
-
"data-testid": "nav-menu-container"
|
|
9158
|
-
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9159
|
-
mobileOpen: mobileOpen,
|
|
9160
|
-
onClick: mobileButtonClickHandler,
|
|
9161
|
-
"data-testid": "nav-menu-mobile-button"
|
|
9162
|
-
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9163
|
-
iconName: "DropdownArrow",
|
|
9164
|
-
direction: mobileOpen ? 'left' : 'right'
|
|
9165
|
-
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9166
|
-
mobileOpen: mobileOpen,
|
|
9167
|
-
"data-testid": "nav-menu-list"
|
|
9168
|
-
}, items.map(function (item, idx) {
|
|
9169
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
9170
|
-
key: item.text + "-" + idx
|
|
9171
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9172
|
-
onClick: item.onClick,
|
|
9173
|
-
active: item.text === activeItem,
|
|
9174
|
-
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9175
|
-
}, item.text));
|
|
9176
|
-
})));
|
|
9177
|
-
};
|
|
9178
|
-
|
|
9179
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$r, _templateObject6$m;
|
|
9180
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9208
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$s, _templateObject6$m;
|
|
9209
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9181
9210
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
9182
9211
|
var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
9183
9212
|
var color = _ref.color;
|
|
9184
9213
|
return "var(--base-color-" + color + ")";
|
|
9185
9214
|
});
|
|
9186
9215
|
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
9187
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$
|
|
9216
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9188
9217
|
var color = _ref2.color;
|
|
9189
9218
|
return "var(--base-color-" + color + ")";
|
|
9190
9219
|
});
|
|
@@ -9274,23 +9303,108 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9274
9303
|
}, strengthLabel))));
|
|
9275
9304
|
};
|
|
9276
9305
|
|
|
9277
|
-
var _templateObject$
|
|
9278
|
-
var
|
|
9279
|
-
var
|
|
9306
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D;
|
|
9307
|
+
var MenuContainer$2 = /*#__PURE__*/styled.menu(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9308
|
+
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9309
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9310
|
+
return mobileOpen ? "block" : 'none';
|
|
9311
|
+
}, Colors.White, Colors.DarkGrey);
|
|
9312
|
+
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref2) {
|
|
9313
|
+
var active = _ref2.active;
|
|
9314
|
+
return active ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
9315
|
+
}, Colors.MidGrey, devices.mobile);
|
|
9316
|
+
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey, devices.mobile);
|
|
9317
|
+
|
|
9318
|
+
/**
|
|
9319
|
+
* Vertical menu component uses for navigation
|
|
9320
|
+
* inside website chapter. It looks like a vertical
|
|
9321
|
+
* list with clickable items on desktop and dropdown
|
|
9322
|
+
* list on mobile.
|
|
9323
|
+
*
|
|
9324
|
+
* ## Menu items
|
|
9325
|
+
* Menu items should be passed as `items` prop. This
|
|
9326
|
+
* should be an array of objects. Each object should
|
|
9327
|
+
* have `text` (text displayed as a menu item) and
|
|
9328
|
+
* `onClick` (click handler function)
|
|
9329
|
+
*
|
|
9330
|
+
* ## Active menu item
|
|
9331
|
+
* Active menu item should be passed as component `activeItem`
|
|
9332
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9333
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9334
|
+
*/
|
|
9335
|
+
|
|
9336
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9337
|
+
var items = _ref.items,
|
|
9338
|
+
activeItem = _ref.activeItem;
|
|
9339
|
+
|
|
9340
|
+
var _useState = useState(false),
|
|
9341
|
+
mobileOpen = _useState[0],
|
|
9342
|
+
setMobileOpen = _useState[1];
|
|
9343
|
+
|
|
9344
|
+
var containerRef = useRef(null);
|
|
9345
|
+
|
|
9346
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9347
|
+
setMobileOpen(function (prev) {
|
|
9348
|
+
return !prev;
|
|
9349
|
+
});
|
|
9350
|
+
};
|
|
9351
|
+
|
|
9352
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9353
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9354
|
+
setMobileOpen(false);
|
|
9355
|
+
}
|
|
9356
|
+
};
|
|
9357
|
+
|
|
9358
|
+
useEffect(function () {
|
|
9359
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9360
|
+
return function () {
|
|
9361
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9362
|
+
};
|
|
9363
|
+
}, [containerRef]);
|
|
9364
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9365
|
+
ref: containerRef,
|
|
9366
|
+
"data-testid": "nav-menu-container"
|
|
9367
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9368
|
+
mobileOpen: mobileOpen,
|
|
9369
|
+
onClick: mobileButtonClickHandler,
|
|
9370
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9371
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9372
|
+
iconName: "DropdownArrow",
|
|
9373
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9374
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9375
|
+
mobileOpen: mobileOpen,
|
|
9376
|
+
"data-testid": "nav-menu-list"
|
|
9377
|
+
}, items.map(function (item, idx) {
|
|
9378
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9379
|
+
key: item.text + "-" + idx
|
|
9380
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9381
|
+
onClick: item.onClick,
|
|
9382
|
+
active: item.text === activeItem,
|
|
9383
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9384
|
+
}, item.text));
|
|
9385
|
+
})));
|
|
9386
|
+
};
|
|
9387
|
+
|
|
9388
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$E, _templateObject5$t, _templateObject6$n, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9389
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9390
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9391
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9392
|
+
var TableHeader = /*#__PURE__*/styled.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) {
|
|
9280
9393
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9281
|
-
});
|
|
9282
|
-
var
|
|
9394
|
+
}, devices.tablet, devices.mobile);
|
|
9395
|
+
var TableCell = /*#__PURE__*/styled.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) {
|
|
9396
|
+
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9397
|
+
}, devices.mobile);
|
|
9398
|
+
var LineContainer$1 = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: ", ";\n width: 100%;\n"])), function (props) {
|
|
9283
9399
|
return "var(--base-color-" + props.lineColor + ")";
|
|
9284
9400
|
});
|
|
9285
|
-
var Pagination$1 = /*#__PURE__*/styled.div(
|
|
9286
|
-
var PageNumber$1 = /*#__PURE__*/styled.button(
|
|
9401
|
+
var Pagination$1 = /*#__PURE__*/styled.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"])));
|
|
9402
|
+
var PageNumber$1 = /*#__PURE__*/styled.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) {
|
|
9287
9403
|
var active = _ref.active;
|
|
9288
9404
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
9289
9405
|
});
|
|
9290
|
-
var Next = /*#__PURE__*/styled.span(
|
|
9291
|
-
var ScrollButtons = /*#__PURE__*/styled.div(
|
|
9292
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9293
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9406
|
+
var Next = /*#__PURE__*/styled.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"])));
|
|
9407
|
+
var ScrollButtons = /*#__PURE__*/styled.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"])));
|
|
9294
9408
|
|
|
9295
9409
|
var Table = function Table(_ref) {
|
|
9296
9410
|
var columns = _ref.columns,
|
|
@@ -9393,7 +9507,7 @@ var Table = function Table(_ref) {
|
|
|
9393
9507
|
return i;
|
|
9394
9508
|
});
|
|
9395
9509
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9396
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9510
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
9397
9511
|
onClickPrev: function onClickPrev() {
|
|
9398
9512
|
return scrollTable('left');
|
|
9399
9513
|
},
|
|
@@ -9412,7 +9526,8 @@ var Table = function Table(_ref) {
|
|
|
9412
9526
|
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
9413
9527
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9414
9528
|
key: index,
|
|
9415
|
-
role: "columnheader"
|
|
9529
|
+
role: "columnheader",
|
|
9530
|
+
columns: columns
|
|
9416
9531
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
9417
9532
|
content: heading
|
|
9418
9533
|
}));
|
|
@@ -9555,9 +9670,9 @@ var LiveChat = function LiveChat() {
|
|
|
9555
9670
|
});
|
|
9556
9671
|
};
|
|
9557
9672
|
|
|
9558
|
-
var _templateObject$
|
|
9559
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9560
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
9673
|
+
var _templateObject$1k, _templateObject2$Z;
|
|
9674
|
+
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
9675
|
+
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
9561
9676
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9562
9677
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
9563
9678
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -9585,11 +9700,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9585
9700
|
}, children)));
|
|
9586
9701
|
};
|
|
9587
9702
|
|
|
9588
|
-
var _templateObject$
|
|
9589
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
9590
|
-
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
9591
|
-
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9592
|
-
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
9703
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$Q, _templateObject4$F;
|
|
9704
|
+
var InnerModal = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
9705
|
+
var CloseButton = /*#__PURE__*/styled.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);
|
|
9706
|
+
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9707
|
+
var Overlay = /*#__PURE__*/styled(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"])));
|
|
9593
9708
|
|
|
9594
9709
|
var MAX_Z_INDEX = 9999999999;
|
|
9595
9710
|
|
|
@@ -9709,8 +9824,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9709
9824
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9710
9825
|
};
|
|
9711
9826
|
|
|
9712
|
-
var _templateObject$
|
|
9713
|
-
var GlobalStyles = /*#__PURE__*/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) {
|
|
9827
|
+
var _templateObject$1m;
|
|
9828
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9714
9829
|
var theme = _ref.theme;
|
|
9715
9830
|
return theme.colors.primary;
|
|
9716
9831
|
}, function (_ref2) {
|
|
@@ -10651,5 +10766,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1k || (_templa
|
|
|
10651
10766
|
return theme.fonts.tablet.sizes.body[1];
|
|
10652
10767
|
}, devices.desktop, devices.largeDesktop);
|
|
10653
10768
|
|
|
10654
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, breakpoints, devices, zIndexes };
|
|
10769
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, breakpoints, devices, zIndexes };
|
|
10655
10770
|
//# sourceMappingURL=chord.esm.js.map
|