@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
package/dist/chord.esm.js
CHANGED
|
@@ -2589,7 +2589,39 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
|
|
|
2589
2589
|
});
|
|
2590
2590
|
|
|
2591
2591
|
var _templateObject$b;
|
|
2592
|
-
|
|
2592
|
+
/**
|
|
2593
|
+
* # IMPORTANT
|
|
2594
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2595
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2596
|
+
*/
|
|
2597
|
+
|
|
2598
|
+
var GridItemLegacy = /*#__PURE__*/styled.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: span ", ";\n 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) {
|
|
2599
|
+
var _ref$columnSpanDeskto = _ref.columnSpanDesktop,
|
|
2600
|
+
columnSpanDesktop = _ref$columnSpanDeskto === void 0 ? 1 : _ref$columnSpanDeskto;
|
|
2601
|
+
return columnSpanDesktop;
|
|
2602
|
+
}, function (_ref2) {
|
|
2603
|
+
var columnStartDesktop = _ref2.columnStartDesktop;
|
|
2604
|
+
return columnStartDesktop;
|
|
2605
|
+
}, devices.mobile, function (_ref3) {
|
|
2606
|
+
var _ref3$columnSpanDevic = _ref3.columnSpanDevice,
|
|
2607
|
+
columnSpanDevice = _ref3$columnSpanDevic === void 0 ? 1 : _ref3$columnSpanDevic,
|
|
2608
|
+
columnSpanSmallDevice = _ref3.columnSpanSmallDevice;
|
|
2609
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2610
|
+
}, function (_ref4) {
|
|
2611
|
+
var columnStartDevice = _ref4.columnStartDevice,
|
|
2612
|
+
columnStartSmallDevice = _ref4.columnStartSmallDevice;
|
|
2613
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2614
|
+
}, devices.tablet, function (_ref5) {
|
|
2615
|
+
var _ref5$columnSpanDevic = _ref5.columnSpanDevice,
|
|
2616
|
+
columnSpanDevice = _ref5$columnSpanDevic === void 0 ? 1 : _ref5$columnSpanDevic;
|
|
2617
|
+
return columnSpanDevice;
|
|
2618
|
+
}, function (_ref6) {
|
|
2619
|
+
var columnStartDevice = _ref6.columnStartDevice;
|
|
2620
|
+
return columnStartDevice;
|
|
2621
|
+
});
|
|
2622
|
+
|
|
2623
|
+
var _templateObject$c;
|
|
2624
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n position: relative;\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2593
2625
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2594
2626
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2595
2627
|
return aspectRatio;
|
|
@@ -2607,8 +2639,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$b || (_tem
|
|
|
2607
2639
|
return aspectRatio;
|
|
2608
2640
|
});
|
|
2609
2641
|
|
|
2610
|
-
var _templateObject$
|
|
2611
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
2642
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2643
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2612
2644
|
var height = _ref.height;
|
|
2613
2645
|
return height ? height + "px" : '6px';
|
|
2614
2646
|
});
|
|
@@ -2691,13 +2723,13 @@ var Progress = function Progress(_ref) {
|
|
|
2691
2723
|
}, renderSteps()));
|
|
2692
2724
|
};
|
|
2693
2725
|
|
|
2694
|
-
var _templateObject$
|
|
2695
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
2726
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2727
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2696
2728
|
var RadioLine = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2697
2729
|
var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2698
2730
|
|
|
2699
|
-
var _templateObject$
|
|
2700
|
-
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
2731
|
+
var _templateObject$f;
|
|
2732
|
+
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2701
2733
|
var typography = _ref.typography;
|
|
2702
2734
|
return typography;
|
|
2703
2735
|
}, function (_ref2) {
|
|
@@ -2853,8 +2885,8 @@ var Radio = function Radio(_ref) {
|
|
|
2853
2885
|
}, error)));
|
|
2854
2886
|
};
|
|
2855
2887
|
|
|
2856
|
-
var _templateObject$
|
|
2857
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$
|
|
2888
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
2889
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
2858
2890
|
var Radio$1 = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
2859
2891
|
var error = _ref.error,
|
|
2860
2892
|
darkMode = _ref.darkMode,
|
|
@@ -2962,8 +2994,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2962
2994
|
}, error)));
|
|
2963
2995
|
});
|
|
2964
2996
|
|
|
2965
|
-
var _templateObject$
|
|
2966
|
-
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
2997
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
2998
|
+
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2967
2999
|
var IconWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
2968
3000
|
var theme = _ref.theme;
|
|
2969
3001
|
return theme.colors.primary;
|
|
@@ -3034,8 +3066,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3034
3066
|
}, renderNextIcon()));
|
|
3035
3067
|
};
|
|
3036
3068
|
|
|
3037
|
-
var _templateObject$
|
|
3038
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$
|
|
3069
|
+
var _templateObject$i;
|
|
3070
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3039
3071
|
var fillColor = _ref.fillColor;
|
|
3040
3072
|
return fillColor;
|
|
3041
3073
|
});
|
|
@@ -3059,8 +3091,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3059
3091
|
})));
|
|
3060
3092
|
};
|
|
3061
3093
|
|
|
3062
|
-
var _templateObject$
|
|
3063
|
-
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
3094
|
+
var _templateObject$j, _templateObject2$7;
|
|
3095
|
+
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3064
3096
|
var Splitter = /*#__PURE__*/styled.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3065
3097
|
|
|
3066
3098
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3079,8 +3111,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3079
3111
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3080
3112
|
};
|
|
3081
3113
|
|
|
3082
|
-
var _templateObject$
|
|
3083
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3114
|
+
var _templateObject$k;
|
|
3115
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3084
3116
|
|
|
3085
3117
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3086
3118
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3290,8 +3322,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3290
3322
|
})))));
|
|
3291
3323
|
};
|
|
3292
3324
|
|
|
3293
|
-
var _templateObject$
|
|
3294
|
-
var CustomImage = /*#__PURE__*/styled.img(_templateObject$
|
|
3325
|
+
var _templateObject$l, _templateObject2$8;
|
|
3326
|
+
var CustomImage = /*#__PURE__*/styled.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3295
3327
|
var SponsorshipStyledIframe = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3296
3328
|
|
|
3297
3329
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v3/rolex.html?size=80';
|
|
@@ -3324,8 +3356,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3324
3356
|
}));
|
|
3325
3357
|
};
|
|
3326
3358
|
|
|
3327
|
-
var _templateObject$
|
|
3328
|
-
var TabText = /*#__PURE__*/styled.a(_templateObject$
|
|
3359
|
+
var _templateObject$m, _templateObject2$9;
|
|
3360
|
+
var TabText = /*#__PURE__*/styled.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3329
3361
|
if (props.withIcon === 'left') {
|
|
3330
3362
|
return "margin-left: 5px;";
|
|
3331
3363
|
}
|
|
@@ -3424,8 +3456,8 @@ var Tab = function Tab(_ref) {
|
|
|
3424
3456
|
}));
|
|
3425
3457
|
};
|
|
3426
3458
|
|
|
3427
|
-
var _templateObject$
|
|
3428
|
-
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3459
|
+
var _templateObject$n, _templateObject2$a;
|
|
3460
|
+
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3429
3461
|
var iconName = _ref.iconName;
|
|
3430
3462
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3431
3463
|
}, function (_ref2) {
|
|
@@ -3476,8 +3508,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3476
3508
|
})) : null, children);
|
|
3477
3509
|
};
|
|
3478
3510
|
|
|
3479
|
-
var _templateObject$
|
|
3480
|
-
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3511
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3512
|
+
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3481
3513
|
var width = _ref.width;
|
|
3482
3514
|
return width ? width + "px;" : '100%;';
|
|
3483
3515
|
}, function (_ref2) {
|
|
@@ -3600,14 +3632,14 @@ var TextArea = function TextArea(_ref) {
|
|
|
3600
3632
|
}, error))));
|
|
3601
3633
|
};
|
|
3602
3634
|
|
|
3603
|
-
var _templateObject$
|
|
3604
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3635
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3636
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3605
3637
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3606
3638
|
var width = _ref.width;
|
|
3607
3639
|
if (!width) return 'none';
|
|
3608
3640
|
return width + 'px';
|
|
3609
3641
|
});
|
|
3610
|
-
var Input = /*#__PURE__*/styled.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
|
|
3642
|
+
var Input = /*#__PURE__*/styled.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) {
|
|
3611
3643
|
var isPasswordField = _ref2.isPasswordField;
|
|
3612
3644
|
if (isPasswordField) return "80px";
|
|
3613
3645
|
return "20px";
|
|
@@ -3715,7 +3747,7 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3715
3747
|
"data-testid": "text-field-input",
|
|
3716
3748
|
ref: ref
|
|
3717
3749
|
}, inputProps)), isPasswordField && /*#__PURE__*/React__default.createElement(ShowHideButton, {
|
|
3718
|
-
type:
|
|
3750
|
+
type: 'button',
|
|
3719
3751
|
onClick: showHideClickHandler
|
|
3720
3752
|
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
3721
3753
|
level: 1
|
|
@@ -3727,8 +3759,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3727
3759
|
}, error)));
|
|
3728
3760
|
});
|
|
3729
3761
|
|
|
3730
|
-
var _templateObject$
|
|
3731
|
-
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3762
|
+
var _templateObject$q, _templateObject2$d;
|
|
3763
|
+
var TextLinkWrapper = /*#__PURE__*/styled.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) {
|
|
3732
3764
|
var iconName = _ref.iconName;
|
|
3733
3765
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3734
3766
|
}, function (_ref2) {
|
|
@@ -3757,8 +3789,8 @@ var TextLink = function TextLink(_ref) {
|
|
|
3757
3789
|
})) : null);
|
|
3758
3790
|
};
|
|
3759
3791
|
|
|
3760
|
-
var _templateObject$
|
|
3761
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3792
|
+
var _templateObject$r, _templateObject2$e, _templateObject3$8, _templateObject4$5;
|
|
3793
|
+
var LogoWrapper = /*#__PURE__*/styled.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) {
|
|
3762
3794
|
var fontSize = _ref.fontSize;
|
|
3763
3795
|
return fontSize + 'px';
|
|
3764
3796
|
}, function (_ref2) {
|
|
@@ -3792,8 +3824,8 @@ var Logo = function Logo(_ref) {
|
|
|
3792
3824
|
}, /*#__PURE__*/createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/createElement(LogoRightSide, null, productName));
|
|
3793
3825
|
};
|
|
3794
3826
|
|
|
3795
|
-
var _templateObject$
|
|
3796
|
-
var TickboxError = /*#__PURE__*/styled.div(_templateObject$
|
|
3827
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3828
|
+
var TickboxError = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3797
3829
|
var dark = _ref.dark;
|
|
3798
3830
|
return dark ? 'white' : 'errorstate';
|
|
3799
3831
|
});
|
|
@@ -3914,8 +3946,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3914
3946
|
}, error)));
|
|
3915
3947
|
};
|
|
3916
3948
|
|
|
3917
|
-
var _templateObject$
|
|
3918
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
3949
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$3, _templateObject6$2;
|
|
3950
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3919
3951
|
var Tickbox$1 = /*#__PURE__*/styled.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) {
|
|
3920
3952
|
var error = _ref.error,
|
|
3921
3953
|
darkMode = _ref.darkMode,
|
|
@@ -4025,8 +4057,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4025
4057
|
}, error)));
|
|
4026
4058
|
});
|
|
4027
4059
|
|
|
4028
|
-
var _templateObject$
|
|
4029
|
-
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4060
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$4, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4061
|
+
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4030
4062
|
var color = _ref.color;
|
|
4031
4063
|
return color;
|
|
4032
4064
|
});
|
|
@@ -4134,8 +4166,8 @@ var Timer = function Timer(_ref) {
|
|
|
4134
4166
|
}));
|
|
4135
4167
|
};
|
|
4136
4168
|
|
|
4137
|
-
var _templateObject$
|
|
4138
|
-
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$
|
|
4169
|
+
var _templateObject$v;
|
|
4170
|
+
var TypeTagsContainer = /*#__PURE__*/styled.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"])));
|
|
4139
4171
|
|
|
4140
4172
|
var TypeTags = function TypeTags(_ref) {
|
|
4141
4173
|
var list = _ref.list;
|
|
@@ -4148,8 +4180,8 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4148
4180
|
}));
|
|
4149
4181
|
};
|
|
4150
4182
|
|
|
4151
|
-
var _templateObject$
|
|
4152
|
-
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$
|
|
4183
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$4, _templateObject7$1;
|
|
4184
|
+
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
4153
4185
|
var VideoControlsWrapper = /*#__PURE__*/styled.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);
|
|
4154
4186
|
var VideoVolume = /*#__PURE__*/styled.input(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4155
4187
|
var VideoMute = /*#__PURE__*/styled.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"])));
|
|
@@ -4260,8 +4292,8 @@ var VideoControls = function VideoControls(_ref) {
|
|
|
4260
4292
|
})));
|
|
4261
4293
|
};
|
|
4262
4294
|
|
|
4263
|
-
var _templateObject$
|
|
4264
|
-
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4295
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6;
|
|
4296
|
+
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
4265
4297
|
var StepperError = /*#__PURE__*/styled.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) {
|
|
4266
4298
|
var darkMode = _ref.darkMode;
|
|
4267
4299
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -4488,8 +4520,8 @@ var Component = function Component(_ref) {
|
|
|
4488
4520
|
}, error)));
|
|
4489
4521
|
};
|
|
4490
4522
|
|
|
4491
|
-
var _templateObject$
|
|
4492
|
-
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4523
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$5, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
4524
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
4493
4525
|
var isMenuOpen = _ref.isMenuOpen;
|
|
4494
4526
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
4495
4527
|
});
|
|
@@ -4513,8 +4545,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9
|
|
|
4513
4545
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
4514
4546
|
var NavTopContainer = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
4515
4547
|
|
|
4516
|
-
var _templateObject$
|
|
4517
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4548
|
+
var _templateObject$z;
|
|
4549
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
4518
4550
|
|
|
4519
4551
|
var Logo$1 = function Logo(_ref) {
|
|
4520
4552
|
var _ref$id = _ref.id,
|
|
@@ -4543,11 +4575,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
4543
4575
|
}))));
|
|
4544
4576
|
};
|
|
4545
4577
|
|
|
4546
|
-
var _templateObject$
|
|
4547
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4578
|
+
var _templateObject$A;
|
|
4579
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
4548
4580
|
|
|
4549
|
-
var _templateObject$
|
|
4550
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4581
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
4582
|
+
var BasketContainer = /*#__PURE__*/styled.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) {
|
|
4551
4583
|
var selected = _ref.selected,
|
|
4552
4584
|
colorPrimary = _ref.colorPrimary;
|
|
4553
4585
|
|
|
@@ -4735,8 +4767,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
4735
4767
|
}, expiryTime ? basketText : text) : ''));
|
|
4736
4768
|
};
|
|
4737
4769
|
|
|
4738
|
-
var _templateObject$
|
|
4739
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4770
|
+
var _templateObject$C, _templateObject2$m;
|
|
4771
|
+
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
4740
4772
|
var selected = _ref.selected,
|
|
4741
4773
|
colorPrimary = _ref.colorPrimary;
|
|
4742
4774
|
|
|
@@ -5028,8 +5060,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
5028
5060
|
}));
|
|
5029
5061
|
};
|
|
5030
5062
|
|
|
5031
|
-
var _templateObject$
|
|
5032
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5063
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
5064
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5033
5065
|
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
5034
5066
|
if (props.showMenu) {
|
|
5035
5067
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -5171,8 +5203,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
5171
5203
|
}, "MENU"))));
|
|
5172
5204
|
};
|
|
5173
5205
|
|
|
5174
|
-
var _templateObject$
|
|
5175
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5206
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$8, _templateObject6$6, _templateObject7$3;
|
|
5207
|
+
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
5176
5208
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5177
5209
|
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
5178
5210
|
var InputContainer = /*#__PURE__*/styled.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);
|
|
@@ -5409,16 +5441,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
5409
5441
|
})))));
|
|
5410
5442
|
};
|
|
5411
5443
|
|
|
5412
|
-
var _templateObject$
|
|
5413
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
5444
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$9, _templateObject6$7;
|
|
5445
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
5414
5446
|
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
5415
5447
|
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
5416
5448
|
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
5417
5449
|
var ArtsLogoRow = /*#__PURE__*/styled.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);
|
|
5418
5450
|
var AdditionalInfo = /*#__PURE__*/styled.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
5419
5451
|
|
|
5420
|
-
var _templateObject$
|
|
5421
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
5452
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
5453
|
+
var PolicyLinksList = /*#__PURE__*/styled.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);
|
|
5422
5454
|
var PolicyLinkItem = /*#__PURE__*/styled.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);
|
|
5423
5455
|
var PolicyLink = /*#__PURE__*/styled.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"])));
|
|
5424
5456
|
|
|
@@ -5436,8 +5468,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
5436
5468
|
}));
|
|
5437
5469
|
};
|
|
5438
5470
|
|
|
5439
|
-
var _templateObject$
|
|
5440
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5471
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$a, _templateObject6$8, _templateObject7$4, _templateObject8$2;
|
|
5472
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
5441
5473
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
5442
5474
|
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
5443
5475
|
var SignUpText = /*#__PURE__*/styled.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);
|
|
@@ -5508,9 +5540,9 @@ var Footer = function Footer(_ref) {
|
|
|
5508
5540
|
}, additionalInfo)))));
|
|
5509
5541
|
};
|
|
5510
5542
|
|
|
5511
|
-
var _templateObject$
|
|
5543
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$b, _templateObject6$9;
|
|
5512
5544
|
var LIST_ITEM_GAP = 32;
|
|
5513
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5545
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
5514
5546
|
var bottomBorder = _ref.bottomBorder;
|
|
5515
5547
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
5516
5548
|
}, zIndexes.anchor);
|
|
@@ -5774,8 +5806,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5774
5806
|
})) : null) : null))));
|
|
5775
5807
|
};
|
|
5776
5808
|
|
|
5777
|
-
var _templateObject$
|
|
5778
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5809
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1;
|
|
5810
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
5779
5811
|
var sticky = _ref.sticky;
|
|
5780
5812
|
return sticky ? 'sticky' : 'initial';
|
|
5781
5813
|
}, zIndexes.anchor);
|
|
@@ -5835,8 +5867,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5835
5867
|
}, message)));
|
|
5836
5868
|
};
|
|
5837
5869
|
|
|
5838
|
-
var _templateObject$
|
|
5839
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
5870
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$c, _templateObject6$b, _templateObject7$6, _templateObject8$4;
|
|
5871
|
+
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
5840
5872
|
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
5841
5873
|
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
5842
5874
|
var theme = _ref.theme;
|
|
@@ -5916,8 +5948,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
5916
5948
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
5917
5949
|
};
|
|
5918
5950
|
|
|
5919
|
-
var _templateObject$
|
|
5920
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
5951
|
+
var _templateObject$L;
|
|
5952
|
+
var Wrapper$3 = /*#__PURE__*/styled.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);
|
|
5921
5953
|
|
|
5922
5954
|
var UpsellCards = function UpsellCards(_ref) {
|
|
5923
5955
|
var upsellCards = _ref.upsellCards;
|
|
@@ -5935,16 +5967,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
5935
5967
|
}));
|
|
5936
5968
|
};
|
|
5937
5969
|
|
|
5938
|
-
var _templateObject$
|
|
5939
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
5970
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
5971
|
+
var UpsellBorderBox = /*#__PURE__*/styled.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) {
|
|
5940
5972
|
var theme = _ref.theme;
|
|
5941
5973
|
return theme.colors.primary;
|
|
5942
5974
|
}, devices.mobile, devices.tablet);
|
|
5943
5975
|
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
5944
5976
|
var TextContainer = /*#__PURE__*/styled.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);
|
|
5945
5977
|
|
|
5946
|
-
var _templateObject$
|
|
5947
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5978
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$d;
|
|
5979
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5948
5980
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5949
5981
|
var ChildrenContainer = /*#__PURE__*/styled.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);
|
|
5950
5982
|
var TitleContainer$3 = /*#__PURE__*/styled.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);
|
|
@@ -6073,8 +6105,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6073
6105
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6074
6106
|
};
|
|
6075
6107
|
|
|
6076
|
-
var _templateObject$
|
|
6077
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6108
|
+
var _templateObject$O;
|
|
6109
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6078
6110
|
|
|
6079
6111
|
var Accordions = function Accordions(_ref) {
|
|
6080
6112
|
var _ref$items = _ref.items,
|
|
@@ -6092,7 +6124,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6092
6124
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6093
6125
|
contentType: accordion.contentType,
|
|
6094
6126
|
displayLevel: accordion.displayLevel,
|
|
6095
|
-
semanticLevel: accordion.semanticLevel
|
|
6127
|
+
semanticLevel: accordion.semanticLevel,
|
|
6128
|
+
initOpen: accordion.initOpen
|
|
6096
6129
|
}, accordion.children);
|
|
6097
6130
|
}));
|
|
6098
6131
|
};
|
|
@@ -6106,8 +6139,8 @@ var Theme = function Theme(_ref) {
|
|
|
6106
6139
|
}, children);
|
|
6107
6140
|
};
|
|
6108
6141
|
|
|
6109
|
-
var _templateObject$
|
|
6110
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6142
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
6143
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
6111
6144
|
var theme = _ref.theme;
|
|
6112
6145
|
return theme.colors.primary;
|
|
6113
6146
|
}, devices.mobile);
|
|
@@ -6149,8 +6182,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6149
6182
|
}))))));
|
|
6150
6183
|
};
|
|
6151
6184
|
|
|
6152
|
-
var _templateObject$
|
|
6153
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$
|
|
6185
|
+
var _templateObject$Q;
|
|
6186
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
|
|
6154
6187
|
var bgColor = _ref.bgColor,
|
|
6155
6188
|
theme = _ref.theme;
|
|
6156
6189
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -6171,11 +6204,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
6171
6204
|
}), children);
|
|
6172
6205
|
};
|
|
6173
6206
|
|
|
6174
|
-
var _templateObject$
|
|
6207
|
+
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;
|
|
6175
6208
|
var LENGTH_LARGE_TEXT = 28;
|
|
6176
6209
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6177
6210
|
var LENGTH_TEXT_TABLET = 10;
|
|
6178
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6211
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
6179
6212
|
var isCardClickable = _ref.isCardClickable;
|
|
6180
6213
|
return isCardClickable ? 'pointer' : 'default';
|
|
6181
6214
|
}, function (_ref2) {
|
|
@@ -6457,9 +6490,9 @@ var Card = function Card(_ref) {
|
|
|
6457
6490
|
dangerouslySetInnerHTML: {
|
|
6458
6491
|
__html: truncatedText
|
|
6459
6492
|
}
|
|
6460
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6493
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6461
6494
|
level: 1
|
|
6462
|
-
}, highlightText))
|
|
6495
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
6463
6496
|
fullWidth: fullWidth
|
|
6464
6497
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6465
6498
|
ref: node,
|
|
@@ -6473,8 +6506,8 @@ var Card = function Card(_ref) {
|
|
|
6473
6506
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6474
6507
|
};
|
|
6475
6508
|
|
|
6476
|
-
var _templateObject$
|
|
6477
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6509
|
+
var _templateObject$S, _templateObject2$z;
|
|
6510
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
6478
6511
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6479
6512
|
|
|
6480
6513
|
var Cards = function Cards(_ref) {
|
|
@@ -6520,8 +6553,8 @@ var Cards = function Cards(_ref) {
|
|
|
6520
6553
|
}));
|
|
6521
6554
|
};
|
|
6522
6555
|
|
|
6523
|
-
var _templateObject$
|
|
6524
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6556
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6557
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
6525
6558
|
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
6526
6559
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6527
6560
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -6589,8 +6622,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6589
6622
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6590
6623
|
};
|
|
6591
6624
|
|
|
6592
|
-
var _templateObject$
|
|
6593
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
6625
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g, _templateObject6$d, _templateObject7$8;
|
|
6626
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6594
6627
|
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
6595
6628
|
return props.clickable ? 'pointer' : 'default';
|
|
6596
6629
|
}, devices.mobile);
|
|
@@ -6672,8 +6705,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6672
6705
|
}), link.text)));
|
|
6673
6706
|
};
|
|
6674
6707
|
|
|
6675
|
-
var _templateObject$
|
|
6676
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
6708
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
|
|
6709
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
6677
6710
|
var imageToLeft = _ref.imageToLeft;
|
|
6678
6711
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6679
6712
|
}, devices.mobile);
|
|
@@ -6750,8 +6783,8 @@ var BackgroundColour;
|
|
|
6750
6783
|
BackgroundColour["White"] = "white";
|
|
6751
6784
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6752
6785
|
|
|
6753
|
-
var _templateObject$
|
|
6754
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
6786
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
6787
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
6755
6788
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6756
6789
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6757
6790
|
if (!props.infoThemed) {
|
|
@@ -6877,8 +6910,8 @@ var Information = function Information(_ref) {
|
|
|
6877
6910
|
}))));
|
|
6878
6911
|
};
|
|
6879
6912
|
|
|
6880
|
-
var _templateObject$
|
|
6881
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6913
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
6914
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
6882
6915
|
var theme = _ref.theme;
|
|
6883
6916
|
return theme.colors.primary;
|
|
6884
6917
|
}, function (_ref2) {
|
|
@@ -6969,8 +7002,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6969
7002
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6970
7003
|
};
|
|
6971
7004
|
|
|
6972
|
-
var _templateObject$
|
|
6973
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7005
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
7006
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
6974
7007
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
6975
7008
|
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
6976
7009
|
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
@@ -7040,8 +7073,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7040
7073
|
}, "Scroll Down")) : null);
|
|
7041
7074
|
};
|
|
7042
7075
|
|
|
7043
|
-
var _templateObject$
|
|
7044
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7076
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k;
|
|
7077
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
7045
7078
|
var color = _ref.color;
|
|
7046
7079
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7047
7080
|
}, devices.mobileAndTablet);
|
|
@@ -7085,8 +7118,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7085
7118
|
}))));
|
|
7086
7119
|
};
|
|
7087
7120
|
|
|
7088
|
-
var _templateObject$
|
|
7089
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7121
|
+
var _templateObject$_;
|
|
7122
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7090
7123
|
|
|
7091
7124
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7092
7125
|
var link = _ref.link,
|
|
@@ -7104,8 +7137,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7104
7137
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7105
7138
|
};
|
|
7106
7139
|
|
|
7107
|
-
var _templateObject
|
|
7108
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject
|
|
7140
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$l, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
7141
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
7109
7142
|
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
7110
7143
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7111
7144
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
@@ -7239,7 +7272,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
7239
7272
|
var isIOS = function isIOS() {
|
|
7240
7273
|
try {
|
|
7241
7274
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
7242
|
-
if (typeof navigator === undefined) return false;
|
|
7275
|
+
if (typeof navigator === 'undefined') return false;
|
|
7243
7276
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
7244
7277
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
7245
7278
|
} catch (e) {
|
|
@@ -7255,7 +7288,7 @@ var useIOS = function useIOS() {
|
|
|
7255
7288
|
setIOS = _useState[1];
|
|
7256
7289
|
|
|
7257
7290
|
useEffect(function () {
|
|
7258
|
-
if (typeof navigator === undefined) return;
|
|
7291
|
+
if (typeof navigator === 'undefined') return;
|
|
7259
7292
|
setIOS(isIOS());
|
|
7260
7293
|
}, []);
|
|
7261
7294
|
return IOS;
|
|
@@ -7437,8 +7470,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7437
7470
|
}), linkText))));
|
|
7438
7471
|
};
|
|
7439
7472
|
|
|
7440
|
-
var _templateObject
|
|
7441
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
7473
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
7474
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7442
7475
|
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
7443
7476
|
|
|
7444
7477
|
var PageNumber = /*#__PURE__*/styled.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) {
|
|
@@ -7514,8 +7547,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
7514
7547
|
}))));
|
|
7515
7548
|
};
|
|
7516
7549
|
|
|
7517
|
-
var _templateObject$
|
|
7518
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7550
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$h;
|
|
7551
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
7519
7552
|
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
7520
7553
|
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7521
7554
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -7571,11 +7604,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7571
7604
|
}));
|
|
7572
7605
|
};
|
|
7573
7606
|
|
|
7574
|
-
var _templateObject$
|
|
7575
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7607
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
7608
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
7576
7609
|
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
7577
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
7578
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
7610
|
+
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
7611
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
7579
7612
|
|
|
7580
7613
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
7581
7614
|
return array.reduce(function (acc, item) {
|
|
@@ -7586,12 +7619,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
7586
7619
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
7587
7620
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
7588
7621
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
7589
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
7622
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
7623
|
+
key: index
|
|
7624
|
+
}, title));
|
|
7590
7625
|
} else if (index > 0) {
|
|
7591
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7626
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7627
|
+
key: index
|
|
7628
|
+
}, ", ", title);
|
|
7592
7629
|
}
|
|
7593
7630
|
|
|
7594
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
7631
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
7632
|
+
key: index
|
|
7633
|
+
}, title);
|
|
7595
7634
|
}));
|
|
7596
7635
|
};
|
|
7597
7636
|
|
|
@@ -7643,14 +7682,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
7643
7682
|
}));
|
|
7644
7683
|
};
|
|
7645
7684
|
|
|
7646
|
-
var _templateObject$
|
|
7685
|
+
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;
|
|
7647
7686
|
var LENGTH_TEXT = 28;
|
|
7648
7687
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7649
7688
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7650
7689
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7651
7690
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7652
7691
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7653
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7692
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
7654
7693
|
var imageToLeft = _ref.imageToLeft;
|
|
7655
7694
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7656
7695
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7921,10 +7960,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7921
7960
|
}))));
|
|
7922
7961
|
};
|
|
7923
7962
|
|
|
7924
|
-
var _templateObject$
|
|
7963
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$o, _templateObject6$j, _templateObject7$d;
|
|
7925
7964
|
var LENGTH_TEXT$2 = 28;
|
|
7926
7965
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7927
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7966
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
7928
7967
|
var imageToLeft = _ref.imageToLeft;
|
|
7929
7968
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
7930
7969
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8036,8 +8075,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8036
8075
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8037
8076
|
};
|
|
8038
8077
|
|
|
8039
|
-
var _templateObject$
|
|
8040
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8078
|
+
var _templateObject$15;
|
|
8079
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8041
8080
|
|
|
8042
8081
|
/**
|
|
8043
8082
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -8095,8 +8134,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8095
8134
|
})));
|
|
8096
8135
|
};
|
|
8097
8136
|
|
|
8098
|
-
var _templateObject$
|
|
8099
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8137
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$F;
|
|
8138
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8100
8139
|
var RadioGroup$1 = /*#__PURE__*/styled.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) {
|
|
8101
8140
|
var horizontalMode = _ref.horizontalMode;
|
|
8102
8141
|
if (horizontalMode) return 'row';
|
|
@@ -8185,8 +8224,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
8185
8224
|
}, error)));
|
|
8186
8225
|
};
|
|
8187
8226
|
|
|
8188
|
-
var _templateObject$
|
|
8189
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8227
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
8228
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.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);
|
|
8190
8229
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
8191
8230
|
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
8192
8231
|
|
|
@@ -8250,8 +8289,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
8250
8289
|
})))));
|
|
8251
8290
|
};
|
|
8252
8291
|
|
|
8253
|
-
var _templateObject$
|
|
8254
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8292
|
+
var _templateObject$18;
|
|
8293
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
8255
8294
|
|
|
8256
8295
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8257
8296
|
var title = _ref.title,
|
|
@@ -8277,8 +8316,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8277
8316
|
}, description))));
|
|
8278
8317
|
};
|
|
8279
8318
|
|
|
8280
|
-
var _templateObject$
|
|
8281
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
8319
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
8320
|
+
var stateStyles = /*#__PURE__*/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) {
|
|
8282
8321
|
var theme = _ref.theme;
|
|
8283
8322
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8284
8323
|
}, function (_ref2) {
|
|
@@ -8700,8 +8739,8 @@ function Select(_ref3) {
|
|
|
8700
8739
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8701
8740
|
}
|
|
8702
8741
|
|
|
8703
|
-
var _templateObject$
|
|
8704
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
8742
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
8743
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
8705
8744
|
var SelectWrapper$1 = /*#__PURE__*/styled.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) {
|
|
8706
8745
|
var width = _ref.width;
|
|
8707
8746
|
if (!width) return 'none';
|
|
@@ -8840,8 +8879,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
8840
8879
|
})));
|
|
8841
8880
|
};
|
|
8842
8881
|
|
|
8843
|
-
var _templateObject$
|
|
8844
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
8882
|
+
var _templateObject$1b;
|
|
8883
|
+
var TextContainer$2 = /*#__PURE__*/styled.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) {
|
|
8845
8884
|
var theme = _ref.theme;
|
|
8846
8885
|
return theme.colors.primary;
|
|
8847
8886
|
});
|
|
@@ -8869,8 +8908,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8869
8908
|
})));
|
|
8870
8909
|
};
|
|
8871
8910
|
|
|
8872
|
-
var _templateObject$
|
|
8873
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8911
|
+
var _templateObject$1c, _templateObject2$R;
|
|
8912
|
+
var Wrapper$6 = /*#__PURE__*/styled.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) {
|
|
8874
8913
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8875
8914
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8876
8915
|
return aspectRatio;
|
|
@@ -8918,8 +8957,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8918
8957
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8919
8958
|
};
|
|
8920
8959
|
|
|
8921
|
-
var _templateObject$
|
|
8922
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8960
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$J;
|
|
8961
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8923
8962
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8924
8963
|
var displayAttribution = _ref.displayAttribution;
|
|
8925
8964
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -8948,8 +8987,8 @@ var Quote = function Quote(_ref) {
|
|
|
8948
8987
|
}, attribution))));
|
|
8949
8988
|
};
|
|
8950
8989
|
|
|
8951
|
-
var _templateObject$
|
|
8952
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8990
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$q, _templateObject6$l;
|
|
8991
|
+
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
8953
8992
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8954
8993
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8955
8994
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -8992,8 +9031,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8992
9031
|
}, title)))));
|
|
8993
9032
|
};
|
|
8994
9033
|
|
|
8995
|
-
var _templateObject$
|
|
8996
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9034
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
9035
|
+
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
8997
9036
|
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8998
9037
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8999
9038
|
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
@@ -9094,96 +9133,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
9094
9133
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
9095
9134
|
};
|
|
9096
9135
|
|
|
9097
|
-
var _templateObject$
|
|
9098
|
-
var MenuContainer$2 = /*#__PURE__*/styled.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9099
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9100
|
-
var mobileOpen = _ref.mobileOpen;
|
|
9101
|
-
return mobileOpen ? "block" : 'none';
|
|
9102
|
-
}, Colors.White, Colors.DarkGrey);
|
|
9103
|
-
var MenuItem$1 = /*#__PURE__*/styled.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), Colors.Black, function (_ref2) {
|
|
9104
|
-
var active = _ref2.active;
|
|
9105
|
-
return active ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
9106
|
-
}, Colors.MidGrey, devices.mobile);
|
|
9107
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey, devices.mobile);
|
|
9108
|
-
|
|
9109
|
-
/**
|
|
9110
|
-
* Vertical menu component uses for navigation
|
|
9111
|
-
* inside website chapter. It looks like a vertical
|
|
9112
|
-
* list with clickable items on desktop and dropdown
|
|
9113
|
-
* list on mobile.
|
|
9114
|
-
*
|
|
9115
|
-
* ## Menu items
|
|
9116
|
-
* Menu items should be passed as `items` prop. This
|
|
9117
|
-
* should be an array of objects. Each object should
|
|
9118
|
-
* have `text` (text displayed as a menu item) and
|
|
9119
|
-
* `onClick` (click handler function)
|
|
9120
|
-
*
|
|
9121
|
-
* ## Active menu item
|
|
9122
|
-
* Active menu item should be passed as component `activeItem`
|
|
9123
|
-
* prop. This indicates on which menu item should be highlighted
|
|
9124
|
-
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9125
|
-
*/
|
|
9126
|
-
|
|
9127
|
-
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9128
|
-
var items = _ref.items,
|
|
9129
|
-
activeItem = _ref.activeItem;
|
|
9130
|
-
|
|
9131
|
-
var _useState = useState(false),
|
|
9132
|
-
mobileOpen = _useState[0],
|
|
9133
|
-
setMobileOpen = _useState[1];
|
|
9134
|
-
|
|
9135
|
-
var containerRef = useRef(null);
|
|
9136
|
-
|
|
9137
|
-
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9138
|
-
setMobileOpen(function (prev) {
|
|
9139
|
-
return !prev;
|
|
9140
|
-
});
|
|
9141
|
-
};
|
|
9142
|
-
|
|
9143
|
-
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9144
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9145
|
-
setMobileOpen(false);
|
|
9146
|
-
}
|
|
9147
|
-
};
|
|
9148
|
-
|
|
9149
|
-
useEffect(function () {
|
|
9150
|
-
document.addEventListener('mousedown', outsideClickHandler);
|
|
9151
|
-
return function () {
|
|
9152
|
-
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9153
|
-
};
|
|
9154
|
-
}, [containerRef]);
|
|
9155
|
-
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9156
|
-
ref: containerRef,
|
|
9157
|
-
"data-testid": "nav-menu-container"
|
|
9158
|
-
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9159
|
-
mobileOpen: mobileOpen,
|
|
9160
|
-
onClick: mobileButtonClickHandler,
|
|
9161
|
-
"data-testid": "nav-menu-mobile-button"
|
|
9162
|
-
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9163
|
-
iconName: "DropdownArrow",
|
|
9164
|
-
direction: mobileOpen ? 'left' : 'right'
|
|
9165
|
-
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9166
|
-
mobileOpen: mobileOpen,
|
|
9167
|
-
"data-testid": "nav-menu-list"
|
|
9168
|
-
}, items.map(function (item, idx) {
|
|
9169
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
9170
|
-
key: item.text + "-" + idx
|
|
9171
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9172
|
-
onClick: item.onClick,
|
|
9173
|
-
active: item.text === activeItem,
|
|
9174
|
-
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9175
|
-
}, item.text));
|
|
9176
|
-
})));
|
|
9177
|
-
};
|
|
9178
|
-
|
|
9179
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$r, _templateObject6$m;
|
|
9136
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$r, _templateObject6$m;
|
|
9180
9137
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9181
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$
|
|
9182
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
9138
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
9139
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
9183
9140
|
var color = _ref.color;
|
|
9184
9141
|
return "var(--base-color-" + color + ")";
|
|
9185
9142
|
});
|
|
9186
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
9143
|
+
var BottomLine = /*#__PURE__*/styled.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"])));
|
|
9187
9144
|
var Text = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
9188
9145
|
var color = _ref2.color;
|
|
9189
9146
|
return "var(--base-color-" + color + ")";
|
|
@@ -9274,23 +9231,108 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
9274
9231
|
}, strengthLabel))));
|
|
9275
9232
|
};
|
|
9276
9233
|
|
|
9277
|
-
var _templateObject$1h, _templateObject2$
|
|
9278
|
-
var
|
|
9279
|
-
var
|
|
9234
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C;
|
|
9235
|
+
var MenuContainer$2 = /*#__PURE__*/styled.menu(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
9236
|
+
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
|
|
9237
|
+
var mobileOpen = _ref.mobileOpen;
|
|
9238
|
+
return mobileOpen ? "block" : 'none';
|
|
9239
|
+
}, Colors.White, Colors.DarkGrey);
|
|
9240
|
+
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref2) {
|
|
9241
|
+
var active = _ref2.active;
|
|
9242
|
+
return active ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
9243
|
+
}, Colors.MidGrey, devices.mobile);
|
|
9244
|
+
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey, devices.mobile);
|
|
9245
|
+
|
|
9246
|
+
/**
|
|
9247
|
+
* Vertical menu component uses for navigation
|
|
9248
|
+
* inside website chapter. It looks like a vertical
|
|
9249
|
+
* list with clickable items on desktop and dropdown
|
|
9250
|
+
* list on mobile.
|
|
9251
|
+
*
|
|
9252
|
+
* ## Menu items
|
|
9253
|
+
* Menu items should be passed as `items` prop. This
|
|
9254
|
+
* should be an array of objects. Each object should
|
|
9255
|
+
* have `text` (text displayed as a menu item) and
|
|
9256
|
+
* `onClick` (click handler function)
|
|
9257
|
+
*
|
|
9258
|
+
* ## Active menu item
|
|
9259
|
+
* Active menu item should be passed as component `activeItem`
|
|
9260
|
+
* prop. This indicates on which menu item should be highlighted
|
|
9261
|
+
* as active one. Should be equal to `text` prop from one of the `items`
|
|
9262
|
+
*/
|
|
9263
|
+
|
|
9264
|
+
var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
9265
|
+
var items = _ref.items,
|
|
9266
|
+
activeItem = _ref.activeItem;
|
|
9267
|
+
|
|
9268
|
+
var _useState = useState(false),
|
|
9269
|
+
mobileOpen = _useState[0],
|
|
9270
|
+
setMobileOpen = _useState[1];
|
|
9271
|
+
|
|
9272
|
+
var containerRef = useRef(null);
|
|
9273
|
+
|
|
9274
|
+
var mobileButtonClickHandler = function mobileButtonClickHandler() {
|
|
9275
|
+
setMobileOpen(function (prev) {
|
|
9276
|
+
return !prev;
|
|
9277
|
+
});
|
|
9278
|
+
};
|
|
9279
|
+
|
|
9280
|
+
var outsideClickHandler = function outsideClickHandler(event) {
|
|
9281
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
9282
|
+
setMobileOpen(false);
|
|
9283
|
+
}
|
|
9284
|
+
};
|
|
9285
|
+
|
|
9286
|
+
useEffect(function () {
|
|
9287
|
+
document.addEventListener('mousedown', outsideClickHandler);
|
|
9288
|
+
return function () {
|
|
9289
|
+
document.removeEventListener('mousedown', outsideClickHandler);
|
|
9290
|
+
};
|
|
9291
|
+
}, [containerRef]);
|
|
9292
|
+
return /*#__PURE__*/React__default.createElement(MenuContainer$2, {
|
|
9293
|
+
ref: containerRef,
|
|
9294
|
+
"data-testid": "nav-menu-container"
|
|
9295
|
+
}, /*#__PURE__*/React__default.createElement(MobileButton, {
|
|
9296
|
+
mobileOpen: mobileOpen,
|
|
9297
|
+
onClick: mobileButtonClickHandler,
|
|
9298
|
+
"data-testid": "nav-menu-mobile-button"
|
|
9299
|
+
}, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9300
|
+
iconName: "DropdownArrow",
|
|
9301
|
+
direction: mobileOpen ? 'left' : 'right'
|
|
9302
|
+
})), /*#__PURE__*/React__default.createElement(MenuList, {
|
|
9303
|
+
mobileOpen: mobileOpen,
|
|
9304
|
+
"data-testid": "nav-menu-list"
|
|
9305
|
+
}, items.map(function (item, idx) {
|
|
9306
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9307
|
+
key: item.text + "-" + idx
|
|
9308
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem$1, {
|
|
9309
|
+
onClick: item.onClick,
|
|
9310
|
+
active: item.text === activeItem,
|
|
9311
|
+
"data-testid": "nav-menu-item" + (item.text === activeItem ? '-active' : '')
|
|
9312
|
+
}, item.text));
|
|
9313
|
+
})));
|
|
9314
|
+
};
|
|
9315
|
+
|
|
9316
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$s, _templateObject6$n, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9317
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9318
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9319
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9320
|
+
var TableHeader = /*#__PURE__*/styled.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) {
|
|
9280
9321
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9281
|
-
});
|
|
9282
|
-
var
|
|
9322
|
+
}, devices.tablet, devices.mobile);
|
|
9323
|
+
var TableCell = /*#__PURE__*/styled.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) {
|
|
9324
|
+
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9325
|
+
}, devices.mobile);
|
|
9326
|
+
var LineContainer$1 = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: ", ";\n width: 100%;\n"])), function (props) {
|
|
9283
9327
|
return "var(--base-color-" + props.lineColor + ")";
|
|
9284
9328
|
});
|
|
9285
|
-
var Pagination$1 = /*#__PURE__*/styled.div(
|
|
9286
|
-
var PageNumber$1 = /*#__PURE__*/styled.button(
|
|
9329
|
+
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
9330
|
+
var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
9287
9331
|
var active = _ref.active;
|
|
9288
9332
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
9289
9333
|
});
|
|
9290
|
-
var Next = /*#__PURE__*/styled.span(
|
|
9291
|
-
var ScrollButtons = /*#__PURE__*/styled.div(
|
|
9292
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9293
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9334
|
+
var Next = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
9335
|
+
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
|
|
9294
9336
|
|
|
9295
9337
|
var Table = function Table(_ref) {
|
|
9296
9338
|
var columns = _ref.columns,
|
|
@@ -9393,7 +9435,7 @@ var Table = function Table(_ref) {
|
|
|
9393
9435
|
return i;
|
|
9394
9436
|
});
|
|
9395
9437
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9396
|
-
return /*#__PURE__*/React__default.createElement(
|
|
9438
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
9397
9439
|
onClickPrev: function onClickPrev() {
|
|
9398
9440
|
return scrollTable('left');
|
|
9399
9441
|
},
|
|
@@ -9412,7 +9454,8 @@ var Table = function Table(_ref) {
|
|
|
9412
9454
|
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
9413
9455
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9414
9456
|
key: index,
|
|
9415
|
-
role: "columnheader"
|
|
9457
|
+
role: "columnheader",
|
|
9458
|
+
columns: columns
|
|
9416
9459
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
9417
9460
|
content: heading
|
|
9418
9461
|
}));
|
|
@@ -9555,8 +9598,8 @@ var LiveChat = function LiveChat() {
|
|
|
9555
9598
|
});
|
|
9556
9599
|
};
|
|
9557
9600
|
|
|
9558
|
-
var _templateObject$
|
|
9559
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9601
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
9602
|
+
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
9560
9603
|
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
9561
9604
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9562
9605
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -9585,8 +9628,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9585
9628
|
}, children)));
|
|
9586
9629
|
};
|
|
9587
9630
|
|
|
9588
|
-
var _templateObject$
|
|
9589
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
9631
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
9632
|
+
var InnerModal = /*#__PURE__*/styled.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);
|
|
9590
9633
|
var CloseButton = /*#__PURE__*/styled.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);
|
|
9591
9634
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9592
9635
|
var Overlay = /*#__PURE__*/styled(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"])));
|
|
@@ -9709,8 +9752,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9709
9752
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9710
9753
|
};
|
|
9711
9754
|
|
|
9712
|
-
var _templateObject$
|
|
9713
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9755
|
+
var _templateObject$1l;
|
|
9756
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
9714
9757
|
var theme = _ref.theme;
|
|
9715
9758
|
return theme.colors.primary;
|
|
9716
9759
|
}, function (_ref2) {
|
|
@@ -10651,5 +10694,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1k || (_templa
|
|
|
10651
10694
|
return theme.fonts.tablet.sizes.body[1];
|
|
10652
10695
|
}, devices.desktop, devices.largeDesktop);
|
|
10653
10696
|
|
|
10654
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, breakpoints, devices, zIndexes };
|
|
10697
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, breakpoints, devices, zIndexes };
|
|
10655
10698
|
//# sourceMappingURL=chord.esm.js.map
|