@royaloperahouse/chord 2.2.13 → 2.2.15-spike-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 +296 -252
- 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 +296 -253
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
- package/dist/components/atoms/Grid/index.d.ts +2 -1
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/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 +13 -10
- package/dist/types/passwordStrength.d.ts +6 -6
- package/package.json +2 -2
- package/README.GIT +0 -277
|
@@ -2586,7 +2586,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2586
2586
|
});
|
|
2587
2587
|
|
|
2588
2588
|
var _templateObject$b;
|
|
2589
|
-
|
|
2589
|
+
/**
|
|
2590
|
+
* # IMPORTANT
|
|
2591
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2592
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2593
|
+
*/
|
|
2594
|
+
|
|
2595
|
+
var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: span ", ";\n grid-column-start: ", ";\n\n @media ", " {\n & {\n grid-column: span\n ", ";\n grid-column-start: ", ";\n }\n }\n @media ", " {\n & {\n grid-column: span ", ";\n grid-column-start: ", ";\n }\n }\n"])), function (_ref) {
|
|
2596
|
+
var _ref$columnSpanDeskto = _ref.columnSpanDesktop,
|
|
2597
|
+
columnSpanDesktop = _ref$columnSpanDeskto === void 0 ? 1 : _ref$columnSpanDeskto;
|
|
2598
|
+
return columnSpanDesktop;
|
|
2599
|
+
}, function (_ref2) {
|
|
2600
|
+
var columnStartDesktop = _ref2.columnStartDesktop;
|
|
2601
|
+
return columnStartDesktop;
|
|
2602
|
+
}, devices.mobile, function (_ref3) {
|
|
2603
|
+
var _ref3$columnSpanDevic = _ref3.columnSpanDevice,
|
|
2604
|
+
columnSpanDevice = _ref3$columnSpanDevic === void 0 ? 1 : _ref3$columnSpanDevic,
|
|
2605
|
+
columnSpanSmallDevice = _ref3.columnSpanSmallDevice;
|
|
2606
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2607
|
+
}, function (_ref4) {
|
|
2608
|
+
var columnStartDevice = _ref4.columnStartDevice,
|
|
2609
|
+
columnStartSmallDevice = _ref4.columnStartSmallDevice;
|
|
2610
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2611
|
+
}, devices.tablet, function (_ref5) {
|
|
2612
|
+
var _ref5$columnSpanDevic = _ref5.columnSpanDevice,
|
|
2613
|
+
columnSpanDevice = _ref5$columnSpanDevic === void 0 ? 1 : _ref5$columnSpanDevic;
|
|
2614
|
+
return columnSpanDevice;
|
|
2615
|
+
}, function (_ref6) {
|
|
2616
|
+
var columnStartDevice = _ref6.columnStartDevice;
|
|
2617
|
+
return columnStartDevice;
|
|
2618
|
+
});
|
|
2619
|
+
|
|
2620
|
+
var _templateObject$c;
|
|
2621
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n position: relative;\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2590
2622
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2591
2623
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2592
2624
|
return aspectRatio;
|
|
@@ -2604,8 +2636,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
|
|
|
2604
2636
|
return aspectRatio;
|
|
2605
2637
|
});
|
|
2606
2638
|
|
|
2607
|
-
var _templateObject$
|
|
2608
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2639
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2640
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2609
2641
|
var height = _ref.height;
|
|
2610
2642
|
return height ? height + "px" : '6px';
|
|
2611
2643
|
});
|
|
@@ -2688,13 +2720,13 @@ var Progress = function Progress(_ref) {
|
|
|
2688
2720
|
}, renderSteps()));
|
|
2689
2721
|
};
|
|
2690
2722
|
|
|
2691
|
-
var _templateObject$
|
|
2692
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2723
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2724
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2693
2725
|
var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2694
2726
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2695
2727
|
|
|
2696
|
-
var _templateObject$
|
|
2697
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2728
|
+
var _templateObject$f;
|
|
2729
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2698
2730
|
var typography = _ref.typography;
|
|
2699
2731
|
return typography;
|
|
2700
2732
|
}, function (_ref2) {
|
|
@@ -2850,8 +2882,8 @@ var Radio = function Radio(_ref) {
|
|
|
2850
2882
|
}, error)));
|
|
2851
2883
|
};
|
|
2852
2884
|
|
|
2853
|
-
var _templateObject$
|
|
2854
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2885
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
2886
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
2855
2887
|
var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
2856
2888
|
var error = _ref.error,
|
|
2857
2889
|
darkMode = _ref.darkMode,
|
|
@@ -2959,8 +2991,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2959
2991
|
}, error)));
|
|
2960
2992
|
});
|
|
2961
2993
|
|
|
2962
|
-
var _templateObject$
|
|
2963
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2994
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
2995
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2964
2996
|
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
2965
2997
|
var theme = _ref.theme;
|
|
2966
2998
|
return theme.colors.primary;
|
|
@@ -3031,8 +3063,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3031
3063
|
}, renderNextIcon()));
|
|
3032
3064
|
};
|
|
3033
3065
|
|
|
3034
|
-
var _templateObject$
|
|
3035
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3066
|
+
var _templateObject$i;
|
|
3067
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3036
3068
|
var fillColor = _ref.fillColor;
|
|
3037
3069
|
return fillColor;
|
|
3038
3070
|
});
|
|
@@ -3056,8 +3088,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3056
3088
|
})));
|
|
3057
3089
|
};
|
|
3058
3090
|
|
|
3059
|
-
var _templateObject$
|
|
3060
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3091
|
+
var _templateObject$j, _templateObject2$7;
|
|
3092
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3061
3093
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3062
3094
|
|
|
3063
3095
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3076,8 +3108,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3076
3108
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3077
3109
|
};
|
|
3078
3110
|
|
|
3079
|
-
var _templateObject$
|
|
3080
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3111
|
+
var _templateObject$k;
|
|
3112
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3081
3113
|
|
|
3082
3114
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3083
3115
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3287,8 +3319,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3287
3319
|
})))));
|
|
3288
3320
|
};
|
|
3289
3321
|
|
|
3290
|
-
var _templateObject$
|
|
3291
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3322
|
+
var _templateObject$l, _templateObject2$8;
|
|
3323
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3292
3324
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3293
3325
|
|
|
3294
3326
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v3/rolex.html?size=80';
|
|
@@ -3321,8 +3353,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3321
3353
|
}));
|
|
3322
3354
|
};
|
|
3323
3355
|
|
|
3324
|
-
var _templateObject$
|
|
3325
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3356
|
+
var _templateObject$m, _templateObject2$9;
|
|
3357
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3326
3358
|
if (props.withIcon === 'left') {
|
|
3327
3359
|
return "margin-left: 5px;";
|
|
3328
3360
|
}
|
|
@@ -3421,8 +3453,8 @@ var Tab = function Tab(_ref) {
|
|
|
3421
3453
|
}));
|
|
3422
3454
|
};
|
|
3423
3455
|
|
|
3424
|
-
var _templateObject$
|
|
3425
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3456
|
+
var _templateObject$n, _templateObject2$a;
|
|
3457
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3426
3458
|
var iconName = _ref.iconName;
|
|
3427
3459
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3428
3460
|
}, function (_ref2) {
|
|
@@ -3473,8 +3505,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3473
3505
|
})) : null, children);
|
|
3474
3506
|
};
|
|
3475
3507
|
|
|
3476
|
-
var _templateObject$
|
|
3477
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3508
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3509
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3478
3510
|
var width = _ref.width;
|
|
3479
3511
|
return width ? width + "px;" : '100%;';
|
|
3480
3512
|
}, function (_ref2) {
|
|
@@ -3597,14 +3629,14 @@ var TextArea = function TextArea(_ref) {
|
|
|
3597
3629
|
}, error))));
|
|
3598
3630
|
};
|
|
3599
3631
|
|
|
3600
|
-
var _templateObject$
|
|
3601
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3632
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3633
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3602
3634
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3603
3635
|
var width = _ref.width;
|
|
3604
3636
|
if (!width) return 'none';
|
|
3605
3637
|
return width + 'px';
|
|
3606
3638
|
});
|
|
3607
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\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 border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n
|
|
3639
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\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 border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none; \n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
|
|
3608
3640
|
var isPasswordField = _ref2.isPasswordField;
|
|
3609
3641
|
if (isPasswordField) return "80px";
|
|
3610
3642
|
return "20px";
|
|
@@ -3712,7 +3744,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3712
3744
|
"data-testid": "text-field-input",
|
|
3713
3745
|
ref: ref
|
|
3714
3746
|
}, inputProps)), isPasswordField && /*#__PURE__*/React__default.createElement(ShowHideButton, {
|
|
3715
|
-
type:
|
|
3747
|
+
type: 'button',
|
|
3716
3748
|
onClick: showHideClickHandler
|
|
3717
3749
|
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
3718
3750
|
level: 1
|
|
@@ -3724,8 +3756,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3724
3756
|
}, error)));
|
|
3725
3757
|
});
|
|
3726
3758
|
|
|
3727
|
-
var _templateObject$
|
|
3728
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3759
|
+
var _templateObject$q, _templateObject2$d;
|
|
3760
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
3729
3761
|
var iconName = _ref.iconName;
|
|
3730
3762
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3731
3763
|
}, function (_ref2) {
|
|
@@ -3754,8 +3786,8 @@ var TextLink = function TextLink(_ref) {
|
|
|
3754
3786
|
})) : null);
|
|
3755
3787
|
};
|
|
3756
3788
|
|
|
3757
|
-
var _templateObject$
|
|
3758
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3789
|
+
var _templateObject$r, _templateObject2$e, _templateObject3$8, _templateObject4$5;
|
|
3790
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 10px;\n margin-top: 140px;\n display: grid;\n grid-template-columns: repeat(2, auto);\n font-family: var(--font-family-header);\n font-size: ", ";\n color: ", ";\n width: auto;\n margin: auto;\n"])), function (_ref) {
|
|
3759
3791
|
var fontSize = _ref.fontSize;
|
|
3760
3792
|
return fontSize + 'px';
|
|
3761
3793
|
}, function (_ref2) {
|
|
@@ -3789,8 +3821,8 @@ var Logo = function Logo(_ref) {
|
|
|
3789
3821
|
}, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
|
|
3790
3822
|
};
|
|
3791
3823
|
|
|
3792
|
-
var _templateObject$
|
|
3793
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3824
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3825
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3794
3826
|
var dark = _ref.dark;
|
|
3795
3827
|
return dark ? 'white' : 'errorstate';
|
|
3796
3828
|
});
|
|
@@ -3911,8 +3943,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3911
3943
|
}, error)));
|
|
3912
3944
|
};
|
|
3913
3945
|
|
|
3914
|
-
var _templateObject$
|
|
3915
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3946
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$3, _templateObject6$2;
|
|
3947
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3916
3948
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3917
3949
|
var error = _ref.error,
|
|
3918
3950
|
darkMode = _ref.darkMode,
|
|
@@ -4022,8 +4054,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4022
4054
|
}, error)));
|
|
4023
4055
|
});
|
|
4024
4056
|
|
|
4025
|
-
var _templateObject$
|
|
4026
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4057
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$4, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4058
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4027
4059
|
var color = _ref.color;
|
|
4028
4060
|
return color;
|
|
4029
4061
|
});
|
|
@@ -4131,8 +4163,8 @@ var Timer = function Timer(_ref) {
|
|
|
4131
4163
|
}));
|
|
4132
4164
|
};
|
|
4133
4165
|
|
|
4134
|
-
var _templateObject$
|
|
4135
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4166
|
+
var _templateObject$v;
|
|
4167
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4136
4168
|
|
|
4137
4169
|
var TypeTags = function TypeTags(_ref) {
|
|
4138
4170
|
var list = _ref.list;
|
|
@@ -4145,8 +4177,8 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4145
4177
|
}));
|
|
4146
4178
|
};
|
|
4147
4179
|
|
|
4148
|
-
var _templateObject$
|
|
4149
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
4180
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$4, _templateObject7$1;
|
|
4181
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n"])));
|
|
4150
4182
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__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);
|
|
4151
4183
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4152
4184
|
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
@@ -4257,8 +4289,8 @@ var VideoControls = function VideoControls(_ref) {
|
|
|
4257
4289
|
})));
|
|
4258
4290
|
};
|
|
4259
4291
|
|
|
4260
|
-
var _templateObject$
|
|
4261
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4292
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6;
|
|
4293
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
4262
4294
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
4263
4295
|
var darkMode = _ref.darkMode;
|
|
4264
4296
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -4485,8 +4517,8 @@ var Component = function Component(_ref) {
|
|
|
4485
4517
|
}, error)));
|
|
4486
4518
|
};
|
|
4487
4519
|
|
|
4488
|
-
var _templateObject$
|
|
4489
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4520
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$5, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
4521
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
4490
4522
|
var isMenuOpen = _ref.isMenuOpen;
|
|
4491
4523
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
4492
4524
|
});
|
|
@@ -4510,8 +4542,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9 || (_templa
|
|
|
4510
4542
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
4511
4543
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
4512
4544
|
|
|
4513
|
-
var _templateObject$
|
|
4514
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4545
|
+
var _templateObject$z;
|
|
4546
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
4515
4547
|
|
|
4516
4548
|
var Logo$1 = function Logo(_ref) {
|
|
4517
4549
|
var _ref$id = _ref.id,
|
|
@@ -4540,11 +4572,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
4540
4572
|
}))));
|
|
4541
4573
|
};
|
|
4542
4574
|
|
|
4543
|
-
var _templateObject$
|
|
4544
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4575
|
+
var _templateObject$A;
|
|
4576
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
4545
4577
|
|
|
4546
|
-
var _templateObject$
|
|
4547
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4578
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
4579
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
4548
4580
|
var selected = _ref.selected,
|
|
4549
4581
|
colorPrimary = _ref.colorPrimary;
|
|
4550
4582
|
|
|
@@ -4732,8 +4764,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
4732
4764
|
}, expiryTime ? basketText : text) : ''));
|
|
4733
4765
|
};
|
|
4734
4766
|
|
|
4735
|
-
var _templateObject$
|
|
4736
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4767
|
+
var _templateObject$C, _templateObject2$m;
|
|
4768
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
4737
4769
|
var selected = _ref.selected,
|
|
4738
4770
|
colorPrimary = _ref.colorPrimary;
|
|
4739
4771
|
|
|
@@ -5025,8 +5057,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
5025
5057
|
}));
|
|
5026
5058
|
};
|
|
5027
5059
|
|
|
5028
|
-
var _templateObject$
|
|
5029
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5060
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
5061
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5030
5062
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
5031
5063
|
if (props.showMenu) {
|
|
5032
5064
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -5168,8 +5200,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
5168
5200
|
}, "MENU"))));
|
|
5169
5201
|
};
|
|
5170
5202
|
|
|
5171
|
-
var _templateObject$
|
|
5172
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5203
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$8, _templateObject6$6, _templateObject7$3;
|
|
5204
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
5173
5205
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5174
5206
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
5175
5207
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__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);
|
|
@@ -5406,16 +5438,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
5406
5438
|
})))));
|
|
5407
5439
|
};
|
|
5408
5440
|
|
|
5409
|
-
var _templateObject$
|
|
5410
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
5441
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$9, _templateObject6$7;
|
|
5442
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
5411
5443
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
5412
5444
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
5413
5445
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
5414
5446
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
5415
5447
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
5416
5448
|
|
|
5417
|
-
var _templateObject$
|
|
5418
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
5449
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
5450
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
5419
5451
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
5420
5452
|
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
5421
5453
|
|
|
@@ -5433,8 +5465,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
5433
5465
|
}));
|
|
5434
5466
|
};
|
|
5435
5467
|
|
|
5436
|
-
var _templateObject$
|
|
5437
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5468
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$a, _templateObject6$8, _templateObject7$4, _templateObject8$2;
|
|
5469
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
5438
5470
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
5439
5471
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
5440
5472
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
@@ -5505,9 +5537,9 @@ var Footer = function Footer(_ref) {
|
|
|
5505
5537
|
}, additionalInfo)))));
|
|
5506
5538
|
};
|
|
5507
5539
|
|
|
5508
|
-
var _templateObject$
|
|
5540
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$b, _templateObject6$9;
|
|
5509
5541
|
var LIST_ITEM_GAP = 32;
|
|
5510
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5542
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5511
5543
|
var bottomBorder = _ref.bottomBorder;
|
|
5512
5544
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
5513
5545
|
}, zIndexes.anchor);
|
|
@@ -5771,8 +5803,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5771
5803
|
})) : null) : null))));
|
|
5772
5804
|
};
|
|
5773
5805
|
|
|
5774
|
-
var _templateObject$
|
|
5775
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5806
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1;
|
|
5807
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5776
5808
|
var sticky = _ref.sticky;
|
|
5777
5809
|
return sticky ? 'sticky' : 'initial';
|
|
5778
5810
|
}, zIndexes.anchor);
|
|
@@ -5832,8 +5864,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5832
5864
|
}, message)));
|
|
5833
5865
|
};
|
|
5834
5866
|
|
|
5835
|
-
var _templateObject$
|
|
5836
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5867
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$c, _templateObject6$b, _templateObject7$6, _templateObject8$4;
|
|
5868
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
5837
5869
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
5838
5870
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
5839
5871
|
var theme = _ref.theme;
|
|
@@ -5913,8 +5945,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
5913
5945
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
5914
5946
|
};
|
|
5915
5947
|
|
|
5916
|
-
var _templateObject$
|
|
5917
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5948
|
+
var _templateObject$L;
|
|
5949
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
5918
5950
|
|
|
5919
5951
|
var UpsellCards = function UpsellCards(_ref) {
|
|
5920
5952
|
var upsellCards = _ref.upsellCards;
|
|
@@ -5932,16 +5964,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
5932
5964
|
}));
|
|
5933
5965
|
};
|
|
5934
5966
|
|
|
5935
|
-
var _templateObject$
|
|
5936
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5967
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
5968
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
5937
5969
|
var theme = _ref.theme;
|
|
5938
5970
|
return theme.colors.primary;
|
|
5939
5971
|
}, devices.mobile, devices.tablet);
|
|
5940
5972
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
5941
5973
|
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5942
5974
|
|
|
5943
|
-
var _templateObject$
|
|
5944
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5975
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$d;
|
|
5976
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5945
5977
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5946
5978
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
5947
5979
|
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -6070,8 +6102,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6070
6102
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6071
6103
|
};
|
|
6072
6104
|
|
|
6073
|
-
var _templateObject$
|
|
6074
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6105
|
+
var _templateObject$O;
|
|
6106
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6075
6107
|
|
|
6076
6108
|
var Accordions = function Accordions(_ref) {
|
|
6077
6109
|
var _ref$items = _ref.items,
|
|
@@ -6089,7 +6121,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6089
6121
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6090
6122
|
contentType: accordion.contentType,
|
|
6091
6123
|
displayLevel: accordion.displayLevel,
|
|
6092
|
-
semanticLevel: accordion.semanticLevel
|
|
6124
|
+
semanticLevel: accordion.semanticLevel,
|
|
6125
|
+
initOpen: accordion.initOpen
|
|
6093
6126
|
}, accordion.children);
|
|
6094
6127
|
}));
|
|
6095
6128
|
};
|
|
@@ -6103,8 +6136,8 @@ var Theme = function Theme(_ref) {
|
|
|
6103
6136
|
}, children);
|
|
6104
6137
|
};
|
|
6105
6138
|
|
|
6106
|
-
var _templateObject$
|
|
6107
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6139
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
6140
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
6108
6141
|
var theme = _ref.theme;
|
|
6109
6142
|
return theme.colors.primary;
|
|
6110
6143
|
}, devices.mobile);
|
|
@@ -6146,8 +6179,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6146
6179
|
}))))));
|
|
6147
6180
|
};
|
|
6148
6181
|
|
|
6149
|
-
var _templateObject$
|
|
6150
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
6182
|
+
var _templateObject$Q;
|
|
6183
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
6151
6184
|
var bgColor = _ref.bgColor,
|
|
6152
6185
|
theme = _ref.theme;
|
|
6153
6186
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -6168,11 +6201,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
6168
6201
|
}), children);
|
|
6169
6202
|
};
|
|
6170
6203
|
|
|
6171
|
-
var _templateObject$
|
|
6204
|
+
var _templateObject$R, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$e, _templateObject6$c, _templateObject7$7, _templateObject8$5, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
6172
6205
|
var LENGTH_LARGE_TEXT = 28;
|
|
6173
6206
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6174
6207
|
var LENGTH_TEXT_TABLET = 10;
|
|
6175
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6208
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
6176
6209
|
var isCardClickable = _ref.isCardClickable;
|
|
6177
6210
|
return isCardClickable ? 'pointer' : 'default';
|
|
6178
6211
|
}, function (_ref2) {
|
|
@@ -6454,9 +6487,9 @@ var Card = function Card(_ref) {
|
|
|
6454
6487
|
dangerouslySetInnerHTML: {
|
|
6455
6488
|
__html: truncatedText
|
|
6456
6489
|
}
|
|
6457
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6490
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6458
6491
|
level: 1
|
|
6459
|
-
}, highlightText))
|
|
6492
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
6460
6493
|
fullWidth: fullWidth
|
|
6461
6494
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6462
6495
|
ref: node,
|
|
@@ -6470,8 +6503,8 @@ var Card = function Card(_ref) {
|
|
|
6470
6503
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6471
6504
|
};
|
|
6472
6505
|
|
|
6473
|
-
var _templateObject$
|
|
6474
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6506
|
+
var _templateObject$S, _templateObject2$z;
|
|
6507
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
6475
6508
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6476
6509
|
|
|
6477
6510
|
var Cards = function Cards(_ref) {
|
|
@@ -6517,8 +6550,8 @@ var Cards = function Cards(_ref) {
|
|
|
6517
6550
|
}));
|
|
6518
6551
|
};
|
|
6519
6552
|
|
|
6520
|
-
var _templateObject$
|
|
6521
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6553
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6554
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
6522
6555
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
6523
6556
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6524
6557
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -6586,8 +6619,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6586
6619
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6587
6620
|
};
|
|
6588
6621
|
|
|
6589
|
-
var _templateObject$
|
|
6590
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
6622
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g, _templateObject6$d, _templateObject7$8;
|
|
6623
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6591
6624
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
6592
6625
|
return props.clickable ? 'pointer' : 'default';
|
|
6593
6626
|
}, devices.mobile);
|
|
@@ -6669,8 +6702,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6669
6702
|
}), link.text)));
|
|
6670
6703
|
};
|
|
6671
6704
|
|
|
6672
|
-
var _templateObject$
|
|
6673
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6705
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
|
|
6706
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
6674
6707
|
var imageToLeft = _ref.imageToLeft;
|
|
6675
6708
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6676
6709
|
}, devices.mobile);
|
|
@@ -6747,8 +6780,8 @@ var BackgroundColour;
|
|
|
6747
6780
|
BackgroundColour["White"] = "white";
|
|
6748
6781
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6749
6782
|
|
|
6750
|
-
var _templateObject$
|
|
6751
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6783
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
6784
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6752
6785
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6753
6786
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6754
6787
|
if (!props.infoThemed) {
|
|
@@ -6874,8 +6907,8 @@ var Information = function Information(_ref) {
|
|
|
6874
6907
|
}))));
|
|
6875
6908
|
};
|
|
6876
6909
|
|
|
6877
|
-
var _templateObject$
|
|
6878
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6910
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6911
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
6879
6912
|
var theme = _ref.theme;
|
|
6880
6913
|
return theme.colors.primary;
|
|
6881
6914
|
}, function (_ref2) {
|
|
@@ -6966,8 +6999,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6966
6999
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6967
7000
|
};
|
|
6968
7001
|
|
|
6969
|
-
var _templateObject$
|
|
6970
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7002
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
7003
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
6971
7004
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
6972
7005
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6973
7006
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -7037,8 +7070,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7037
7070
|
}, "Scroll Down")) : null);
|
|
7038
7071
|
};
|
|
7039
7072
|
|
|
7040
|
-
var _templateObject$
|
|
7041
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7073
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k;
|
|
7074
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
7042
7075
|
var color = _ref.color;
|
|
7043
7076
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7044
7077
|
}, devices.mobileAndTablet);
|
|
@@ -7082,8 +7115,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7082
7115
|
}))));
|
|
7083
7116
|
};
|
|
7084
7117
|
|
|
7085
|
-
var _templateObject$
|
|
7086
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7118
|
+
var _templateObject$_;
|
|
7119
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7087
7120
|
|
|
7088
7121
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7089
7122
|
var link = _ref.link,
|
|
@@ -7101,8 +7134,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7101
7134
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7102
7135
|
};
|
|
7103
7136
|
|
|
7104
|
-
var _templateObject
|
|
7105
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
7137
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7138
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
7106
7139
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
7107
7140
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7108
7141
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__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);
|
|
@@ -7236,7 +7269,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7236
7269
|
var isIOS = function isIOS() {
|
|
7237
7270
|
try {
|
|
7238
7271
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7239
|
-
if (typeof navigator === undefined) return false;
|
|
7272
|
+
if (typeof navigator === 'undefined') return false;
|
|
7240
7273
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7241
7274
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7242
7275
|
} catch (e) {
|
|
@@ -7252,7 +7285,7 @@ var useIOS = function useIOS() {
|
|
|
7252
7285
|
setIOS = _useState[1];
|
|
7253
7286
|
|
|
7254
7287
|
React.useEffect(function () {
|
|
7255
|
-
if (typeof navigator === undefined) return;
|
|
7288
|
+
if (typeof navigator === 'undefined') return;
|
|
7256
7289
|
setIOS(isIOS());
|
|
7257
7290
|
}, []);
|
|
7258
7291
|
return IOS;
|
|
@@ -7434,8 +7467,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7434
7467
|
}), linkText))));
|
|
7435
7468
|
};
|
|
7436
7469
|
|
|
7437
|
-
var _templateObject
|
|
7438
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
7470
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
7471
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7439
7472
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
7440
7473
|
|
|
7441
7474
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -7511,8 +7544,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
7511
7544
|
}))));
|
|
7512
7545
|
};
|
|
7513
7546
|
|
|
7514
|
-
var _templateObject$
|
|
7515
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7547
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$h;
|
|
7548
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
7516
7549
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
7517
7550
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7518
7551
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -7568,11 +7601,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7568
7601
|
}));
|
|
7569
7602
|
};
|
|
7570
7603
|
|
|
7571
|
-
var _templateObject$
|
|
7572
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7604
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
7605
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7573
7606
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7574
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
7575
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
7607
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
7608
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
7576
7609
|
|
|
7577
7610
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7578
7611
|
return array.reduce(function (acc, item) {
|
|
@@ -7583,12 +7616,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7583
7616
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7584
7617
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7585
7618
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7586
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7619
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7620
|
+
key: index
|
|
7621
|
+
}, title));
|
|
7587
7622
|
} else if (index > 0) {
|
|
7588
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7623
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7624
|
+
key: index
|
|
7625
|
+
}, ", ", title);
|
|
7589
7626
|
}
|
|
7590
7627
|
|
|
7591
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7628
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7629
|
+
key: index
|
|
7630
|
+
}, title);
|
|
7592
7631
|
}));
|
|
7593
7632
|
};
|
|
7594
7633
|
|
|
@@ -7640,14 +7679,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7640
7679
|
}));
|
|
7641
7680
|
};
|
|
7642
7681
|
|
|
7643
|
-
var _templateObject$
|
|
7682
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$n, _templateObject6$i, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
7644
7683
|
var LENGTH_TEXT = 28;
|
|
7645
7684
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7646
7685
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7647
7686
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7648
7687
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7649
7688
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7650
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7689
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
7651
7690
|
var imageToLeft = _ref.imageToLeft;
|
|
7652
7691
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7653
7692
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7918,10 +7957,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7918
7957
|
}))));
|
|
7919
7958
|
};
|
|
7920
7959
|
|
|
7921
|
-
var _templateObject$
|
|
7960
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$j, _templateObject7$d;
|
|
7922
7961
|
var LENGTH_TEXT$2 = 28;
|
|
7923
7962
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7924
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7963
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
7925
7964
|
var imageToLeft = _ref.imageToLeft;
|
|
7926
7965
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
7927
7966
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8033,8 +8072,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8033
8072
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8034
8073
|
};
|
|
8035
8074
|
|
|
8036
|
-
var _templateObject$
|
|
8037
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8075
|
+
var _templateObject$15;
|
|
8076
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8038
8077
|
|
|
8039
8078
|
/**
|
|
8040
8079
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8092,8 +8131,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8092
8131
|
})));
|
|
8093
8132
|
};
|
|
8094
8133
|
|
|
8095
|
-
var _templateObject$
|
|
8096
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8134
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$F;
|
|
8135
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8097
8136
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
8098
8137
|
var horizontalMode = _ref.horizontalMode;
|
|
8099
8138
|
if (horizontalMode) return 'row';
|
|
@@ -8182,8 +8221,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8182
8221
|
}, error)));
|
|
8183
8222
|
};
|
|
8184
8223
|
|
|
8185
|
-
var _templateObject$
|
|
8186
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8224
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
8225
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
8187
8226
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
8188
8227
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
8189
8228
|
|
|
@@ -8247,8 +8286,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8247
8286
|
})))));
|
|
8248
8287
|
};
|
|
8249
8288
|
|
|
8250
|
-
var _templateObject$
|
|
8251
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8289
|
+
var _templateObject$18;
|
|
8290
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
8252
8291
|
|
|
8253
8292
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8254
8293
|
var title = _ref.title,
|
|
@@ -8274,8 +8313,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8274
8313
|
}, description))));
|
|
8275
8314
|
};
|
|
8276
8315
|
|
|
8277
|
-
var _templateObject$
|
|
8278
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8316
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8317
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
8279
8318
|
var theme = _ref.theme;
|
|
8280
8319
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8281
8320
|
}, function (_ref2) {
|
|
@@ -8697,8 +8736,8 @@ function Select(_ref3) {
|
|
|
8697
8736
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8698
8737
|
}
|
|
8699
8738
|
|
|
8700
|
-
var _templateObject$
|
|
8701
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8739
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
8740
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
8702
8741
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
8703
8742
|
var width = _ref.width;
|
|
8704
8743
|
if (!width) return 'none';
|
|
@@ -8837,8 +8876,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
8837
8876
|
})));
|
|
8838
8877
|
};
|
|
8839
8878
|
|
|
8840
|
-
var _templateObject$
|
|
8841
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8879
|
+
var _templateObject$1b;
|
|
8880
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8842
8881
|
var theme = _ref.theme;
|
|
8843
8882
|
return theme.colors.primary;
|
|
8844
8883
|
});
|
|
@@ -8866,8 +8905,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8866
8905
|
})));
|
|
8867
8906
|
};
|
|
8868
8907
|
|
|
8869
|
-
var _templateObject$
|
|
8870
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8908
|
+
var _templateObject$1c, _templateObject2$R;
|
|
8909
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
8871
8910
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8872
8911
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8873
8912
|
return aspectRatio;
|
|
@@ -8915,8 +8954,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8915
8954
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8916
8955
|
};
|
|
8917
8956
|
|
|
8918
|
-
var _templateObject$
|
|
8919
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8957
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$J;
|
|
8958
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8920
8959
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8921
8960
|
var displayAttribution = _ref.displayAttribution;
|
|
8922
8961
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -8945,8 +8984,8 @@ var Quote = function Quote(_ref) {
|
|
|
8945
8984
|
}, attribution))));
|
|
8946
8985
|
};
|
|
8947
8986
|
|
|
8948
|
-
var _templateObject$
|
|
8949
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8987
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$q, _templateObject6$l;
|
|
8988
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
8950
8989
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8951
8990
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8952
8991
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -8989,8 +9028,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8989
9028
|
}, title)))));
|
|
8990
9029
|
};
|
|
8991
9030
|
|
|
8992
|
-
var _templateObject$
|
|
8993
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9031
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
9032
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
8994
9033
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8995
9034
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8996
9035
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
@@ -9091,96 +9130,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
9091
9130
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
9092
9131
|
};
|
|
9093
9132
|
|
|
9094
|
-
var _templateObject$
|
|
9095
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9096
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9097
|
-
var mobileOpen = _ref.mobileOpen;
|
|
9098
|
-
return mobileOpen ? "block" : 'none';
|
|
9099
|
-
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
9100
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
|
|
9101
|
-
var active = _ref2.active;
|
|
9102
|
-
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
9103
|
-
}, exports.Colors.MidGrey, devices.mobile);
|
|
9104
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
|
|
9105
|
-
|
|
9106
|
-
/**
|
|
9107
|
-
* Vertical menu component uses for navigation
|
|
9108
|
-
* inside website chapter. It looks like a vertical
|
|
9109
|
-
* list with clickable items on desktop and dropdown
|
|
9110
|
-
* list on mobile.
|
|
9111
|
-
*
|
|
9112
|
-
* ## Menu items
|
|
9113
|
-
* Menu items should be passed as `items` prop. This
|
|
9114
|
-
* should be an array of objects. Each object should
|
|
9115
|
-
* have `text` (text displayed as a menu item) and
|
|
9116
|
-
* `onClick` (click handler function)
|
|
9117
|
-
*
|
|
9118
|
-
* ## Active menu item
|
|
9119
|
-
* Active menu item should be passed as component `activeItem`
|
|
9120
|
-
* prop. This indicates on which menu item should be highlighted
|
|
9121
|
-
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9122
|
-
*/
|
|
9123
|
-
|
|
9124
|
-
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9125
|
-
var items = _ref.items,
|
|
9126
|
-
activeItem = _ref.activeItem;
|
|
9127
|
-
|
|
9128
|
-
var _useState = React.useState(false),
|
|
9129
|
-
mobileOpen = _useState[0],
|
|
9130
|
-
setMobileOpen = _useState[1];
|
|
9131
|
-
|
|
9132
|
-
var containerRef = React.useRef(null);
|
|
9133
|
-
|
|
9134
|
-
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9135
|
-
setMobileOpen(function (prev) {
|
|
9136
|
-
return !prev;
|
|
9137
|
-
});
|
|
9138
|
-
};
|
|
9139
|
-
|
|
9140
|
-
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9141
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9142
|
-
setMobileOpen(false);
|
|
9143
|
-
}
|
|
9144
|
-
};
|
|
9145
|
-
|
|
9146
|
-
React.useEffect(function () {
|
|
9147
|
-
document.addEventListener('mousedown', outsideClickHandler);
|
|
9148
|
-
return function () {
|
|
9149
|
-
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9150
|
-
};
|
|
9151
|
-
}, [containerRef]);
|
|
9152
|
-
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9153
|
-
ref: containerRef,
|
|
9154
|
-
"data-testid": "nav-menu-container"
|
|
9155
|
-
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9156
|
-
mobileOpen: mobileOpen,
|
|
9157
|
-
onClick: mobileButtonClickHandler,
|
|
9158
|
-
"data-testid": "nav-menu-mobile-button"
|
|
9159
|
-
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9160
|
-
iconName: "DropdownArrow",
|
|
9161
|
-
direction: mobileOpen ? 'left' : 'right'
|
|
9162
|
-
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9163
|
-
mobileOpen: mobileOpen,
|
|
9164
|
-
"data-testid": "nav-menu-list"
|
|
9165
|
-
}, items.map(function (item, idx) {
|
|
9166
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
9167
|
-
key: item.text + "-" + idx
|
|
9168
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9169
|
-
onClick: item.onClick,
|
|
9170
|
-
active: item.text === activeItem,
|
|
9171
|
-
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9172
|
-
}, item.text));
|
|
9173
|
-
})));
|
|
9174
|
-
};
|
|
9175
|
-
|
|
9176
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$r, _templateObject6$m;
|
|
9133
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$r, _templateObject6$m;
|
|
9177
9134
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9178
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9179
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9135
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
9136
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
9180
9137
|
var color = _ref.color;
|
|
9181
9138
|
return "var(--base-color-" + color + ")";
|
|
9182
9139
|
});
|
|
9183
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9140
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
9184
9141
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9185
9142
|
var color = _ref2.color;
|
|
9186
9143
|
return "var(--base-color-" + color + ")";
|
|
@@ -9271,23 +9228,108 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9271
9228
|
}, strengthLabel))));
|
|
9272
9229
|
};
|
|
9273
9230
|
|
|
9274
|
-
var _templateObject$1h, _templateObject2$
|
|
9275
|
-
var
|
|
9276
|
-
var
|
|
9231
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C;
|
|
9232
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9233
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9234
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9235
|
+
return mobileOpen ? "block" : 'none';
|
|
9236
|
+
}, exports.Colors.White, exports.Colors.DarkGrey);
|
|
9237
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
|
|
9238
|
+
var active = _ref2.active;
|
|
9239
|
+
return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
9240
|
+
}, exports.Colors.MidGrey, devices.mobile);
|
|
9241
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
|
|
9242
|
+
|
|
9243
|
+
/**
|
|
9244
|
+
* Vertical menu component uses for navigation
|
|
9245
|
+
* inside website chapter. It looks like a vertical
|
|
9246
|
+
* list with clickable items on desktop and dropdown
|
|
9247
|
+
* list on mobile.
|
|
9248
|
+
*
|
|
9249
|
+
* ## Menu items
|
|
9250
|
+
* Menu items should be passed as `items` prop. This
|
|
9251
|
+
* should be an array of objects. Each object should
|
|
9252
|
+
* have `text` (text displayed as a menu item) and
|
|
9253
|
+
* `onClick` (click handler function)
|
|
9254
|
+
*
|
|
9255
|
+
* ## Active menu item
|
|
9256
|
+
* Active menu item should be passed as component `activeItem`
|
|
9257
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9258
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9259
|
+
*/
|
|
9260
|
+
|
|
9261
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9262
|
+
var items = _ref.items,
|
|
9263
|
+
activeItem = _ref.activeItem;
|
|
9264
|
+
|
|
9265
|
+
var _useState = React.useState(false),
|
|
9266
|
+
mobileOpen = _useState[0],
|
|
9267
|
+
setMobileOpen = _useState[1];
|
|
9268
|
+
|
|
9269
|
+
var containerRef = React.useRef(null);
|
|
9270
|
+
|
|
9271
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9272
|
+
setMobileOpen(function (prev) {
|
|
9273
|
+
return !prev;
|
|
9274
|
+
});
|
|
9275
|
+
};
|
|
9276
|
+
|
|
9277
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9278
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9279
|
+
setMobileOpen(false);
|
|
9280
|
+
}
|
|
9281
|
+
};
|
|
9282
|
+
|
|
9283
|
+
React.useEffect(function () {
|
|
9284
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9285
|
+
return function () {
|
|
9286
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9287
|
+
};
|
|
9288
|
+
}, [containerRef]);
|
|
9289
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9290
|
+
ref: containerRef,
|
|
9291
|
+
"data-testid": "nav-menu-container"
|
|
9292
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9293
|
+
mobileOpen: mobileOpen,
|
|
9294
|
+
onClick: mobileButtonClickHandler,
|
|
9295
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9296
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9297
|
+
iconName: "DropdownArrow",
|
|
9298
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9299
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9300
|
+
mobileOpen: mobileOpen,
|
|
9301
|
+
"data-testid": "nav-menu-list"
|
|
9302
|
+
}, items.map(function (item, idx) {
|
|
9303
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9304
|
+
key: item.text + "-" + idx
|
|
9305
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9306
|
+
onClick: item.onClick,
|
|
9307
|
+
active: item.text === activeItem,
|
|
9308
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9309
|
+
}, item.text));
|
|
9310
|
+
})));
|
|
9311
|
+
};
|
|
9312
|
+
|
|
9313
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$s, _templateObject6$n, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9314
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9315
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9316
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9317
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
9277
9318
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9278
|
-
});
|
|
9279
|
-
var
|
|
9319
|
+
}, devices.tablet, devices.mobile);
|
|
9320
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$s || (_templateObject5$s = /*#__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) {
|
|
9321
|
+
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9322
|
+
}, devices.mobile);
|
|
9323
|
+
var LineContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: ", ";\n width: 100%;\n"])), function (props) {
|
|
9280
9324
|
return "var(--base-color-" + props.lineColor + ")";
|
|
9281
9325
|
});
|
|
9282
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(
|
|
9283
|
-
var PageNumber$1 = /*#__PURE__*/styled__default.button(
|
|
9326
|
+
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
9327
|
+
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
9284
9328
|
var active = _ref.active;
|
|
9285
9329
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
9286
9330
|
});
|
|
9287
|
-
var Next = /*#__PURE__*/styled__default.span(
|
|
9288
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(
|
|
9289
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9290
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9331
|
+
var Next = /*#__PURE__*/styled__default.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
9332
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
|
|
9291
9333
|
|
|
9292
9334
|
var Table = function Table(_ref) {
|
|
9293
9335
|
var columns = _ref.columns,
|
|
@@ -9390,7 +9432,7 @@ var Table = function Table(_ref) {
|
|
|
9390
9432
|
return i;
|
|
9391
9433
|
});
|
|
9392
9434
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9393
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9435
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
9394
9436
|
onClickPrev: function onClickPrev() {
|
|
9395
9437
|
return scrollTable('left');
|
|
9396
9438
|
},
|
|
@@ -9409,7 +9451,8 @@ var Table = function Table(_ref) {
|
|
|
9409
9451
|
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
9410
9452
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9411
9453
|
key: index,
|
|
9412
|
-
role: "columnheader"
|
|
9454
|
+
role: "columnheader",
|
|
9455
|
+
columns: columns
|
|
9413
9456
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
9414
9457
|
content: heading
|
|
9415
9458
|
}));
|
|
@@ -9552,8 +9595,8 @@ var LiveChat = function LiveChat() {
|
|
|
9552
9595
|
});
|
|
9553
9596
|
};
|
|
9554
9597
|
|
|
9555
|
-
var _templateObject$
|
|
9556
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9598
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
9599
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
9557
9600
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
9558
9601
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9559
9602
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -9582,8 +9625,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9582
9625
|
}, children)));
|
|
9583
9626
|
};
|
|
9584
9627
|
|
|
9585
|
-
var _templateObject$
|
|
9586
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9628
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
9629
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
9587
9630
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
9588
9631
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9589
9632
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
@@ -9706,8 +9749,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9706
9749
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9707
9750
|
};
|
|
9708
9751
|
|
|
9709
|
-
var _templateObject$
|
|
9710
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9752
|
+
var _templateObject$1l;
|
|
9753
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9711
9754
|
var theme = _ref.theme;
|
|
9712
9755
|
return theme.colors.primary;
|
|
9713
9756
|
}, function (_ref2) {
|
|
@@ -10668,6 +10711,7 @@ exports.Footer = Footer;
|
|
|
10668
10711
|
exports.GlobalStyles = GlobalStyles;
|
|
10669
10712
|
exports.Grid = Grid;
|
|
10670
10713
|
exports.GridItem = GridItem;
|
|
10714
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
10671
10715
|
exports.Header = Header;
|
|
10672
10716
|
exports.Icon = Icon;
|
|
10673
10717
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|