@royaloperahouse/chord 2.3.2 → 2.3.3-b-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 +678 -381
- 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 +678 -383
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
- package/dist/components/atoms/Grid/index.d.ts +2 -1
- package/dist/components/atoms/TextField/TextFieldLegacy.d.ts +10 -0
- package/dist/components/atoms/TextField/TextFieldLegacy.style.d.ts +5 -0
- package/dist/components/atoms/TextField/index.d.ts +2 -1
- package/dist/components/atoms/Typography/Typography.d.ts +1 -1
- package/dist/components/atoms/index.d.ts +3 -3
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/PromoWithTitle/PromoChild.d.ts +2 -2
- package/dist/components/molecules/SectionTitle/SectionTitle.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/helpers/generateDomElementId.d.ts +8 -0
- package/dist/index.d.ts +3 -2
- package/dist/types/editorial.d.ts +18 -2
- package/dist/types/formTypes.d.ts +12 -9
- package/dist/types/impactHeader.d.ts +13 -0
- package/dist/types/types.d.ts +10 -1
- package/package.json +1 -1
- package/README.GIT +0 -277
|
@@ -125,37 +125,181 @@ var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject || (_templat
|
|
|
125
125
|
|
|
126
126
|
var StreamBadge = function StreamBadge(_ref) {
|
|
127
127
|
var _ref$fillColor = _ref.fillColor,
|
|
128
|
-
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor
|
|
128
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
129
|
+
_ref$align = _ref.align,
|
|
130
|
+
align = _ref$align === void 0 ? 'center' : _ref$align;
|
|
129
131
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
130
132
|
fillColor: fillColor,
|
|
131
133
|
width: "100%",
|
|
132
134
|
height: "100%",
|
|
133
|
-
viewBox: "
|
|
134
|
-
fill: "none",
|
|
135
|
+
viewBox: "110 450 865 200",
|
|
135
136
|
xmlns: "http://www.w3.org/2000/svg"
|
|
136
137
|
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
137
|
-
d: "
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
d: "
|
|
141
|
-
|
|
138
|
+
d: "M416.81,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97,0-7.3-4.86-13.11-13.46-14.07,7.9-1.13,11.73-7.47,11.73-13.8ZM389.28,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51s-2.17,6.51-7.73,6.51h-5.38v-13.03ZM395.79,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29s-3.39,7.29-8.34,7.29Z",
|
|
139
|
+
"stroke-width": "0"
|
|
140
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
141
|
+
d: "M435.74,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM445.29,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
142
|
+
"stroke-width": "0"
|
|
143
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
144
|
+
d: "M774.06,500.66c0-18.15-13.89-31.7-32.56-31.7s-32.56,13.54-32.56,31.7,13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7ZM723.44,500.66c0-10.59,7.81-18.58,18.06-18.58s18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58-18.06-7.99-18.06-18.58Z",
|
|
145
|
+
"stroke-width": "0"
|
|
146
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
147
|
+
points: "511.38 470.27 511.38 531.06 542.64 531.06 542.64 518.38 525.53 518.38 525.53 470.27 511.38 470.27",
|
|
148
|
+
"stroke-width": "0"
|
|
149
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
150
|
+
points: "610.2 531.06 610.2 482.95 623.83 482.95 623.83 470.27 582.41 470.27 582.41 482.95 596.04 482.95 596.04 531.06 610.2 531.06",
|
|
151
|
+
"stroke-width": "0"
|
|
152
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
153
|
+
points: "578.59 482.95 578.59 470.27 546.46 470.27 546.46 531.06 578.59 531.06 578.59 518.38 560.61 518.38 560.61 506.74 575.03 506.74 575.03 494.06 560.61 494.06 560.61 482.95 578.59 482.95",
|
|
154
|
+
"stroke-width": "0"
|
|
155
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
156
|
+
points: "475.86 470.27 475.86 531.06 507.12 531.06 507.12 518.38 490.01 518.38 490.01 470.27 475.86 470.27",
|
|
157
|
+
"stroke-width": "0"
|
|
158
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
159
|
+
points: "324.76 470.27 324.76 531.06 356.02 531.06 356.02 518.38 338.92 518.38 338.92 470.27 324.76 470.27",
|
|
160
|
+
"stroke-width": "0"
|
|
161
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
162
|
+
d: "M800.98,508.48c12.33,0,20.58-7.99,20.58-19.11s-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58h9.03ZM791.95,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56h-6.42v-15.02Z",
|
|
163
|
+
"stroke-width": "0"
|
|
164
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
165
|
+
d: "M923.95,470.27l-19.45,57.31-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85ZM881.74,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56ZM925.51,506.39l5.82-18.85,5.82,18.85h-11.64Z",
|
|
166
|
+
"stroke-width": "0"
|
|
167
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
168
|
+
d: "M636.25,511c0,12.24,9.38,21.36,22.49,21.36,7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59,9.81-14.33-10.85-7.47-7.64,11.12-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25c-8.94,4.34-13.46,11.46-13.46,19.8ZM657.61,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17-5.64,0-9.21-4-9.21-8.77,0-4.26,2.87-7.81,6.95-9.46Z",
|
|
169
|
+
"stroke-width": "0"
|
|
170
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
171
|
+
d: "M176.87,529.41c-9.38-5.9-17.02-14.16-22.06-23.01,6.6-3.04,10.6-9.29,10.6-17.02,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0l8.08-10.59ZM142.23,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56Z",
|
|
172
|
+
"stroke-width": "0"
|
|
173
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
174
|
+
d: "M284.56,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM294.11,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
175
|
+
"stroke-width": "0"
|
|
176
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
177
|
+
d: "M201.1,468.97c-18.58,0-32.56,13.54-32.56,31.7s13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7-13.89-31.7-32.56-31.7ZM201.1,519.25c-10.25,0-18.06-7.99-18.06-18.58s7.81-18.58,18.06-18.58,18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58Z",
|
|
178
|
+
"stroke-width": "0"
|
|
179
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
180
|
+
points: "254.42 490.41 242.44 470.27 226.37 470.27 247.3 504.92 247.3 531.06 261.46 531.06 261.46 504.74 282.3 470.27 266.32 470.27 254.42 490.41",
|
|
181
|
+
"stroke-width": "0"
|
|
182
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
183
|
+
points: "857.34 482.95 857.34 470.27 825.21 470.27 825.21 531.06 857.34 531.06 857.34 518.38 839.36 518.38 839.36 506.74 853.78 506.74 853.78 494.06 839.36 494.06 839.36 482.95 857.34 482.95",
|
|
184
|
+
"stroke-width": "0"
|
|
185
|
+
})), align === 'left' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
186
|
+
d: "M151.07,588.98c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
187
|
+
"stroke-width": "0"
|
|
188
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
189
|
+
d: "M184,630.37v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
190
|
+
"stroke-width": "0"
|
|
191
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
192
|
+
d: "M249.5,630.37c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM239.09,596.99c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
193
|
+
"stroke-width": "0"
|
|
194
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
195
|
+
d: "M271.93,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
196
|
+
"stroke-width": "0"
|
|
197
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
198
|
+
d: "M353.01,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM338.5,584.53c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
199
|
+
"stroke-width": "0"
|
|
200
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
201
|
+
d: "M416.55,630.37v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
202
|
+
"stroke-width": "0"
|
|
203
|
+
})), align === 'center' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
204
|
+
d: "M401.56,585.29c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
205
|
+
"stroke-width": "0"
|
|
206
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
207
|
+
d: "M434.49,626.68v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
208
|
+
"stroke-width": "0"
|
|
209
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
210
|
+
d: "M500,626.68c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM489.58,593.3c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
211
|
+
"stroke-width": "0"
|
|
212
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
213
|
+
d: "M522.42,626.68v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
214
|
+
"stroke-width": "0"
|
|
215
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
216
|
+
d: "M603.5,626.68l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM588.99,580.84c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
217
|
+
"stroke-width": "0"
|
|
218
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
219
|
+
d: "M667.05,626.68v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
220
|
+
"stroke-width": "0"
|
|
221
|
+
})));
|
|
142
222
|
};
|
|
143
223
|
|
|
144
224
|
var CinemaBadge = function CinemaBadge(_ref) {
|
|
145
225
|
var _ref$fillColor = _ref.fillColor,
|
|
146
|
-
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor
|
|
226
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
227
|
+
_ref$align = _ref.align,
|
|
228
|
+
align = _ref$align === void 0 ? 'center' : _ref$align;
|
|
147
229
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
148
230
|
fillColor: fillColor,
|
|
149
231
|
width: "100%",
|
|
150
232
|
height: "100%",
|
|
151
|
-
viewBox: "
|
|
152
|
-
fill: "none",
|
|
233
|
+
viewBox: "110 450 865 200",
|
|
153
234
|
xmlns: "http://www.w3.org/2000/svg"
|
|
154
|
-
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
155
|
-
d: "
|
|
156
|
-
})
|
|
157
|
-
|
|
158
|
-
|
|
235
|
+
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
236
|
+
d: "M416.26,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97\n\t\t\t\tc0-7.3-4.86-13.11-13.46-14.07C412.43,497.88,416.26,491.54,416.26,485.21z M388.73,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51\n\t\t\t\tc0,3.82-2.17,6.51-7.73,6.51h-5.38V481.3z M395.24,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29\n\t\t\t\tC403.58,516.81,400.19,519.59,395.24,519.59z"
|
|
237
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
238
|
+
d: "M773.51,500.66c0-18.15-13.89-31.7-32.56-31.7c-18.58,0-32.56,13.54-32.56,31.7\n\t\t\t\tc0,18.15,13.98,31.7,32.56,31.7C759.61,532.36,773.51,518.81,773.51,500.66z M722.88,500.66c0-10.59,7.81-18.58,18.06-18.58\n\t\t\t\tc10.33,0,18.06,7.99,18.06,18.58c0,10.59-7.73,18.58-18.06,18.58C730.7,519.25,722.88,511.26,722.88,500.66z"
|
|
239
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
240
|
+
d: "M435.19,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L435.19,518.9z\n\t\t\t\t M444.74,487.55l5.82,18.85h-11.64L444.74,487.55z"
|
|
241
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
242
|
+
points: "475.31,470.27 475.31,531.06 506.57,531.06 506.57,518.38 489.46,518.38 489.46,470.27"
|
|
243
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
244
|
+
points: "609.65,531.06 609.65,482.95 623.28,482.95 623.28,470.27 581.86,470.27 581.86,482.95 \n\t\t\t\t595.49,482.95 595.49,531.06"
|
|
245
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
246
|
+
points: "578.03,482.95 578.03,470.27 545.91,470.27 545.91,531.06 578.03,531.06 578.03,518.38 \n\t\t\t\t560.06,518.38 560.06,506.74 574.47,506.74 574.47,494.06 560.06,494.06 560.06,482.95"
|
|
247
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
248
|
+
points: "324.21,470.27 324.21,531.06 355.47,531.06 355.47,518.38 338.36,518.38 338.36,470.27"
|
|
249
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
250
|
+
points: "510.82,470.27 510.82,531.06 542.09,531.06 542.09,518.38 524.98,518.38 524.98,470.27"
|
|
251
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
252
|
+
d: "M284,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L284,518.9z M293.55,487.55\n\t\t\t\tl5.82,18.85h-11.64L293.55,487.55z"
|
|
253
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
254
|
+
d: "M635.7,511c0,12.24,9.38,21.36,22.49,21.36c7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59\n\t\t\t\tl9.81-14.33l-10.85-7.47l-7.64,11.12l-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25C640.21,495.54,635.7,502.66,635.7,511z\n\t\t\t\t M657.06,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17c-5.64,0-9.21-4-9.21-8.77\n\t\t\t\tC650.11,506.22,652.98,502.66,657.06,501.01z"
|
|
255
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
256
|
+
d: "M176.32,529.41c-9.38-5.9-17.02-14.16-22.06-23.01c6.6-3.04,10.6-9.29,10.6-17.02\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0L176.32,529.41z\n\t\t\t\t M141.67,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C150.36,493.72,147.93,496.93,141.67,496.93z"
|
|
257
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
258
|
+
d: "M923.39,470.27l-19.45,57.31l-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76\n\t\t\t\tl-20.67-60.79H923.39z M881.19,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C889.87,493.72,887.44,496.93,881.19,496.93z\n\t\t\t\t M924.95,506.39l5.82-18.85l5.82,18.85H924.95z"
|
|
259
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
260
|
+
d: "M800.43,508.48c12.33,0,20.58-7.99,20.58-19.11c0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58\n\t\t\t\tH800.43z M791.4,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47c0,4.34-2.43,7.56-8.68,7.56h-6.42V481.91z"
|
|
261
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
262
|
+
d: "M200.55,468.97c-18.58,0-32.56,13.54-32.56,31.7c0,18.15,13.98,31.7,32.56,31.7\n\t\t\t\tc18.67,0,32.56-13.55,32.56-31.7C233.11,482.51,219.22,468.97,200.55,468.97z M200.55,519.25c-10.25,0-18.06-7.99-18.06-18.58\n\t\t\t\tc0-10.59,7.81-18.58,18.06-18.58c10.33,0,18.06,7.99,18.06,18.58C218.61,511.26,210.88,519.25,200.55,519.25z"
|
|
263
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
264
|
+
points: "253.87,490.41 241.89,470.27 225.82,470.27 246.75,504.92 246.75,531.06 260.9,531.06 \n\t\t\t\t260.9,504.74 281.74,470.27 265.76,470.27"
|
|
265
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
266
|
+
points: "856.79,482.95 856.79,470.27 824.66,470.27 824.66,531.06 856.79,531.06 856.79,518.38 \n\t\t\t\t838.81,518.38 838.81,506.74 853.23,506.74 853.23,494.06 838.81,494.06 838.81,482.95"
|
|
267
|
+
}))), align === 'left' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
268
|
+
d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
|
|
269
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
270
|
+
d: "M179.27,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H179.27z"
|
|
271
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
272
|
+
d: "M266.85,608.12c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.44-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.23,8.63,19.23,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4.01-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L266.85,608.12z"
|
|
273
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
274
|
+
d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
|
|
275
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
276
|
+
d: "M336.53,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.34,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H336.53z"
|
|
277
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
278
|
+
d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
|
|
279
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
280
|
+
d: "M453.75,630.37v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H453.75z"
|
|
281
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
282
|
+
d: "M511.42,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H511.42z M496.91,584.53\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L496.91,584.53z"
|
|
283
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
284
|
+
d: "M555.38,588.98c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82s18.69,6.32,18.69,16.82\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L555.38,588.98z"
|
|
285
|
+
})), align === 'center' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
286
|
+
d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
|
|
287
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
288
|
+
d: "M377.35,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H377.35z"
|
|
289
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
290
|
+
d: "M464.92,604.42c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.45-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.22,8.63,19.22,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L464.92,604.42z"
|
|
291
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
292
|
+
d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
|
|
293
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
294
|
+
d: "M534.61,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H534.61z"
|
|
295
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
296
|
+
d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
|
|
297
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
298
|
+
d: "M651.82,626.67v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H651.82z"
|
|
299
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
300
|
+
d: "M709.49,626.67l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H709.49z M694.98,580.84\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L694.98,580.84z"
|
|
301
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
302
|
+
d: "M753.46,585.29c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88c-6.14,0-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04c7.03,0,12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82S762,569.36,762,579.86\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L753.46,585.29z"
|
|
159
303
|
}))));
|
|
160
304
|
};
|
|
161
305
|
|
|
@@ -2625,7 +2769,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2625
2769
|
});
|
|
2626
2770
|
|
|
2627
2771
|
var _templateObject$b;
|
|
2628
|
-
|
|
2772
|
+
/**
|
|
2773
|
+
* # IMPORTANT
|
|
2774
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2775
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2776
|
+
*/
|
|
2777
|
+
|
|
2778
|
+
var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
2779
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2780
|
+
return columnStartDesktop;
|
|
2781
|
+
}, function (_ref2) {
|
|
2782
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2783
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2784
|
+
return columnSpanDesktop;
|
|
2785
|
+
}, devices.mobile, function (_ref3) {
|
|
2786
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2787
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2788
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2789
|
+
}, function (_ref4) {
|
|
2790
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2791
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2792
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2793
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2794
|
+
}, devices.tablet, function (_ref5) {
|
|
2795
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
2796
|
+
return columnStartDevice;
|
|
2797
|
+
}, function (_ref6) {
|
|
2798
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2799
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2800
|
+
return columnSpanDevice;
|
|
2801
|
+
});
|
|
2802
|
+
|
|
2803
|
+
var _templateObject$c;
|
|
2804
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2629
2805
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2630
2806
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2631
2807
|
return aspectRatio;
|
|
@@ -2643,8 +2819,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
|
|
|
2643
2819
|
return aspectRatio;
|
|
2644
2820
|
});
|
|
2645
2821
|
|
|
2646
|
-
var _templateObject$
|
|
2647
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2822
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2823
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2648
2824
|
var height = _ref.height;
|
|
2649
2825
|
return height ? height + "px" : '6px';
|
|
2650
2826
|
});
|
|
@@ -2727,13 +2903,13 @@ var Progress = function Progress(_ref) {
|
|
|
2727
2903
|
}, renderSteps()));
|
|
2728
2904
|
};
|
|
2729
2905
|
|
|
2730
|
-
var _templateObject$
|
|
2731
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2906
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2907
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2732
2908
|
var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2733
2909
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2734
2910
|
|
|
2735
|
-
var _templateObject$
|
|
2736
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2911
|
+
var _templateObject$f;
|
|
2912
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2737
2913
|
var typography = _ref.typography;
|
|
2738
2914
|
return typography;
|
|
2739
2915
|
}, function (_ref2) {
|
|
@@ -2789,9 +2965,10 @@ var StyledTag = function StyledTag(_ref) {
|
|
|
2789
2965
|
}, children);
|
|
2790
2966
|
};
|
|
2791
2967
|
var AltHeader = function AltHeader(_ref2) {
|
|
2792
|
-
var
|
|
2968
|
+
var semanticLevel = _ref2.semanticLevel,
|
|
2969
|
+
level = _ref2.level,
|
|
2793
2970
|
children = _ref2.children;
|
|
2794
|
-
var renderedTag = "h" + level;
|
|
2971
|
+
var renderedTag = semanticLevel ? "h" + semanticLevel : "h" + level;
|
|
2795
2972
|
return /*#__PURE__*/React__default.createElement(StyledTag, {
|
|
2796
2973
|
tag: renderedTag,
|
|
2797
2974
|
typography: "altHeader",
|
|
@@ -2889,8 +3066,8 @@ var Radio = function Radio(_ref) {
|
|
|
2889
3066
|
}, error)));
|
|
2890
3067
|
};
|
|
2891
3068
|
|
|
2892
|
-
var _templateObject$
|
|
2893
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3069
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3070
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
2894
3071
|
var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
2895
3072
|
var error = _ref.error,
|
|
2896
3073
|
darkMode = _ref.darkMode,
|
|
@@ -2998,8 +3175,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2998
3175
|
}, error)));
|
|
2999
3176
|
});
|
|
3000
3177
|
|
|
3001
|
-
var _templateObject$
|
|
3002
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3178
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
3179
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3003
3180
|
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3004
3181
|
var theme = _ref.theme;
|
|
3005
3182
|
return theme.colors.primary;
|
|
@@ -3070,8 +3247,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3070
3247
|
}, renderNextIcon()));
|
|
3071
3248
|
};
|
|
3072
3249
|
|
|
3073
|
-
var _templateObject$
|
|
3074
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3250
|
+
var _templateObject$i;
|
|
3251
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3075
3252
|
var fillColor = _ref.fillColor;
|
|
3076
3253
|
return fillColor;
|
|
3077
3254
|
});
|
|
@@ -3095,8 +3272,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3095
3272
|
})));
|
|
3096
3273
|
};
|
|
3097
3274
|
|
|
3098
|
-
var _templateObject$
|
|
3099
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3275
|
+
var _templateObject$j, _templateObject2$7;
|
|
3276
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3100
3277
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3101
3278
|
|
|
3102
3279
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3115,8 +3292,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3115
3292
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3116
3293
|
};
|
|
3117
3294
|
|
|
3118
|
-
var _templateObject$
|
|
3119
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3295
|
+
var _templateObject$k;
|
|
3296
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3120
3297
|
|
|
3121
3298
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3122
3299
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3326,8 +3503,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3326
3503
|
})))));
|
|
3327
3504
|
};
|
|
3328
3505
|
|
|
3329
|
-
var _templateObject$
|
|
3330
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3506
|
+
var _templateObject$l, _templateObject2$8;
|
|
3507
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3331
3508
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3332
3509
|
|
|
3333
3510
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3360,8 +3537,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3360
3537
|
}));
|
|
3361
3538
|
};
|
|
3362
3539
|
|
|
3363
|
-
var _templateObject$
|
|
3364
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3540
|
+
var _templateObject$m, _templateObject2$9;
|
|
3541
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3365
3542
|
if (props.withIcon === 'left') {
|
|
3366
3543
|
return "margin-left: 5px;";
|
|
3367
3544
|
}
|
|
@@ -3460,8 +3637,8 @@ var Tab = function Tab(_ref) {
|
|
|
3460
3637
|
}));
|
|
3461
3638
|
};
|
|
3462
3639
|
|
|
3463
|
-
var _templateObject$
|
|
3464
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3640
|
+
var _templateObject$n, _templateObject2$a;
|
|
3641
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3465
3642
|
var iconName = _ref.iconName;
|
|
3466
3643
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3467
3644
|
}, function (_ref2) {
|
|
@@ -3512,8 +3689,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3512
3689
|
})) : null, children);
|
|
3513
3690
|
};
|
|
3514
3691
|
|
|
3515
|
-
var _templateObject$
|
|
3516
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3692
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3693
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3517
3694
|
var width = _ref.width;
|
|
3518
3695
|
return width ? width + "px;" : '100%;';
|
|
3519
3696
|
}, function (_ref2) {
|
|
@@ -3636,8 +3813,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3636
3813
|
}, error))));
|
|
3637
3814
|
};
|
|
3638
3815
|
|
|
3639
|
-
var _templateObject$
|
|
3640
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3816
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3817
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3641
3818
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3642
3819
|
var width = _ref.width;
|
|
3643
3820
|
if (!width) return 'none';
|
|
@@ -3763,15 +3940,89 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3763
3940
|
}, error)));
|
|
3764
3941
|
});
|
|
3765
3942
|
|
|
3766
|
-
var _templateObject$
|
|
3767
|
-
var
|
|
3943
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3944
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3945
|
+
var textStyles = /*#__PURE__*/styled.css(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
3946
|
+
var theme = _ref.theme;
|
|
3947
|
+
return theme.fonts.desktop.weights.body[1];
|
|
3948
|
+
}, function (_ref2) {
|
|
3949
|
+
var theme = _ref2.theme;
|
|
3950
|
+
return theme.fonts.desktop.sizes.altHeaders[6];
|
|
3951
|
+
}, function (_ref3) {
|
|
3952
|
+
var theme = _ref3.theme;
|
|
3953
|
+
return theme.spacing[7];
|
|
3954
|
+
});
|
|
3955
|
+
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
|
|
3956
|
+
var width = _ref4.width;
|
|
3957
|
+
return width ? width + 'px' : '196px';
|
|
3958
|
+
}, function (_ref5) {
|
|
3959
|
+
var theme = _ref5.theme;
|
|
3960
|
+
return theme.colors.darkgrey;
|
|
3961
|
+
}, function (_ref6) {
|
|
3962
|
+
var error = _ref6.error,
|
|
3963
|
+
theme = _ref6.theme;
|
|
3964
|
+
if (!error) return;
|
|
3965
|
+
return "\n border: 1px solid " + theme.colors.error + ";\n ";
|
|
3966
|
+
}, function (_ref7) {
|
|
3967
|
+
var theme = _ref7.theme;
|
|
3968
|
+
return theme.colors.lightgrey;
|
|
3969
|
+
}, function (_ref8) {
|
|
3970
|
+
var darkMode = _ref8.darkMode,
|
|
3971
|
+
theme = _ref8.theme;
|
|
3972
|
+
if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
|
|
3973
|
+
return "3px solid " + theme.colors.lapisLazuli;
|
|
3974
|
+
});
|
|
3975
|
+
var TextLabel$2 = /*#__PURE__*/styled__default.p(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref9) {
|
|
3976
|
+
var darkMode = _ref9.darkMode,
|
|
3977
|
+
theme = _ref9.theme;
|
|
3978
|
+
return darkMode ? theme.colors.white : theme.colors.black;
|
|
3979
|
+
});
|
|
3980
|
+
var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n"])), textStyles, function (_ref10) {
|
|
3981
|
+
var darkMode = _ref10.darkMode,
|
|
3982
|
+
theme = _ref10.theme;
|
|
3983
|
+
return darkMode ? theme.colors.white : theme.colors.error;
|
|
3984
|
+
});
|
|
3985
|
+
|
|
3986
|
+
/**
|
|
3987
|
+
* @deprecated
|
|
3988
|
+
*
|
|
3989
|
+
* # IMPORTANT
|
|
3990
|
+
* Please use the `<TextField />` component instead of this component if possible.
|
|
3991
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3992
|
+
* */
|
|
3993
|
+
|
|
3994
|
+
var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
3995
|
+
var label = _ref.label,
|
|
3996
|
+
error = _ref.error,
|
|
3997
|
+
_ref$darkMode = _ref.darkMode,
|
|
3998
|
+
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
3999
|
+
width = _ref.width,
|
|
4000
|
+
inputProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "darkMode", "width"]);
|
|
4001
|
+
|
|
4002
|
+
return /*#__PURE__*/React__default.createElement(TextFieldContainer, null, /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(TextLabel$2, {
|
|
4003
|
+
darkMode: darkMode,
|
|
4004
|
+
"data-testid": "text-field-text-label"
|
|
4005
|
+
}, label), /*#__PURE__*/React__default.createElement(Input$1, Object.assign({
|
|
4006
|
+
type: "text",
|
|
4007
|
+
error: error,
|
|
4008
|
+
darkMode: darkMode,
|
|
4009
|
+
"data-testid": "text-field-input",
|
|
4010
|
+
width: width
|
|
4011
|
+
}, inputProps))), error ? /*#__PURE__*/React__default.createElement(ErrorLabel$2, {
|
|
4012
|
+
darkMode: darkMode,
|
|
4013
|
+
"data-testid": "text-field-error-label"
|
|
4014
|
+
}, error) : null);
|
|
4015
|
+
};
|
|
4016
|
+
|
|
4017
|
+
var _templateObject$r, _templateObject2$e;
|
|
4018
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
3768
4019
|
var iconName = _ref.iconName;
|
|
3769
4020
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3770
4021
|
}, function (_ref2) {
|
|
3771
4022
|
var color = _ref2.color;
|
|
3772
4023
|
return color;
|
|
3773
4024
|
});
|
|
3774
|
-
var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4025
|
+
var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
3775
4026
|
|
|
3776
4027
|
var TextLink = function TextLink(_ref) {
|
|
3777
4028
|
var children = _ref.children,
|
|
@@ -3793,21 +4044,6 @@ var TextLink = function TextLink(_ref) {
|
|
|
3793
4044
|
})) : null);
|
|
3794
4045
|
};
|
|
3795
4046
|
|
|
3796
|
-
var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5;
|
|
3797
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__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) {
|
|
3798
|
-
var fontSize = _ref.fontSize;
|
|
3799
|
-
return fontSize + 'px';
|
|
3800
|
-
}, function (_ref2) {
|
|
3801
|
-
var color = _ref2.color;
|
|
3802
|
-
return color;
|
|
3803
|
-
});
|
|
3804
|
-
var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n font-weight: 500;\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
3805
|
-
var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-right: 1px solid ", ";\n padding-right: 10px;\n letter-spacing: 2px;\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
|
|
3806
|
-
var color = _ref3.color;
|
|
3807
|
-
return color;
|
|
3808
|
-
});
|
|
3809
|
-
var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n font-weight: 400;\n"])));
|
|
3810
|
-
|
|
3811
4047
|
var TextLogoProduct;
|
|
3812
4048
|
|
|
3813
4049
|
(function (TextLogoProduct) {
|
|
@@ -3815,21 +4051,8 @@ var TextLogoProduct;
|
|
|
3815
4051
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
3816
4052
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
3817
4053
|
|
|
3818
|
-
var
|
|
3819
|
-
|
|
3820
|
-
productName = _ref.productName,
|
|
3821
|
-
_ref$fontSize = _ref.fontSize,
|
|
3822
|
-
fontSize = _ref$fontSize === void 0 ? 12 : _ref$fontSize;
|
|
3823
|
-
return /*#__PURE__*/React.createElement(LogoWrapper, {
|
|
3824
|
-
color: color,
|
|
3825
|
-
fontSize: fontSize
|
|
3826
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSide, {
|
|
3827
|
-
color: color
|
|
3828
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
|
|
3829
|
-
};
|
|
3830
|
-
|
|
3831
|
-
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3832
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4054
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4055
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3833
4056
|
var dark = _ref.dark;
|
|
3834
4057
|
return dark ? 'white' : 'errorstate';
|
|
3835
4058
|
});
|
|
@@ -3950,8 +4173,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3950
4173
|
}, error)));
|
|
3951
4174
|
};
|
|
3952
4175
|
|
|
3953
|
-
var _templateObject$
|
|
3954
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4176
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4177
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3955
4178
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3956
4179
|
var error = _ref.error,
|
|
3957
4180
|
darkMode = _ref.darkMode,
|
|
@@ -3987,7 +4210,7 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_
|
|
|
3987
4210
|
return '3px solid var(--base-color-lapislazuli)';
|
|
3988
4211
|
});
|
|
3989
4212
|
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n color: inherit;\n svg {\n font-size: 12px;\n width: 1em;\n height: 1em;\n fill: currentColor;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n input[type='checkbox']:checked + ", " & {\n display: block;\n }\n"])), Tickbox$1);
|
|
3990
|
-
var TextLabel$
|
|
4213
|
+
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
3991
4214
|
var darkMode = _ref6.darkMode,
|
|
3992
4215
|
disabled = _ref6.disabled;
|
|
3993
4216
|
if (darkMode && disabled) return 'var(--base-color-lightgrey)';
|
|
@@ -3995,7 +4218,7 @@ var TextLabel$2 = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templ
|
|
|
3995
4218
|
if (disabled) return 'var(--base-color-darkgrey)';
|
|
3996
4219
|
return 'var(--base-color-black)';
|
|
3997
4220
|
});
|
|
3998
|
-
var ErrorLabel$
|
|
4221
|
+
var ErrorLabel$3 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref7) {
|
|
3999
4222
|
var darkMode = _ref7.darkMode;
|
|
4000
4223
|
if (darkMode) return 'var(--base-color-white)';
|
|
4001
4224
|
return 'var(--base-color-errorstate)';
|
|
@@ -4047,13 +4270,13 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4047
4270
|
blackBox: blackBox
|
|
4048
4271
|
}, /*#__PURE__*/React__default.createElement(TickboxIcon, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
4049
4272
|
iconName: "Tick"
|
|
4050
|
-
}))), /*#__PURE__*/React__default.createElement(TextLabel$
|
|
4273
|
+
}))), /*#__PURE__*/React__default.createElement(TextLabel$3, {
|
|
4051
4274
|
disabled: disabled,
|
|
4052
4275
|
darkMode: darkMode,
|
|
4053
4276
|
"data-testid": "tickbox-content"
|
|
4054
4277
|
}, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
4055
4278
|
level: 1
|
|
4056
|
-
}, children))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
4279
|
+
}, children))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$3, {
|
|
4057
4280
|
darkMode: darkMode,
|
|
4058
4281
|
"data-testid": "tickbox-error-label"
|
|
4059
4282
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -4061,8 +4284,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4061
4284
|
}, error)));
|
|
4062
4285
|
});
|
|
4063
4286
|
|
|
4064
|
-
var _templateObject$
|
|
4065
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4287
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4288
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4066
4289
|
var color = _ref.color;
|
|
4067
4290
|
return color;
|
|
4068
4291
|
});
|
|
@@ -4072,7 +4295,7 @@ var Line = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObje
|
|
|
4072
4295
|
}, devices.mobileAndTablet);
|
|
4073
4296
|
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4074
4297
|
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
|
|
4075
|
-
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4298
|
+
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n margin-top: 4px;\n"])));
|
|
4076
4299
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
4077
4300
|
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4078
4301
|
var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4170,8 +4393,8 @@ var Timer = function Timer(_ref) {
|
|
|
4170
4393
|
}));
|
|
4171
4394
|
};
|
|
4172
4395
|
|
|
4173
|
-
var _templateObject$
|
|
4174
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4396
|
+
var _templateObject$v;
|
|
4397
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4175
4398
|
|
|
4176
4399
|
var TypeTags = function TypeTags(_ref) {
|
|
4177
4400
|
var list = _ref.list;
|
|
@@ -4913,12 +5136,12 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
4913
5136
|
}
|
|
4914
5137
|
});
|
|
4915
5138
|
|
|
4916
|
-
var _templateObject$
|
|
4917
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5139
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5140
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
4918
5141
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
4919
5142
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
4920
|
-
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin:
|
|
4921
|
-
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5143
|
+
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
5144
|
+
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4922
5145
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4923
5146
|
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$1 || (_templateObject7$1 = /*#__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 cursor: pointer;\n"])));
|
|
4924
5147
|
var thumbStyles = /*#__PURE__*/styled.css(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n appearance: none;\n border: none;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: #ffffff;\n border: none;\n transform: translateY(-25%);\n"])));
|
|
@@ -4987,6 +5210,16 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
4987
5210
|
video.loop = loop;
|
|
4988
5211
|
}
|
|
4989
5212
|
}, [loop]);
|
|
5213
|
+
React.useEffect(function () {
|
|
5214
|
+
var handleFullscreenChange = function handleFullscreenChange() {
|
|
5215
|
+
setIsFullscreen(!!document.fullscreenElement);
|
|
5216
|
+
};
|
|
5217
|
+
|
|
5218
|
+
document.addEventListener('fullscreenchange', handleFullscreenChange);
|
|
5219
|
+
return function () {
|
|
5220
|
+
document.removeEventListener('fullscreenchange', handleFullscreenChange);
|
|
5221
|
+
};
|
|
5222
|
+
}, []);
|
|
4990
5223
|
var handleFullscreen = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
|
|
4991
5224
|
var videoContainer;
|
|
4992
5225
|
return runtime_1.wrap(function _callee$(_context) {
|
|
@@ -5121,8 +5354,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5121
5354
|
})));
|
|
5122
5355
|
};
|
|
5123
5356
|
|
|
5124
|
-
var _templateObject$
|
|
5125
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5357
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5358
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5126
5359
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5127
5360
|
var darkMode = _ref.darkMode;
|
|
5128
5361
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5153,7 +5386,7 @@ var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$a || (_te
|
|
|
5153
5386
|
var disabled = _ref7.disabled;
|
|
5154
5387
|
return disabled ? 'not-allowed' : 'text';
|
|
5155
5388
|
});
|
|
5156
|
-
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5389
|
+
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n\n span {\n display: flex;\n justify-content: center;\n }\n\n svg {\n width: 40%;\n height: auto;\n }\n"])), function (_ref8) {
|
|
5157
5390
|
var disabled = _ref8.disabled;
|
|
5158
5391
|
return disabled ? 'not-allowed' : 'pointer';
|
|
5159
5392
|
});
|
|
@@ -5349,8 +5582,8 @@ var Component = function Component(_ref) {
|
|
|
5349
5582
|
}, error)));
|
|
5350
5583
|
};
|
|
5351
5584
|
|
|
5352
|
-
var _templateObject$
|
|
5353
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5585
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5586
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5354
5587
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5355
5588
|
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 ";
|
|
5356
5589
|
});
|
|
@@ -5360,7 +5593,7 @@ var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_
|
|
|
5360
5593
|
var visible = _ref2.visible;
|
|
5361
5594
|
return visible ? 'visible' : 'hidden';
|
|
5362
5595
|
}, zIndexes.search, devices.mobile);
|
|
5363
|
-
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
5596
|
+
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n height: 100px;\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref3) {
|
|
5364
5597
|
var visible = _ref3.visible;
|
|
5365
5598
|
return visible ? 'visible' : 'hidden';
|
|
5366
5599
|
}, zIndexes.search, devices.mobile);
|
|
@@ -5374,10 +5607,10 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5374
5607
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5375
5608
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
5376
5609
|
|
|
5377
|
-
var _templateObject$
|
|
5378
|
-
var LogoWrapper
|
|
5610
|
+
var _templateObject$z;
|
|
5611
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5379
5612
|
|
|
5380
|
-
var Logo
|
|
5613
|
+
var Logo = function Logo(_ref) {
|
|
5381
5614
|
var _ref$id = _ref.id,
|
|
5382
5615
|
id = _ref$id === void 0 ? 'Logo' : _ref$id,
|
|
5383
5616
|
_ref$dataRoh = _ref.dataRoh,
|
|
@@ -5393,7 +5626,7 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5393
5626
|
rel: "noopener noreferrer",
|
|
5394
5627
|
href: urlLink,
|
|
5395
5628
|
title: title
|
|
5396
|
-
}, /*#__PURE__*/React__default.createElement(LogoWrapper
|
|
5629
|
+
}, /*#__PURE__*/React__default.createElement(LogoWrapper, {
|
|
5397
5630
|
id: id,
|
|
5398
5631
|
className: "logoImg"
|
|
5399
5632
|
}, /*#__PURE__*/React__default.createElement("picture", null, /*#__PURE__*/React__default.createElement("source", {
|
|
@@ -5404,11 +5637,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5404
5637
|
}))));
|
|
5405
5638
|
};
|
|
5406
5639
|
|
|
5407
|
-
var _templateObject$
|
|
5408
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5640
|
+
var _templateObject$A;
|
|
5641
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
5409
5642
|
|
|
5410
|
-
var _templateObject$
|
|
5411
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5643
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5644
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
5412
5645
|
var selected = _ref.selected,
|
|
5413
5646
|
colorPrimary = _ref.colorPrimary;
|
|
5414
5647
|
|
|
@@ -5596,8 +5829,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5596
5829
|
}, expiryTime ? basketText : text) : ''));
|
|
5597
5830
|
};
|
|
5598
5831
|
|
|
5599
|
-
var _templateObject$
|
|
5600
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5832
|
+
var _templateObject$C, _templateObject2$m;
|
|
5833
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5601
5834
|
var selected = _ref.selected,
|
|
5602
5835
|
colorPrimary = _ref.colorPrimary;
|
|
5603
5836
|
|
|
@@ -5889,8 +6122,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
5889
6122
|
}));
|
|
5890
6123
|
};
|
|
5891
6124
|
|
|
5892
|
-
var _templateObject$
|
|
5893
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6125
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6126
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
5894
6127
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
5895
6128
|
if (props.showMenu) {
|
|
5896
6129
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6032,11 +6265,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
6032
6265
|
}, "MENU"))));
|
|
6033
6266
|
};
|
|
6034
6267
|
|
|
6035
|
-
var _templateObject$
|
|
6036
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6268
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6269
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
6037
6270
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6038
6271
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
6039
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6272
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
6040
6273
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6041
6274
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
6042
6275
|
|
|
@@ -6219,7 +6452,7 @@ var Navigation = function Navigation(_ref) {
|
|
|
6219
6452
|
columnSpanDesktop: 1,
|
|
6220
6453
|
columnStartDevice: 2,
|
|
6221
6454
|
columnSpanDevice: 2
|
|
6222
|
-
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo
|
|
6455
|
+
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo, {
|
|
6223
6456
|
urlLink: logoLink,
|
|
6224
6457
|
desktopImage: desktopLogoUrl,
|
|
6225
6458
|
devicesImage: devicesLogoUrl
|
|
@@ -6270,16 +6503,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6270
6503
|
})))));
|
|
6271
6504
|
};
|
|
6272
6505
|
|
|
6273
|
-
var _templateObject$
|
|
6274
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6506
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6507
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6275
6508
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
6276
6509
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
6277
6510
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6278
|
-
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6511
|
+
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6279
6512
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6280
6513
|
|
|
6281
|
-
var _templateObject$
|
|
6282
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6514
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
6515
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
6283
6516
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6284
6517
|
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6285
6518
|
|
|
@@ -6297,12 +6530,12 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6297
6530
|
}));
|
|
6298
6531
|
};
|
|
6299
6532
|
|
|
6300
|
-
var _templateObject$
|
|
6301
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6533
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6534
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6302
6535
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
6303
6536
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6304
6537
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6305
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6538
|
+
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6306
6539
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6307
6540
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
6308
6541
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n }\n"])));
|
|
@@ -6369,9 +6602,9 @@ var Footer = function Footer(_ref) {
|
|
|
6369
6602
|
}, additionalInfo)))));
|
|
6370
6603
|
};
|
|
6371
6604
|
|
|
6372
|
-
var _templateObject$
|
|
6605
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6373
6606
|
var LIST_ITEM_GAP = 32;
|
|
6374
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6607
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6375
6608
|
var bottomBorder = _ref.bottomBorder;
|
|
6376
6609
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6377
6610
|
}, zIndexes.anchor);
|
|
@@ -6388,7 +6621,7 @@ var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateO
|
|
|
6388
6621
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
6389
6622
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
6390
6623
|
});
|
|
6391
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6624
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: var(--anchor-tabs-height);\n background-color: var(--base-color-white);\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n"])), function (_ref5) {
|
|
6392
6625
|
var fullWidth = _ref5.fullWidth;
|
|
6393
6626
|
return fullWidth ? '74px' : '46px';
|
|
6394
6627
|
});
|
|
@@ -6635,8 +6868,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6635
6868
|
})) : null) : null))));
|
|
6636
6869
|
};
|
|
6637
6870
|
|
|
6638
|
-
var _templateObject$
|
|
6639
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6871
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6872
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6640
6873
|
var sticky = _ref.sticky;
|
|
6641
6874
|
return sticky ? 'sticky' : 'initial';
|
|
6642
6875
|
}, zIndexes.anchor);
|
|
@@ -6696,15 +6929,15 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6696
6929
|
}, message)));
|
|
6697
6930
|
};
|
|
6698
6931
|
|
|
6699
|
-
var _templateObject$
|
|
6700
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6932
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6933
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
6701
6934
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6702
6935
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
6703
6936
|
var theme = _ref.theme;
|
|
6704
6937
|
return theme.colors.primary;
|
|
6705
6938
|
}, exports.Colors.White);
|
|
6706
6939
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
6707
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6940
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
6708
6941
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
6709
6942
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
6710
6943
|
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
@@ -6777,8 +7010,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6777
7010
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6778
7011
|
};
|
|
6779
7012
|
|
|
6780
|
-
var _templateObject$
|
|
6781
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7013
|
+
var _templateObject$L;
|
|
7014
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
6782
7015
|
|
|
6783
7016
|
var UpsellCards = function UpsellCards(_ref) {
|
|
6784
7017
|
var upsellCards = _ref.upsellCards;
|
|
@@ -6796,20 +7029,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
6796
7029
|
}));
|
|
6797
7030
|
};
|
|
6798
7031
|
|
|
6799
|
-
var _templateObject$
|
|
6800
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7032
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
7033
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
6801
7034
|
var theme = _ref.theme;
|
|
6802
7035
|
return theme.colors.primary;
|
|
6803
7036
|
}, devices.mobile, devices.tablet);
|
|
6804
7037
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
6805
7038
|
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
6806
7039
|
|
|
6807
|
-
var _templateObject$
|
|
6808
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7040
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
7041
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
6809
7042
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
6810
7043
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
6811
7044
|
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
6812
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7045
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), devices.mobile);
|
|
6813
7046
|
|
|
6814
7047
|
var Accordion = function Accordion(_ref) {
|
|
6815
7048
|
var _ref$title = _ref.title,
|
|
@@ -6934,8 +7167,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6934
7167
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6935
7168
|
};
|
|
6936
7169
|
|
|
6937
|
-
var _templateObject$
|
|
6938
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7170
|
+
var _templateObject$O;
|
|
7171
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6939
7172
|
|
|
6940
7173
|
var Accordions = function Accordions(_ref) {
|
|
6941
7174
|
var _ref$items = _ref.items,
|
|
@@ -6953,7 +7186,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
6953
7186
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
6954
7187
|
contentType: accordion.contentType,
|
|
6955
7188
|
displayLevel: accordion.displayLevel,
|
|
6956
|
-
semanticLevel: accordion.semanticLevel
|
|
7189
|
+
semanticLevel: accordion.semanticLevel,
|
|
7190
|
+
initOpen: accordion.initOpen
|
|
6957
7191
|
}, accordion.children);
|
|
6958
7192
|
}));
|
|
6959
7193
|
};
|
|
@@ -6967,8 +7201,8 @@ var Theme = function Theme(_ref) {
|
|
|
6967
7201
|
}, children);
|
|
6968
7202
|
};
|
|
6969
7203
|
|
|
6970
|
-
var _templateObject$
|
|
6971
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7204
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
7205
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
6972
7206
|
var theme = _ref.theme;
|
|
6973
7207
|
return theme.colors.primary;
|
|
6974
7208
|
}, devices.mobile);
|
|
@@ -7010,8 +7244,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7010
7244
|
}))))));
|
|
7011
7245
|
};
|
|
7012
7246
|
|
|
7013
|
-
var _templateObject$
|
|
7014
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7247
|
+
var _templateObject$Q;
|
|
7248
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
7015
7249
|
var bgColor = _ref.bgColor,
|
|
7016
7250
|
theme = _ref.theme;
|
|
7017
7251
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7032,11 +7266,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7032
7266
|
}), children);
|
|
7033
7267
|
};
|
|
7034
7268
|
|
|
7035
|
-
var _templateObject$
|
|
7269
|
+
var _templateObject$R, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7036
7270
|
var LENGTH_LARGE_TEXT = 28;
|
|
7037
7271
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7038
7272
|
var LENGTH_TEXT_TABLET = 10;
|
|
7039
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7273
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7040
7274
|
var isCardClickable = _ref.isCardClickable;
|
|
7041
7275
|
return isCardClickable ? 'pointer' : 'default';
|
|
7042
7276
|
}, function (_ref2) {
|
|
@@ -7057,7 +7291,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k ||
|
|
|
7057
7291
|
var fullWidth = _ref5.fullWidth;
|
|
7058
7292
|
return fullWidth ? '0' : '20px';
|
|
7059
7293
|
});
|
|
7060
|
-
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7294
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7061
7295
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
7062
7296
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
7063
7297
|
var HighlightTextContainer = /*#__PURE__*/styled__default(TextContainer$1)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
@@ -7318,9 +7552,9 @@ var Card = function Card(_ref) {
|
|
|
7318
7552
|
dangerouslySetInnerHTML: {
|
|
7319
7553
|
__html: truncatedText
|
|
7320
7554
|
}
|
|
7321
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7555
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7322
7556
|
level: 1
|
|
7323
|
-
}, highlightText))
|
|
7557
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7324
7558
|
fullWidth: fullWidth
|
|
7325
7559
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7326
7560
|
ref: node,
|
|
@@ -7334,8 +7568,8 @@ var Card = function Card(_ref) {
|
|
|
7334
7568
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7335
7569
|
};
|
|
7336
7570
|
|
|
7337
|
-
var _templateObject$
|
|
7338
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7571
|
+
var _templateObject$S, _templateObject2$z;
|
|
7572
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
7339
7573
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7340
7574
|
|
|
7341
7575
|
var Cards = function Cards(_ref) {
|
|
@@ -7381,8 +7615,8 @@ var Cards = function Cards(_ref) {
|
|
|
7381
7615
|
}));
|
|
7382
7616
|
};
|
|
7383
7617
|
|
|
7384
|
-
var _templateObject$
|
|
7385
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7618
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7619
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
7386
7620
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
7387
7621
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7388
7622
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7392,7 +7626,7 @@ var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templat
|
|
|
7392
7626
|
}, devices.mobileAndTablet);
|
|
7393
7627
|
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7394
7628
|
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7395
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7629
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
7396
7630
|
|
|
7397
7631
|
var divideAddressString = function divideAddressString(address) {
|
|
7398
7632
|
return address.split(',').map(function (chunk, i) {
|
|
@@ -7450,8 +7684,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7450
7684
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7451
7685
|
};
|
|
7452
7686
|
|
|
7453
|
-
var _templateObject$
|
|
7454
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7687
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7688
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7455
7689
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7456
7690
|
return props.clickable ? 'pointer' : 'default';
|
|
7457
7691
|
}, devices.mobile);
|
|
@@ -7459,7 +7693,7 @@ var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObjec
|
|
|
7459
7693
|
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
7460
7694
|
return props.showImage ? 2 : '1 / span 4';
|
|
7461
7695
|
}, devices.mobile);
|
|
7462
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7696
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
7463
7697
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7464
7698
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
7465
7699
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
@@ -7533,8 +7767,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7533
7767
|
}), link.text)));
|
|
7534
7768
|
};
|
|
7535
7769
|
|
|
7536
|
-
var _templateObject$
|
|
7537
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7770
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7771
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
7538
7772
|
var imageToLeft = _ref.imageToLeft;
|
|
7539
7773
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7540
7774
|
}, devices.mobile);
|
|
@@ -7547,7 +7781,7 @@ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u |
|
|
|
7547
7781
|
return imageToLeft ? 'right' : 'left';
|
|
7548
7782
|
}, devices.mobile);
|
|
7549
7783
|
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7550
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7784
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
7551
7785
|
|
|
7552
7786
|
var Editorial = function Editorial(_ref) {
|
|
7553
7787
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -7611,8 +7845,8 @@ var BackgroundColour;
|
|
|
7611
7845
|
BackgroundColour["White"] = "white";
|
|
7612
7846
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7613
7847
|
|
|
7614
|
-
var _templateObject$
|
|
7615
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7848
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7849
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7616
7850
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7617
7851
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7618
7852
|
if (!props.infoThemed) {
|
|
@@ -7738,8 +7972,8 @@ var Information = function Information(_ref) {
|
|
|
7738
7972
|
}))));
|
|
7739
7973
|
};
|
|
7740
7974
|
|
|
7741
|
-
var _templateObject$
|
|
7742
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7975
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7976
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7743
7977
|
var theme = _ref.theme;
|
|
7744
7978
|
return theme.colors.primary;
|
|
7745
7979
|
}, function (_ref2) {
|
|
@@ -7755,8 +7989,8 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_t
|
|
|
7755
7989
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7756
7990
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7757
7991
|
}, devices.mobile);
|
|
7758
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7759
|
-
var LogoWrapper$
|
|
7992
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7993
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7760
7994
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
7761
7995
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7762
7996
|
|
|
@@ -7766,14 +8000,20 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7766
8000
|
link = _ref.link,
|
|
7767
8001
|
_ref$sponsor = _ref.sponsor,
|
|
7768
8002
|
sponsor = _ref$sponsor === void 0 ? false : _ref$sponsor,
|
|
7769
|
-
children = _ref.children
|
|
8003
|
+
children = _ref.children,
|
|
8004
|
+
_ref$semanticLevel = _ref.semanticLevel,
|
|
8005
|
+
semanticLevel = _ref$semanticLevel === void 0 ? 1 : _ref$semanticLevel,
|
|
8006
|
+
_ref$copyCharLimit = _ref.copyCharLimit,
|
|
8007
|
+
copyCharLimit = _ref$copyCharLimit === void 0 ? 250 : _ref$copyCharLimit,
|
|
8008
|
+
_ref$titleCharLimit = _ref.titleCharLimit,
|
|
8009
|
+
titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit;
|
|
7770
8010
|
|
|
7771
8011
|
var _ref2 = link || {},
|
|
7772
8012
|
linkText = _ref2.text,
|
|
7773
8013
|
restLink = _objectWithoutPropertiesLoose(_ref2, ["text"]);
|
|
7774
8014
|
|
|
7775
|
-
var truncatedText = text == null ? void 0 : text.substring(0,
|
|
7776
|
-
var truncatedTitle = title && title.substring(0,
|
|
8015
|
+
var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
|
|
8016
|
+
var truncatedTitle = title && title.substring(0, titleCharLimit);
|
|
7777
8017
|
var isTitleUnAvailable = !title;
|
|
7778
8018
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
7779
8019
|
"data-testid": "page-heading-wrapper",
|
|
@@ -7784,14 +8024,15 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7784
8024
|
}, children ? /*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
7785
8025
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7786
8026
|
}, children) : null, !isTitleUnAvailable && /*#__PURE__*/React__default.createElement(Header, {
|
|
7787
|
-
level: 2
|
|
8027
|
+
level: 2,
|
|
8028
|
+
semanticLevel: semanticLevel
|
|
7788
8029
|
}, truncatedTitle)), text ? /*#__PURE__*/React__default.createElement(TextWrapper, {
|
|
7789
8030
|
"data-testid": "page-heading-text"
|
|
7790
8031
|
}, /*#__PURE__*/React__default.createElement(PageHeadingText, {
|
|
7791
8032
|
dangerouslySetInnerHTML: {
|
|
7792
8033
|
__html: truncatedText
|
|
7793
8034
|
}
|
|
7794
|
-
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8035
|
+
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$1, {
|
|
7795
8036
|
"data-testid": "page-heading-sponsor"
|
|
7796
8037
|
}, /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, link ? /*#__PURE__*/React__default.createElement(ButtonWrapper$1, {
|
|
7797
8038
|
"data-testid": "page-heading-link"
|
|
@@ -7827,15 +8068,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
7827
8068
|
theme: exports.ThemeType.Cinema
|
|
7828
8069
|
}, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
7829
8070
|
link: cinemaLink
|
|
7830
|
-
}), /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8071
|
+
}), /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8072
|
+
align: "left"
|
|
8073
|
+
})));
|
|
7831
8074
|
};
|
|
7832
8075
|
|
|
7833
|
-
var _templateObject$
|
|
7834
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8076
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
8077
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
7835
8078
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
7836
8079
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
7837
8080
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
7838
|
-
var LogoWrapper$
|
|
8081
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
7839
8082
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7840
8083
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
7841
8084
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
@@ -7851,7 +8094,9 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7851
8094
|
bgUrlDesktop = _ref.bgUrlDesktop,
|
|
7852
8095
|
bgUrlDevice = _ref.bgUrlDevice,
|
|
7853
8096
|
_ref$bgImageAltText = _ref.bgImageAltText,
|
|
7854
|
-
bgImageAltText = _ref$bgImageAltText === void 0 ? '' : _ref$bgImageAltText
|
|
8097
|
+
bgImageAltText = _ref$bgImageAltText === void 0 ? '' : _ref$bgImageAltText,
|
|
8098
|
+
_ref$semanticLevel = _ref.semanticLevel,
|
|
8099
|
+
semanticLevel = _ref$semanticLevel === void 0 ? 3 : _ref$semanticLevel;
|
|
7855
8100
|
var truncatedText = text && text.substring(0, 75);
|
|
7856
8101
|
|
|
7857
8102
|
var _ref2 = link || {},
|
|
@@ -7882,12 +8127,13 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7882
8127
|
src: bgUrlDesktop,
|
|
7883
8128
|
alt: bgImageAltText,
|
|
7884
8129
|
"data-testid": "impact-image"
|
|
7885
|
-
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8130
|
+
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$2, {
|
|
7886
8131
|
"data-testid": "impact-logo"
|
|
7887
8132
|
}, children) : null, text ? /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
7888
8133
|
"data-testid": "impact-text"
|
|
7889
8134
|
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
7890
|
-
level: 3
|
|
8135
|
+
level: 3,
|
|
8136
|
+
semanticLevel: semanticLevel
|
|
7891
8137
|
}, truncatedText)) : null, link ? /*#__PURE__*/React__default.createElement(ButtonWrapper$2, {
|
|
7892
8138
|
"data-testid": "impact-link"
|
|
7893
8139
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null), scrollHref ? /*#__PURE__*/React__default.createElement(ScrollDownWrapper, {
|
|
@@ -7901,8 +8147,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7901
8147
|
}, "Scroll Down")) : null);
|
|
7902
8148
|
};
|
|
7903
8149
|
|
|
7904
|
-
var _templateObject$
|
|
7905
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8150
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8151
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
7906
8152
|
var color = _ref.color;
|
|
7907
8153
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7908
8154
|
}, devices.mobileAndTablet);
|
|
@@ -7915,7 +8161,7 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templat
|
|
|
7915
8161
|
});
|
|
7916
8162
|
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
7917
8163
|
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
7918
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8164
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7919
8165
|
|
|
7920
8166
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
7921
8167
|
var _image$src, _image$alt;
|
|
@@ -7946,8 +8192,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7946
8192
|
}))));
|
|
7947
8193
|
};
|
|
7948
8194
|
|
|
7949
|
-
var _templateObject$
|
|
7950
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8195
|
+
var _templateObject$_;
|
|
8196
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7951
8197
|
|
|
7952
8198
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7953
8199
|
var link = _ref.link,
|
|
@@ -7962,14 +8208,16 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7962
8208
|
theme: exports.ThemeType.Stream
|
|
7963
8209
|
}, /*#__PURE__*/React__default.createElement(StreamWrapper, null, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
7964
8210
|
link: streamLink
|
|
7965
|
-
}), /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8211
|
+
}), /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8212
|
+
align: "left"
|
|
8213
|
+
}))));
|
|
7966
8214
|
};
|
|
7967
8215
|
|
|
7968
|
-
var _templateObject
|
|
7969
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8216
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8217
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
7970
8218
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
7971
8219
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7972
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8220
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
7973
8221
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n max-width: 155px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n }\n"])), function (_ref) {
|
|
7974
8222
|
var invert = _ref.invert,
|
|
7975
8223
|
theme = _ref.theme;
|
|
@@ -8070,18 +8318,10 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8070
8318
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8071
8319
|
|
|
8072
8320
|
case 'StreamLogo':
|
|
8073
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8074
|
-
color: color,
|
|
8075
|
-
fontSize: 12,
|
|
8076
|
-
productName: TextLogoProduct.Stream
|
|
8077
|
-
});
|
|
8321
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, null);
|
|
8078
8322
|
|
|
8079
8323
|
case 'CinemaLogo':
|
|
8080
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8081
|
-
color: color,
|
|
8082
|
-
fontSize: 12,
|
|
8083
|
-
productName: TextLogoProduct.Cinema
|
|
8084
|
-
});
|
|
8324
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, null);
|
|
8085
8325
|
|
|
8086
8326
|
default:
|
|
8087
8327
|
return null;
|
|
@@ -8100,7 +8340,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8100
8340
|
var isIOS = function isIOS() {
|
|
8101
8341
|
try {
|
|
8102
8342
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8103
|
-
if (typeof navigator === undefined) return false;
|
|
8343
|
+
if (typeof navigator === 'undefined') return false;
|
|
8104
8344
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8105
8345
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8106
8346
|
} catch (e) {
|
|
@@ -8116,7 +8356,7 @@ var useIOS = function useIOS() {
|
|
|
8116
8356
|
setIOS = _useState[1];
|
|
8117
8357
|
|
|
8118
8358
|
React.useEffect(function () {
|
|
8119
|
-
if (typeof navigator === undefined) return;
|
|
8359
|
+
if (typeof navigator === 'undefined') return;
|
|
8120
8360
|
setIOS(isIOS());
|
|
8121
8361
|
}, []);
|
|
8122
8362
|
return IOS;
|
|
@@ -8255,7 +8495,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8255
8495
|
_ref4$brandingStyle = _ref4.brandingStyle,
|
|
8256
8496
|
brandingStyle = _ref4$brandingStyle === void 0 ? 'BlockText' : _ref4$brandingStyle,
|
|
8257
8497
|
brandingText = _ref4.brandingText,
|
|
8258
|
-
brandingLink = _ref4.brandingLink
|
|
8498
|
+
brandingLink = _ref4.brandingLink,
|
|
8499
|
+
_ref4$showCopy = _ref4.showCopy,
|
|
8500
|
+
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy,
|
|
8501
|
+
_ref4$semanticLevel = _ref4.semanticLevel,
|
|
8502
|
+
semanticLevel = _ref4$semanticLevel === void 0 ? 1 : _ref4$semanticLevel;
|
|
8259
8503
|
|
|
8260
8504
|
var _ref5 = link || {},
|
|
8261
8505
|
linkText = _ref5.text,
|
|
@@ -8281,7 +8525,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8281
8525
|
})) : /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, /*#__PURE__*/React__default.createElement(CompactHeaderAssetWrapper, null, /*#__PURE__*/React__default.createElement(CompactHeaderVideo, {
|
|
8282
8526
|
video: video,
|
|
8283
8527
|
poster: poster
|
|
8284
|
-
})), /*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
|
|
8528
|
+
})), showCopy && /*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
|
|
8285
8529
|
className: "page-heading-compact__background",
|
|
8286
8530
|
invert: invert
|
|
8287
8531
|
}, /*#__PURE__*/React__default.createElement(CompactHeaderBranding, {
|
|
@@ -8291,15 +8535,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8291
8535
|
invert: invert
|
|
8292
8536
|
}), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
8293
8537
|
level: titleSize,
|
|
8294
|
-
semanticLevel:
|
|
8538
|
+
semanticLevel: semanticLevel
|
|
8295
8539
|
}, title && truncate(title, 40))), link && /*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
|
|
8296
8540
|
invert: invert,
|
|
8297
8541
|
className: "page-heading-compact__button"
|
|
8298
8542
|
}), linkText))));
|
|
8299
8543
|
};
|
|
8300
8544
|
|
|
8301
|
-
var _templateObject
|
|
8302
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8545
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8546
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8303
8547
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
8304
8548
|
|
|
8305
8549
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -8375,12 +8619,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
8375
8619
|
}))));
|
|
8376
8620
|
};
|
|
8377
8621
|
|
|
8378
|
-
var _templateObject$
|
|
8379
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8622
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8623
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
8380
8624
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8381
8625
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8382
8626
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
8383
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8627
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8384
8628
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
8385
8629
|
|
|
8386
8630
|
var Person = function Person(_ref) {
|
|
@@ -8432,11 +8676,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8432
8676
|
}));
|
|
8433
8677
|
};
|
|
8434
8678
|
|
|
8435
|
-
var _templateObject$
|
|
8436
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8679
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8680
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8437
8681
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8438
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8439
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
8682
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
8683
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8440
8684
|
|
|
8441
8685
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8442
8686
|
return array.reduce(function (acc, item) {
|
|
@@ -8447,12 +8691,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8447
8691
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8448
8692
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8449
8693
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8450
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8694
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8695
|
+
key: index
|
|
8696
|
+
}, title));
|
|
8451
8697
|
} else if (index > 0) {
|
|
8452
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8698
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8699
|
+
key: index
|
|
8700
|
+
}, ", ", title);
|
|
8453
8701
|
}
|
|
8454
8702
|
|
|
8455
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8703
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8704
|
+
key: index
|
|
8705
|
+
}, title);
|
|
8456
8706
|
}));
|
|
8457
8707
|
};
|
|
8458
8708
|
|
|
@@ -8504,14 +8754,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8504
8754
|
}));
|
|
8505
8755
|
};
|
|
8506
8756
|
|
|
8507
|
-
var _templateObject$
|
|
8757
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8508
8758
|
var LENGTH_TEXT = 28;
|
|
8509
8759
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8510
8760
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8511
8761
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8512
8762
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8513
8763
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8514
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8764
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8515
8765
|
var imageToLeft = _ref.imageToLeft;
|
|
8516
8766
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8517
8767
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8560,7 +8810,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v ||
|
|
|
8560
8810
|
|
|
8561
8811
|
return '';
|
|
8562
8812
|
});
|
|
8563
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8813
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
8564
8814
|
var marginBottom = _ref10.marginBottom;
|
|
8565
8815
|
return marginBottom + "px";
|
|
8566
8816
|
});
|
|
@@ -8782,10 +9032,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
8782
9032
|
}))));
|
|
8783
9033
|
};
|
|
8784
9034
|
|
|
8785
|
-
var _templateObject$
|
|
9035
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
8786
9036
|
var LENGTH_TEXT$2 = 28;
|
|
8787
9037
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
8788
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9038
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
8789
9039
|
var imageToLeft = _ref.imageToLeft;
|
|
8790
9040
|
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'";
|
|
8791
9041
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8801,7 +9051,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
8801
9051
|
return imageToLeft ? 'right' : 'left';
|
|
8802
9052
|
}, devices.mobile);
|
|
8803
9053
|
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
8804
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
9054
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
8805
9055
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
8806
9056
|
var theme = _ref5.theme;
|
|
8807
9057
|
return theme.colors.black;
|
|
@@ -8838,8 +9088,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
8838
9088
|
return '';
|
|
8839
9089
|
});
|
|
8840
9090
|
|
|
8841
|
-
var _templateObject$
|
|
8842
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9091
|
+
var _templateObject$15;
|
|
9092
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
8843
9093
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8844
9094
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8845
9095
|
return aspectRatio;
|
|
@@ -8851,6 +9101,10 @@ var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_te
|
|
|
8851
9101
|
var _ref3$aspectRatio = _ref3.aspectRatio,
|
|
8852
9102
|
aspectRatio = _ref3$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref3$aspectRatio;
|
|
8853
9103
|
return AspectRatioLegacy[aspectRatio];
|
|
9104
|
+
}, function (_ref4) {
|
|
9105
|
+
var _ref4$aspectRatio = _ref4.aspectRatio,
|
|
9106
|
+
aspectRatio = _ref4$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref4$aspectRatio;
|
|
9107
|
+
return aspectRatio;
|
|
8854
9108
|
});
|
|
8855
9109
|
|
|
8856
9110
|
var getAspectRatioFromVideo = function getAspectRatioFromVideo(video) {
|
|
@@ -8867,17 +9121,50 @@ var getAspectRatioFromVideo = function getAspectRatioFromVideo(video) {
|
|
|
8867
9121
|
return exports.AspectRatio[aspectRatioKey] || exports.AspectRatio['16:9'];
|
|
8868
9122
|
};
|
|
8869
9123
|
|
|
9124
|
+
/**
|
|
9125
|
+
* Generates a random string in the format XXX-XXX.
|
|
9126
|
+
* Does not meet UUID standards.
|
|
9127
|
+
* To be used where only a small number of unique IDs are required, e.g. DOM element IDs.
|
|
9128
|
+
*
|
|
9129
|
+
* @return {string} A random string in the format XXX-XXX.
|
|
9130
|
+
*/
|
|
9131
|
+
var generateDomElementId = function generateDomElementId() {
|
|
9132
|
+
var randomPart = Math.floor(100 + Math.random() * 900).toString();
|
|
9133
|
+
var datePart = Date.now().toString().slice(-3);
|
|
9134
|
+
return randomPart + "-" + datePart;
|
|
9135
|
+
};
|
|
9136
|
+
|
|
8870
9137
|
var VideoWithControls$1 = function VideoWithControls(_ref) {
|
|
8871
9138
|
var video = _ref.video,
|
|
8872
9139
|
settings = _ref.settings;
|
|
8873
|
-
var
|
|
8874
|
-
autoPlay = settings.autoPlay;
|
|
9140
|
+
var videoRef = React.useRef(null);
|
|
8875
9141
|
|
|
8876
9142
|
var _useState = React.useState(exports.AspectRatio['16:9']),
|
|
8877
9143
|
aspectRatio = _useState[0],
|
|
8878
9144
|
setAspectRatio = _useState[1];
|
|
8879
9145
|
|
|
8880
|
-
var
|
|
9146
|
+
var _React$useState = React__default.useState(false),
|
|
9147
|
+
isVideoReady = _React$useState[0],
|
|
9148
|
+
setIsVideoReady = _React$useState[1];
|
|
9149
|
+
|
|
9150
|
+
var muted = settings.muted,
|
|
9151
|
+
autoPlay = settings.autoPlay;
|
|
9152
|
+
React__default.useEffect(function () {
|
|
9153
|
+
var changeVideoReadiness = function changeVideoReadiness() {
|
|
9154
|
+
setIsVideoReady(true);
|
|
9155
|
+
};
|
|
9156
|
+
|
|
9157
|
+
if (videoRef.current) {
|
|
9158
|
+
videoRef.current.addEventListener('canplay', changeVideoReadiness);
|
|
9159
|
+
return function () {
|
|
9160
|
+
var _videoRef$current;
|
|
9161
|
+
|
|
9162
|
+
return (_videoRef$current = videoRef.current) == null ? void 0 : _videoRef$current.removeEventListener('canplay', changeVideoReadiness);
|
|
9163
|
+
};
|
|
9164
|
+
}
|
|
9165
|
+
|
|
9166
|
+
return undefined;
|
|
9167
|
+
}, []);
|
|
8881
9168
|
|
|
8882
9169
|
var handleMetadataLoaded = function handleMetadataLoaded() {
|
|
8883
9170
|
if (videoRef.current) {
|
|
@@ -8886,18 +9173,24 @@ var VideoWithControls$1 = function VideoWithControls(_ref) {
|
|
|
8886
9173
|
}
|
|
8887
9174
|
};
|
|
8888
9175
|
|
|
8889
|
-
var
|
|
9176
|
+
var videoElementId = React.useMemo(function () {
|
|
9177
|
+
return "video-id-" + generateDomElementId();
|
|
9178
|
+
}, []);
|
|
9179
|
+
var clonedVideo = /*#__PURE__*/React.cloneElement(video, _extends({
|
|
9180
|
+
playsInline: true
|
|
9181
|
+
}, muted ? {
|
|
8890
9182
|
muted: true
|
|
8891
9183
|
} : {}, autoPlay && muted ? {
|
|
8892
9184
|
autoPlay: true
|
|
8893
9185
|
} : {}, {
|
|
8894
9186
|
height: '100%',
|
|
8895
9187
|
width: '100%',
|
|
8896
|
-
onLoadedMetadata: handleMetadataLoaded
|
|
9188
|
+
onLoadedMetadata: handleMetadataLoaded,
|
|
9189
|
+
id: videoElementId
|
|
8897
9190
|
}, {
|
|
9191
|
+
poster: autoPlay && isVideoReady ? undefined : video.props.poster,
|
|
8898
9192
|
ref: videoRef
|
|
8899
9193
|
}));
|
|
8900
|
-
var videoElementId = clonedVideo.props.id;
|
|
8901
9194
|
var videoContainerId = "video-container-for-" + videoElementId;
|
|
8902
9195
|
|
|
8903
9196
|
var videoControlsProps = _extends({}, settings, {
|
|
@@ -8905,14 +9198,12 @@ var VideoWithControls$1 = function VideoWithControls(_ref) {
|
|
|
8905
9198
|
videoContainerId: videoContainerId
|
|
8906
9199
|
});
|
|
8907
9200
|
|
|
8908
|
-
|
|
8909
|
-
setAspectRatio(exports.AspectRatio['16:9']);
|
|
8910
|
-
}, [video.props.src]);
|
|
9201
|
+
var showVideoControls = autoPlay ? isVideoReady : true;
|
|
8911
9202
|
return /*#__PURE__*/React__default.createElement(VideoContainer, {
|
|
8912
9203
|
aspectRatio: aspectRatio,
|
|
8913
9204
|
id: videoContainerId,
|
|
8914
|
-
"data-testid":
|
|
8915
|
-
}, clonedVideo, /*#__PURE__*/React__default.createElement(VideoControls, Object.assign({}, videoControlsProps)));
|
|
9205
|
+
"data-testid": 'video-container'
|
|
9206
|
+
}, clonedVideo, showVideoControls && /*#__PURE__*/React__default.createElement(VideoControls, Object.assign({}, videoControlsProps)));
|
|
8916
9207
|
};
|
|
8917
9208
|
|
|
8918
9209
|
var PromoChild = function PromoChild(_ref) {
|
|
@@ -8946,7 +9237,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8946
9237
|
text = _ref.text,
|
|
8947
9238
|
links = _ref.links,
|
|
8948
9239
|
children = _ref.children,
|
|
8949
|
-
videoSettings = _ref.videoSettings
|
|
9240
|
+
videoSettings = _ref.videoSettings,
|
|
9241
|
+
titleSemanticLevel = _ref.titleSemanticLevel;
|
|
8950
9242
|
|
|
8951
9243
|
var truncate = function truncate(str, n) {
|
|
8952
9244
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -8987,7 +9279,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8987
9279
|
"data-testid": "content-wrapper",
|
|
8988
9280
|
imageToLeft: imageToLeft
|
|
8989
9281
|
}, /*#__PURE__*/React__default.createElement(PromoWithTitleContainer, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
8990
|
-
level: titleLevel
|
|
9282
|
+
level: titleLevel,
|
|
9283
|
+
semanticLevel: titleSemanticLevel != null ? titleSemanticLevel : titleLevel
|
|
8991
9284
|
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(PromoWithTitleSubtitle, null, subtitle) : null, /*#__PURE__*/React__default.createElement(PromoWithTitleText, {
|
|
8992
9285
|
dangerouslySetInnerHTML: {
|
|
8993
9286
|
__html: text
|
|
@@ -8999,8 +9292,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8999
9292
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9000
9293
|
};
|
|
9001
9294
|
|
|
9002
|
-
var _templateObject$
|
|
9003
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9295
|
+
var _templateObject$16;
|
|
9296
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9004
9297
|
|
|
9005
9298
|
/**
|
|
9006
9299
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9058,8 +9351,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9058
9351
|
})));
|
|
9059
9352
|
};
|
|
9060
9353
|
|
|
9061
|
-
var _templateObject$
|
|
9062
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9354
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9355
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9063
9356
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9064
9357
|
var horizontalMode = _ref.horizontalMode;
|
|
9065
9358
|
if (horizontalMode) return 'row';
|
|
@@ -9068,7 +9361,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_temp
|
|
|
9068
9361
|
var gap = _ref2.gap;
|
|
9069
9362
|
return gap + "px";
|
|
9070
9363
|
});
|
|
9071
|
-
var ErrorLabel$
|
|
9364
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9072
9365
|
var darkMode = _ref3.darkMode;
|
|
9073
9366
|
if (darkMode) return 'var(--base-color-white)';
|
|
9074
9367
|
return 'var(--base-color-errorstate)';
|
|
@@ -9140,7 +9433,7 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9140
9433
|
error: error !== undefined ? '' : undefined,
|
|
9141
9434
|
onChange: changeHandler
|
|
9142
9435
|
}, radio.content);
|
|
9143
|
-
})), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
9436
|
+
})), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$4, {
|
|
9144
9437
|
darkMode: darkMode,
|
|
9145
9438
|
"data-testid": "radio-group-error-label"
|
|
9146
9439
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -9148,8 +9441,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9148
9441
|
}, error)));
|
|
9149
9442
|
};
|
|
9150
9443
|
|
|
9151
|
-
var _templateObject$
|
|
9152
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9444
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9445
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9153
9446
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9154
9447
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9155
9448
|
|
|
@@ -9213,14 +9506,15 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9213
9506
|
})))));
|
|
9214
9507
|
};
|
|
9215
9508
|
|
|
9216
|
-
var _templateObject$
|
|
9217
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9509
|
+
var _templateObject$19;
|
|
9510
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9218
9511
|
|
|
9219
9512
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9220
9513
|
var title = _ref.title,
|
|
9221
9514
|
_ref$size = _ref.size,
|
|
9222
9515
|
size = _ref$size === void 0 ? 'small' : _ref$size,
|
|
9223
|
-
description = _ref.description
|
|
9516
|
+
description = _ref.description,
|
|
9517
|
+
semanticLevel = _ref.semanticLevel;
|
|
9224
9518
|
var headingLevel = size === 'large' ? 1 : 2;
|
|
9225
9519
|
return /*#__PURE__*/React__default.createElement(SectionTitleWrapper, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
9226
9520
|
columnStartDesktop: 3,
|
|
@@ -9228,7 +9522,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9228
9522
|
columnStartDevice: 2,
|
|
9229
9523
|
columnSpanDevice: 12
|
|
9230
9524
|
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
9231
|
-
level: headingLevel
|
|
9525
|
+
level: headingLevel,
|
|
9526
|
+
semanticLevel: semanticLevel != null ? semanticLevel : headingLevel
|
|
9232
9527
|
}, title)), description && /*#__PURE__*/React__default.createElement(GridItem, {
|
|
9233
9528
|
columnStartDesktop: 3,
|
|
9234
9529
|
columnSpanDesktop: 8,
|
|
@@ -9240,8 +9535,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9240
9535
|
}, description))));
|
|
9241
9536
|
};
|
|
9242
9537
|
|
|
9243
|
-
var _templateObject$
|
|
9244
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9538
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9539
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
9245
9540
|
var theme = _ref.theme;
|
|
9246
9541
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9247
9542
|
}, function (_ref2) {
|
|
@@ -9264,7 +9559,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
9264
9559
|
color: theme.colors.black,
|
|
9265
9560
|
title: 'Select Arrow'
|
|
9266
9561
|
};
|
|
9267
|
-
})(_templateObject5$
|
|
9562
|
+
})(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
9268
9563
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
9269
9564
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9270
9565
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -9663,8 +9958,8 @@ function Select(_ref3) {
|
|
|
9663
9958
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9664
9959
|
}
|
|
9665
9960
|
|
|
9666
|
-
var _templateObject$
|
|
9667
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9961
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9962
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9668
9963
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9669
9964
|
var width = _ref.width;
|
|
9670
9965
|
if (!width) return 'none';
|
|
@@ -9682,12 +9977,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_t
|
|
|
9682
9977
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
9683
9978
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9684
9979
|
});
|
|
9685
|
-
var TextLabel$
|
|
9980
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
9686
9981
|
var darkMode = _ref5.darkMode;
|
|
9687
9982
|
if (darkMode) return "var(--base-color-white)";
|
|
9688
9983
|
return "var(--base-color-black)";
|
|
9689
9984
|
});
|
|
9690
|
-
var ErrorLabel$
|
|
9985
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
9691
9986
|
var darkMode = _ref6.darkMode;
|
|
9692
9987
|
if (darkMode) return "var(--base-color-white)";
|
|
9693
9988
|
return "var(--base-color-errorstate)";
|
|
@@ -9704,7 +9999,7 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
9704
9999
|
width = _ref.width,
|
|
9705
10000
|
darkMode = _ref.darkMode,
|
|
9706
10001
|
children = _ref.children;
|
|
9707
|
-
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$
|
|
10002
|
+
return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$4, {
|
|
9708
10003
|
darkMode: darkMode,
|
|
9709
10004
|
"data-testid": "select2-text-label"
|
|
9710
10005
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -9713,7 +10008,7 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
9713
10008
|
width: width,
|
|
9714
10009
|
error: error,
|
|
9715
10010
|
darkMode: darkMode
|
|
9716
|
-
}, children)), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$
|
|
10011
|
+
}, children)), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$5, {
|
|
9717
10012
|
darkMode: darkMode,
|
|
9718
10013
|
"data-testid": "select2-error-label"
|
|
9719
10014
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
@@ -9803,8 +10098,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
9803
10098
|
})));
|
|
9804
10099
|
};
|
|
9805
10100
|
|
|
9806
|
-
var _templateObject$
|
|
9807
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10101
|
+
var _templateObject$1c;
|
|
10102
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
9808
10103
|
var theme = _ref.theme;
|
|
9809
10104
|
return theme.colors.primary;
|
|
9810
10105
|
});
|
|
@@ -9832,8 +10127,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
9832
10127
|
})));
|
|
9833
10128
|
};
|
|
9834
10129
|
|
|
9835
|
-
var _templateObject$
|
|
9836
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10130
|
+
var _templateObject$1d, _templateObject2$R;
|
|
10131
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
9837
10132
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9838
10133
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9839
10134
|
return aspectRatio;
|
|
@@ -9881,8 +10176,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
9881
10176
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
9882
10177
|
};
|
|
9883
10178
|
|
|
9884
|
-
var _templateObject$
|
|
9885
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10179
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
10180
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
9886
10181
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
9887
10182
|
var displayAttribution = _ref.displayAttribution;
|
|
9888
10183
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -9911,12 +10206,12 @@ var Quote = function Quote(_ref) {
|
|
|
9911
10206
|
}, attribution))));
|
|
9912
10207
|
};
|
|
9913
10208
|
|
|
9914
|
-
var _templateObject$
|
|
9915
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10209
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
10210
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
9916
10211
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
9917
10212
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
9918
10213
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
9919
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10214
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
9920
10215
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
9921
10216
|
|
|
9922
10217
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -9955,8 +10250,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
9955
10250
|
}, title)))));
|
|
9956
10251
|
};
|
|
9957
10252
|
|
|
9958
|
-
var _templateObject$
|
|
9959
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10253
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10254
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
9960
10255
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
9961
10256
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9962
10257
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
@@ -10057,15 +10352,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10057
10352
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10058
10353
|
};
|
|
10059
10354
|
|
|
10060
|
-
var _templateObject$
|
|
10061
|
-
var
|
|
10062
|
-
var
|
|
10063
|
-
var
|
|
10064
|
-
var
|
|
10355
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s, _templateObject6$m;
|
|
10356
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10357
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10358
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10359
|
+
var color = _ref.color;
|
|
10360
|
+
return "var(--base-color-" + color + ")";
|
|
10361
|
+
});
|
|
10362
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10363
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10364
|
+
var color = _ref2.color;
|
|
10365
|
+
return "var(--base-color-" + color + ")";
|
|
10366
|
+
});
|
|
10367
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10368
|
+
var color = _ref3.color;
|
|
10369
|
+
return "var(--base-color-" + color + ")";
|
|
10370
|
+
});
|
|
10371
|
+
|
|
10372
|
+
/**
|
|
10373
|
+
* Password strength indicator component.
|
|
10374
|
+
* This renders some number of lines (6 by default)
|
|
10375
|
+
* which should become active when the user improves
|
|
10376
|
+
* the strength of the entered password.
|
|
10377
|
+
*
|
|
10378
|
+
* ## Sections
|
|
10379
|
+
* To set number of sections it should be passed
|
|
10380
|
+
* as `sections` prop.
|
|
10381
|
+
*
|
|
10382
|
+
* ## Active section
|
|
10383
|
+
* To set number of active sections it should be passed
|
|
10384
|
+
* as `activeSections` prop.
|
|
10385
|
+
*
|
|
10386
|
+
* ## Colors
|
|
10387
|
+
* Color of every element can be controlled by properties:
|
|
10388
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10389
|
+
* `textColor`, `strengthLabelColor`.
|
|
10390
|
+
*
|
|
10391
|
+
* ## Text
|
|
10392
|
+
* `text` prop is used to render some message.
|
|
10393
|
+
* For example error (together with proper red color)
|
|
10394
|
+
* or some password requirement. It can be empty.
|
|
10395
|
+
*
|
|
10396
|
+
* ## Strength label
|
|
10397
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10398
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10399
|
+
* It can be empty.
|
|
10400
|
+
*/
|
|
10401
|
+
|
|
10402
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10403
|
+
var _ref$sections = _ref.sections,
|
|
10404
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10405
|
+
_ref$activeSections = _ref.activeSections,
|
|
10406
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10407
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10408
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10409
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10410
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10411
|
+
_ref$text = _ref.text,
|
|
10412
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10413
|
+
_ref$textColor = _ref.textColor,
|
|
10414
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10415
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10416
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10417
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10418
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10419
|
+
|
|
10420
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10421
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10422
|
+
};
|
|
10423
|
+
|
|
10424
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10425
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10426
|
+
};
|
|
10427
|
+
|
|
10428
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10429
|
+
"data-testid": "password-strength-container"
|
|
10430
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10431
|
+
"data-testid": "password-strength-sections"
|
|
10432
|
+
}, Array.from({
|
|
10433
|
+
length: sections
|
|
10434
|
+
}, function (_section, i) {
|
|
10435
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10436
|
+
key: i,
|
|
10437
|
+
color: setSectionColor(i),
|
|
10438
|
+
"data-testid": setSectionDataTestId(i)
|
|
10439
|
+
});
|
|
10440
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10441
|
+
color: textColor,
|
|
10442
|
+
"data-testid": "password-strength-text"
|
|
10443
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10444
|
+
level: 6
|
|
10445
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10446
|
+
color: strengthLabelColor,
|
|
10447
|
+
"data-testid": "password-strength-label"
|
|
10448
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10449
|
+
level: 2
|
|
10450
|
+
}, strengthLabel))));
|
|
10451
|
+
};
|
|
10452
|
+
|
|
10453
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t;
|
|
10454
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10455
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10456
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10457
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10065
10458
|
var isActive = _ref.isActive;
|
|
10066
10459
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10067
10460
|
}, exports.Colors.MidGrey);
|
|
10068
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10461
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10069
10462
|
var isOpen = _ref2.isOpen;
|
|
10070
10463
|
return isOpen ? 'block' : 'none';
|
|
10071
10464
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10235,112 +10628,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10235
10628
|
});
|
|
10236
10629
|
};
|
|
10237
10630
|
|
|
10238
|
-
var _templateObject$
|
|
10239
|
-
var
|
|
10240
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10241
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10242
|
-
var color = _ref.color;
|
|
10243
|
-
return "var(--base-color-" + color + ")";
|
|
10244
|
-
});
|
|
10245
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10246
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10247
|
-
var color = _ref2.color;
|
|
10248
|
-
return "var(--base-color-" + color + ")";
|
|
10249
|
-
});
|
|
10250
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10251
|
-
var color = _ref3.color;
|
|
10252
|
-
return "var(--base-color-" + color + ")";
|
|
10253
|
-
});
|
|
10254
|
-
|
|
10255
|
-
/**
|
|
10256
|
-
* Password strength indicator component.
|
|
10257
|
-
* This renders some number of lines (6 by default)
|
|
10258
|
-
* which should become active when the user improves
|
|
10259
|
-
* the strength of the entered password.
|
|
10260
|
-
*
|
|
10261
|
-
* ## Sections
|
|
10262
|
-
* To set number of sections it should be passed
|
|
10263
|
-
* as `sections` prop.
|
|
10264
|
-
*
|
|
10265
|
-
* ## Active section
|
|
10266
|
-
* To set number of active sections it should be passed
|
|
10267
|
-
* as `activeSections` prop.
|
|
10268
|
-
*
|
|
10269
|
-
* ## Colors
|
|
10270
|
-
* Color of every element can be controlled by properties:
|
|
10271
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10272
|
-
* `textColor`, `strengthLabelColor`.
|
|
10273
|
-
*
|
|
10274
|
-
* ## Text
|
|
10275
|
-
* `text` prop is used to render some message.
|
|
10276
|
-
* For example error (together with proper red color)
|
|
10277
|
-
* or some password requirement. It can be empty.
|
|
10278
|
-
*
|
|
10279
|
-
* ## Strength label
|
|
10280
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10281
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10282
|
-
* It can be empty.
|
|
10283
|
-
*/
|
|
10284
|
-
|
|
10285
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10286
|
-
var _ref$sections = _ref.sections,
|
|
10287
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10288
|
-
_ref$activeSections = _ref.activeSections,
|
|
10289
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10290
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10291
|
-
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10292
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10293
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10294
|
-
_ref$text = _ref.text,
|
|
10295
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10296
|
-
_ref$textColor = _ref.textColor,
|
|
10297
|
-
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10298
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10299
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10300
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10301
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10302
|
-
|
|
10303
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10304
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10305
|
-
};
|
|
10306
|
-
|
|
10307
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10308
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10309
|
-
};
|
|
10310
|
-
|
|
10311
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10312
|
-
"data-testid": "password-strength-container"
|
|
10313
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10314
|
-
"data-testid": "password-strength-sections"
|
|
10315
|
-
}, Array.from({
|
|
10316
|
-
length: sections
|
|
10317
|
-
}, function (_section, i) {
|
|
10318
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10319
|
-
key: i,
|
|
10320
|
-
color: setSectionColor(i),
|
|
10321
|
-
"data-testid": setSectionDataTestId(i)
|
|
10322
|
-
});
|
|
10323
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10324
|
-
color: textColor,
|
|
10325
|
-
"data-testid": "password-strength-text"
|
|
10326
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10327
|
-
level: 6
|
|
10328
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10329
|
-
color: strengthLabelColor,
|
|
10330
|
-
"data-testid": "password-strength-label"
|
|
10331
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10332
|
-
level: 2
|
|
10333
|
-
}, strengthLabel))));
|
|
10334
|
-
};
|
|
10335
|
-
|
|
10336
|
-
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$t, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10337
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10631
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10632
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10338
10633
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10339
10634
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10340
10635
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
10341
10636
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10342
10637
|
}, devices.tablet, devices.mobile);
|
|
10343
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
10638
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
10344
10639
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10345
10640
|
}, devices.mobile);
|
|
10346
10641
|
var LineContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: ", ";\n width: 100%;\n"])), function (props) {
|
|
@@ -10618,8 +10913,8 @@ var LiveChat = function LiveChat() {
|
|
|
10618
10913
|
});
|
|
10619
10914
|
};
|
|
10620
10915
|
|
|
10621
|
-
var _templateObject$
|
|
10622
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10916
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10917
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10623
10918
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
10624
10919
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10625
10920
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10648,8 +10943,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10648
10943
|
}, children)));
|
|
10649
10944
|
};
|
|
10650
10945
|
|
|
10651
|
-
var _templateObject$
|
|
10652
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10946
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10947
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
10653
10948
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
10654
10949
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10655
10950
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
@@ -10772,8 +11067,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
10772
11067
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
10773
11068
|
};
|
|
10774
11069
|
|
|
10775
|
-
var _templateObject$
|
|
10776
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11070
|
+
var _templateObject$1m;
|
|
11071
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
10777
11072
|
var theme = _ref.theme;
|
|
10778
11073
|
return theme.colors.primary;
|
|
10779
11074
|
}, function (_ref2) {
|
|
@@ -11734,6 +12029,7 @@ exports.Footer = Footer;
|
|
|
11734
12029
|
exports.GlobalStyles = GlobalStyles;
|
|
11735
12030
|
exports.Grid = Grid;
|
|
11736
12031
|
exports.GridItem = GridItem;
|
|
12032
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
11737
12033
|
exports.Header = Header;
|
|
11738
12034
|
exports.Icon = Icon;
|
|
11739
12035
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
@@ -11785,6 +12081,7 @@ exports.Tabs = Tabs;
|
|
|
11785
12081
|
exports.TertiaryButton = Button$1;
|
|
11786
12082
|
exports.TextArea = TextArea;
|
|
11787
12083
|
exports.TextField = TextField;
|
|
12084
|
+
exports.TextFieldLegacy = TextFieldLegacy;
|
|
11788
12085
|
exports.TextLink = TextLink;
|
|
11789
12086
|
exports.TextOnly = TextOnly;
|
|
11790
12087
|
exports.ThemeProvider = Theme;
|